第一篇：網(wǎng)頁(yè)設(shè)計(jì)制作中超鏈接的運(yùn)用論文

摘要：超鏈接是網(wǎng)頁(yè)間聯(lián)系的橋梁，是網(wǎng)頁(yè)的魅力所在。超鏈接按鏈接范圍分有外部鏈接和內(nèi)部鏈接；按鏈接路徑來(lái)說(shuō)，一般包含文檔鏈接、書(shū)簽鏈接、電子郵件鏈接、空鏈接、腳本鏈接。網(wǎng)頁(yè)制作工具Dreamwraver提供了非常簡(jiǎn)便的創(chuàng)建超鏈接的方法，用戶(hù)可將文字、圖片、Flash等網(wǎng)頁(yè)元素設(shè)置為鏈接對(duì)象，進(jìn)而美化鏈接，讓網(wǎng)頁(yè)更豐富多彩。

關(guān)鍵詞：網(wǎng)頁(yè)；超鏈接；分類(lèi)；應(yīng)用；美化

超鏈接可將因特網(wǎng)上眾多分散的網(wǎng)頁(yè)聯(lián)系起來(lái)，構(gòu)成一個(gè)有機(jī)整體。如何制作和應(yīng)用超鏈接？網(wǎng)頁(yè)制作工具Dreamwraver提供了非常簡(jiǎn)便的創(chuàng)建超鏈接的方法，用戶(hù)可以將文字、圖片、Flash等網(wǎng)頁(yè)元素設(shè)置為鏈接對(duì)象，實(shí)現(xiàn)網(wǎng)頁(yè)間的跳轉(zhuǎn)功能。

1超鏈接的分類(lèi)

按鏈接范圍一般分為內(nèi)部鏈接和外部鏈接。外部鏈接：與外部網(wǎng)站的頁(yè)面間的鏈接；內(nèi)部鏈接：網(wǎng)站內(nèi)部頁(yè)面間的鏈接。按鏈接路徑來(lái)說(shuō)，一般包含以下類(lèi)型：文檔鏈接：鏈接到其他文檔，最為常見(jiàn)；電子郵件鏈接：創(chuàng)建允許用戶(hù)給網(wǎng)頁(yè)制作人員發(fā)送郵件的鏈接；書(shū)簽鏈接：鏈接到相同文檔或其他文檔的書(shū)簽位置；空鏈接：不會(huì)跳轉(zhuǎn)到任何位置，用于附加Dreamweaver行為；腳本鏈接：執(zhí)行JavaScript代碼或調(diào)用JavaScript函數(shù)。

2超鏈接的創(chuàng)建及應(yīng)用

2.1外部鏈接和內(nèi)部鏈接

建立超鏈接到外部站點(diǎn)有兩種方法可以實(shí)現(xiàn)：一是直接輸入地址，在屬性面板中的“鏈接”文本框中直接輸入外部鏈接的地址，如http://004km.cn；二是使用“常用”插入欄中的“超級(jí)鏈接”對(duì)話框，分別對(duì)文本、鏈接、目標(biāo)、標(biāo)題、訪問(wèn)鍵等五個(gè)屬性進(jìn)行設(shè)置。如何快速在站點(diǎn)內(nèi)創(chuàng)建鏈接？有三種創(chuàng)建和修改的方法：一是使用“屬性”面板創(chuàng)建鏈接，鍵入文件路徑或單擊瀏覽按鈕選取需鏈接的文件；二是使用“指向文件”圖標(biāo)直接指向想要鏈接的文件；三是使用“資源”面板創(chuàng)建或修改超級(jí)鏈接。

2.2電子郵件鏈接

在網(wǎng)頁(yè)中設(shè)置電子郵件鏈接已經(jīng)非常普遍，電子郵件鏈接可以附加在按鈕圖片上，也可以附加在文本上。當(dāng)頁(yè)面瀏覽者單擊具在電子郵件鏈接的文本或按鈕時(shí)，可以直接打開(kāi)安裝在系統(tǒng)中的電子郵件應(yīng)用程序，例如Outlook等并且在“收件人”位置已經(jīng)自動(dòng)填寫(xiě)好電子郵件的地址，瀏覽者只需在填寫(xiě)完內(nèi)容后，直接發(fā)送即可。若要在圖片或文字上直接附加電子郵件鏈接，可選中該對(duì)象，然后在“屬性”面板的“鏈接”欄中輸入“mailto：電子郵件”。在“mailto：”后面不要添加空格，例如：mailto:39989511@qq.com，按回車(chē)鍵確定。

2.3書(shū)簽鏈接

“書(shū)簽鏈接”可讓用戶(hù)在頁(yè)面內(nèi)容較多時(shí)只瀏覽自己感興趣的內(nèi)容。制作“書(shū)簽鏈接”通常會(huì)在網(wǎng)頁(yè)上端位置設(shè)置一個(gè)內(nèi)容列表，列表下面分別是針對(duì)各列表項(xiàng)的詳細(xì)說(shuō)明位置。當(dāng)用戶(hù)單擊內(nèi)容列表中感興趣的某一項(xiàng)后，網(wǎng)頁(yè)會(huì)自動(dòng)跳轉(zhuǎn)到該列表項(xiàng)的詳細(xì)說(shuō)明位置?！皶?shū)簽”一詞是轉(zhuǎn)譯而來(lái)的，它的英語(yǔ)原詞是anchor，意即“錨”，所以“書(shū)簽鏈接”也常稱(chēng)為“錨點(diǎn)鏈接”?！皶?shū)簽鏈接”可讓用戶(hù)根據(jù)需求更方便快捷地找到相應(yīng)內(nèi)容，而不必瀏覽網(wǎng)頁(yè)中的所有內(nèi)容，使網(wǎng)頁(yè)更具人性化?！皶?shū)簽鏈接”的制作方法：將光標(biāo)定位到內(nèi)容介紹的標(biāo)題處―――單擊“插入記錄/命名錨記”或按Cutrl+Alt+A快捷鍵，在出現(xiàn)的對(duì)話框中輸入書(shū)簽名，然后單擊“確定”按鈕―――選取列表中的文字，在“屬性”面板的“鏈接”域中，輸入符號(hào)“#”和書(shū)簽名。數(shù)字和字母都可以作為書(shū)簽名，但是最好不要使用中文。除了使用菜單命令外還可以通過(guò)“插入欄”中的“常用”項(xiàng)插入“命名錨記”進(jìn)行操作。

2.4無(wú)址鏈接和腳本鏈接

在Dreamweaver中除了上述內(nèi)容所講到的鏈接方式外，還有無(wú)址鏈接和腳本鏈接，這兩種鏈接方式不再是實(shí)現(xiàn)簡(jiǎn)單意義上網(wǎng)頁(yè)間的跳轉(zhuǎn)，而是賦予了鏈接更多的含義。無(wú)址鏈接如同它的名字一樣，它不會(huì)跳轉(zhuǎn)到任何地方。但是，這種鏈接對(duì)于讀取某些JavaScript事件是非常有用的，例如：在大多數(shù)瀏覽器中，圖像不能識(shí)別onMouseOer事件，可以通過(guò)使用無(wú)址鏈接實(shí)現(xiàn)圖像變換，此外，在制作具有較多內(nèi)容的網(wǎng)頁(yè)時(shí)，通常都要在網(wǎng)頁(yè)最底端添加“返回頁(yè)首”的鏈接，以方便瀏覽者在瀏覽完所有網(wǎng)頁(yè)內(nèi)容后直接返回頁(yè)面頂端。創(chuàng)建無(wú)址鏈接的方法很簡(jiǎn)單，選取“返回頁(yè)首”，在“屬性”面板的“鏈接”域中鍵入“#”號(hào)，在“目標(biāo)”下拉菜單中選取“-top”。腳本鏈接能夠在不離開(kāi)當(dāng)前Web頁(yè)面的情況下為訪問(wèn)者提供有關(guān)某項(xiàng)的附加信息。通過(guò)javaScript腳本鏈接，可以執(zhí)行JavaScript代碼或調(diào)用JavaScript函數(shù)，也可以用來(lái)在用戶(hù)單擊時(shí)執(zhí)行計(jì)算、表單驗(yàn)證和其他處理任務(wù)。如在介紹某一景點(diǎn)的旅游網(wǎng)站中，選取網(wǎng)頁(yè)logo“***旅游網(wǎng)”，在“屬性”面板的“鏈接”框中輸入“javascript:”后接JavaScript代碼或函數(shù)調(diào)用，即可在“鏈接”域中鍵入“javacript:alert(‘歡迎光臨***旅游網(wǎng)’)”，在預(yù)覽網(wǎng)頁(yè)效果時(shí)，單擊網(wǎng)頁(yè)logo，就會(huì)彈出一個(gè)JavaScript提示框“歡迎光臨***旅游網(wǎng)”。因?yàn)镴avascript代碼中出現(xiàn)在雙引號(hào)之間，因此在腳本代碼中必須使用單引號(hào)或在雙引號(hào)之前加斜杠，例如：”歡迎光臨”。

3超鏈接的目標(biāo)窗口

當(dāng)用戶(hù)在互聯(lián)網(wǎng)上瀏覽網(wǎng)頁(yè)時(shí)，一般都是通過(guò)單擊網(wǎng)頁(yè)上的超級(jí)鏈接，跳轉(zhuǎn)到不同的頁(yè)面。當(dāng)新頁(yè)面出現(xiàn)時(shí)，可能會(huì)出現(xiàn)三種情況：原有的頁(yè)面被覆蓋；原有的網(wǎng)頁(yè)并不被覆蓋，而是彈出一個(gè)新的窗口；原有的網(wǎng)頁(yè)內(nèi)部分被替換。這三種情況的出現(xiàn)是由于網(wǎng)頁(yè)在制作時(shí)對(duì)超級(jí)鏈接的目標(biāo)窗口進(jìn)行了設(shè)置。在Dreamweaver中通過(guò)“屬性”面板中的選項(xiàng)可以輕松的完成這項(xiàng)工作。在“目標(biāo)”下拉菜單中可以設(shè)置4個(gè)超級(jí)鏈接目標(biāo)，其意義分別為：_blank：將文件載入新的無(wú)標(biāo)題瀏覽器窗口中。_parent：將文件載入到上級(jí)框架集或包含該鏈接的框架窗口中。_self：將文件載入到相同框架或窗口中。_top：將文件載入到整個(gè)瀏覽器窗口中，取消所有框架。

