一、設計部分要求

1、頁面布局要求采用CSS+DIV方式。使用其他方式0分。設計要符合W3C規范，標簽要具有語義性。頁面字體要統一，符合閱讀習慣。

2、圖中每個紅色方框表示一個div，整個頁面分為7大部分，從上到下依次標記為1-7，每個div中是否包含子div，由設計者自行設計。

3、頁面整體尺寸和內部尺寸由設計者自行設計。頁面在瀏覽器中居中顯示。

4、頁面中所需圖片和文字可以直接從海洋學院網站獲取或自行準備。（不一定要和首頁圖片文字一模一樣，但必須是和學院相關的。）

5、其中，div1右半部分的搜索框，要和網頁效果一致，框內有提示文字，單擊消失（提示：使用placeholder）

6、div2中的導航要求使用ul-li-a結構，是否有下拉菜單由設計者自行決定。要求有鼠標經過變色效果。div3部分可以使用輪播圖或者普通圖片。

7、友情鏈接部分圖片直接從學院首頁下載即可。

8、頁腳改成自己的班級姓名學號

9、頁面中要實時顯示當前日期和時間，位置自行設計

二、報告要求

1、詳細寫出設計過程。（參照青春樹兒童攝影PPT）

2、每個模塊分為HTML結構設計和CSS樣式設計兩部分進行詳細描述。其中HTML結構設計要畫出詳細結構設計草圖。（參照青春樹兒童攝影ppt）

三、其他要求

1、網頁名稱index.html。圖片文件夾名稱images。如有外部樣式表要放在CSS文件夾中，樣式表名稱為style.css（內部樣式表忽略此條）

2、整個網站內容放在以自己姓名學號命名的文件夾中，例如“張三2022xxxx”