網(wǎng)頁(yè)設(shè)計(jì)與制作教程

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

1、網(wǎng)頁(yè)設(shè)計(jì)與制作教程第一章基礎(chǔ)篇1.INTERNET和WWWINTERNET的功能和應(yīng)用1．信息的獲取與發(fā)布2．電子郵件3．網(wǎng)上交際4．電子商務(wù)5．網(wǎng)絡(luò)電話6．網(wǎng)上事務(wù)處理7．遠(yuǎn)程登陸8．文件傳輸9．電子公告版10．全球信息網(wǎng)11．INTERNET的其他應(yīng)用1.2WWW簡(jiǎn)介1．網(wǎng)頁(yè)，網(wǎng)頁(yè)文件和網(wǎng)站2．HTTP和FTP協(xié)議3．超文本和超鏈接4．INTERNET地址5．域名6．統(tǒng)一資源定位器（URL）7．HTML1.3常見(jiàn)網(wǎng)絡(luò)瀏覽器----IE第二章網(wǎng)站建設(shè)概論（1）信息類網(wǎng)站（2）交易類網(wǎng)站（3）有償信息類網(wǎng)站：101網(wǎng)校、（4）功能型網(wǎng)站（5）綜合類網(wǎng)站2.根據(jù)網(wǎng)站的性質(zhì)分類：（1）政府網(wǎng)

2、站（2）企業(yè)網(wǎng)站（3）商業(yè)網(wǎng)站（4）教育科研機(jī)構(gòu)網(wǎng)站（5）個(gè)人網(wǎng)站（6）非贏利機(jī)構(gòu)網(wǎng)站（7）其他類型的網(wǎng)站3.根據(jù)在大型搜索引擎上的設(shè)置分類4.娛樂(lè)和休閑類網(wǎng)站；商業(yè)與經(jīng)濟(jì)類，藝術(shù)，人文，健康，醫(yī)藥，政府，政治類，電腦與網(wǎng)絡(luò)類，社會(huì)和文化，科學(xué)與教育類，參考資料類2.1.2網(wǎng)站建設(shè)的步驟1．制作環(huán)境的準(zhǔn)備：1）設(shè)備：掃描儀，數(shù)碼相機(jī)，打印機(jī)2）完善系統(tǒng)環(huán)境3）備齊網(wǎng)頁(yè)開(kāi)發(fā)工具軟件，網(wǎng)頁(yè)制作工具，服務(wù)器端程序開(kāi)發(fā)工具及一些實(shí)用的輔助工具。。。4。備齊素材制作和加工軟件，包括對(duì)圖形，動(dòng)畫(huà)，劉媒體和聲音進(jìn)行處理的素材制作和加工軟件5）備齊常用的網(wǎng)站發(fā)布工具，如FTP文件傳輸軟件2.網(wǎng)站目標(biāo)的確

3、定：對(duì)象：訪問(wèn)者的類型；主題明確，數(shù)據(jù)充分。保持目標(biāo)的簡(jiǎn)潔3.網(wǎng)站主題，風(fēng)格和創(chuàng)痍點(diǎn)的確定1）主題選材要小而精2）擅長(zhǎng)或感興趣的內(nèi)容）選題不要太濫：因特網(wǎng)上只有第一，人們記不住第二第三名2）網(wǎng)站的風(fēng)格：CI（標(biāo)志，色彩，字體，標(biāo)語(yǔ)），版面布局，瀏覽方式，交互性，文字，語(yǔ)氣，內(nèi)容價(jià)值，存在意義，站點(diǎn)榮譽(yù)等諸多因素1）確信風(fēng)格是建立在有價(jià)值的內(nèi)容上的2）需要徹底弄清楚站點(diǎn)給人的印象是什么3）在明確網(wǎng)站印象后，開(kāi)始努力建立和加強(qiáng)這種印象：1）標(biāo)志（LOGO）2）色彩3）標(biāo)準(zhǔn)字體4）醒目標(biāo)準(zhǔn)口語(yǔ)5）統(tǒng)一圖片處理效果7）使用網(wǎng)站特有的圖標(biāo)；使用自己設(shè)計(jì)的花邊，線條和點(diǎn)；；9）展示網(wǎng)站的榮譽(yù)和成功作