4超鏈接的美化

在制作超鏈接時(shí)，可通過(guò)“超級(jí)鏈接”對(duì)話框設(shè)置相關(guān)屬性或利用導(dǎo)航條、fash按鈕、fash文本等對(duì)超鏈接進(jìn)行美化。使用“超級(jí)鏈接”對(duì)話框是美化鏈接的基本方法。在對(duì)話框中，文本用來(lái)設(shè)置超鏈接顯示的文本；鏈接用來(lái)設(shè)置超鏈接的路徑，最好是相對(duì)路徑；目標(biāo)用來(lái)設(shè)置超鏈接的打開(kāi)方式；標(biāo)題用來(lái)設(shè)置超鏈接的標(biāo)題；訪問(wèn)鍵用來(lái)設(shè)置鍵盤(pán)等價(jià)鍵，可輸入一個(gè)字母，在瀏覽器中打開(kāi)網(wǎng)頁(yè)后，單擊鍵盤(pán)上的這個(gè)字母將選中這個(gè)超鏈接。導(dǎo)航條制作的超鏈接可在鏈接時(shí)產(chǎn)生圖像變換的效果，在插入記錄/圖像對(duì)象/導(dǎo)航條中執(zhí)行。在導(dǎo)航條中，可設(shè)置原始圖像、鼠標(biāo)經(jīng)過(guò)圖像、按下鼠標(biāo)時(shí)圖像，在“按下時(shí)，前往的URL”處設(shè)置鏈接地址。值得注意的是每個(gè)頁(yè)面只能有一個(gè)導(dǎo)航條。Flash按鈕制作的超鏈接可在經(jīng)過(guò)和點(diǎn)擊鏈接標(biāo)題時(shí)產(chǎn)生立體感和動(dòng)態(tài)感，在插入記錄/媒體/fash按鈕中執(zhí)行。用戶(hù)可根據(jù)網(wǎng)頁(yè)的美化效果添加豐富多彩的按鈕樣式，在按鈕文本中添加所鏈接網(wǎng)頁(yè)的標(biāo)題，在“鏈接”對(duì)話框中輸入所要鏈接的網(wǎng)址。必須注意的是按鈕要保存在與相應(yīng)網(wǎng)頁(yè)的同一路徑下。Flash文本中轉(zhuǎn)滾顏色的設(shè)置可在經(jīng)過(guò)和點(diǎn)擊鏈接時(shí)產(chǎn)生色彩變換的動(dòng)態(tài)效果，在插入記錄/媒體/fash文本中執(zhí)行。用戶(hù)可根據(jù)網(wǎng)頁(yè)的美化需要設(shè)置鏈接標(biāo)題的轉(zhuǎn)換顏色，如標(biāo)題初始顏色為黑色，在點(diǎn)擊鏈接時(shí)可轉(zhuǎn)換為藍(lán)色。和fash按鈕一樣，fash文本也要保存在與相應(yīng)網(wǎng)頁(yè)的同一路徑下。

5結(jié)語(yǔ)

超鏈接是網(wǎng)頁(yè)間聯(lián)系的橋梁，是網(wǎng)頁(yè)的魅力所在，通過(guò)鏈接，瀏覽者可在信息海洋中盡情遨游！在制作網(wǎng)頁(yè)時(shí)應(yīng)綜合運(yùn)用外部鏈接和內(nèi)部鏈接讓網(wǎng)頁(yè)更豐富！同時(shí)充分利用文字、圖片、Flash等網(wǎng)頁(yè)元素設(shè)置鏈接來(lái)增添網(wǎng)頁(yè)魅力。

參考文獻(xiàn)

[1]陸瑩.網(wǎng)頁(yè)制作DreamweaverCS3[M].上海市：華東師范大學(xué)出版社，2010（04）.[2]馬增友,于俊麗,劉輝.Dreamweavercs3網(wǎng)頁(yè)設(shè)計(jì)與制作技能實(shí)訓(xùn)教程[M].北京：科學(xué)出版社，[3]孫良軍.網(wǎng)頁(yè)設(shè)計(jì)與制作全方位學(xué)習(xí)[M].北京：中國(guó)青年出版社，2003.[4]王書(shū)娟.網(wǎng)頁(yè)制作中超鏈接的應(yīng)用-使用Dreamweaver創(chuàng)建超鏈接[J].科技風(fēng),2012(05).[5]張燁.關(guān)于網(wǎng)頁(yè)設(shè)計(jì)中路徑使用的思考[J].漯河職業(yè)技術(shù)學(xué)院學(xué)報(bào),2005(02).

第二篇：網(wǎng)頁(yè)制作論文

網(wǎng)頁(yè)制作論文

簡(jiǎn)介

網(wǎng)頁(yè)制作是網(wǎng)站策劃師、網(wǎng)絡(luò)程序員、網(wǎng)頁(yè)設(shè)計(jì)師等崗位，應(yīng)用各種網(wǎng)絡(luò)程序開(kāi)發(fā)技術(shù)和網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，為企事業(yè)單位、公司或個(gè)人在全球互聯(lián)網(wǎng)上建設(shè)站點(diǎn)，并包含域名注冊(cè)和主機(jī)托管等服務(wù)的總稱(chēng)。其作用為展現(xiàn)公司形象，加強(qiáng)客戶(hù)服務(wù)，完善網(wǎng)絡(luò)業(yè)務(wù)。網(wǎng)頁(yè)制作是企業(yè)開(kāi)展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái)，是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。新競(jìng)爭(zhēng)力也認(rèn)為注重網(wǎng)站的網(wǎng)絡(luò)營(yíng)銷(xiāo)價(jià)值而不是外在表現(xiàn)。網(wǎng)頁(yè)制作是指使用標(biāo)識(shí)語(yǔ)言，通過(guò)一系列設(shè)計(jì)、建模、和執(zhí)行的過(guò)程將電子格式的信息通過(guò)互聯(lián)網(wǎng)傳輸，瀏覽。

網(wǎng)頁(yè)制作要能充分吸引訪問(wèn)者的注意力，讓訪問(wèn)者產(chǎn)生視覺(jué)上的愉悅感。因此在網(wǎng)頁(yè)創(chuàng)作的時(shí)候就必須將網(wǎng)站的整體設(shè)計(jì)與網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)原理緊密結(jié)合起來(lái)。網(wǎng)站設(shè)計(jì)是將策劃案中的內(nèi)容、網(wǎng)站的主題模式，以及結(jié)合自己的認(rèn)識(shí)通過(guò)藝術(shù)的手法表現(xiàn)出來(lái)。

目錄

1.網(wǎng)頁(yè)制作的兩種設(shè)計(jì)模式 2.網(wǎng)頁(yè)制作常用工具 3.flash 3.1flash簡(jiǎn)介 3.2flash動(dòng)畫(huà)的特點(diǎn) 3.3flash動(dòng)畫(huà)的前景 3.4flash在網(wǎng)頁(yè)中的應(yīng)用 3.5flash制作流程 4.fireworks

4.1fireworks簡(jiǎn)介

4.2fireworks在網(wǎng)頁(yè)中的應(yīng)用

4.3fireworks的重要性

4.4fireworks制作流程 5.參考文獻(xiàn)

正文

1.網(wǎng)頁(yè)制作的兩種設(shè)計(jì)模式

從前一般網(wǎng)頁(yè)都使用表格進(jìn)行排版設(shè)計(jì)，這樣作的優(yōu)點(diǎn)在于設(shè)計(jì)制作速度快，尤其在可視化網(wǎng)頁(yè)編輯器，如Microsoft FrontPage中，這樣設(shè)計(jì)顯得直觀而方便，然而這讓越來(lái)越復(fù)雜的版面需要許多不斷嵌套的表格設(shè)計(jì)，致使網(wǎng)頁(yè)代碼變得冗長(zhǎng)復(fù)雜，使文件體積增大，且不容易被搜索引擎查找。同時(shí)，這樣做也不利于大型網(wǎng)站的改版工作。

于是隨著主流網(wǎng)頁(yè)瀏覽器對(duì)CSS的支援度提高，近年來(lái)興起了一種新的網(wǎng)頁(yè)設(shè)計(jì)模式。被業(yè)界稱(chēng)為“網(wǎng)頁(yè)重構(gòu)”的革命，其核心在于分隔網(wǎng)頁(yè)的風(fēng)格和內(nèi)容，指標(biāo)記語(yǔ)言(如HTML,XML)負(fù)責(zé)定義頁(yè)面的內(nèi)容，但不可以定義任何涉及網(wǎng)站外觀(風(fēng)格)的東西。而網(wǎng)站風(fēng)格就由另外的CSS檔案負(fù)責(zé)。在排版方面，新的模式提倡使用由CSS定義的DIV進(jìn)行頁(yè)面排版，而將表格還原為排列數(shù)據(jù)的最初功能。這種模式有很多好處，例如可以協(xié)助搜尋引擎查找網(wǎng)頁(yè)的情況，減小文件提及提高瀏覽速度，且由于一個(gè)CSS檔案可以控制多個(gè)頁(yè)面，這也給改版帶來(lái)了很大方便。

由于W3C是該模式極力的倡導(dǎo)者，于是業(yè)界鑒定網(wǎng)頁(yè)是否符合W3C標(biāo)準(zhǔn)，就可以在W3C網(wǎng)站自動(dòng)檢測(cè)該網(wǎng)站的情況。

