更新時間:2021-12-15 文章分類:網頁作業題庫
網頁命題《校園生活網頁》校園生活網頁的設計是對自己大學生活的一個總結,根據實際情況,設計出自已豐富的校園生活頁面。
1. 使用軟件HBuilder X和Dreamweaver任選其一 ;
2.所需素材(圖片、文字)自己收集(要能體現真實校園生活) ,網頁內部的顏色可自定義;
3.網頁制作技術要求HTML+CSS+JavaScript;
4. 整體布局必須使用標準流布局(頭部、尾部、主體部分) ,頭部必須使用導航標簽(導航選項需使用超鏈接,可以跳轉到其對應頁面),主體部分包含一個左側欄(左側欄內使用uHi項目列表,內容是導航的每個頁面的簡單介紹),主頁面要加背景音樂(積極的),布局必須使用CSS;
5. 導航欄為橫向, 且至少包含4個欄目功能:拖放,表單,畫布,視頻(注意:這不是導航的標題,而是內容,標題自定。另外每一個導航超鏈接都要跳轉到對應的新頁面)
6.拖放功能:拖放的頁面內需要設置一個可拖放區域,此區域內有一張圖片, 另外把-一段文字設置為可拖放元素,要求把此 拖放元素拖到對應的拖放區域內解釋對應的圖片(體現真實的校園生活, 至少2個圖)
7.表單功能:制作-一個簡易的問卷調查頁面,要求使用表單標簽,且一些特殊的選項一旦填錯需顯示提示(這個自已決定)
8. 畫布功能:利用畫布畫出實心的笑臉圖案(樣式、顏色都可自定義) ;
9. 視頻功能:此頁面要放置一個可以播放的視頻,并且可以獲取到這個視頻開始和結束的時間,以及獲取到視頻當前播放到的時間點;
10.所有超鏈接必須使用CSS更改顏色,和鼠標經過顏色;
11.網頁尾部內容,增加動態效果(動態圖片或利用JavaScript實現),網頁打開能運行;
12. 整體布局合理,顯示完全符合要求,色彩搭配合理;
13.作品不能雷同,不能和現有的網頁雷同。
考核的主要內容、功能及技術指標(總分: 100分)
命題巳評分標準:
色彩搭配合理; (10分)
網頁使用HTML5新增結構標簽布局; (10分) 4. 有uHi項目列表; (10分)
拖放功能存在,(10分
表單功能存在,至少10個輸入框或選擇按鈕; (10分) 7.畫布功能存在; (10分)
音頻、視頻功能存在; (10分)
超鏈接功能可用; (5分)
構圖新穎,頁面豐富; (5分)
要使用HTML5新增的標簽、屬性。(5分)
