網(wǎng)站規(guī)劃與網(wǎng)頁(yè)制作

《網(wǎng)站規(guī)劃與網(wǎng)頁(yè)制作》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、網(wǎng)站規(guī)劃與網(wǎng)頁(yè)制作作者：李言嶺目錄摘要　………………………………………………………1關(guān)鍵字　……………………………………………………1前言………………………………………………………2第一章.網(wǎng)頁(yè)設(shè)計(jì)的背景和工具介紹……………………21.1網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展、前景和作用………………………21.2網(wǎng)頁(yè)設(shè)計(jì)開發(fā)工具軟件的介紹………………………3第二章.總體規(guī)劃網(wǎng)頁(yè)的策劃、設(shè)計(jì)制作………………42.1設(shè)計(jì)意念………………………………………………42.2規(guī)劃設(shè)計(jì)………………………………………………42.3藝術(shù)性處理原則………………………………………5第三章.具體頁(yè)面的構(gòu)思和實(shí)

2、現(xiàn)過(guò)程……………………63.1網(wǎng)頁(yè)設(shè)計(jì)制作規(guī)范……………………………………63.2網(wǎng)頁(yè)的布局和結(jié)構(gòu)……………………………………63.3網(wǎng)頁(yè)畫面風(fēng)格的設(shè)計(jì)…………………………………73.4頁(yè)面的設(shè)計(jì)、制作開發(fā)………………………………7第四章.?個(gè)人Web網(wǎng)站作品制作過(guò)程…………………………84.1制作網(wǎng)站前的準(zhǔn)備……………………………………84.2確定網(wǎng)頁(yè)的內(nèi)容結(jié)構(gòu)…………………………………84.3建立站點(diǎn)進(jìn)行頁(yè)面設(shè)計(jì)………………………………94.4網(wǎng)頁(yè)設(shè)計(jì)中的關(guān)鍵技巧………………………………94.5HTML腳本編寫、源代碼………………………………10第五章.總結(jié)

3、回顧…………………………………………135.1總結(jié)課題設(shè)計(jì)的優(yōu)缺點(diǎn)………………………………135.2結(jié)束語(yǔ)…………………………………………………13參考文獻(xiàn)……………………………………………………13摘　要　網(wǎng)站規(guī)劃與網(wǎng)頁(yè)設(shè)計(jì)是一門新興的邊緣性的行業(yè)，在網(wǎng)絡(luò)產(chǎn)生以后應(yīng)運(yùn)而生。網(wǎng)頁(yè)如門面，小到個(gè)人主頁(yè)，大到大公司、大的政府部門以及國(guó)際組織等在網(wǎng)絡(luò)上無(wú)不以網(wǎng)頁(yè)作為自己的門面。當(dāng)點(diǎn)擊到網(wǎng)站時(shí)，首先映入眼簾的是該網(wǎng)頁(yè)的界面設(shè)計(jì)，如內(nèi)容的介紹、按鈕的擺放、文字的組合、色彩的應(yīng)用、使用的引導(dǎo)等等。這一切都是網(wǎng)頁(yè)設(shè)計(jì)的范疇，都是網(wǎng)頁(yè)設(shè)計(jì)者的工作。關(guān)鍵字規(guī)劃設(shè)計(jì)、動(dòng)態(tài)效果、設(shè)計(jì)

4、意念、配色方案等。13前言　　本論文是網(wǎng)站規(guī)劃與網(wǎng)頁(yè)制作，如果準(zhǔn)備投身網(wǎng)站規(guī)劃與網(wǎng)頁(yè)制作行業(yè)，就會(huì)知道Dreamweaver的大名，它是一種專業(yè)化的網(wǎng)頁(yè)創(chuàng)作工具，它采用所見(jiàn)即所得編輯方式，通過(guò)特有的行為，模板，時(shí)間線等技術(shù)，能夠快速高效地創(chuàng)建極具表現(xiàn)力和動(dòng)感效果的網(wǎng)頁(yè)，使網(wǎng)頁(yè)創(chuàng)作過(guò)程變的簡(jiǎn)單無(wú)比。本論文的實(shí)例我就采用Dreamweaver來(lái)制作網(wǎng)頁(yè)的。首先我先從網(wǎng)站設(shè)計(jì)和制作的概念、網(wǎng)站構(gòu)建的整套思路流程出發(fā)，然后通過(guò)自己的個(gè)人Web作品來(lái)說(shuō)明并演示一個(gè)完整的網(wǎng)站制作過(guò)程。本論文網(wǎng)頁(yè)設(shè)計(jì)有一條主線，就是說(shuō)明設(shè)計(jì)網(wǎng)站的策劃、設(shè)計(jì)、維護(hù)的全過(guò)程。本論文的每一章都是網(wǎng)

