高中信息技術(shù)選修3：網(wǎng)絡(luò)技術(shù)應(yīng)用 5.2 網(wǎng)頁(yè)的文件結(jié)構(gòu)及支持技術(shù) 微課

網(wǎng)頁(yè)的文件結(jié)構(gòu)與設(shè)計(jì)

萊西一中宋吉聲一、思考交流1、網(wǎng)頁(yè)中常見(jiàn)的欄目有哪些？頁(yè)面標(biāo)題、頁(yè)眉區(qū)、導(dǎo)航欄、登錄區(qū)、搜索區(qū)、推薦熱點(diǎn)區(qū)、主要內(nèi)容區(qū)、頁(yè)腳區(qū)。一、思考交流2、網(wǎng)頁(yè)版面主要有哪幾種基本布局？“同”字形偏左“川”字形偏右“一”字形計(jì)算機(jī)平板手機(jī)一、思考交流3、網(wǎng)頁(yè)、主頁(yè)、網(wǎng)站之間的聯(lián)系與區(qū)別。網(wǎng)頁(yè)：是一種超文本文件，是用超文本標(biāo)記語(yǔ)言（HTML）編寫(xiě)的文件。主頁(yè)：是網(wǎng)站中所有網(wǎng)頁(yè)的引導(dǎo)頁(yè)（首頁(yè)）。網(wǎng)站：是由一臺(tái)HTTP服務(wù)器提供的一組相互關(guān)聯(lián)的網(wǎng)頁(yè)、腳本和數(shù)據(jù)庫(kù)。網(wǎng)站中的網(wǎng)頁(yè)通常圍繞一個(gè)或多個(gè)相關(guān)聯(lián)的主題，并通過(guò)超鏈接互連。

實(shí)踐操作：設(shè)計(jì)并制作靜態(tài)網(wǎng)頁(yè)

登陸學(xué)習(xí)網(wǎng)站：

下載資源包并按要求制作網(wǎng)頁(yè)。

思考：

為什么有的同學(xué)作品看起來(lái)讓人感覺(jué)更舒服？良好網(wǎng)頁(yè)設(shè)計(jì)的幾條基本原則1、規(guī)劃網(wǎng)頁(yè)布局，讓網(wǎng)頁(yè)簡(jiǎn)約并且完整0簡(jiǎn)約復(fù)雜

一個(gè)布局、風(fēng)格具有簡(jiǎn)約美，同時(shí)又能提供大量有價(jià)值信息的網(wǎng)站必定受用戶歡迎。良好網(wǎng)頁(yè)設(shè)計(jì)的幾條基本原則2、看起來(lái)讓人感覺(jué)舒服的文本內(nèi)容字體、字號(hào)、字的顏色均非常重要。文本的顏色要盡量與背景顏色相反，這樣的文本顯的更清楚。文本不能太寬。橫跨屏幕寬度的文本讓人難以閱讀。文本盡量不要太長(zhǎng)。太長(zhǎng)的文本易讓人失去閱讀興趣，可把長(zhǎng)內(nèi)容分成幾個(gè)小主題或分頁(yè)。文本內(nèi)容要反復(fù)校正，避免出現(xiàn)錯(cuò)別字、甚至是標(biāo)點(diǎn)符號(hào)的錯(cuò)誤。良好網(wǎng)頁(yè)設(shè)計(jì)的幾條基本原則3、留白和信息同樣重要要有這樣一種觀念：留白也是設(shè)計(jì)的一部分。那些不使用的空間也能發(fā)揮其作用，從用戶的角度來(lái)說(shuō)，留白很好，讓布局更有條理，信息更清晰。良好網(wǎng)頁(yè)設(shè)計(jì)的幾條基本原則4、用戶往往缺乏耐心用戶的時(shí)間寶貴，他們?nèi)狈δ托?。如果你不能提供便捷的信息，那么他們?huì)選擇離開(kāi)，進(jìn)而尋找其他網(wǎng)站來(lái)謀求信息。盡量使用具有jpg、gif、png擴(kuò)展名的圖形文件。盡量不要使用容量太大的圖片，因?yàn)槲募酱缶W(wǎng)頁(yè)的傳輸、加載、顯示的時(shí)間就越長(zhǎng)。良好網(wǎng)頁(yè)設(shè)計(jì)的幾條基本原則1、規(guī)劃網(wǎng)頁(yè)布局，讓網(wǎng)頁(yè)簡(jiǎn)約并且完整。2、看起來(lái)讓人感覺(jué)舒服的文本內(nèi)容。3、留白和信息同樣重要，留白也是一種設(shè)計(jì)。4、用戶往往缺乏耐心，要給用戶提供便捷的信息。小結(jié)：

1、通過(guò)學(xué)習(xí)，了解了網(wǎng)頁(yè)的欄目的構(gòu)成、網(wǎng)頁(yè)的布局以及良好網(wǎng)頁(yè)的設(shè)計(jì)基本規(guī)則。

2、制作了