網(wǎng)頁(yè)制作基礎(chǔ).ppt

1、4.1 網(wǎng)頁(yè)制作基礎(chǔ),2020/8/9,2,認(rèn)識(shí)網(wǎng)站,1.門(mén)戶(hù)網(wǎng)站 2.個(gè)人網(wǎng)站 3.專(zhuān)業(yè)網(wǎng)站 4.職能網(wǎng)站,2020/8/9,3,1.門(mén)戶(hù)網(wǎng)站,這類(lèi)網(wǎng)站是一種綜合性網(wǎng)站，涉及領(lǐng)域非常廣泛，包含文學(xué)、音樂(lè)、影視、體育、新聞和娛樂(lè)等方方面面的內(nèi)容，具有論壇、搜索和短信等功能?，F(xiàn)在國(guó)內(nèi)較著名的門(mén)戶(hù)網(wǎng)站有搜狐（）、網(wǎng)易（）等。,2020/8/9,4,2.個(gè)人網(wǎng)站,個(gè)人網(wǎng)站具有較強(qiáng)個(gè)性化，是以個(gè)人名義開(kāi)發(fā)創(chuàng)建的網(wǎng)站，其內(nèi)容、樣式、風(fēng)格等都是非常有個(gè)性的。,2020/8/9,5,3.專(zhuān)業(yè)網(wǎng)站,這類(lèi)網(wǎng)站具有很強(qiáng)的專(zhuān)業(yè)性，通常只涉及某一個(gè)領(lǐng)域，內(nèi)容專(zhuān)業(yè)。如榕樹(shù)下網(wǎng)站（）即是一個(gè)專(zhuān)業(yè)文學(xué)網(wǎng)站。,2020/8/

2、9,6,4.職能網(wǎng)站,職能網(wǎng)站具有專(zhuān)門(mén)的功能，如政府職能網(wǎng)站等。目前逐漸興起的電子商務(wù)網(wǎng)站也屬于這類(lèi)網(wǎng)站，較有名的電子商務(wù)網(wǎng)站有阿里巴巴（）、卓越網(wǎng)（）和當(dāng)當(dāng)網(wǎng)上書(shū)店（）等。,2020/8/9,7,認(rèn)識(shí)網(wǎng)頁(yè),2020/8/9,8,網(wǎng)頁(yè)中的元素,1.文字 2.圖像 3.表單 4.Flash動(dòng)畫(huà) 5. 表格 6. 超級(jí)鏈接 7. 視頻、音頻 8. POP窗口 9. 標(biāo)題欄和狀態(tài)欄文字,2020/8/9,9,網(wǎng)頁(yè)制作的相關(guān)知識(shí),HTML語(yǔ)言概述 是一種超文本標(biāo)記語(yǔ)言，作為一種網(wǎng)頁(yè)編輯語(yǔ)言，易學(xué)易懂。,2020/8/9,10,靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè),靜態(tài)網(wǎng)頁(yè)指基本上全部使用HTML語(yǔ)言制作的網(wǎng)頁(yè)，頁(yè)面的內(nèi)

3、容是固定不變的。,動(dòng)態(tài)網(wǎng)頁(yè)（DynamicHTML，DHTML）利用JavaScript，CSS (層疊樣式表) 及其它類(lèi)似的語(yǔ)言如VBScript等與HTML進(jìn)行有機(jī)的結(jié)合來(lái)使靜態(tài)的HTML網(wǎng)頁(yè)變成動(dòng)態(tài)。,2020/8/9,11,Web服務(wù)器端程序,專(zhuān)業(yè)的網(wǎng)站都是建立在使用數(shù)據(jù)庫(kù)的基礎(chǔ)上的，要將這些數(shù)據(jù)庫(kù)變成可以通過(guò)瀏覽器顯示和操作的Web頁(yè)面，就需要編寫(xiě)服務(wù)器端的程序。用戶(hù)向服務(wù)器傳送提交的表單（個(gè)人信息、選擇結(jié)果等）需要在服務(wù)器端進(jìn)行記錄、篩選等處理。大量的數(shù)據(jù)庫(kù)查詢(xún)、修改處理也需要服務(wù)器端程序的支持。 目前常用的服務(wù)器端編程技術(shù)主要有CGI、ASP、PHP、JSP等，不同的技術(shù)需要不同

4、的系統(tǒng)環(huán)境支持。,2020/8/9,12,網(wǎng)頁(yè)制作的基本方法,制作網(wǎng)頁(yè)的基本步驟,1、確定網(wǎng)頁(yè)的內(nèi)容,2、設(shè)計(jì)網(wǎng)頁(yè)的組織結(jié)構(gòu),3、資料的收集與整理,4、選擇網(wǎng)頁(yè)的設(shè)計(jì)方法,常用的網(wǎng)頁(yè)制作工具有Frontpage、Dreamweaver等。服務(wù)器端的ASP程序可以使用Visual Interdev、UltraDEV等編輯。,2020/8/9,13,開(kāi)始網(wǎng)頁(yè)制作,構(gòu)建頁(yè)面框架 創(chuàng)建導(dǎo)航條 填充內(nèi)容 創(chuàng)建返回主頁(yè)連接,2020/8/9,14,網(wǎng)頁(yè)制作的原則,站點(diǎn)要有創(chuàng)意 整體規(guī)劃 動(dòng)畫(huà)不能過(guò)多 導(dǎo)航要明朗 制作通用網(wǎng)頁(yè) 主題鮮明 優(yōu)化圖象 定時(shí)更新,2020/8/9,15,制作網(wǎng)頁(yè)時(shí)要注意的問(wèn)題,1、網(wǎng)頁(yè)的標(biāo)題要簡(jiǎn)潔，明確。 2、在文本中要使用水平線(xiàn)，以分割不同部分。 3、對(duì)重點(diǎn)段落要強(qiáng)調(diào)顯示。 4、