這種模式也有缺點(diǎn)，其中一個(gè)弱點(diǎn)就是，在不同瀏覽器出來(lái)的效果會(huì)有分別，但這種情況主要是由于微軟的Internet Explorer對(duì)CSS文檔的支持有眾多缺陷造成的。另一方面，開(kāi)始設(shè)計(jì)CSS時(shí)，并不能清楚看到目標(biāo)，因此顯得不直觀。

網(wǎng)頁(yè)實(shí)際是一個(gè)文件，他存放在世界某個(gè)角落的的某一臺(tái)計(jì)算機(jī)中，而這臺(tái)計(jì)算機(jī)必須是與互聯(lián)網(wǎng)相連的。網(wǎng)頁(yè)經(jīng)由網(wǎng)址（URL）來(lái)識(shí)別與存取，當(dāng)我們?cè)跒g覽器輸入網(wǎng)址后，經(jīng)過(guò)一段復(fù)雜而又快速的程序，網(wǎng)頁(yè)文件會(huì)被傳送到你的計(jì)算機(jī)，然后再通過(guò)瀏覽器解釋網(wǎng)頁(yè)的內(nèi)容，再展示到你的眼前。

2.網(wǎng)頁(yè)制作常用工具

1、dreamweaver,用與編輯HTML、ASP、JSP、PHP時(shí)的輔助工具。Dreamweaver是美國(guó)MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。

2、Frontpage 跟dreamweaver一樣，不過(guò)還是dreamweaver好。

3、FLASH 網(wǎng)頁(yè)需要畫(huà)面流動(dòng)時(shí)的首選擇

4、PS圖象處理軟件，一般網(wǎng)頁(yè)都需要有圖片相搭配，PS是款很強(qiáng)大的工具。

5、FW跟PS一樣都是圖象處理軟件，但FW偏向與對(duì)網(wǎng)頁(yè)的處理。

6、Adobe公司推出的cs3系列，軟件之間兼容性較好?？梢杂么讼盗袑?duì)網(wǎng)站的美工特效進(jìn)行進(jìn)一步的修飾美化和優(yōu)化。

3.flash 3.1flash簡(jiǎn)介

Flash最早出現(xiàn)并興起于網(wǎng)絡(luò)，是網(wǎng)絡(luò)多媒體動(dòng)畫(huà)的重要制作形式，它是macromedia公司推出的交互式矢量圖和 Web 動(dòng)畫(huà)的標(biāo)準(zhǔn)。網(wǎng)頁(yè)設(shè)計(jì)者使用 Flash 創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。其運(yùn)用范圍覆蓋諸多領(lǐng)域如電視廣告、網(wǎng)絡(luò)廣告、游戲、演示動(dòng)畫(huà)、課件、網(wǎng)頁(yè)、手機(jī)動(dòng)畫(huà)等新興媒體?，F(xiàn)在由于網(wǎng)絡(luò)帶寬的不斷提高，F(xiàn)lash動(dòng)態(tài)網(wǎng)頁(yè)以其具備的聲音、動(dòng)態(tài)圖像等多媒體優(yōu)勢(shì)，相信在不遠(yuǎn)的將來(lái)能夠完全替代靜態(tài)（HTML）網(wǎng)頁(yè)。

3.2flash動(dòng)畫(huà)的特點(diǎn)

（一）Flash動(dòng)畫(huà)受網(wǎng)絡(luò)資源的制約一般比較短小，利用Flash制作的動(dòng)畫(huà)是矢量的，無(wú)論把它放大多少倍都不會(huì)失真。

（二）Flash動(dòng)畫(huà)具有交互性?xún)?yōu)勢(shì)，可以更好地滿足所有用戶(hù)的需要。它可以讓欣賞者的動(dòng)作成為動(dòng)畫(huà)的一部分。用戶(hù)可以通過(guò)點(diǎn)擊、選擇等動(dòng)作，決定動(dòng)畫(huà)的運(yùn)行過(guò)程和結(jié)果，這一點(diǎn)是傳統(tǒng)動(dòng)畫(huà)所無(wú)法比擬的。

（三）Flash動(dòng)畫(huà)可以放在網(wǎng)上供人欣賞和下載，由于使用的是矢量圖技術(shù)，具有檔小、傳輸速度快、播放采用流式技術(shù)的特點(diǎn)，因此動(dòng)畫(huà)是邊下載邊播放，如果速度控制得好，則根本感覺(jué)不到檔的下載過(guò)程。所以Flash動(dòng)畫(huà)在網(wǎng)上被廣泛傳播。

（四）Flash動(dòng)畫(huà)有嶄新的視覺(jué)效果，比傳統(tǒng)的動(dòng)畫(huà)更加輕易與靈巧，更加“酷”。不可否認(rèn)，它已經(jīng)成為一種新時(shí)代的藝術(shù)表現(xiàn)形式。

（五）Flash動(dòng)畫(huà)制作的成本非常低，使用Flash制作的動(dòng)畫(huà)能夠大大地減少人力、物力資源的消耗。同時(shí)，在制作時(shí)間上也會(huì)大大減少。

（六）Flash動(dòng)畫(huà)在制作完成后，可以把生成的檔設(shè)置成帶保護(hù)的格式，這樣維護(hù)了設(shè)計(jì)者的版權(quán)利益。

3.3flash動(dòng)畫(huà)的前景

現(xiàn)在的Flash平臺(tái)包括:Flash Studio

8、Flash Player

8、Flash in Mobile flex 1.5、以及應(yīng)用于通信行業(yè)的Breeze 5等；未來(lái)即將推出的產(chǎn)品包括Browser client Flash Player、Mobile client Flash Player、Apollo Flash+HTML的客戶(hù)端工具，以及Flex等企業(yè)端工具等。這些工具將滿足設(shè)計(jì)和開(kāi)發(fā)人員跨越各種開(kāi)放的和專(zhuān)有的平臺(tái)，包括從桌面到移動(dòng)設(shè)備，提供更豐富的網(wǎng)絡(luò)內(nèi)容和互聯(lián)網(wǎng)應(yīng)用，企業(yè)也能夠通過(guò)Flash應(yīng)用獲得更大的受益。

（一）網(wǎng)絡(luò)視頻鐘情Flash 面對(duì)全球超過(guò)100萬(wàn)的Flash開(kāi)發(fā)者的期望，Macromedia也不斷開(kāi)發(fā)新的領(lǐng)域。而用戶(hù)對(duì)視頻應(yīng)用的垂青，刺激著Macromedia推出新的工具。在上千開(kāi)發(fā)者的注目下，Macromedia推出了Flash Media Server 2，以鞏固其Flash Platform作為網(wǎng)絡(luò)視頻最佳選擇的地位

（二）Flex 2產(chǎn)品線和Flash Player 8.5出手不凡

Macromedia Flex 2產(chǎn)品線和Macromedia Flash Player 8.5是本次發(fā)布會(huì)的重頭戲。新產(chǎn)品涵蓋RIA的全部應(yīng)用場(chǎng)景，從電子商務(wù)產(chǎn)品配置，到需要與實(shí)時(shí)數(shù)據(jù)集成的可視交易應(yīng)用。

Flash Player目前在全球6億多個(gè)桌面和移動(dòng)設(shè)備上安裝,估計(jì)新版本在12個(gè)月內(nèi)將被80%的聯(lián)網(wǎng)計(jì)算機(jī)下載。Flash Player 8.5在Flash Player 8的基礎(chǔ)上增加了適合行業(yè)使用的編程功能，并構(gòu)建了先進(jìn)的跨平臺(tái)運(yùn)行時(shí)環(huán)境。它備有一個(gè)新的虛擬機(jī)，可以提供更高的運(yùn)行性能、全面的運(yùn)行錯(cuò)誤報(bào)告、增強(qiáng)型調(diào)試功能以及支持ActionScript 3。ActionScript 3遵守最新的ECMA Script規(guī)范，能夠更易于查找及解決問(wèn)題，從而提高開(kāi)發(fā)人員的工作效率。

3.4flash在網(wǎng)頁(yè)中的應(yīng)用

在網(wǎng)絡(luò)高速發(fā)展的今天,越來(lái)越多的人們已經(jīng)不再滿意圖文并茂的靜態(tài)網(wǎng)頁(yè)格式,動(dòng)態(tài)網(wǎng)頁(yè)應(yīng)運(yùn)而生,但是一般的動(dòng)態(tài)圖片和網(wǎng)站的背景音樂(lè)應(yīng)用并不合拍.什么時(shí)候可以把多媒體應(yīng)用在網(wǎng)站上呢 Flash正是在這一網(wǎng)絡(luò)發(fā)展的大背景下應(yīng)運(yùn)而生的,前身是Future Splash.Flash1.0版本誕生于1996年,由于當(dāng)時(shí)的網(wǎng)絡(luò)大背景,Flash在出道之時(shí)并沒(méi)有得到計(jì)算機(jī)行業(yè)應(yīng)有的重視,Flash真正的火爆是從Flash3.0版本開(kāi)始的,到了1999年6月發(fā)布的Flash4.0版本,其制作的動(dòng)畫(huà)開(kāi)始大量的在網(wǎng)上傳播,已經(jīng)逐漸成為了網(wǎng)頁(yè)交互多媒體動(dòng)畫(huà)設(shè)計(jì)軟件的標(biāo)準(zhǔn).現(xiàn)在,Flash5.0以其特有的ActionScript腳本編程,正在以極快的速度追趕HTML網(wǎng)頁(yè)標(biāo)準(zhǔn).它改變了以往靜態(tài)的,枯燥的,網(wǎng)頁(yè)形式,利用它短小精悍的文件體積和插件,利用它簡(jiǎn)單易學(xué)的操作方式,利用它的“流”式播放形式豐富我們的網(wǎng)絡(luò)生活.試想,如果它真的超過(guò)HTML成為未來(lái)的網(wǎng)頁(yè)設(shè)計(jì)軟件的主流,那也將是網(wǎng)絡(luò)的一場(chǎng)革命,也是網(wǎng)絡(luò)生活的福音.3.5flash制作流程

