點擊超鏈接，跳轉到相應頁面。比如鼠標放到“首頁”上時??，文字顏色和背景會發生變化。點擊“動畫”，跳轉到動畫頁面。 首頁-動畫模塊：使用功能，鼠標經過相應版塊時，會出現相應模塊。鼠標經過超鏈接時，圖片和文字部分的邊框顏色和寬度會發生變化。比如鼠標經過“熱血少年”下面時，會出現相應動畫。鼠標經過圖片時，圖片邊框 首頁-背景音樂模塊：打開首頁時，背景音樂自動循環播放。 首頁-登錄模塊：連接數據庫，輸入正確的用戶名和密碼后，顯示登錄成功，如果用戶名或密碼錯誤，會給出提示。 首頁-友情鏈接：點擊鏈接進入相應網站。 注冊頁面-注冊模塊：鏈接數據庫。 用戶輸入正確的用戶名和密碼（不能為空），點擊注冊，會顯示注冊成功或者該用戶名已被注冊過。 動畫頁面-呈現相應動畫信息，點擊相應動畫程序網站設計報告，可跳轉到視頻播放頁面。 漫畫信息-顯示三部漫畫相關信息，漫畫排行榜，漫畫分類鏈接。 視頻播放頁面-頁面打開，視頻自動循環播放。 頁面-顯示新聞和活動標題鏈接，并展示部分優秀作品。 4.主題與母版頁（含樣式表）的應用 本站只制作一個主題，一個母版頁網站設計報告，一個樣式表。

所有網頁引用主題。動畫頁（.aspx）、漫畫頁（.aspx）、頁面（cos.aspx）引用母版頁。所有頁面的CSS文件都在同一個樣式表里。 5、主要頁面布局說明 主頁面：分為6個層級：登錄、頁頭信息、導航信息、正文內容、鏈接、腳本信息。 正文內容分為動畫、漫畫、cos、周邊、論壇五個層級。其中前四個部分組成一個字段形狀。 母版頁：分為6個層級：登錄、頁頭信息、導航信息、正文內容、鏈接、腳本信息。 動畫、漫畫頁、視頻頁：繼承母版頁。內容部分分為兩層，形成左右兩欄。 頁面：繼承母版頁。內容部分分為三層，扁平化。 注冊頁：分為四層：頁頭信息、內容部分、鏈接、腳本信息。內容部分分為兩部分，左邊是圖片，右邊是登錄頁。 6.附加功能（程序） = type=text/rexue(){.(rexue).style.=block;.().style.=none;.().style.=none;} (){……} (){……}……/id= class=bode h2 /h2 div class= class= href=.aspx =rexue()熱血少年/a……/div /div7.主頁截圖首頁：動畫頁漫畫頁Cos頁視頻播放頁登錄頁5.反思上學期學習的網頁只是網頁功能的一些部分，而這學期學習的網頁主要是設計，要求布局美觀。

每天瀏覽很多網頁，卻不知道后端代碼是這么寫的。學習了Css+div結構后，感覺網頁設計變得有意思了，合理的布局和配色可以為網站增色不少。一開始以為很簡單就幾個屬性就行，但隨著做的頁面多了，就改變了想法。網頁設計是個很細致的活兒，就像刺繡一樣，一點一點的尋找、搭配。完成這次大作業后英語作文網，我學到了很多東西，比如Ps，雖然只懂一點皮毛，但為我增加了一個新的領域。對于一個大型網站來說，光有華麗的外觀是不夠的，還需要一些后臺的東西——數據庫。做完網站后，我意識到了數據庫的重要性，但對數據庫沒有深入研究，只能在登錄、注冊等地方稍微用到。網頁中的信息要從數據庫中讀取，但還沒學會。語言也是一門編程語言，在網頁中使用它可以增加網頁的動態組件。 這次作業只有一個，鼠標滑過后頁面內容會發生變化。語言需要學習才能更好地使用?？傊W頁設計課程給了我一個方向，讓我明白了我們每天看到的網頁不只是表面那么簡單，需要合理的布局，顏色搭配，以及一些頁面操作。