5、站建設(shè)的一個(gè)步驟，理論和實(shí)踐相結(jié)合。既有理論、又有實(shí)例。把每一章的實(shí)例合在一起，就構(gòu)成一個(gè)大實(shí)例。本論文主要分為四個(gè)方面：一、是網(wǎng)站策劃、制作的整個(gè)流程的闡述，二、是具體頁(yè)面的構(gòu)思和實(shí)現(xiàn)過(guò)程、設(shè)計(jì)技巧的靈活使用。三、自己個(gè)人網(wǎng)頁(yè)設(shè)計(jì)作品展示。四、總結(jié)和回顧。　　在網(wǎng)頁(yè)設(shè)計(jì)的背景和工具介紹方面，介紹了網(wǎng)頁(yè)設(shè)計(jì)的背景和設(shè)計(jì)的開發(fā)工具。目前最流行的制作工具是網(wǎng)頁(yè)“三劍客”，即：Dreamweaver，F(xiàn)ireworks，F(xiàn)lash。在網(wǎng)站流程方面，主要從設(shè)計(jì)意念、規(guī)劃設(shè)計(jì)，藝術(shù)性處理原則出發(fā)，同時(shí)對(duì)網(wǎng)站總體策劃、網(wǎng)站布局策劃、網(wǎng)站資料的收集、網(wǎng)站目錄結(jié)構(gòu)的規(guī)劃做了說(shuō)明

6、。在具體頁(yè)面的構(gòu)思和實(shí)現(xiàn)過(guò)程方面，主要闡述了制作規(guī)范，布局和結(jié)構(gòu)，畫面風(fēng)格設(shè)計(jì)，網(wǎng)頁(yè)制作的完成。　　在個(gè)人Web作品制作過(guò)程方面，我詳細(xì)用上面的設(shè)計(jì)流程來(lái)設(shè)計(jì)自己的個(gè)人主頁(yè)，應(yīng)用了包括：用Dreamweaver對(duì)網(wǎng)頁(yè)進(jìn)行排版、用Fireworks給圖像"減肥"、用Flash做廣告、用CSS規(guī)劃網(wǎng)頁(yè)色彩、使用網(wǎng)頁(yè)配色方案軟件等內(nèi)容。還包含設(shè)計(jì)的關(guān)鍵技巧：內(nèi)容，頁(yè)面設(shè)計(jì)，布局，HTML格式，連接，通則，設(shè)備獨(dú)立等等。第一章.網(wǎng)站規(guī)劃與網(wǎng)頁(yè)設(shè)計(jì)的背景和工具介紹1.1網(wǎng)站規(guī)劃與網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展、前景和作用　　網(wǎng)頁(yè)設(shè)計(jì)擁有傳統(tǒng)的媒體的不具有的優(yōu)勢(shì)，例如能夠聲音、圖片、文字、

7、動(dòng)畫相結(jié)合，營(yíng)造一個(gè)富有生氣的獨(dú)特世界，同時(shí)它擁有極強(qiáng)交互性，使使用者能夠參與其中，同設(shè)計(jì)者相互交流。但是最基本的模式還是平面設(shè)計(jì)的內(nèi)容，所以平面設(shè)計(jì)就要考慮形式美的內(nèi)容，其中網(wǎng)頁(yè)的排版布局就屬于形式的內(nèi)容，那什么是形式呢？一個(gè)網(wǎng)站的建設(shè)，首先應(yīng)該從功能出發(fā)。功能是網(wǎng)站的目的所在，為了“個(gè)性”而犧牲功能上的需求，那就舍本求末了。而通常功能上的需求無(wú)非有：1，能夠明確的表達(dá)一個(gè)網(wǎng)站的主題。2，能夠容納多種形式的內(nèi)容。3，能夠良好的適應(yīng)不同的分辨率。其次要有13一個(gè)清晰的網(wǎng)站結(jié)構(gòu)。比如說(shuō)吧，導(dǎo)航條要不要？個(gè)性一派說(shuō)那東西人人在做，太俗沒(méi)個(gè)性，要了難顯新潮。但我想導(dǎo)航

8、條之所以有那么多人在用，