畢業(yè)設計-基于html5和css30的手機網(wǎng)站的設計與實現(xiàn)(編輯修改稿)
2025-01-06 19:13 本頁面
【文章內(nèi)容簡介】 以將網(wǎng)站的設計分為三個部分：網(wǎng)站的首頁設計、網(wǎng)站欄目 頁的設計、網(wǎng)站內(nèi)容頁的設計。 聊城大學本科畢業(yè)論文（設計） 6 網(wǎng)站首頁的設計 網(wǎng)站的首頁主要是網(wǎng)站的導航，和主要內(nèi)容的展示，設計主要包括網(wǎng)站的圖標設計、網(wǎng)站的導航設計、網(wǎng)站的欄目設計、網(wǎng)站的底部說明設計（如圖 圖 圖 8 所示）。 圖 6 網(wǎng)站圖標和導航設計 圖 7 網(wǎng)站欄目設計 圖 8 網(wǎng)站底部說明設計 圖 9 欄目導航設計 網(wǎng)站欄目頁的設計 聊城大學本科畢業(yè)論文（設計） 7 網(wǎng)站的欄目頁 主要 用來顯示某一欄目的主要內(nèi)容，設計主要包括欄目導航設計、內(nèi)容列表設計、返回頂部設計三個部分。（如圖 圖 圖 11 所示） 圖 10 內(nèi)容列表設計 圖 11 返回頂部設計 網(wǎng)站內(nèi)容頁的設計 網(wǎng)頁的內(nèi)容頁主要是用來顯示學院的簡介和重要的通知，設計主要包括欄目導航設計、返回頂部設計、內(nèi)容顯示設計三個部分（如圖 9，圖 11，圖 12） 。 聊城大學本科畢業(yè)論文（設計） 8 圖 12 內(nèi)容顯示設計 第 3 章 網(wǎng)站 主要 頁面 的 設計 開發(fā)及關鍵技術 網(wǎng)站主要布局和文件頭代碼的實現(xiàn) 網(wǎng)站的主要布局 網(wǎng)站采用了 HTML5 代碼的布局，利于搜索引擎搜索到頁面和內(nèi)容在手機屏幕上的顯示。 （ 1） 首頁的主要布局 HTML5 標簽如下： 聊城大學本科畢業(yè)論文（設計） 9 !DOCTYPE html html head title/title /head body header nav ul lia/a/li lia/a/li lia/a/li lia/a/li /ul /nav /header section div class=tabs span/span span/span span/span span/span /div div ul lia/aspanem/em/span/li lia/aspanem/em/span/li lia/aspanem/em/span/li /ul ul 聊城大學本科畢業(yè)論文（設計） 10 lia/aspanem/em/span/li lia/aspanem/em/span/li lia/aspanem/em/span/li /ul ul lia/aspanem/em/span/li lia/aspanem/em/span/li lia/aspanem/em/span/li /ul /section div id=top img/ /div footer p/p /footer /body /html （ 2） 由于代碼的重用性，欄目頁和內(nèi)容頁中新增使用的 HTML5 標簽為： time/time article/article 文件頭代碼的實現(xiàn) 為了實現(xiàn)在移動設備的顯示，需要在文件頭里加上以下標簽，使頁面匹配設備的寬度，更好的
公司管理相關推薦
鄂ICP備17016276號-1