（1）建立一個(gè)新的場(chǎng)景

依次選擇“文件”、“新建”、“Flash文檔”命令，建立空白文檔，大小為550*400像素，背景為白色。

（1）

（2）重新命名場(chǎng)景和涂層名稱(chēng)

依次選擇“窗口”、“設(shè)計(jì)面板”、“場(chǎng)景”命令，在彈出的場(chǎng)景面板中雙擊默認(rèn)場(chǎng)景名稱(chēng)，改為“跳動(dòng)的小球”。然后重新命名涂層名稱(chēng)，雙擊默認(rèn)涂層名稱(chēng)，改為“地面”。然后用水平線表示地面，選擇筆觸顏色為黑色，單擊“線條工具”按鈕，在第一幀的舞臺(tái)下方，拖動(dòng)鼠標(biāo)畫(huà)一條直線表示地面。

（2）

（3）插入水平線結(jié)束幀

單擊水平線涂層第35幀的小方框，選中該幀；依次選擇“插入”、“時(shí)間軸”、“關(guān)鍵幀”命令，在地面層的1到35幀之間插入了相同的水平線。

（3）（4）插入跳動(dòng)的小球涂層，畫(huà)小球的初始狀態(tài)

雙擊默認(rèn)的涂層名，改為跳動(dòng)的小球涂層，此圖層處于激活狀態(tài)。設(shè)置填充色為黑色，在第一幀的舞臺(tái)上方，畫(huà)一個(gè)小球，刪除輪廓線。

（4）

（5）插入下一幀

單擊跳動(dòng)的小球?qū)拥诙男》娇?，選中該幀；依次選擇“插入”、“時(shí)間軸”、“關(guān)鍵幀”命令，在第二幀中復(fù)制第一幀的圖形；拖動(dòng)小球向下移動(dòng)一個(gè)距離，表示球在下落。

（5）

（6）制作下落動(dòng)作的變化

重復(fù)上一步驟。

（6）

（7）小球變形

在下一幀的位置插入關(guān)鍵幀，利用任意變性工具把小球縱向壓縮。單擊“任意變形”按鈕,指針根據(jù)可實(shí)現(xiàn)的變形方式箭頭右下方的小圖形會(huì)有所變化；單擊小球，小球周?chē)霈F(xiàn)8個(gè)黑色句柄框；把鼠標(biāo)指針移動(dòng)到4個(gè)中間句柄處，拖動(dòng)鼠標(biāo)，把圓球編程橢球形。

（7）

（8）多次重復(fù)上面步驟，在不同的幀中，制作小球被壓扁后又彈起的畫(huà)面。參照第9步，制作小球被壓扁后又彈起的畫(huà)面。重復(fù)上述步驟，直到小球靜止。4.fireworks 4.1fireworks簡(jiǎn)介

Fireworks是Macromedia公司發(fā)布的一款專(zhuān)為網(wǎng)絡(luò)圖形設(shè)計(jì)的圖形編輯軟件，它大大簡(jiǎn)化了網(wǎng)絡(luò)圖形設(shè)計(jì)的工作難度，無(wú)論是專(zhuān)業(yè)設(shè)計(jì)家還是業(yè)余愛(ài)好者，使用Fireworks都不僅可以輕松地制作出十分動(dòng)感的GIF動(dòng)畫(huà)，還可以輕易地完成大圖切割、動(dòng)態(tài)按鈕、動(dòng)態(tài)翻轉(zhuǎn)圖等，因此，對(duì)于輔助網(wǎng)頁(yè)編輯來(lái)說(shuō)，F(xiàn)ireworks將是最大的功臣。借助于 Macromedia Fireworks 8，您可以在直觀、可定制的環(huán)境中創(chuàng)建和優(yōu)化用于網(wǎng)頁(yè)的圖像并進(jìn)行精確控制。Fireworks 業(yè)界領(lǐng)先的優(yōu)化工具可幫助您在最佳圖像品質(zhì)和最小壓縮大小之間達(dá)到平衡。它與 Macromedia Dreamweaver? 和 Macromedia Flash? 共同構(gòu)成的集成工作流程可以讓您創(chuàng)建并優(yōu)化圖像，同時(shí)又能避免由于進(jìn)行 Roundtrip 編輯而丟失信息或浪費(fèi)時(shí)間。利用可視化工具，無(wú)需學(xué)習(xí)代碼即可創(chuàng)建具有專(zhuān)業(yè)品質(zhì)的網(wǎng)頁(yè)圖形和動(dòng)畫(huà)，如變換圖像和彈出菜單等。

4.2fireworks在網(wǎng)頁(yè)中的應(yīng)用

眾所周知，在網(wǎng)頁(yè)上的jpg圖片如果過(guò)大，會(huì)嚴(yán)重影響頁(yè)面的打開(kāi)速度，F(xiàn)ireworks提供優(yōu)化圖片的功能，即縮小圖片的KB，而且不影響畫(huà)面的質(zhì)量（除非放大了與原圖對(duì)比）。由于很多人喜歡用photoshop制作jpg圖片，所以它的容量會(huì)很大（因?yàn)樗沁m合處理印刷品，要求比較清晰），最終還是要用Fireworks來(lái)處理一下。

在優(yōu)化面板里有“導(dǎo)出jpg較高品質(zhì)”，導(dǎo)出默認(rèn)的80品質(zhì)（可以用“2幅”畫(huà)面對(duì)比之前之后的大小）。

4.3fireworks的重要性

為Macromedia家族的一員，三劍客之一的fireworks，她的主要任務(wù)和特色就是制作矢量圖為網(wǎng)頁(yè)服務(wù),FW也是Flash的最佳伴侶,在三劍客的MX系列中,FW和Flash的聯(lián)系更為緊密,所以無(wú)論是網(wǎng)頁(yè)制作和Flash制作,Fw都是不可或缺的利器.在Fw3年的應(yīng)用實(shí)踐過(guò)程中,我無(wú)時(shí)無(wú)刻不在感受她的卓越和便利。的確,網(wǎng)頁(yè)制作看重的是效果和速度,并不是你用的軟件專(zhuān)業(yè)與否,你用了多少個(gè)軟件作出的網(wǎng)頁(yè),設(shè)計(jì)師作出的網(wǎng)頁(yè)是為了讓大家接受而不是顯示自己的本領(lǐng),在這樣的前提下,Fw的確是最好的選擇,最好的矢量圖效果,最快的速度。

4.4fireworks制作流程

1.準(zhǔn)備素材 如圖

2、因?yàn)檫@幅圖片是位圖，我們可以用魔術(shù)棒將電視機(jī)中間的畫(huà)面選取成選區(qū)

2.選擇菜單——將選取框轉(zhuǎn)換為路徑，得到電視畫(huà)面的輪廓路徑。當(dāng)然，也可以用鋼筆工具勾勒

出

電

視

畫(huà)

面的路

徑

4.將選中區(qū)域填充成折疊漸變

顏色可以自己選擇：

5.用選取工具拖動(dòng)漸變方向手柄，接近垂直或接近水平方向：

6.將調(diào)整手柄以初選中區(qū)域 并在幀屬性，選取重制幀命令：選擇三幀 或在多些

7.依次選擇其他幀，拖動(dòng)漸變調(diào)整手柄將其改變位置：柄以初選中區(qū)域 并在幀屬性幀命令：

最后保存 導(dǎo)出gif圖片 即可完成。

1.在Fireworks中打開(kāi)一個(gè)新的畫(huà)布，調(diào)整畫(huà)布大小，選擇工具欄中的文本工具，輸入第一個(gè)數(shù)字，并設(shè)置好文字的字體、像素大小等樣式

2.輸入文本 1 然后再打開(kāi)幀屬性 選擇重置幀 9 因?yàn)閿?shù)字0-9 一共是十個(gè)

3.然后選擇每一幀，并修改畫(huà)布中的相應(yīng)數(shù)字。

4.幀面板中右手邊顯示的是默認(rèn)的幀延時(shí)值7毫秒，即7/100秒的速度。如果速度過(guò)快 可以修改值 選擇頂部幀，按住Shift鍵，點(diǎn)擊底部的最后一幀，全選這些幀，在幀延時(shí)值處雙擊，在顯示的對(duì)話框中設(shè)置一個(gè)更高的值。更高值將減慢動(dòng)畫(huà)的播放速度。5.最后一步，打開(kāi)優(yōu)化面板，設(shè)置導(dǎo)出文件格式為“Gif動(dòng)畫(huà)”，如圖：

6.也可以在幀面板的底部設(shè)置Gif動(dòng)畫(huà)循環(huán)，默認(rèn)為“永久”選項(xiàng)

7.畫(huà)布顏色可以隨意更改 再按f12 預(yù)覽就可以了，最后導(dǎo)出文件

5.參考文獻(xiàn)

[1]劉宇.Flash短片輕松學(xué)中國(guó)大陸.電子工業(yè)出版社，2009-01.[2]章精設(shè)，胡登濤.Flash Action Script 3.0從入門(mén)到精通.清華大學(xué)出版設(shè)，2008-10.[3]陳冰.Flash第1步:ActionScript編程篇(珍藏版).清華大學(xué)出版社，2006-03

第三篇：網(wǎng)頁(yè)制作論文--個(gè)人網(wǎng)站設(shè)計(jì)

網(wǎng)頁(yè)制作課程論文

（個(gè)人網(wǎng)站設(shè)計(jì)論文）

姓名：薛金鴿 學(xué)號(hào)：105031040025 班級(jí)：103212 專(zhuān)業(yè)：市場(chǎng)營(yíng)銷(xiāo)（電子商務(wù)方向）學(xué)期：2011-2012學(xué)年第2學(xué)期 任課教師：劉新飛

個(gè)人網(wǎng)站策劃書(shū)