4、品10）告訴網(wǎng)友關(guān)于個(gè)人真實(shí)的故事和想法3）網(wǎng)站的創(chuàng)意（準(zhǔn)備期，孵化期，啟事期，驗(yàn)證期，形成期）4.網(wǎng)站結(jié)構(gòu)的確立：1）網(wǎng)站結(jié)構(gòu)的確立2）網(wǎng)站目錄的設(shè)置3）網(wǎng)站鏈接結(jié)構(gòu)的設(shè)置：樹(shù)狀連接結(jié)構(gòu)；星狀鏈接結(jié)構(gòu)3）兩種結(jié)構(gòu)的綜合5.網(wǎng)站素材的準(zhǔn)備6.網(wǎng)站制作工具的選擇和確定：DREAMWEAVER和FRONTPAGE，PHOTOSHOP，F(xiàn)IREWORKS，動(dòng)畫(huà)制作工具：FLASH，COOL3D；網(wǎng)頁(yè)特效工具，網(wǎng)頁(yè)特效精靈，有聲有色7.網(wǎng)站的建設(shè)1）申請(qǐng)E---MAIL帳號(hào)2）申請(qǐng)網(wǎng)頁(yè)空間：1。打開(kāi)虎翼網(wǎng)空間申請(qǐng)主頁(yè)3）域名注冊(cè)：對(duì)于個(gè)人網(wǎng)站，在申請(qǐng)免費(fèi)網(wǎng)頁(yè)空間的同時(shí)也完成了域名的注冊(cè)4）網(wǎng)頁(yè)制

5、作：先簡(jiǎn)單后復(fù)雜，布局先大后小，制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用軟件配備的設(shè)計(jì)模板，這樣可以大大提高制作效率8。網(wǎng)站的測(cè)試（看看有沒(méi)有問(wèn)題）和上傳（將網(wǎng)站發(fā)布到WEB服務(wù)器，網(wǎng)頁(yè)制作工具本身具有FTP功能）9。網(wǎng)站的宣傳和推廣（搜索引擎上注冊(cè)，與別的網(wǎng)站交換鏈接，運(yùn)用網(wǎng)絡(luò)廣告）10.網(wǎng)站的更新和維護(hù)：必須不斷給它補(bǔ)充新的內(nèi)容，才能夠長(zhǎng)期吸引住瀏覽者2.1.3網(wǎng)站設(shè)計(jì)的原則1）網(wǎng)站主題不要多于三個(gè)：小而精，定位小2）網(wǎng)站的標(biāo)準(zhǔn)色彩不要超過(guò)三種3）重視網(wǎng)站目錄結(jié)構(gòu)的創(chuàng)建（創(chuàng)建目錄的原則百度上找出來(lái)）：不要將所有文件都存在根目錄下，目錄層次不超過(guò)三層，不要使用過(guò)長(zhǎng)的目錄名，盡量不要使用中文目錄名4）鏈接

6、層次不要超出三層（便于維護(hù)）5）網(wǎng)頁(yè)長(zhǎng)度應(yīng)限定在三個(gè)整屏以內(nèi)6）表格的嵌套層次要控制在三層左右（表格插入表格里）7）網(wǎng)站導(dǎo)航要清晰2.優(yōu)秀網(wǎng)站的五大要素1）網(wǎng)站內(nèi)容豐富2）頁(yè)面下載速度快（網(wǎng)頁(yè)簡(jiǎn)單，不要大量圖片）3）功能多樣，使用方便4）網(wǎng)站品質(zhì)優(yōu)秀（打不開(kāi)或者已經(jīng)被你刪除的網(wǎng)頁(yè)，留下號(hào)碼）5）保護(hù)個(gè)人信息（你用信息干什么，填寫(xiě)的信息要保護(hù)好，網(wǎng)站收集用戶資料有何目的？如何利用用戶的個(gè)人信息，出售給其他用戶機(jī)構(gòu)，會(huì)不會(huì)發(fā)送大量的廣告郵件，用戶對(duì)此擁有選擇的權(quán)利？填寫(xiě)的個(gè)人信息是否安全，是否能獲得必要的回報(bào)）2.2網(wǎng)頁(yè)的可視化設(shè)計(jì)概論2.2.1網(wǎng)頁(yè)設(shè)計(jì)的原則1。對(duì)比原則：大小對(duì)比，明暗的對(duì)

7、比，粗細(xì)的對(duì)比，曲線與直線的對(duì)比，水平線與垂直線的對(duì)比，2.協(xié)調(diào)原則1）主和從；2）動(dòng)與靜3）入與出4）統(tǒng)一與協(xié)調(diào)3.平衡原則4.趣味原則：1）比例（黃金分割點(diǎn)也稱作黃金比例，是設(shè)計(jì)中非常有效的一中方法）2）強(qiáng)調(diào)3）凝聚與擴(kuò)散4）形態(tài)的意向5）變化率6）規(guī)律感7）導(dǎo)向8）空白區(qū)9）屏幕上的文字16*16點(diǎn)陣字型的仿宋體，為了適應(yīng)人們橫向閱讀中文的習(xí)慣，一行最多不超過(guò)35個(gè)字2.2.2網(wǎng)頁(yè)版面布局的設(shè)計(jì)1。版面布局的依據(jù)：1）主次分明