網(wǎng)頁制作期末論文

《網(wǎng)頁制作期末論文》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫。

1、關(guān)于網(wǎng)頁制作的相關(guān)基本問題摘要：隨著網(wǎng)絡(luò)的發(fā)展，網(wǎng)頁的制作越來越重要。網(wǎng)頁制作要能充分吸引訪問者的注意力，讓訪問者產(chǎn)生視覺上的愉悅感，就必須要把網(wǎng)頁設(shè)計(jì)和網(wǎng)頁制作結(jié)合起來。要想制作出理想的網(wǎng)頁，除了要有一定的網(wǎng)頁制作基礎(chǔ)外，還要正確選擇開發(fā)工具。在本文中，簡(jiǎn)單介紹了網(wǎng)頁制作的相關(guān)技術(shù)、網(wǎng)頁制作的一般方法過程及應(yīng)該注意的問題。初學(xué)網(wǎng)頁制作，要注意網(wǎng)頁布局、網(wǎng)頁色彩搭配及線條、文字、目錄等細(xì)節(jié)的處理，并不斷修改、完善。關(guān)鍵詞：網(wǎng)頁制作；一般方法過程；網(wǎng)頁布局；色彩搭配。一、網(wǎng)頁制作的相關(guān)技術(shù)（一）常用制作

2、工具：1.Dreamweaver：Dreamweaver是美國Macromedia公司開發(fā)的一款集網(wǎng)頁制作和管理網(wǎng)站于一身的可視化網(wǎng)頁編輯器，它是第一套針對(duì)專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化的網(wǎng)頁開發(fā)工具，是最受專業(yè)設(shè)計(jì)者歡迎的網(wǎng)頁制作工具之一，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁。其中重點(diǎn)介紹CS5的新功能：①CSS檢查新增功能，以可視方式顯示詳細(xì)的CSS框模型，輕松切換CSS屬性并且無需讀取代碼或使用其他實(shí)用程序。②與AdobeBrowserLab集成新增功能，使用多

3、個(gè)查看、診斷和比較工具預(yù)覽動(dòng)態(tài)，網(wǎng)頁和本地內(nèi)容。③PHP自定義類代碼提示新增功能，為自定義PHP函數(shù)顯示適當(dāng)?shù)恼Z法，幫助您更準(zhǔn)確地編寫代碼。④CSSStarter頁增強(qiáng)功能，借助更新和簡(jiǎn)化的CSSStarter布局，快速啟動(dòng)基于標(biāo)準(zhǔn)的網(wǎng)站設(shè)計(jì)。2.Frontpage是微軟公司出品的一款網(wǎng)頁制作入門級(jí)軟件，可以在可視化的方式下簡(jiǎn)單直觀的實(shí)現(xiàn)HTML幾乎所有的功能，例如：新建和修改一個(gè)網(wǎng)頁、新建一個(gè)Web站點(diǎn)，在網(wǎng)頁中插入圖片、多媒體等眾多功能。FrontPage使用方便簡(jiǎn)單，會(huì)用Word就能做網(wǎng)頁，該軟

4、件結(jié)合了設(shè)計(jì)、程式碼、預(yù)覽三種模式。也可一起顯示程式碼和設(shè)計(jì)檢視與MicrosoftOffice各軟件無縫連接，良好的表格控制能力，繼承了MicrosoftOffice產(chǎn)品系列的良好的易用性。但Frontpage也有其不足之處：①瀏覽器兼容性不好，做出來的網(wǎng)頁，用Netscape往往不能正常顯示；②生成的垃圾代碼多，也會(huì)自動(dòng)修改代碼，導(dǎo)致在某些情況下極為不便；③對(duì)DHTML的支持不好。微軟在2006年年底前停止提供FrontPage軟件。3.Flash：Flash是由Macromedia公司開發(fā)的一款

5、優(yōu)秀的網(wǎng)頁動(dòng)畫開發(fā)軟件，從簡(jiǎn)單的動(dòng)畫到交互式Web應(yīng)用程序，它使用戶可以創(chuàng)建任何作品。網(wǎng)頁設(shè)計(jì)者使用Flash創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其它奇特的效果。2012年8月15日，F(xiàn)lash退出Android平臺(tái)，正式告別移動(dòng)端。（二）材料的選取1.先大后小先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。2.先簡(jiǎn)單后復(fù)雜先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問題時(shí)好修改。3.多靈活運(yùn)用模板，提高制作效率二、網(wǎng)頁制作的一般方法過程（一）網(wǎng)站的結(jié)構(gòu)1.網(wǎng)頁頁面的創(chuàng)建①在Dreamveav

6、er“文件－新建－常規(guī)－基本頁－HTML”，這樣就建好了一個(gè)頁面，英文版的默認(rèn)的文件名為untitled.htm，htm表示這個(gè)網(wǎng)頁文件是一個(gè)靜態(tài)的HTML文件。給它改名為index.htm。注：網(wǎng)站第一頁的名字通常是index.htm或index.html。其它頁面的名字可以自己取。這也就是主頁，上傳后打開網(wǎng)頁默認(rèn)連接到此頁。②在標(biāo)題空格里輸入網(wǎng)頁名稱，點(diǎn)擊修改－頁面屬性，打開“頁面屬性”窗口。在這里可以設(shè)置網(wǎng)站的標(biāo)題、背景顏色或背景圖像，超級(jí)鏈接的顏色（一般默認(rèn)即可）。③此時(shí)光標(biāo)位于左上角，可輸入

7、一句話，如“歡迎來到我的主頁”。選取文字，用菜單“窗口/屬性”打開屬性面板，選取文字大小為6，再使文字居中，然后在文字前用幾個(gè)回車使其位于頁面中間等。2.欄目的設(shè)置網(wǎng)站的題材確定后，收集和組織相關(guān)的資料內(nèi)容。為了吸引網(wǎng)友們來瀏覽網(wǎng)站，需將吸引人的內(nèi)容放在最突出的位置，讓好東西在版面分布上占絕對(duì)優(yōu)勢(shì)。欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。在制定欄目的時(shí)候，要仔細(xì)考慮，合理安排。一般的網(wǎng)站欄目安排要注意：①緊扣主題，主題欄目個(gè)數(shù)在總欄目中要占絕對(duì)優(yōu)勢(shì)，這樣主題突出，容易給人留下

8、深刻印象。②設(shè)一個(gè)最近更新欄目或網(wǎng)站指南欄目，可以照顧到常來的訪客，并幫助初訪者快速找到他們想要的內(nèi)容，讓主頁更人性化。③設(shè)定類似論壇、留言本可以雙向交流的欄目，可以讓瀏覽者留下他們的信息?；蛘吡粢粋€(gè)"Emailme"的站點(diǎn)，更具親和力。（二）網(wǎng)站的風(fēng)格網(wǎng)站風(fēng)格是網(wǎng)站頁面設(shè)計(jì)上的視覺元素組合在一起的整體形象，展現(xiàn)給人的直觀感受，包括網(wǎng)站的配色、字體、布局、內(nèi)容等因素。1.協(xié)調(diào)運(yùn)用顏色不同的色彩影響著人們對(duì)網(wǎng)站的第一感覺，一般旅游和園林類型的網(wǎng)站使用綠色系