1.組織機(jī)構(gòu)描述

1.1個(gè)人網(wǎng)站的應(yīng)用背景

網(wǎng)絡(luò)發(fā)展到今天，建立網(wǎng)站已經(jīng)成為一個(gè)很普遍的問(wèn)題了，對(duì)于個(gè)人來(lái)說(shuō)，建設(shè)好時(shí)間的個(gè)性化網(wǎng)站可以更加方便的收集信息，開(kāi)展更加直接的網(wǎng)絡(luò)交流，使用自己構(gòu)筑的友善平臺(tái)，我們可以為自己畢業(yè)后找工作做好充分的準(zhǔn)備，通過(guò)自己建設(shè)的網(wǎng)站，用人單位可以更好的去了解你，從而給自己增加了一份很重的砝碼。在我的這個(gè)個(gè)人網(wǎng)站的制作過(guò)程中，我選擇了我比較熟悉的大學(xué)生活中的許多內(nèi)容做為我的網(wǎng)站的重要組成部分，這樣相對(duì)于其他包括種類(lèi)齊全的網(wǎng)站，我就有了一定的材料基礎(chǔ)。這是我這個(gè)網(wǎng)站選擇大學(xué)生主題的原因之一。

其次，做為在校大學(xué)生，我知道大學(xué)生現(xiàn)在對(duì)什么事物，內(nèi)容，活動(dòng)等等感興趣，所以，我做起來(lái)的時(shí)候相對(duì)來(lái)說(shuō)是比較隨手的，我不用像其他的網(wǎng)站那樣去刻意的收集信息，資料，我只要在校園里稍微留意，我就會(huì)捕捉到大學(xué)生的興趣點(diǎn)。所以，在整個(gè)網(wǎng)站的設(shè)計(jì)過(guò)程中，我廣泛的聽(tīng)取同學(xué)的意見(jiàn)和建議，不斷的改進(jìn)和提高我的網(wǎng)站的內(nèi)容和質(zhì)量，這些都取得了比較好的效果。

在整個(gè)網(wǎng)站的設(shè)計(jì)過(guò)程中，我根據(jù)自己以往的設(shè)計(jì)經(jīng)驗(yàn)和自己找來(lái)的資料，又經(jīng)過(guò)老師的指點(diǎn)，經(jīng)過(guò)了近一個(gè)月的努力，幾經(jīng)易稿，最終做成了我的這個(gè)個(gè)人主頁(yè)。.2 個(gè)人網(wǎng)站建設(shè)的目的

在我們的工作、日常生活中，能夠擁有一個(gè)自己的網(wǎng)站，一個(gè)已經(jīng)成為不少人的希望和驕傲。一個(gè)網(wǎng)站項(xiàng)目的確立是建立在各種各樣的需求上面的，這是個(gè)人網(wǎng)站，所以這種需求往往來(lái)自于個(gè)人的實(shí)際需求，其中每個(gè)人的實(shí)際需求占了絕大部分[6]。因此如何更好地的了解、分析、明確需求，并且能夠準(zhǔn)確、清晰以文檔的形式表達(dá)出來(lái)，保證開(kāi)發(fā)過(guò)程按照個(gè)人需求為目的正確項(xiàng)目開(kāi)發(fā)方向進(jìn)行。不同的網(wǎng)站目的要求通過(guò)不同的方式來(lái)實(shí)現(xiàn)。一個(gè)展示個(gè)人能力的網(wǎng)站與一個(gè)以花卉種植為主題的網(wǎng)站，以及一個(gè)大型門(mén)戶(hù)網(wǎng)站和一個(gè)小型企業(yè)網(wǎng)站，其出發(fā)點(diǎn)和建站目的都有所不同，在整個(gè)網(wǎng)站的建設(shè)規(guī)劃方面的要求也是肯定是大不一樣的。因此在規(guī)劃我的這個(gè)網(wǎng)站時(shí)，我選擇了和大學(xué)生的生活和學(xué)習(xí)相關(guān)聯(lián)的主題。

1.3 相關(guān)應(yīng)用軟件選用、技術(shù)采用

在網(wǎng)頁(yè)的設(shè)計(jì)過(guò)程中，我選用的軟件包括Dreamweavercs5、Fireworks cs5和Photoshopcs5，其中，Dreamweaver 是網(wǎng)頁(yè)編輯軟件，F(xiàn)ireworks cs5是圖形/圖像處理軟件，photoshopcs5是圖片處理軟件。它們是Macromedia公司專(zhuān)門(mén)為網(wǎng)頁(yè)設(shè)計(jì)、制作開(kāi)發(fā)的系列軟件套件，三者之間可以無(wú)縫集成，能夠有效地解決網(wǎng)絡(luò)帶寬問(wèn)題，是設(shè)計(jì)動(dòng)畫(huà)網(wǎng)頁(yè)的最佳工具。

Dreamweaver cs5采用“所見(jiàn)即所得”的直觀設(shè)計(jì)模式，充分尊重設(shè)計(jì)人員的原始意識(shí)和想象力。她成功地將網(wǎng)頁(yè)設(shè)計(jì)功能中的技術(shù)實(shí)現(xiàn)部分和設(shè)計(jì)部分分離開(kāi)來(lái)，使用戶(hù)只需專(zhuān)注于設(shè)計(jì)，而其余的工作由Dreamweavercs5自動(dòng)完成。另外，還有一點(diǎn)值得說(shuō)明的是，Dreamweaver cs5可以控制和刪除冗余代碼，減小網(wǎng)頁(yè)文件的大小。從而能夠快速上傳和下載。

Fireworkscs4的獨(dú)特之處在于它能夠優(yōu)化、切分圖片映射圖，并提供了功能強(qiáng)大的翻滾圖工具。它是基于WEB應(yīng)用的圖形/圖象處理軟件，提供了一種革命性的新方法來(lái)創(chuàng)建WEB圖形，并且具有所有其他圖形處理工具的諸多優(yōu)點(diǎn)。Fireworks cs4的最大優(yōu)勢(shì)就在于它在任何時(shí)候可以從任何階段開(kāi)始設(shè)計(jì)工作，這樣既可以節(jié)約時(shí)間又可以對(duì)產(chǎn)品進(jìn)行擴(kuò)展。另外，F(xiàn)ireworks cs4中的諸多功能都是面向WEB應(yīng)用的，因此對(duì)于WEB設(shè)計(jì)新手來(lái)說(shuō)也很容易學(xué)習(xí)的。

在我設(shè)計(jì)我的個(gè)人網(wǎng)站的過(guò)程中，我選擇了Dreamwearcs5和 Photoshopcs5 Fireworks cs4三種軟件。因?yàn)樽约合驅(qū)τ谄渌能浖?lái)說(shuō)，這三個(gè)還算是比較熟悉的。

2．網(wǎng)站的技術(shù)參數(shù)部分

2.1我的導(dǎo)航系統(tǒng)

我所制作的個(gè)人網(wǎng)站的導(dǎo)航系統(tǒng)包括：

1.個(gè)人簡(jiǎn)介2.個(gè)人專(zhuān)題4.我的相冊(cè)5.網(wǎng)站說(shuō)明6.給我留言 8.發(fā)送郵件9.鏈接百度10.女生花園

2.2功能模塊的劃分

1．搜索引擎：

根據(jù)瀏覽者的要求，使用主頁(yè)上的搜索引擎鏈接到百度，在整個(gè)Internet上進(jìn)行搜索，完成信息的優(yōu)化與提取。

2．論壇：

主要功能是網(wǎng)友和網(wǎng)站之間的交流平臺(tái)，也是網(wǎng)友給版主提出意見(jiàn)的主要渠道。在論壇中用戶(hù)可以發(fā)表意見(jiàn)，這些意見(jiàn)可以讓所有人看到，也可以只讓版主看到，版主和其他人可以針對(duì)留言的內(nèi)容進(jìn)行回復(fù)，只留給版主的留言只有版主能夠回復(fù)，并且版主可以登錄后臺(tái)對(duì)留言進(jìn)行管理，是否發(fā)表或刪除。

3．發(fā)送電子郵件：

網(wǎng)友可以通過(guò)“聯(lián)系我”利用outlook 向版主或其他人發(fā)送電子郵件。4．精品收藏：

在其中展示我喜愛(ài)的東西，包括電影、歌曲和一些優(yōu)美的文章。奇文共欣賞，疑義相與析。我只想起到拋磚引玉的作用，讓大家從中認(rèn)識(shí)我和了解我，讓一些美好的東西我們大家共同來(lái)欣賞。但我增加了管理權(quán)限，我以管理員的身份可以對(duì)加入的新內(nèi)容進(jìn)行管理，即允許加入和對(duì)其進(jìn)行刪除。

5．留言板：

是一個(gè)我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進(jìn)行交流。就我們感興趣的話題展開(kāi)討論。和大家進(jìn)行溝通。

2.3 首頁(yè)的設(shè)計(jì) 我的網(wǎng)站首頁(yè)主要采用簡(jiǎn)單大方的設(shè)計(jì)方法，用的是色調(diào)一致的一組圖片做的LOGO和相關(guān)的背景圖片，主要頁(yè)面布局如下：

2.4主要欄目的介紹

1．個(gè)人簡(jiǎn)介：

介紹版主的一些基本信息，希望各位訪客能夠認(rèn)識(shí)版主。2.我的論壇：

此版塊又分為主頁(yè)、發(fā)表意見(jiàn)、回復(fù)意見(jiàn)、顯示論壇內(nèi)容、版主后臺(tái)管理以及版主的回復(fù)界面。其中發(fā)表意見(jiàn)界面是所有訪客都可以在論壇里面發(fā)表自己的意見(jiàn)，這些意見(jiàn)可以是發(fā)表給所有的訪客，也可以是只發(fā)表給版主，如果只發(fā)表給版主，只有版主可以看到和回復(fù)；回復(fù)意見(jiàn)是所有訪客針對(duì)自己感興趣的話題進(jìn)行回復(fù)；這些發(fā)表的意見(jiàn)和回復(fù)可以在顯示論壇內(nèi)容的界面都顯示出來(lái)，供大家討論；那些只有版主才能看到的信息在版主的管理界面，這個(gè)界面需要登錄，設(shè)有用戶(hù)名和密碼，在這里版主可以對(duì)所有評(píng)論進(jìn)行發(fā)表或刪除的管理。3.個(gè)人專(zhuān)題：

