see腳本
① 椎名林檎的專集
幸福論
1998年5月27日 1,020円(稅込) TODT-5144
歌舞伎町の女王
1998年9月9日 1,020円(稅込) TOCT-4112
ここでキスして。(在這里接吻)
1999年1月20日 1,200円(稅込) TOCT-4133
本能
1999年10月27日 1,200円(稅込) TOCT-22010
幸福論 (愉悅編)
1999年10月27日 1,020円(稅込) TOCT-22011
罪と罰2000年1月26日 1,200円(稅込) TOCT-22052
ギブス(石膏 )
2000年1月26日 1,200円(稅込) TOCT-22051
真夜中は純潔
2001年3月28日 1,200円(稅込) TOCT-22155
莖(STEM)~大名游ビ編~2003年1月22日 1,200円(稅込) TOCT-4450
作品列表
1. Electric Mole(通常盤)
DVD、¥4170、2003/12/17発売、東芝EMI
2. Electric Mole(初回生產限定盤) (販売停止中)
DVD、¥5800、2003/12/17発売、東芝EMI
3. りんごのうた
CDシングル(12cm)、¥1800、2003/11/25発売、東芝EMI
4. 性的ヒーリング~其ノ參~
DVD、¥3333、2003/08/20発売、東芝EMI
5. 賣笑エクスタシー
DVD、¥3773、2003/05/27発売、東芝EMI
6. 加爾基 *** 栗ノ花
CD、¥3059、2003/02/23発売、東芝EMI
7. 莖(STEM)~大名游ビ編~
CDシングル(12cm)、¥1200、2003/01/22発売、東芝EMI
8. 短編キネマ「百色眼鏡」
DVD、¥1991、2003/01/22発売、東芝EMI
、初のショートムービー!! 企畫・音楽・演出:、原案:鷹野原均、腳本:伊藤摩衣、監督:番場秀一 ショッキングなストーリーと美しい映像! そしてバックに流れるニューアルバムからの斷片! ストーリー
9. 莖(STEM)~大名游ビ編~
CDシングル(12cm)、¥1200、2003/01/22発売、東芝EMI
10. 唄ひ手冥利~其ノ壱~
CD、¥3600、2002/05/27発売、東芝EMI
11. 真夜中は純潔
CDシングル(12cm)、¥1200、2001/03/28発売、東芝EMI
12. 発育ステータス〃御起立ジャポン〃
DVD、¥3200、2000/12/07発売、東芝EMI
13. 下饉上エクスタシー
DVD、¥4200、2000/12/07発売、東芝EMI
14. 下饉上エクスタシー
VHS、¥2520、2000/12/07発売、東芝EMI
15. 発育ステータス〃御起立ジャポン〃
VHS、¥1920、2000/12/07発売、東芝EMI
16. 絕頂集
CD、¥2940、2000/09/13発売、東芝EMI
17. 性的ヒーリング~其ノ弐~
DVD、¥3200、2000/08/30発売、東芝EMI
18. 性的ヒーリング~其ノ壱~
DVD、¥3200、2000/08/30発売、東芝EMI
19. 勝訴ストリップ
CD、¥3059、2000/03/31発売、東芝EMI
20. 罪と罰
CDシングル(12cm)、¥1200、2000/01/26発売、東芝EMI
21. ギブス
CDシングル(12cm)、¥1200、2000/01/26発売、東芝EMI
22. 本能
CDシングル(12cm)、¥1200、1999/10/27発売、東芝EMI
23. 幸福論
CDシングル(12cm)、¥1020、1999/10/27発売、東芝EMI
24. 無罪モラトリアム
CD、¥3059、1999/02/24発売、東芝EMI
25. ここでキスして。
CDシングル(12cm)、¥1200、1999/01/20発売、東芝EMI
26. 歌舞伎町の女王
CDシングル(12cm)、¥1020、1998/09/09発売、東芝EMI
27. 幸福論
CDシングル(8cm)、¥1020、1998/05/27発売、東芝EMI
林檎特殊風格時間表
001. 討好時期
剛出道的椎名搞怪方面還是比較收斂的,《幸福論》mv裡面的水手服打扮還算中規中矩,雖然mv的開頭就是橫屍大街的場面,但是導演還是安排了幾個郁悶的人和可愛的大猩猩來緩和一下mv中死亡的意識。整體還是詼諧可愛的,音樂方面,校園樂隊的感覺強烈,編曲也是老少咸宜的悅耳曲風。椎名的嗓音也沒有太過強烈的嘶吼表現。第一張單曲一切做的不慍不火。曲子本身悅耳就足夠讓人記住她了,再加上一點點的怪異,總之我認為這些都是假象,後來……哼哼哼……
002. 熟女時期
《歌舞伎町の女王》出現之後,椎名把大家的目光帶到了日本繁華的新宿紅燈區,歌詞中以虛擬的「小夏」這個角色來訴說了妓女的無奈,這次音樂的動向可說是椎名後來一系列企劃的根源地,自此以後,椎名的音樂從此與「性」緊密相連,且毫不避諱。《歌舞伎町の女王》mv中的葬禮場面、小孩隨地小便、母親赤裸的哺乳鏡頭也奠定了「椎名風格」的特色,音樂方面,不羈的、發泄的東西終於在《幸福論》之後爆發出來,搖滾味道初現,聲音也變的不老實起來,mv裡面偶爾也目露凶光。稍顯性感的小背心也派上了用場,坐在骯臟的地方猛烈的刷吉他,是暴烈的預告。
003. 病態時期
《在這里接吻》的詞還算純情,可是mv方面就有打sm擦邊球的嫌疑,在椎名黑色的大衣下,胸部幾條編的相當「內行」的sm繩索很是吸引「好奇者」眼球,畫面打了柔光,椎名一副「有點不妥」的表情在唱著,唱到最後目光好象對不上焦似的,還匝巴一下嘴,意猶未盡的樣子。據說這首mv意在諷刺當今日本社會一些人的病態心理,當然我不這么覺得,我覺得這就是椎名的表現理念。音樂方面,全面搖滾化,聲音的表現更加歇斯底里。結尾開始出現嘶啞的氣息聲,捲舌更加多見。
004. 中病態時期
這個階段椎名對於醫學事物的迷戀晉升到新的層次,《本能》mv中,乾脆她拿出自己收藏的護士服美艷登場,血紅的嘴唇+象徵宣導的大聲公,一切不和諧的東西到了椎名這邊立刻變的配套,自成一統。上一秒她還在用挑逗的眼神唱著曖昧的調調,下一秒立刻揮拳擊碎眼前的玻璃,看得人目瞪口呆,其間與女病人的一場露骨的床戲也讓人瞠目結舌。音樂方面,不用說了,一開始的噪音鼓就預示著又一場搖滾風暴即將來臨,加入了更多的電子器樂效果。這樣煽動的視覺+挑釁似的音樂,不用說,《本能》當然熱賣。
005. 華麗病態時期
《石膏》《暗夜中的雨》2支mv,已經為椎名的視覺特性做了最好的奠基,都是華麗+腐朽+迷亂 。象是藤原薰的畫一般昏暗的色調,墮落的意識。但是偏偏又那麼美,只能說,椎名林檎更日本了。《石膏》被定位為椎名式的抒情歌,是的,很抒情,但是,也很搖滾。好象就是從這個時候,我們的椎名殿下開始喜愛翻白眼,她的病態表現上升到了新的層次。也是在這個時候,歐陸風格的東西也被她加入到了自己的理念當中給我們看到。甚至,還聞到了一絲「宗教性」的氣味。
006. 無眉時期
很多人都是通過《罪與罰》知道椎名林檎的,可能因為她的聲線到了「那樣的程度」,已經是個人風格的頂峰了,歌一開始,她的聲音就讓人為之一震,就這幾句就足以造成一時的話題,《罪與罰》的曲風完全沒有痕跡可尋,受誰的影響?什麼樂器寫的?完全一團混亂,跟《幸福論》比較,進步簡直一日千里!mv中,公司好象預計這張會大賣一樣,居然把一輛賓士車整齊對切,完全展示其剖面風貌,事已至此,我無話好說。關於剃掉眉毛,塗黑上下眼眶的爆擦妝,也只是小事而已了。
007.懷孕時期
突然在官方站上宣稱自己奉子成婚,並要在網路公開分娩過程這一舉動讓我這個已經做好了等待椎名下一次沖擊的死忠歌迷還是始料未及的嚇了一跳。由於大著肚子,所以,新的單曲《純潔的深夜》mv只能啟動椎名的卡通形象來代替她爬高上低,mv里,椎名化身女版007,和她的愛貓一起上演了一場激斗的槍戰片。復古的2d動畫倒是很搭配單曲的復古概念,音樂方面交由東京三大交響樂團編制演奏,華麗到讓人吐血,後來在《歌手價值》(森盤)大出風頭的森俊之先生也在單曲的第三首《愛妻家的早餐》里初次現身。令人驚喜的是,椎名的老歌《席德與白日夢》經過編制,居然也體現了復古的氣息。椎名的聲線在這張單曲里,漸漸沒有了前期的暴戾和狂躁,取而代之的是光華大盛的自信表現。
008. 溫柔的媽媽時期
復出後第一張唱片,椎名意外的出了雙cd的翻唱專輯《歌手價值》。唱當然不是白唱,這兩張cd絕非一般歌手的口水歌專輯,從編曲到聲音表現,這些冷門經典歸為椎名所有一般,重新煥發讓人吃驚的光彩,哀怨的《love is blind》在椎名這里變的暴戾瘋狂,《枯葉》這樣經典的爵士歌曲也變成了狂躁的搖滾,加上椎名的弟弟椎名純平,同門銷量天後宇多田光等人的合唱曲目助陣,這張復出專輯的分量可見非同一般。而且以椎名的創意,這次的專輯一分為二,分別是以吉他為編曲主線的「龜盤」(龜田誠治監制)、以鍵盤為編曲主線的「森盤」(森俊之監制),從曲目名稱,到包裝設計,完全講求對稱,一黑一白,連歌詞本內頁的頁數之間圖片排列,也是相互對稱。真是無所不用其極。音樂方面,這兩張完全展現了椎名的巨大變革,以前的焦躁,暴戾大幅度降低,作品更加大氣,更加世界化。是當了媽媽所以溫柔起來?還是厭倦了那些嘩眾取寵的伎倆?總之,當了***椎名林檎,有點***樣子了。
009. 完全復古時期
《莖》可以說是椎名出道以來最為成熟的一首單曲,她的所有風格到了這里,都彷彿被溫馴的歸一了,所有的躁動,暴戾,病態,恐怖……都歸一在那張塗脂抹粉的平靜表情下,不是安靜了,而是更具潛力的隱形爆發,躁動化作美麗蜿蜒的花紋,暴戾化作她徐徐吹出的煙氣,病態只不過是現在眼角的一抹淺紅,恐怖則是顏面開出的妖嬈花朵……《莖》的影象表現實在是令人驚艷,大量傳統的對稱畫面,復古的暗紅色,用最新科技實現的浮世繪動畫,無一不在展現椎名的風格進化。搭配與單曲同期發行的dvd短篇電影《百色眼鏡》,椎名真正原創的第一次復出就這么安安靜靜的奪回了歌迷的心。而以美術著稱的《百色眼鏡》也獲得了進入坎城電影節的殊榮。相信音樂方面,即使是剛接觸椎名的朋友也聽到了這首《莖》吧?我就不用多說了,華麗的編曲加上國際化的歌詞,即使椎名不再象以前一樣表現的那麼誇張,即使她不再發出那樣經典的捲舌音,我們還是一樣被她平靜的俘虜。
010. 宗教時期
《加而基 精液 栗ノ花》。只看封面就能感覺到椎名的大方向已經變的十萬八千里了,延續《莖》的復古路線,這張專輯整體呈現復古風貌,但是其中加入更多極其現代的電子元素,卻致力於營造時代模糊而整體偏向復古的音樂屬性,《迷彩》《莖》《意識》三首原本收錄在《莖》單曲里的曲目,如今領導了整張專輯的走向,其中收錄了《莖》重新編曲的日文版,改版雙cd後,在disc2 還加收了《賣笑高潮》演唱會的珍寶級曲目《映日紅の花》——唯一一首椎名演繹別人的作品,與《加而基 精液 栗ノ花》裡面華麗復雜的音樂完全相反,只用一把吉他編曲的清新歌曲。作曲浮雲是個陌生的名字。這個時候的椎名林檎,似乎已經脫離了重型搖滾,而走入了一個混淆陌生的音樂世界,從專輯最後一首曲目《葬列》來看,椎名的音樂似乎慢慢滲入宗教的味道。
011.歸零時期
《蘋果之歌》如此沒有噱頭的名字,讓人無法聯想和那個百變女王椎名林檎有何關系。她這次是要把事情做絕了,完全回歸本真,甚至回到《幸福論》以前!不僅在《蘋果之歌》mv裡面把所有的造型全部重做一遍之外,甚至連她那顆嘴角的招牌痣也點掉了!mv的最後,她褪盡鉛華,以一頭清爽短發示人,裸露雙肩,完全一副高中生模樣。連單曲封面上面的字都全部使用平假名,屏棄了以前慣用的艱深漢字,完全回到最初的「白紙狀態」。這張cd+dvd的單曲是一次椎名回顧展,也是新開始的預告,0是原點,是起點,也是無限可能的延伸。除了「東京事變」的建立以外,椎名個人的下一步動向,不會有人知道,但是,那一定又是個令人下巴脫臼的企畫。
② 如何使用GreaseMonkey
選載自 mozilla 知識庫(中文):
1.1.
Greasemonkey是什麼?
Greasemonkey 是一個 Firefox
擴展,它有通過編寫腳本來改變被訪問網頁的功能。使用它,能使您訪問的網站更便於閱讀或者更便於使用。使用它,您能修復網頁渲染的缺陷,而無須煩擾網站管理員。使用它,您能讓網頁更好地使用殘疾人援助技術,清楚響亮地說出網頁內容,或者將網頁內容變為盲文。使用它,您能自動地獲得其它網站的數據,從而使兩個網站更好地相互鏈接起來。
然而
Greasemonkey 本身並沒有作這些事。實際上,在您安裝它之後,您注意到根本沒有任何變動...直到您開始安裝一種叫做「用戶腳本」的東西。用戶腳本(user
script)就是一大塊 javascript 代碼,還有些附加信息,用來告訴 Greasemonkey
腳本應該在何時何地運行。每個用戶腳本能夠針對具體頁面,具體網站,或者一批網站。用戶腳本能做到您在 Javascript
中可做到的任何事情。實際上,它能做得更多,因為 Greasemonkey 提供了專供用戶腳本使用的函數。
Greasemonkey 腳本庫
(http://nck.us/collab/GreaseMonkeyUserScripts)包含了上百個用戶腳本,這些都是用戶為了滿足自己的需要而寫的。一旦您寫了自己的用戶腳本,只要您認為別人也許發現它有用,您可以把它添加到腳本庫中。您也可以自己使用,因為從編寫過程中獲得知識,獲得滿足感,才是更重要的。
這是Greasemonkey的郵件列表 ,您可以在那裡提問,發表用戶腳本,和討論新特性的想法。Greasemonkey
開發人員常去這個郵件列表; 他們也許甚而回答您的問題!
[編輯]
為什麼寫這本書?
Dive Into Greasemonkey 是從
Greasemonkey
郵件列表中的用戶討論和作者本人編寫用戶腳本的經驗中發展而來。僅僅一個星期,作者就發現,新用戶經常會提出重復的問題,而這些問題是被回答過的。此外,在寫了幾個用戶腳本以後,作者發現,一些常用的模式,以及可以解決某一類問題的成塊的可重用代碼會反復出現。因此,作者開始整理這些有用的模式,解釋編程思路,同時作者也從中獲益。
如果沒有
Greasemonkey 的開發者 Aaron Boodman 和 Jeremy Dunck
的大力幫助,沒有那些對我的初稿提出寶貴的反饋建議的用戶,就不會有現在的這本書。在這里對他們表示衷心的感謝。
1.2. 安裝
Greasemonkey
要寫用戶腳本,您需要先會安裝0.3或以上版本的
Greasemonkey 擴展。
步驟: 安裝 Greasemonkey 擴展
1. 訪問Greasemonkey的主頁
2. 點擊名為「Install
Greasemonkey」(註:英文主頁)的鏈接
3.
Firefox會顯示(可能在瀏覽器窗口的上方)它阻止網站安裝軟體的信息。點擊編輯選項...打開"允許的站點"對話框,然後點擊允許,將 Greasemonkey
的網站添加到允許安裝軟體的網站列表中。單擊確定關閉「允許的站點」對話框
4. 再次點擊名為「Install Greasemonkey」的鏈接
5.
現在將彈出安裝對話框,確定您真的要安裝。等幾秒鍾,安裝按鈕變亮,再點擊安裝
6.
重新啟動您的瀏覽器
一旦您重新啟動了瀏覽器,選擇工具(T)菜單。您應該看到三個菜單項:Install User Script..., Manage
User Scripts..., 和 User Script Commands。 只要 Manage User Scripts...
可以使用,那麼就裝好了。其他的兩個要在特殊的情況才能使用。
一般來說,安裝好
Greasemonkey,(除了三個菜單項外)並不會給瀏覽器添加任何功能。它能讓您添加另外的東西,名叫「用戶腳本」(user
script),它可以用來定製指定的網頁。
1.3. 安裝用戶腳本
一個
Greasemonkey 的「用戶腳本(user
script)」就是一個用Javascript編寫的文件,您可以設置在一個或多個網頁上執行安裝的用戶腳本。
您可以在Greasemonkey
script repository
(http://nck.us/collab/GreaseMonkeyUserScripts)(Greasemonkey腳本庫,英文網站)找到許多用戶腳本。盡管沒人要求您必須把您的腳本放到那兒去,實際上,您可以把您的腳本共享到任何地方,這樣其他人就可以安裝它了。您甚至不需要一台網路伺服器;因為你可以從本地文件中安裝用戶腳本。
用戶腳本的文件名必須以 .user.js
結尾。
我(原作者)寫的第一個用戶腳本叫做
「Butler」。它增強了Google的搜索結果的功能。
步驟: 安裝 Butler 用戶腳本
✪ 怎樣安裝用戶腳本
1. 訪問
Butler 的主頁,將看到有關 Butler
的功能的簡要概述。(並不是所有的用戶腳本都有主頁; Greasemonkey 只關心用戶腳本本身。)
2. 點擊「Download version...」
鏈接,然後您會在瀏覽器中看到這個用戶腳本中的內容,有好幾頁長。
3. 打開 工具 菜單,Install User Script...
這個菜單項應該可以用了,就點它。
4. 彈出標題為「Install User
Script」的對話框,其中顯示了將要安裝的用戶腳本名稱,簡介以及作用與排除的頁面列表。所有這些信息都包含在腳本之中;以後您會學到如何在腳本中用元數據(metadata)來定義它們。
5.
點擊 確定,完成安裝。
(轉載者註:對已經下載在本地硬碟的腳本,把這個腳本拖曳進FF窗口,或在FF中
文件-->打開
這個腳本,並使這個腳本顯示在前台,再進行3、4、5步驟就可以完成安裝。)
沒有意外的話,Greasemonkey
會彈出一個提示窗口,寫到「Success! Refresh page to see changes.」(安裝成功!刷新頁面以查看頁面變化,)
(譯者註:在0.6.3中取消了提示窗口,改為了狀態欄提示,所以安裝時請注意狀態欄)
現在,您可以在Google中任意搜索一些東西。在搜索結果頁面的頂部會有一行顯示「Try
your search on: Yahoo, Ask Jeeves, AlltheWeb, ...」。在其下面會有一個標簽顯示「Enhanced by
Butler」。所有這些東西都是由 Butler 用戶腳本添加進去的。
1.4. 管理您的用戶腳本
如果您喜歡您能安裝許多個
Greasemonkey 腳本。 Greasemonkey 有圖解配置對話框處理您的用戶腳本: 暫時禁用, 改變他們的配置,
或完全地卸載。
步驟: 暫時禁用 Butler
✪ 怎樣禁用 user script
1.
從菜單開始,選擇 工具 → Manage User Scripts... Greasemonkey 會彈出一個對話框,其標題為「Manage User
Scripts」。
(譯者註:由於Greasemonkey暫時沒有中文版,所以Greasemonkey的界面術語暫不翻譯。)
(另一譯者註:現在Mozilla
Update已經有中文版Greasemonkey ,後面的我真不知道該不該翻譯成中文...)
2.
在對話框左邊的方框是您安裝的所有 user script 的列表。(如果您從頭到尾按照步驟來的話,這里應該只有一個腳本: Butler)
3.
選中列表中的 Butler 然後取消 Enable
復選框。左邊列表中的"Butler"就會由黑色轉為灰色。(這樣當它選中的時候,就會看起來比較費勁,但是當您安裝了很多腳本時就非常有用了。)
4. 點擊
確定 退出「Manage User Scripts」 對話框
現在 Butler
已經安裝,但是未被啟用。您在Google上隨便搜索下就會發現確實如此。在頁面頂端的「Enhanced by Butler」 應該沒有了。您可以「Manage
User Scripts」對話框中重復剛才的步驟,重新選擇 Butler 重新選擇 Enabled
復選框。
注意
雖然我用暫時(「temporary」)來形容禁用 user script
的動作,但是如果您不重新啟用它,它就始終被禁用。之所以是暫時,只因為您可以方便的啟用它而不需要再到我的網站上來找原始腳本,而且還要重新安裝。
您完全可以用「Manage
User Scripts」對話框來卸載腳本。
步驟: 卸載 Butler
✪ 怎樣卸載 user script
1.
在菜單中,選擇 工具 → Manage User Scripts.... Greasemonkey 又會彈出「Manage User Scripts」
對話框。
2. 在左邊的方框中,選擇 Butler 點擊 Uninstall。不需要確認,這個 user script 馬上就被卸載掉了。
3.
第三步... 沒有第三步! (With apologies to Jeff
Goldblum.)
先等一下,還沒完呢!您也可以修改您之前安裝過的用戶腳本的配置。記得您第一次安裝Butler時看到的對話框
(http://diveintogreasemonkey.org/install/userscript.html)嗎,就是那個有兩個「包含的網站」和「排除的網站」(sites
to include and exclude)列表的?您可以在「管理用戶腳本(Manage User
Scripts)」對話框中自己修改那些列表,不管是第一次安裝時還是在其它什麼時候。
(譯者註:這兩個列表其實就是腳本的執行清單和豁免清單,支持用通配符表示網址。)
讓我們繼續,例如,您認為
Butler 不錯,但是覺得它在Froogle (http://froogle.google.com/)(Google's proct comparison
site)上毫無用處。那麼,您就可以修改用戶腳本配置來排除這個網站,而讓它在其它Google網站上仍然起作用。
步驟:重新配置 Butler
以排除 Froogle
✪ 怎樣修改user script配置
1. 在菜單中, 選擇
工具 → Manage User Scripts.... ,Greasemonkey會彈出「Manage User Scripts」對話框。
2.
在對話框左邊的面板中, 選擇 「Butler」. 接著在右邊的面板中就會顯示兩個列表,一個是Included
pages(「http://*.google.*/*」),另一個是Excluded pages(blank)。
3. 在「Excluded pages」
列表那裡點擊「Add....」
4. Greasemonkey會彈出另一個標題為「Add
Page」的對話框提示你輸入網址。在其中輸入http://froogle.google.com/*然後點 OK。
5. 在「Manage User
Scripts」 的對話框中, 「excluded pages list」現在就會有您新添加的地址, http://froogle.google.com/*, 「*」表示這個腳本不會在 froogle.google.com
站點的任何頁面上執行. 「*」被用做為一個通配符,您可以在 URL: 域名/路徑中的任何位置使用它,甚至在(http://)中.
6. 點 OK
退出「Manage User Scripts」 對話框。在
「Froogle」中搜索某個欄位,確認「Butler」不會被執行。但是,它仍然會在普通搜索、圖片搜索的結果中,以及google站點的其他頁面中執行。
若擴展是比較新的(我這里是0.7.2008***),則已經提供對中文腳本的支持,可以跳過下面的內容。
這里有一個修改了的greasemonkey0.6.4擴展(修復了GM菜單、增加對中文注釋的支持):
一個fishbone版主代為修改的greasemonkey0.6.5擴展(修復了GM菜單、增加對中文注釋的支持):
修改的greasemonkey0.6.6擴展(增加了對中文腳本的支持):
【當時沒在FX1.5測試過,後來試了一下,發現用戶腳本命令里的菜單還會重復(刷新時),建議FX1.5的裝下面1103的修改版】
修改的greasemonkey0.6.6擴展(增加了對中文腳本的支持,修復用戶腳本命令里的菜單重復現象):
修改的greasemonkey0.6.7擴展(增加了對中文腳本的支持,修復用戶腳本命令里的菜單重復現象):
③ 如何免費製作網頁
首先,可以告訴想學網頁製作的朋友。學習製作網頁和學習其它知識一樣,是要有基礎的。在基礎之上學習起來會比較輕松和快捷的。其次,要清楚學習它是用來做什麼。
建議你要具備的條件:對電腦熟練操作,使用電腦最好在一年以上,對網頁設計感興趣,有較充足的學習時間,熟悉office辦公軟體。當然,這些不是一定必須的。
第一階段:開始時最好是學些網頁編輯軟體,如:FrontPage、Dreamweaver.這樣可以使您更了解網頁製作與運營的原理。最好使拿本教程來學學,結合教程邊學習邊製作。
第二階段:會用網頁製作軟體後,已會製作一個較完整的網站了。但為了能使自己設計製作的網頁盡善盡美,還是學習網頁的核心技術吧!網頁編輯語言(包括:html、css、javascript、asp、xml等)。你可以選擇地學習。
第三階段:結合你自己已掌握地知識來開發網站,可以開發出別人給你定義的目標網站。到了這個時候,你就成為真正的網站開發者了。
怎樣製作網頁,不是說一兩篇文章能夠說清楚的。以上介紹的是製作網頁的主要綱要,希望能夠給想要學習製作網頁的朋友一個參考。
二
一、工具
1、空間
網頁做好了肯定是要發表上網的,所以必須先申請一個空間;免費的空間不是很穩定,容量又小,也不好申請,建議到大的網站如新浪、網易去先買一個個人空間,大概有個20M以上的就可以了。
2、軟體
推薦使用Dreamweaver6.0中文版,這個軟體最大的特點就是「所見即所得」,也即是製作過程中看到的,便是到時發布到網路上的。
二、教程
花點時間,找個比較通俗易懂的教程看一看是很有必要的。每個網頁的組成,不外是文字、表格、圖、動畫還有就是背景音樂等幾個大的元素,搞清楚如何將這些元素擺放進去,你也就算懂得如何製作網頁了。推薦一個教程地址,有空可以去看看,http://www.goeway.com/WEB/INDEX.ASP
三、製作
開始時建議去下載一個比較簡單的網頁,在製作軟體中將它打開,然後仔細觀察人家的網頁的構成,模仿它去填充各種元素,實踐中再配合著教城,進度會快很多,記得也牢一些。
其實做網頁並不難,但要做出有特色的網頁來,那就非一朝一夕之功了。
一點個人的粗淺體會,不妥之處敬請指正。
三
網站設計八步驟
由於目前所見即所得類型的工具越來越多,使用也越來越方便,所以製作網頁已經變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁,於是他們認為網頁製作非常簡單,就匆匆忙忙製作自己的網站,可是做出來之後與別人一比,才發現自己的網站非常粗糙,這是為什麼呢?常言道:「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣,它是一個系統工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設計出一個滿意的網站。
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對於個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找准一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後,你就要圍繞主題開始搜集材料了。常言道:「巧婦難為無米之炊」。要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來,也可以從互聯網上搜集,然後把搜集的材料去粗取精,去偽存真,作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的網頁才能有個性、有特色,具有吸引力。如何規劃網站的每一項具體內容,我們在下面會有詳細介紹。四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多,首先就是網頁製作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優秀者當然是Dreamweaver和Frontpage了,如果是初學者,Frontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫製作工具,如Flash、Cool 3d、Gif Animator等;還有網頁特效工具,如有聲有色等,網上有許多這方面的軟體,你可以根據需要靈活運用。
五、製作網頁
材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小,就是說在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後復雜,就是先設計出簡單的內容,然後再設計復雜的內容,以便出現問題時好修改。在製作網頁時要多靈活運用模板,這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢,最後要發布到Web伺服器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁製作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。
七、推廣宣傳
網頁做好之後,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新
網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者 .
四
一、首先確定你要製作的網頁的主題,就是你建這個網站的內容是什麼(註:網站和網頁的關系與區別就好比一本書和其中的一個頁面的關系);
二、確定你的網頁的閱讀對象,就是你的網頁是准備給那些人看的;
三、選擇製作網頁的工具軟體,常見的有dreamweaver和office組件裡面的frontpage,如果你是初學者,哪我建議你使用frongpage,因為這個軟體的入門比較簡單(當然功能也很強大),如果你會使用word的話,哪就可以很快作出網頁的,如何你想作專業的網頁製作人員,哪我建議你使用dreamweaver,目前的版本是XM,我現在就使用,很好用的,這個軟體的好處是不怎麼產生垃圾代碼,並且支持各種代碼的性能很好,基本上各種代碼可以直接編輯。
四、如果你作好了頁面,就需要考慮你的網頁放到什麼地方發表,也就是平常我們說的發表空間,我們學校的用戶網路中心已經申請好了空間,大家可以直接使用(有發布空間的標志是你有了FTP賬號,這個需要申請)。
五、找到發布空間以後,你需要把自己的網頁上傳到你的發布空間,這個需要一個上傳軟體,我推薦使用ACEFTP,這個軟體體積小,速度快,注意我發現這個軟體的2.0中文版不能夠正確使用,我建議使用1.31版。
六、製作網頁需要的其他相關軟體:ACDSEE,這個是查看圖片的最好軟體,也可以對圖片作簡單的處理,目前的版本是4.0,網上很多地方可以下載;另外如果你對圖片需要復雜處理的話,哪最好選擇使用PHOTOSHOP,目前的版本是7.0,也有中文補丁,使用起來很方便,當然,這個軟體的學習使用相對是比較難點的。
7、使用層的時候最好定義為div標簽而不是layer,因為前者在兩種主流瀏覽器都有很好的兼容性。
8、在用圖片製作熱區鏈接時,最好給熱區命名,防止有時只能在圖片上畫出直線。
9、當我們將框架結構建立好後,可以將此框架體文件和Site窗體並排放置,然後從Site中選擇網頁文件拖放到相應的框架中。這適用於框架比較復雜的頁面。
10、如果對一張圖片不滿意,想更換另一張,最簡單的方法雙擊此圖片,直接選擇要替換的圖片即可。
11、在預覽網頁之前最好先保存一下,有時候在不能正確預覽網頁,而存一下就可能會解決這個問題。
12、如果你的頁面中使用了CSS或是Java Applet,最好不要使用「file->convert->3.0 browser compatible」命令,因為這一選擇會把所有3.0 瀏覽器不認識的定義都抹去。最可怕的是我們不知道在這個過程中Dreamweaver 到底做了什麼,具體發生了那些變化。而且要提醒你,對一批頁面執行此操作時,一定要先備份,否則可沒地方買後悔葯。
五---資源
1. 水晶情緣--網頁特效專家 2006 情人節特別版
這個軟體是專為那些想在網上安家而苦於製作網頁特效源
www.skycn.com/soft/14150.html
2. 網建博士 1.01
不懂製作網頁的專門技術,不懂網頁編程技術,不需要任何專業背景知識,任何人只要會用
www.onlinedown.net/soft/7597.htm
3. 網頁背景選擇器 2.5.1
當您製作網頁時,您是否為了在大量素材中選一張背景,每每都要用看圖軟體查看--修改網
www.onlinedown.net/soft/11406.htm
4. Animagic GIF Animator 1.22
一個很好用的製作網頁動畫的軟體,它提供了六種特效,也支持拖曳功能,它不僅支持gif
www.onlinedown.net/soft/4904.htm
5. Animagic GIF Animator 1.22 漢化補丁
一個很好用的製作網頁動畫的軟體,它提供了六種特效,也支持拖曳功能,它不僅支持gif
www.onlinedown.net/soft/6612.htm
6. Macromedia Authorware V7.0
先進豐富的視音頻、可視媒體集成製作解決方案,可用於製作網頁和在線學習應用軟體
download.21cn.com/list.php?id=31900
7. Picture2Web 2.3.1
用來製作網頁電子相簿的好工具
download.pchome.net/design/homepage/9539.html
8. SCP Button Magic 4.0
專門製作網頁廣告橫幅和按鈕的軟體
download.pchome.net/design/webpic/2138.html
9. Animagic GIF Animator V1.22
一個很好用的製作網頁動畫的軟體,它提供了六種特效,
www.skycn.com/soft/2406.html
10. Magic Gallery 4.5
一款製作網頁照片集以及其縮略圖的軟體
download.pchome.net/design/homepage/17444.html
11. Animagic GIF Animator 1.22
一個很好用的製作網頁動畫的軟體
download.pchome.net/design/animation/633.html
12. Banner Maker Pro V4.0.0.1 漢化版
是一套製作網頁橫幅廣告及按鈕軟體。特點包含:可以調
www.skycn.com/soft/2507.html
13. Banner Maker Pro V6.0.6
是一套製作網頁橫幅廣告及按鈕軟體。特點包含:可以調
www.skycn.com/soft/2506.html
14. Animagic GIF Animator V1.22 漢化補丁
一個很好用的製作網頁動畫的軟體,它提供了六種特效,
www.skycn.com/soft/2407.html
15. Mapedit 3.16
製作網頁Image Maps的工具
download.pchome.net/development/html/13659.html
16. Banner Maker Pro 6.0.6
是一套製作網頁橫幅廣告及按鈕軟體。特點包含:可以調整看板及按鈕尺寸、選擇背景顏色
www.onlinedown.net/soft/9507.htm
17. GIF Dispenser 1.0
是一個快速製作網頁動態GIF圖片的好工具
download.pchome.net/design/animation/923.html
18. 自助建站專家 5.0
不懂製作網頁的專門技術,不懂網頁編程技術,不需要任何專業背景知識,任何人只要會用
www.onlinedown.net/soft/13044.htm
19. 酷網寶典(CoolWEB) 2.0
酷網寶典(coolweb)是用於製作網頁特效的軟體。能夠製作三大類效果:特殊層效果,動態
www.onlinedown.net/soft/6658.htm
20. 下雨天網頁特效王 RD2.0
製作網頁的好幫手,大量的特效代碼
download.pchome.net/development/html/17686.html
21. Macromedia Contribute 3.11
Macromedia出品的全新概念網頁設計工具,可以將網頁編寫程序化繁為簡,製作網頁,現在就
www.onlinedown.net/soft/20135.htm
22. 酷網寶典(CoolWEB) V2.0
酷網寶典(coolweb)是用於製作網頁特效的軟體。能夠製作
www.skycn.com/soft/10742.html
23. Button Magic V4.0
專門製作網頁廣告橫幅和按鈕的軟體,可存成 BMP、JPG
www.skycn.com/soft/2508.html
24. Liatro Button Maker V2.2
Liatro Button Maker 是一套專門製作網頁按鈕的繪圖軟
www.skycn.com/soft/8697.html
25. Mapedit V3.16
製作網頁Image Maps的工具,小巧、使用方便。
www.skycn.com/soft/7725.html
26. 網建博士 V1.01
不懂製作網頁的專門技術,不懂網頁編程技術,不需要任
www.skycn.com/soft/9476.html
27. GIF Dispenser 1.0
是一個快速製作網頁動態GIF圖片的好工具,使用者只要移動操作視窗上的浮標組,來調整
www.onlinedown.net/soft/14222.htm
28. Reptile V3.0
所視即所得的背景製作軟體,製作網頁背景再也不需要求
www.skycn.com/soft/2541.html
29. GIF Dispenser V1.0
是一個快速製作網頁動態 GIF 圖片的好工具,使用者只要
www.skycn.com/soft/2417.html
30. 網建博士 V1.01
不懂製作網頁的專門技術,不懂網頁編程技術,不需要任何專業背景知識,任何人只要
download.21cn.com/list.php?id=24329
31. MapEdit V3.05 漢化版
製作網頁Image Maps的工具,小巧、使用方便。 本
www.skycn.com/soft/16664.html
32. 網頁特效王 Beta 1
製作網頁特效的得力助手,正在進一步開發中
www.onlinedown.net/soft/24073.htm
33. MapEdit 3.16
小巧但是使用方便的製作網頁ImageMaps的工具!
www.onlinedown.net/soft/9690.htm
34. Picture2Web V2.3.1
Picture2Web 是一個用來製作網頁電子相簿的好工具。它
www.skycn.com/soft/6878.html
35. Banner Maker Pro V6.0.1
製作網頁橫幅廣告及按鈕軟體。特點包含:可以調整看板及按鈕尺寸、選擇背景顏色、
download.21cn.com/list.php?id=10850
36. Button Magic 4.0
專門製作網頁廣告橫幅和按鈕的軟體,可存成BMP、JPG和GIF格式。
www.onlinedown.net/soft/8830.htm
37. Magic Gallery 4.5.13
MagicGallery是一款製作網頁照片集以及其縮略圖的軟體,可以方便的調節圖片尺寸。
www.onlinedown.net/soft/22860.htm
38. Magic Gallery V4.5.13
Magic Gallery 是一款製作網頁照片集以及其縮略圖的軟
www.skycn.com/soft/16474.html
39. 下雨天網頁特效王 RD2.0
製作網頁和好幫手,該軟體包含了大量的javascript特效和vbscript特效。你只需簡單
download.21cn.com/list.php?id=42907
40. BSCOutline Tutorial V5.10
用來製作網頁上的Java applet導航條,類似於文件管理器
www.skycn.com/soft/494.html
④ 什麼是腳本,有何用處
什麼是腳本語言?
1.腳本語言(JavaScript,VBscript等)介於HTML和C,C++,Java,C#等編程語言之間。
HTML通常用於格式化和鏈結文本。而編程語言通常用於向機器發出一系列復雜的指令。
2.腳本語言與編程語言也有很多相似地方,其函數與編程語言比較相象一些,其也涉及到變數。與編程語言之間最大的區別是編程語言的語法和規則更為嚴格和復雜一些.
3.與程序代碼的關系:腳本也是一種語言,其同樣由程序代碼組成。
註:腳本語言一般都有相應的腳本引擎來解釋執行。 他們一般需要解釋器才能運行。JAVASCRIPT,ASP,PHP,PERL都是腳本語言。C/C++編譯、鏈接後,可形成獨立執行的exe文件。
4.腳本語言是一種解釋性的語言,例如vbscript,javascript,installshield script等等,它不象c\c++等可以編譯成二進制代碼,以可執行文件的形式存在.
腳本語言不需要編譯,可以直接用,由解釋器來負責解釋。
5.腳本語言一般都是以文本形式存在,類似於一種命令.
舉個例子說,如果你建立了一個程序,叫aaa.exe,可以打開.aa為擴展名的文件.
你為.aa文件的編寫指定了一套規則(語法),當別人編寫了.aa文件後,你的程序用這種規則來理解編寫人的意圖,並作出回應.那麼,這一套規則就是腳本語言.