一、任務(wù)目的 

該課程使學(xué)生熟練掌握網(wǎng)頁編輯過程,綜合應(yīng)用所學(xué)的知識(shí),熟練使用 HTML 標(biāo)記和 CSS 樣式表，進(jìn)行網(wǎng)頁制作。

二、任務(wù)要求 

網(wǎng)頁制作要合理布局頁面，使用相應(yīng)的頁面標(biāo)記添加頁面內(nèi)容，使頁面內(nèi)容豐富，結(jié)構(gòu)合理，布局美觀。

三、任務(wù)內(nèi)容 

每位同學(xué)從旅游影響力 TOP100 中抽選一個(gè)城市作為網(wǎng)站設(shè)計(jì)主題，每位同學(xué)的旅游城市不能重復(fù)。頁面中結(jié)構(gòu)要完整，布局合理，具體要求如下：

使用 DIV 對(duì)頁面進(jìn)行整體布局。本網(wǎng)站包括：“旅游網(wǎng)首頁(index.html)”、“旅游二級(jí)列表頁”、“景點(diǎn)詳情頁”，共 3 個(gè)頁面。

三個(gè)頁面的頭部、導(dǎo)航及底部樣式相同，網(wǎng)頁頭部可以放置旅游城市的 LOGO，圖片、宣傳標(biāo)語或宣傳片等。導(dǎo)航欄均設(shè)置下拉菜單，如圖 1 所示，每個(gè)頁面的導(dǎo)航需正確鏈接到相應(yīng)的頁面，實(shí)現(xiàn)三級(jí)頁面的跳轉(zhuǎn)。網(wǎng)頁的正文部分自由設(shè)置各個(gè)板塊。網(wǎng)頁底部書寫版權(quán)信息，文字為“班級(jí)+學(xué)號(hào)+姓名”，如圖所示。

旅游網(wǎng)首頁(index.html)頁面正文部分自由添加板塊，內(nèi)容及樣式不指定。旅游二級(jí)列表頁” 頁面要求

旅游二級(jí)列表頁網(wǎng)頁中自由設(shè)置旅游板塊并添加相應(yīng)內(nèi)容。內(nèi)容及樣式不指定。

景點(diǎn)詳情頁頁面要求頁面中至少添加一個(gè)景點(diǎn)的詳細(xì)信息，合理設(shè)置網(wǎng)頁的樣式。

文件應(yīng)包含 CSS 樣式表，可以設(shè)置一個(gè)或多個(gè) CSS 文件。

其他要求

網(wǎng)頁中除以上具體要求外，網(wǎng)頁的主題以及所有的文字內(nèi)容、背景顏色、背景圖片、文字顏色、字體、按鈕等樣式自己任意指定，并實(shí)現(xiàn)鼠標(biāo)懸浮在導(dǎo)航欄及超鏈接上的效果變化。要求整體結(jié)構(gòu)布局合理，顏色統(tǒng)一美觀。