這里收錄了我平時(shí)搜集的一些文章和音樂(lè)，各位訪客可以根據(jù)自己的喜好進(jìn)行閱覽。4.我的相冊(cè)：

在這個(gè)板塊可以看到我的照片，班級(jí)照片和搜集的校園照片，如果大家喜歡可以收藏。更改照片的時(shí)候只要更新數(shù)據(jù)庫(kù)就可以了。5.網(wǎng)站說(shuō)明：

里面是我對(duì)整個(gè)網(wǎng)站的介紹，不太清楚網(wǎng)站構(gòu)架的訪客可以先到這里。6.給我留言：

這是每位訪客針對(duì)我的網(wǎng)站情況給我留言，這些留言會(huì)直接保存到數(shù)據(jù)庫(kù)里面，并且能夠輕松的讀取。7.發(fā)送郵件：

各位訪客可以通過(guò)outlook向版主或者其他人發(fā)送電子郵件。8.鏈接百度：

如果訪客想在互聯(lián)網(wǎng)上查找東西，可以直接點(diǎn)擊這里。9.女生花園：

收集了一些女生喜歡的東西，如果你是女生，可以進(jìn)來(lái)看看。

2.5二級(jí)頁(yè)面的設(shè)計(jì)

我的網(wǎng)站主頁(yè)內(nèi)容簡(jiǎn)單所以主要內(nèi)容再二級(jí)頁(yè)面里要有詳細(xì)的說(shuō)明，具體說(shuō)明如下：

2.5.1個(gè)人簡(jiǎn)介

本模塊是個(gè)人簡(jiǎn)介部分，每個(gè)個(gè)人網(wǎng)站都會(huì)有作者介紹。在這個(gè)模塊訪客會(huì)了解到作者的一些基本信息.2.5.2文學(xué)欣賞

這個(gè)版塊主要介紹我自己喜歡的相關(guān)文學(xué)作品。此版塊的界面如圖所示：

圖3.6 文學(xué)欣賞界面

2.5.3快樂(lè)音樂(lè)

進(jìn)入此版塊，界面如圖所示：

通過(guò)在數(shù)據(jù)庫(kù)中存放音樂(lè)路徑，達(dá)到在網(wǎng)頁(yè)上播放的效果。在音樂(lè)的首頁(yè)上放置了歌曲的名字，網(wǎng)友無(wú)需登錄，即可收聽(tīng)自己喜歡的歌曲。

音樂(lè)界面

2.5.4我的相冊(cè)版塊

個(gè)人網(wǎng)站中又一亮點(diǎn)就是個(gè)人相冊(cè)的設(shè)置，在我的相冊(cè)里，放置了我自己的照片、班級(jí)照片和校園照片。

相冊(cè)里面的這三個(gè)版塊具有相同的版面設(shè)計(jì)，如下圖所示：

相冊(cè)界面

2.5.5網(wǎng)站說(shuō)明版塊

此版塊是我根據(jù)自己的網(wǎng)站結(jié)構(gòu)對(duì)整個(gè)網(wǎng)站以及每個(gè)版塊所做的網(wǎng)站結(jié)構(gòu)和功能的說(shuō)明，以及網(wǎng)站和作者版權(quán)說(shuō)明。如下圖所示：

網(wǎng)站說(shuō)明界面

如果網(wǎng)友不清楚網(wǎng)站的構(gòu)架，可以查看此版塊。2.5.6給我留言版塊

留言板是目前最為流行的網(wǎng)絡(luò)應(yīng)用之一，使用留言板，可以為留言者提供發(fā)言的機(jī)會(huì)，讓他們能夠及時(shí)、準(zhǔn)確地交換自己的觀點(diǎn)。

2.5.7留言板主界面

完整的留言板具有發(fā)表留言和察看別人留言的功能，如圖所示的留言板主界面index1.ASP，可由此進(jìn)入留言界面和察看留言界面。

留言主界面

在主界面中存有全部留言的作者和主題，點(diǎn)擊你想察看的主題就會(huì)進(jìn)入察看留言界面，點(diǎn)擊 “發(fā)表帖子”進(jìn)入留言界面。

3．網(wǎng)站的維護(hù)方案

3.1域名的申請(qǐng)

域名（Domain Name），是由一串用點(diǎn)分隔的名字組成的,Internet上提供用戶(hù)訪問(wèn)某網(wǎng)站或網(wǎng)頁(yè)的路徑，用于在數(shù)據(jù)傳輸時(shí)標(biāo)識(shí)計(jì)算機(jī)的電子方位（有時(shí)也指地理位置）。

域名申請(qǐng)的含義

“域名申請(qǐng)”：為保證每個(gè)網(wǎng)站的域名或訪問(wèn)地址是獨(dú)一無(wú)二的，需要向統(tǒng)一管理域名的機(jī)構(gòu)或組織注冊(cè)或備檔的一種行為。也就是說(shuō)，為了保證網(wǎng)絡(luò)安全和有序性，網(wǎng)站建立后為其綁定一個(gè)全球獨(dú)一無(wú)二的域名或訪問(wèn)地址，必須向全球統(tǒng)一管理域名的機(jī)構(gòu)或組織去注冊(cè)或者備檔方可使用的一種行為。由于域名是網(wǎng)站必不可少的“門(mén)牌號(hào)”，域名可用于：網(wǎng)站地址訪問(wèn)、電子郵箱、品牌保護(hù)等用途，所以很多企業(yè)或個(gè)人均會(huì)進(jìn)行域名申請(qǐng)。

3.2空間或者主機(jī)的租用

有了自己的域名這個(gè)門(mén)牌號(hào)后，就需要一個(gè)空間來(lái)存放自己的網(wǎng)站，也就是虛擬主機(jī)。一般虛擬主機(jī)提供商都向用戶(hù)提供100MB、500MB、3GB等虛擬主機(jī)空間。我的個(gè)人網(wǎng)站選擇100-300MB的虛擬主機(jī)空間。購(gòu)買(mǎi)虛擬主機(jī)主要考慮幾個(gè)方面：售后服務(wù)、穩(wěn)定性、訪問(wèn)速度等。首先我選擇在萬(wàn)網(wǎng)上注冊(cè)一個(gè)域名然后申請(qǐng)租用空間建立個(gè)人網(wǎng)站。

3.3網(wǎng)站鏈接穩(wěn)定性測(cè)試

超級(jí)鏈接對(duì)于網(wǎng)站用戶(hù)而言意味著能不能流暢的使用整個(gè)網(wǎng)站提供的服務(wù)，因而鏈接將作為一個(gè)獨(dú)立的項(xiàng)目進(jìn)行測(cè)試。網(wǎng)站能夠正確運(yùn)行首先要保證鏈接能夠連貫運(yùn)行。

網(wǎng)站的運(yùn)行中整個(gè)系統(tǒng)是否運(yùn)行正常，我主要采用將測(cè)試網(wǎng)站長(zhǎng)時(shí)間運(yùn)轉(zhuǎn)進(jìn)行測(cè)試，派生出執(zhí)行程序所有功能需求的輸入條件，從而導(dǎo)出測(cè)試用例，進(jìn)行測(cè)試，網(wǎng)站中的每個(gè)版塊的每個(gè)頁(yè)面都出現(xiàn)了很多的鏈接，所以每個(gè)版塊要先進(jìn)行單獨(dú)測(cè)試，單獨(dú)測(cè)試完成后，根據(jù)個(gè)版塊之間的連接結(jié)構(gòu)再進(jìn)行總體測(cè)試，從而達(dá)到網(wǎng)站的整體的運(yùn)營(yíng)能夠順利地進(jìn)行。在測(cè)試這個(gè)環(huán)節(jié)時(shí)，沒(méi)有特定的測(cè)試方法，就要做到細(xì)心，做到網(wǎng)站的順利運(yùn)行。

總結(jié)：

通過(guò)這次個(gè)人網(wǎng)站設(shè)計(jì)的制作，我學(xué)會(huì)了很多東西，也了解了很多關(guān)于個(gè)人網(wǎng)站的資料。不知不覺(jué)網(wǎng)頁(yè)設(shè)計(jì)的課程將要結(jié)束了，這門(mén)課程所包含內(nèi)容的豐富是讓我從沒(méi)有想到的。在整個(gè)的學(xué)習(xí)過(guò)程中，我學(xué)習(xí)了Dreamwave、Firework、Html語(yǔ)言、網(wǎng)站建設(shè)的基本思想等重要內(nèi)容。到現(xiàn)在為止，我還是很慶幸能夠?qū)W到這么多的內(nèi)容。

雖然整個(gè)網(wǎng)頁(yè)的結(jié)構(gòu)還有很多不足，還有一些板塊沒(méi)有開(kāi)通，但是我的確能夠感到在我們制作過(guò)程中技能的提高。整個(gè)網(wǎng)站的不足我想是沒(méi)有使用到一些動(dòng)態(tài)網(wǎng)頁(yè)的知識(shí)，使得日后網(wǎng)站的維護(hù)較為繁雜。希望以后可以自學(xué)動(dòng)態(tài)網(wǎng)站的課程，從而彌補(bǔ)自己在動(dòng)態(tài)網(wǎng)絡(luò)語(yǔ)言方面的不足。這樣以后可以利用業(yè)余的時(shí)間為自己或者公司，根據(jù)自己的愛(ài)好建立一個(gè)個(gè)人網(wǎng)站。

