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

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

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