更新時間:2023-12-17 文章分類:網頁作業題庫
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”