[參考文獻(xiàn)] [1] 袁曉紅.《網(wǎng)頁(yè)設(shè)計(jì)與制作》[M].高等教育出版社 2006 385頁(yè)~389頁(yè) [2] 甘登岱.《我也能掌握Flash編程》[M].航空工業(yè)出版社 2000 [3] 趙更生.《Flash動(dòng)畫(huà)制作培訓(xùn)實(shí)錄》[M].人民郵電出版社 2004 [4] 鮑嘉.盧堅(jiān).陳丁法《Dreamweaver CS5網(wǎng)頁(yè)設(shè)計(jì)從入門(mén)到精髓》[M].中國(guó)電力出版社2010 [5] 張成龍.《網(wǎng)頁(yè)制作一點(diǎn)通》.延邊人民出版社

[6] 劉瑞新，《ASP動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)、畢業(yè)設(shè)計(jì)指導(dǎo)及實(shí)例》[M].機(jī)械工業(yè)出版社 2000 [7] 石曉燕、蘇萍《網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)》[M].清華大學(xué)、交通出版社 20 04 [8] 王玉芬.《網(wǎng)站規(guī)劃與設(shè)計(jì)》[M].西北工業(yè)出版社 2003 [9] 謝希仁.計(jì)算機(jī)網(wǎng)絡(luò)(第5版)[M].北京：電子工業(yè)出版社,2008

第四篇：網(wǎng)頁(yè)設(shè)計(jì)與制作-論文（本站推薦）

第一章

緒論

摘 要

本論文將對(duì)個(gè)人網(wǎng)頁(yè)設(shè)計(jì)與制作的方法、工具等展開(kāi)研究和探討。在介紹網(wǎng)頁(yè)設(shè)計(jì)與制作語(yǔ)言的基礎(chǔ)上，著重使用JavaScript作為工具語(yǔ)言進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作的實(shí)際操作，分別對(duì)基于對(duì)象的JavaScript語(yǔ)言、內(nèi)部對(duì)象系統(tǒng)的使用及WEB頁(yè)面信息交互——窗口和框架進(jìn)行詳細(xì)描述，并利用具體的實(shí)例進(jìn)行驗(yàn)證。

本論文主要章節(jié)如下，第一章：緒論，本章主要介紹網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)知識(shí)。第二章：網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言概述，本章主要介紹網(wǎng)頁(yè)設(shè)計(jì)的語(yǔ)言——HTML，以及用于編輯HTML語(yǔ)言的軟件，為后續(xù)工作奠定基礎(chǔ)。第三章：基于對(duì)象的JavaScript語(yǔ)言，本章介紹了基于對(duì)象的JavaScript中常用內(nèi)部對(duì)象屬性、方法的使用。第四章：內(nèi)部對(duì)象系統(tǒng)的使用，本章主要介紹使用瀏覽器的內(nèi)部對(duì)象系統(tǒng)，可實(shí)現(xiàn)與HTML文檔進(jìn)行交互。第五章：WEB頁(yè)面信息的交互——窗體與框架，本章主要介紹實(shí)現(xiàn)網(wǎng)頁(yè)的動(dòng)態(tài)交互，必須掌握有關(guān)窗體對(duì)象（Form）和框架對(duì)象（Frames）更為復(fù)雜的知識(shí)。

關(guān)鍵詞： 網(wǎng)頁(yè)制作；網(wǎng)頁(yè)設(shè)計(jì)；HTML；ASP

第一章

緒論

第一章 緒論

隨著21世紀(jì)的到來(lái)，人們更深切地感受到計(jì)算機(jī)在生活和工作中的作用越來(lái)越重要，越來(lái)越來(lái)的職業(yè)需要具有計(jì)算機(jī)的應(yīng)用技能。掌握計(jì)算機(jī)是職業(yè)的需要，更是事業(yè)發(fā)展的需要。網(wǎng)頁(yè)設(shè)計(jì)與制作是計(jì)算機(jī)能力的具體表現(xiàn)，本章主要介紹網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)知識(shí)。

1.1 網(wǎng)頁(yè)設(shè)計(jì)概述

網(wǎng)站是企業(yè)向用戶(hù)和網(wǎng)民提供信息(包括產(chǎn)品和服務(wù))的一種方式,是企業(yè)開(kāi)展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái)，離開(kāi)網(wǎng)站（或者只是利用第三方網(wǎng)站）去談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被稱(chēng)為“網(wǎng)絡(luò)商標(biāo)”，也是企業(yè)無(wú)形資產(chǎn)的組成部分，而網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。

1.2 網(wǎng)頁(yè)設(shè)計(jì)的要素

網(wǎng)頁(yè)設(shè)計(jì)的兩大要素是：整體風(fēng)格和色彩搭配。

一、確定網(wǎng)站的整體風(fēng)格

在這里，我提供給大家一些參考經(jīng)驗(yàn)：

1．將你的標(biāo)志logo，盡可能的放在每個(gè)頁(yè)面上最突出的位置。2．突出你的標(biāo)準(zhǔn)色彩。

3．總結(jié)一句能反映貴站精髓的宣傳標(biāo)語(yǔ)！

4．相同類(lèi)型的圖像采用相同效果，比如說(shuō)標(biāo)題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的！

二、網(wǎng)頁(yè)色彩的搭配

1．用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁(yè)面看起來(lái)色彩統(tǒng)一，有層次感。

2．用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色。

3．用一個(gè)色系。簡(jiǎn)單的說(shuō)就是用一個(gè)感覺(jué)的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。

1.3 大作業(yè)目的和意義

本大作業(yè)主要是對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作的語(yǔ)言基礎(chǔ)上進(jìn)行探討，主要內(nèi)容如下：通過(guò)已經(jīng)做好的網(wǎng)頁(yè)，分析html網(wǎng)頁(yè)設(shè)計(jì)技術(shù)、XML技術(shù)、Java Applet技術(shù)和Javascript技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用。

第一章

緒論

1.4 要分析的網(wǎng)頁(yè)

第一章

緒論

第一章

緒論

第二章

HTML網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的應(yīng)用

第二章 HTML網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的應(yīng)用

2.1 HTML語(yǔ)言介紹

HTML（HyperText Mark-up Language）即超文本標(biāo)記語(yǔ)言或超文本鏈接標(biāo)示語(yǔ)言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言，也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言。

HTML文本是由HTML命令組成的描述性文本，HTML命令可以說(shuō)明文字、圖形、動(dòng)畫(huà)、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說(shuō)明的具體內(nèi)容。

2.1.1 HTML語(yǔ)言的特點(diǎn)

HTML文檔制作不是很復(fù)雜，且功能強(qiáng)大，支持不同數(shù)據(jù)格式的文件鑲?cè)?，這也是WWW盛行的原因之一，HTML語(yǔ)言的特點(diǎn)如下：

1、簡(jiǎn)易性，HTML版本升級(jí)采用超集方式，從而更加靈活方便。

2、可擴(kuò)展性，HTML語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，HTML采取子類(lèi)元素的方式，為系統(tǒng)擴(kuò)展帶來(lái)保證。

3、平臺(tái)無(wú)關(guān)性。雖然PC機(jī)大行其道，但使用MAC等其他機(jī)器的大有人在，HTML可以使用在廣泛的平臺(tái)上，這也是WWW盛行的另一個(gè)原因。

2.1.2 HTML語(yǔ)言的編輯軟件

HTML的本質(zhì)是文本，需要瀏覽器的解釋?zhuān)琀TML的編輯器大體可以分為三種：

1、基本編輯軟件，使用WINDOWS自帶的記事本或?qū)懽职娑伎梢跃帉?xiě)，當(dāng)然，如果你用WPS來(lái)編寫(xiě)，也可以。不過(guò)存盤(pán)時(shí)請(qǐng)使用.htm或.html作為擴(kuò)展名，這樣瀏覽器就可以解釋執(zhí)行了。

2、半所見(jiàn)即所得軟件，這種軟件能大大提高開(kāi)發(fā)效率，它可以使你在很短的時(shí)間內(nèi)做出Homepage，且可以學(xué)習(xí)HTML，這種類(lèi)型的軟件主要有HOTDOG，還有國(guó)產(chǎn)的軟件網(wǎng)頁(yè)作坊。

3、所見(jiàn)即所得軟件，使用最廣泛的編輯器，完全可以一點(diǎn)不懂HTML的知識(shí)就可以做出網(wǎng)頁(yè)，這類(lèi)軟件主要有Frontpage，DREAMWEAVER、Delphi、Eclipse、UltraEdit。

2.1.4 html語(yǔ)言在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用

第二章

HTML網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的應(yīng)用

2.2.3JavaScript技術(shù)在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用

一、JavaScript概述

JavaScript是一種基于對(duì)象(Object)和事件驅(qū)動(dòng)(Event Driven)并具有安全性能的腳本語(yǔ)言。使用它的目的是與HTML超文本標(biāo)記語(yǔ)言、Java 腳本語(yǔ)言（Java小程序）一起實(shí)現(xiàn)在一個(gè)Web頁(yè)面中鏈接多個(gè)對(duì)象，與Web客戶(hù)交互作用。從而可以開(kāi)發(fā)客戶(hù)端的應(yīng)用程序等。它是通過(guò)嵌入或調(diào)入在標(biāo)準(zhǔn)的HTML語(yǔ)言中實(shí)現(xiàn)的。它的出現(xiàn)彌補(bǔ)了HTML語(yǔ)言的缺陷，它是Java與HTML折衷的選擇，具有以下幾個(gè)基本特點(diǎn)：

1、是一種腳本編寫(xiě)語(yǔ)言

JavaScript是一種腳本語(yǔ)言，它采用小程序段的方式實(shí)現(xiàn)編程。像其它腳本語(yǔ)言一樣,JavaScript同樣已是一種解釋性語(yǔ)言,它提供了一個(gè)易的開(kāi)發(fā)過(guò)程。

