畢業(yè)設(shè)計-基于html5和css30的手機網(wǎng)站的設(shè)計與實現(xiàn)(編輯修改稿)
2025-01-06 19:13 本頁面
【文章內(nèi)容簡介】 以將網(wǎng)站的設(shè)計分為三個部分：網(wǎng)站的首頁設(shè)計、網(wǎng)站欄目 頁的設(shè)計、網(wǎng)站內(nèi)容頁的設(shè)計。 聊城大學(xué)本科畢業(yè)論文（設(shè)計） 6 網(wǎng)站首頁的設(shè)計 網(wǎng)站的首頁主要是網(wǎng)站的導(dǎo)航，和主要內(nèi)容的展示，設(shè)計主要包括網(wǎng)站的圖標(biāo)設(shè)計、網(wǎng)站的導(dǎo)航設(shè)計、網(wǎng)站的欄目設(shè)計、網(wǎng)站的底部說明設(shè)計（如圖 圖 圖 8 所示）。 圖 6 網(wǎng)站圖標(biāo)和導(dǎo)航設(shè)計 圖 7 網(wǎng)站欄目設(shè)計 圖 8 網(wǎng)站底部說明設(shè)計 圖 9 欄目導(dǎo)航設(shè)計 網(wǎng)站欄目頁的設(shè)計 聊城大學(xué)本科畢業(yè)論文（設(shè)計） 7 網(wǎng)站的欄目頁 主要 用來顯示某一欄目的主要內(nèi)容，設(shè)計主要包括欄目導(dǎo)航設(shè)計、內(nèi)容列表設(shè)計、返回頂部設(shè)計三個部分。（如圖 圖 圖 11 所示） 圖 10 內(nèi)容列表設(shè)計 圖 11 返回頂部設(shè)計 網(wǎng)站內(nèi)容頁的設(shè)計 網(wǎng)頁的內(nèi)容頁主要是用來顯示學(xué)院的簡介和重要的通知，設(shè)計主要包括欄目導(dǎo)航設(shè)計、返回頂部設(shè)計、內(nèi)容顯示設(shè)計三個部分（如圖 9，圖 11，圖 12） 。 聊城大學(xué)本科畢業(yè)論文（設(shè)計） 8 圖 12 內(nèi)容顯示設(shè)計 第 3 章 網(wǎng)站 主要 頁面 的 設(shè)計 開發(fā)及關(guān)鍵技術(shù) 網(wǎng)站主要布局和文件頭代碼的實現(xiàn) 網(wǎng)站的主要布局 網(wǎng)站采用了 HTML5 代碼的布局，利于搜索引擎搜索到頁面和內(nèi)容在手機屏幕上的顯示。 （ 1） 首頁的主要布局 HTML5 標(biāo)簽如下： 聊城大學(xué)本科畢業(yè)論文（設(shè)計） 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 聊城大學(xué)本科畢業(yè)論文（設(shè)計） 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 標(biāo)簽為： time/time article/article 文件頭代碼的實現(xiàn) 為了實現(xiàn)在移動設(shè)備的顯示，需要在文件頭里加上以下標(biāo)簽，使頁面匹配設(shè)備的寬度，更好的
公司管理相關(guān)推薦
鄂ICP備17016276號-1