通過使用網頁制作相關軟件，制作小型網站，通過實踐以下步驟：確定網站主題、收集素材資源、構建站點、組建網站、制作美化網頁并設置鏈接及測試網站，達到熟練使用網頁制作軟件，掌握DIV+CSS網頁布局技術，熟悉網站開發設計的流程，獨立完成小型網站規劃、設計與制作的目的。

能夠熟練的綜合運用HBuilder軟件，利用DIV+CSS網頁布局技術開發設計以靜態頁面為主的小型網站。

網頁主題

在給定主題中自由選取。

1、傳統文化：剪紙、風箏、燈籠、年畫、書法、傳統節日、傳統藝術等

2、旅游：云貴、川藏、江浙滬、港澳臺等

3、運動：足球、籃球、乒乓球、瑜珈、跆拳道等

4、美食類：粉面、巧克力、蛋糕、咖啡、茶、各地小吃等

5、生活休閑：汽車、服裝時尚、養生、購物網站等

6、文學：小說、唐詩宋詞元曲、現代詩詞等

7、我的家鄉：介紹你的家鄉，包括旅游、飲食、風俗、民族等

8、我的學校：從學生角度去展現校園生活、校園文化等

9、弘揚愛國主義的主題網站

網頁要求

自選主題制作一個小型網站，內容不限，網站至少包含兩個網頁（一個首頁和一個子頁）。利用DIV對網站頁面進行結構設計，充分運用CSS的浮動、絕對定位、相對定位等技術，完成網頁各個模塊的布局；綜合運用CSS樣式對列表和超鏈接進行修飾，完成網頁導航；靈活運用類樣式、標簽樣式、ID樣式以及交集、包含等復合CSS樣式對網頁中的文字、圖片、背景、表單等內容進行修飾；輔以Photoshop等圖像處理軟件對網頁Logo、圖標、導航、圖片等元素進行設計與制作。

設計要求

1、制作出的網頁要求圖文并茂，文字要有字體格式和顏色上的變化，圖形要與網頁的內容相關。

2、頁面要求使用DIV+CSS進行頁面設計布局，不能用表格進行布局（可以在局部地方使用表格展示那些按行按列排列的數據，但是頁面的整體結構不能使用表格來布局）。

3、網站至少包含2個頁面（一個首頁和一個子頁，文件大小要適當，圖像文件不能太大），各頁面之間要求有統一的導航機制，超鏈接的設置可實現在網站各頁面中合理跳轉，不出現死路。鏈接結構合理，下一層必須有返回上層或首頁的鏈接。

4、合理的目錄結構：

主頁統一用index.html命名，并放在站點根目錄下；站點內文件夾合理規劃，文件夾分類層次合理，如將圖像和聲音文件等項目歸類存放于文件夾中，便于文件的查找定位。圖像文件夾用images命名，媒體文件夾用media命名，CSS文件夾用styles或者css命名，javascript腳本文件夾用scripts或者js命名，字體文件夾用fonts命名

5、網頁布局不能過于簡單，其中必須包含LOGO、導航、頁腳等內容。

6、網頁的主體內容至少要分2列布局，內容中包含文字、圖片、超鏈接、表單等元素。

7、可以根據網頁布局與美化的需要，增加適當的CSS3效果，如圓角框（border-radius）、過渡（transition）、變換（transform）等。

8.、有能力的同學可以給網頁添加響應式效果，使網頁在不同的屏幕尺寸下呈現不同的布局，此項可以加分。

9、在完成2個基本頁面后，可以單獨再做一張移動端（手機端）的頁面，效果好的適當加分。

10、作品中可以適當添加Javascript特效，但是此項不作為主要加分項目。

11、主頁中包含版權聲明、網站更新時間、制作人員簡介，注意合法使用網絡轉載的資源?？梢詫W習、借鑒網上的案例或資源，在掌握了其技術方法后可以將這些方法運用到自己的作品中。