高中信息技術(shù)網(wǎng)站和網(wǎng)頁(yè).ppt

1、網(wǎng)站和網(wǎng)頁(yè)設(shè)計(jì),盤縣第二中學(xué)趙德祥,1、網(wǎng)頁(yè)的基本元素,文本 ：是網(wǎng)頁(yè)的基本組成部分 圖像 ：更加直觀準(zhǔn)確地表達(dá)某些信息，并且可以起 到美化網(wǎng)頁(yè)，吸引讀者注意力的作用。 超鏈接 ：可以方便地轉(zhuǎn)入其他網(wǎng)頁(yè)進(jìn)行瀏覽。,一、網(wǎng)站的基本結(jié)構(gòu),2、網(wǎng)頁(yè)的其他元素,音樂 表格 表單 視頻 圖片,美化網(wǎng)頁(yè)，豐富網(wǎng)頁(yè)的內(nèi)容，增強(qiáng)網(wǎng)頁(yè)的功能。,3、分析網(wǎng)站的欄目結(jié)構(gòu)和鏈接關(guān)系,常見的網(wǎng)站結(jié)構(gòu)有：樹形、星形、混合型。,鏈接關(guān)系：它們都是相互鏈接的,二、動(dòng)態(tài)網(wǎng)頁(yè)與靜態(tài)網(wǎng)頁(yè),動(dòng)態(tài)網(wǎng)頁(yè)：可以實(shí)現(xiàn)客戶機(jī)和服務(wù)器之間雙向互動(dòng)的網(wǎng)頁(yè)，可在網(wǎng)頁(yè)上實(shí)現(xiàn)數(shù)據(jù)信息的查詢。如貴州省招生網(wǎng)上可查詢考生分?jǐn)?shù)、志愿、錄取信息等。,靜態(tài)網(wǎng)頁(yè)：

2、只擔(dān)供網(wǎng)頁(yè)信息，不提供查詢等。靜態(tài)網(wǎng)頁(yè)通常用HTML編寫，是一種純文本文檔。,三、網(wǎng)站制作工具,1網(wǎng)頁(yè)制作工具,（1）HTML語(yǔ)言 概念：是一種使用一組特定的標(biāo)記來(lái)描述文檔結(jié)構(gòu)的語(yǔ)言，HTML的源代碼由網(wǎng)絡(luò)瀏覽器解釋執(zhí)行。 結(jié)構(gòu)：HTML的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說(shuō)明的具體內(nèi)容。,HTML語(yǔ)言的特點(diǎn),它們是成雙出現(xiàn)的如: 新建網(wǎng)頁(yè) 1 ,表示“新建網(wǎng)頁(yè)”的一組源代碼,（2）用網(wǎng)頁(yè)制作工具軟件制作網(wǎng)頁(yè),Frontpage,“功能強(qiáng)大，簡(jiǎn)單易學(xué)”的特點(diǎn)，采用“所見即所得”的 編輯模式，不必了解HTML的語(yǔ)法。,基本使用方法與

3、Word十分相似,Dreamweaver,較為專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)工具軟件。 可視化編輯、HTML代碼編輯的軟件包 支持JavaScript、Java、Flash等各種編程工具。 支持動(dòng)態(tài)HTML的設(shè)計(jì),四、網(wǎng)站的策劃與設(shè)計(jì),1、網(wǎng)站主題和內(nèi)容的選擇與定位。 2、網(wǎng)站欄目的設(shè)計(jì)。 3、網(wǎng)站的風(fēng)格設(shè)計(jì)。 4、網(wǎng)站內(nèi)容的收集和篩選。 5、網(wǎng)站結(jié)構(gòu)和超級(jí)鏈接的設(shè)計(jì)。 6、網(wǎng)頁(yè)的布局。 7、網(wǎng)站建設(shè)技術(shù)和工具的選擇。,作業(yè),請(qǐng)以“碧云水洞公園”為主題，四個(gè)小組合作，設(shè)計(jì)制作一個(gè)網(wǎng)站。,策劃設(shè)計(jì)網(wǎng)頁(yè)時(shí)要注意以下幾點(diǎn)： 1、對(duì)網(wǎng)站主題和內(nèi)容的選擇與定位。 2、對(duì)網(wǎng)站欄目的設(shè)計(jì)。 3、對(duì)網(wǎng)站的風(fēng)格設(shè)計(jì)。 4、對(duì)網(wǎng)站內(nèi)容的收集和篩選。 5