它的基本結(jié)構(gòu)形式與C、C++、VB、Delphi十分類(lèi)似。但它不像這些語(yǔ)言一樣，需要先編譯，而是在程序運(yùn)行過(guò)程中被逐行地解釋。它與HTML標(biāo)識(shí)結(jié)合在一起，從而方便用戶(hù)的使用操作。

2、基于對(duì)象的語(yǔ)言。

JavaScript是一種基于對(duì)象的語(yǔ)言，同時(shí)以可以看作一種面向?qū)ο蟮?。這意味著它能運(yùn)用自己已經(jīng)創(chuàng)建的對(duì)象。因此，許多功能可以來(lái)自于腳本環(huán)境中對(duì)象的方法與腳本的相互作用。

3、簡(jiǎn)單性

JavaScript的簡(jiǎn)單性主要體現(xiàn)在：首先它是一種基于Java基本語(yǔ)句和控制流之上的簡(jiǎn)單而緊湊的設(shè)計(jì), 從而對(duì)于學(xué)習(xí)Java是一種非常好的過(guò)渡。其次它的變量類(lèi)型是采用弱類(lèi)型，并未使用嚴(yán)格的數(shù)據(jù)類(lèi)型。

4、安全性

JavaScript是一種安全性語(yǔ)言，它不允許訪問(wèn)本地的硬盤(pán)，并不能將數(shù)據(jù)存入到服務(wù)器上，不允許對(duì)網(wǎng)絡(luò)文檔進(jìn)行修改和刪除，只能通過(guò)瀏覽器實(shí)現(xiàn)信息瀏覽或動(dòng)態(tài)交互。從而有效地防止數(shù)據(jù)的丟失。

5、動(dòng)態(tài)性的

JavaScript是動(dòng)態(tài)的，它可以直接對(duì)用戶(hù)或客戶(hù)輸入做出響應(yīng)，無(wú)須經(jīng)過(guò)Web服務(wù)程序。它對(duì)用戶(hù)的反映響應(yīng)，是采用以事件驅(qū)動(dòng)的方式進(jìn)行的。所謂事件驅(qū)動(dòng)，就是指在主頁(yè)(Home Page)中執(zhí)行了某種操作所產(chǎn)生的動(dòng)作，就稱(chēng)為“事件”(Event)。比如按下鼠標(biāo)、移動(dòng)窗口、選擇菜單等都可以視為事件。當(dāng)事件發(fā)生后，可能會(huì)引起相應(yīng)的事件響應(yīng)。

6、跨平臺(tái)性

JavaScript是依賴(lài)于瀏覽器本身，與操作環(huán)境無(wú)關(guān)，只要能運(yùn)行瀏覽器的計(jì)算機(jī)，并支持JavaScript的瀏覽器就可正確執(zhí)行。從而實(shí)現(xiàn)了“編寫(xiě)一次,走遍天下”的夢(mèng)想。

實(shí)際上JavaScript最杰出之處在于可以用很小的程序做大量的事。無(wú)須有高性能的電腦，軟件僅需一個(gè)字處理軟件及一瀏覽器，無(wú)須WEB服務(wù)器通道，通過(guò)自己的電腦即可完成所有的事情。

總之，JavaScript 是一種新的描述語(yǔ)言，它可以被箝入到 HTML 的文件之中。JavaScript語(yǔ)言可以做到回應(yīng)使用者的需求事件(如：form的輸入)，而不用任何的網(wǎng)路來(lái)回傳輸資料，所以當(dāng)一位使用者輸入一項(xiàng)資料時(shí)，它不用經(jīng)過(guò)傳給伺服端(server)處理，再傳回來(lái)的過(guò)程，而直接可以被客戶(hù)端(client)的應(yīng)用程式所處理。

第二章

HTML網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的應(yīng)用

第五章

色彩在網(wǎng)頁(yè)中的應(yīng)用

第五章 色彩在網(wǎng)頁(yè)中的應(yīng)用

5.1色彩在網(wǎng)頁(yè)中的應(yīng)用

色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁(yè)設(shè)計(jì)中，我們的設(shè)計(jì)師根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合．搭配來(lái)構(gòu)成美麗的頁(yè)面。根據(jù)色彩對(duì)人們心理的影響，合理地加以運(yùn)用。

先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁(yè)面看起來(lái)色彩統(tǒng)一，有層次感。簡(jiǎn)單的說(shuō)就是用一個(gè)感覺(jué)的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。

在網(wǎng)頁(yè)配色中不要將所有顏色都用到，盡量控制在三至五種色彩以?xún)?nèi)。背景和前文的對(duì)比盡量要大以便突出主要文字內(nèi)容。

5.2主頁(yè)色彩的處理

色彩是人的視覺(jué)最敏感的東西。主頁(yè)的色彩處理得好，可以錦上添花，達(dá)到事半功倍的效果。色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào)，局部對(duì)比”，也就是：主頁(yè)的整體色彩效果應(yīng)該是和諧的，只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對(duì)比。在色彩的運(yùn)用上，可以根據(jù)主頁(yè)內(nèi)容的需要，分別采用不同的主色調(diào)。因?yàn)樯示哂邢笳餍?，例如：嫩綠色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業(yè)的標(biāo)志色，例如：軍警的橄欖綠，醫(yī)療衛(wèi)生的白色等。色彩還具有明顯的心理感覺(jué)，例如冷、暖的感覺(jué)，進(jìn)、退的效果等。另外，色彩還有民族性，各個(gè)民族由于環(huán)境、文化、傳統(tǒng)等因素的影響，對(duì)于色彩的喜好也存在著較大的差異。充分運(yùn)用色彩的這些特性，可以使我們的主頁(yè)具有深刻的藝術(shù)內(nèi)涵，從而提升主頁(yè)的文化品位。

5.3常用的配色方案

1.暖色調(diào)。即紅色、橙色、黃色、赭色等色彩的搭配。這種色調(diào)的運(yùn)用，可使主頁(yè)呈現(xiàn)溫馨、和煦、熱情的氛圍。

2.冷色調(diào)。即青色、綠色、紫色等色彩的搭配。這種色調(diào)的運(yùn)用，可使主頁(yè)呈現(xiàn)寧?kù)o、清涼、高雅的氛圍。

3.對(duì)比色調(diào)。即把色性完全相反的色彩搭配在同一個(gè)空間里。例如：紅與綠、黃與紫、橙與藍(lán)等。這種色彩的搭配，可以產(chǎn)生強(qiáng)烈的視覺(jué)效果，給人亮麗、鮮艷、喜慶的感覺(jué)。

第五章

色彩在網(wǎng)頁(yè)中的應(yīng)用

最后，還要考慮主頁(yè)底色（背景色）的深、淺，這里借用攝影中的一個(gè)術(shù)語(yǔ)，就是“高調(diào)”和“低調(diào)”。底色淺的稱(chēng)為高調(diào)；底色深的稱(chēng)為低調(diào)。底色深，文字的顏色就要淺，以深色的背景襯托淺色的內(nèi)容（文字或圖片）；反之，底色淡的，文字的顏色就要深些，以淺色的背景襯托深色的內(nèi)容（文字或圖片）。這種深淺的變化在色彩學(xué)中稱(chēng)為“明度變化”。當(dāng)然，色彩的明度也不能變化太大，否則屏幕上的亮度反差太強(qiáng)，同樣也會(huì)使讀者的眼睛受不了。

5.4合理搭配網(wǎng)頁(yè)色彩

網(wǎng)頁(yè)的色彩是樹(shù)立網(wǎng)站形象的關(guān)鍵之一，網(wǎng)頁(yè)的背景、文字、圖標(biāo)、邊框、超鏈接等都要用到色彩。不同的色彩會(huì)使瀏覽者有不同的心理感受。合理的搭配色彩，會(huì)更好的表現(xiàn)主題，吸引用戶(hù)的注意力。網(wǎng)頁(yè)色彩涉及到藝術(shù)知識(shí)，讓美術(shù)教師參加網(wǎng)頁(yè)色彩設(shè)計(jì)，可能會(huì)出現(xiàn)比較理想的效果。在色彩搭配上要注意色彩的鮮明性、獨(dú)特性、合適性、聯(lián)想性。背景色和前景色對(duì)比要大，以突出主要內(nèi)容

網(wǎng)站給人的第一印象來(lái)自視覺(jué)沖擊，不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問(wèn)者的情緒?！皹?biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩，要用于網(wǎng)站的標(biāo)志，標(biāo)題，主菜單和主色塊。給人以整體統(tǒng)一的感覺(jué)。至于其它色彩也可以使用，但應(yīng)當(dāng)只是作為點(diǎn)綴和襯托，絕不能喧賓奪主。一般來(lái)說(shuō)，一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過(guò)3種，太多則讓人眼花繚亂。適合于網(wǎng)頁(yè)標(biāo)準(zhǔn)色的顏色有：藍(lán)色，黃/橙色，黑/灰/白色三大系列色。

第五章

色彩在網(wǎng)頁(yè)中的應(yīng)用

第六章 WEB頁(yè)面信息的交互——窗體與框架

要實(shí)現(xiàn)網(wǎng)頁(yè)的動(dòng)態(tài)交互，必須掌握有關(guān)窗體對(duì)象（Form）和框架對(duì)象（Frames）更為復(fù)雜的知識(shí)。

6.1窗體基礎(chǔ)知識(shí)

窗體對(duì)象可以使設(shè)計(jì)人員能用窗體中不同的元素與客戶(hù)機(jī)用戶(hù)相交互，而用不著在之前首先進(jìn)行數(shù)據(jù)輸入，就可以實(shí)現(xiàn)動(dòng)態(tài)改變Web文檔的行為。

6.1.1窗體對(duì)象

窗體（Form）：它構(gòu)成了Web頁(yè)面的基本元素。通常一個(gè)Web頁(yè)面有一個(gè)窗體或幾個(gè)窗體，使用Forms[]數(shù)組來(lái)實(shí)現(xiàn)不同窗體的訪問(wèn)。