畢業(yè)設(shè)計(jì)-基于html5和css30的手機(jī)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)(參考版)
2024-12-05 19:13本頁(yè)面
【正文】 聊城大學(xué)本科畢業(yè)論文（設(shè)計(jì)） 17 參考文獻(xiàn) [1]布拉德福 ,海涅 ,高京 . 深入理解 HTML： 語(yǔ)義 、 標(biāo)準(zhǔn)與樣式 [M]. 電子工業(yè)出版社， . [2]劉欣 ,王雨竹 . HTML5 入門經(jīng)典 [M]. 機(jī)械 工業(yè)出版社， 2021. [3]庫(kù)波 ,汪曉青 . HTML5 與 CSS3 網(wǎng)頁(yè)設(shè)計(jì) [M]. 北京理工大學(xué)出版社， . [4]Brad Dayley. jQuery 與 JavaScript 入門經(jīng)典 [M]. 人民郵電出版社 ,. [5] W3School. HTML 系 列 教 程 [EB/OL]. 聊城大學(xué)本科畢業(yè)論文（設(shè)計(jì)） 1 致謝 本畢業(yè)設(shè)計(jì)能夠順利完成，離不開(kāi) 于連民 老師的悉心指導(dǎo)，本課題從選題到設(shè)計(jì)和最后的撰寫， 他 都給予悉心的指導(dǎo)和幫助 。 （ 2） CSS 代碼的不夠精煉、使用 第三方的庫(kù)使加載速度減慢 。該 設(shè)計(jì) 可以有效地解決 學(xué)生利用手機(jī)瀏覽學(xué)院網(wǎng)站字跡不清、顯示不全 等問(wèn)題，真正 實(shí)現(xiàn)學(xué)生的移動(dòng)上網(wǎng)學(xué)習(xí) 。本 設(shè)計(jì) 以 HTML5 和 技術(shù) 為基礎(chǔ)，立足于 廣大同學(xué)用智能手機(jī)瀏覽學(xué)院網(wǎng)站的需要 ，設(shè)計(jì)了 手機(jī)版的學(xué)院網(wǎng)站 。（設(shè)置如圖 1圖 13 所示） 圖 13 IIS 配置 聊城大學(xué)本科畢業(yè)論文（設(shè)計(jì)） 15 圖 14 防火墻設(shè)置 網(wǎng)站的維護(hù) 由于該網(wǎng)站是調(diào)用已有學(xué)院網(wǎng)站動(dòng)態(tài)的 的代碼，并且該網(wǎng)站 使用的是已有的數(shù)據(jù)庫(kù)，所以該網(wǎng)站可以和已有的學(xué)院網(wǎng)站一起維護(hù)，設(shè)置一個(gè)管理員即可，既節(jié)約了維護(hù)成本，又保證了該網(wǎng)站的長(zhǎng)期有效的運(yùn)行。設(shè)備匹配的 JavaScript 代碼如下： script 聊城大學(xué)本科畢業(yè)論文（設(shè)計(jì)） 14 if(((/(iPhone|iPod|Android|ios|iOS|iPad|Backerry| WebOS|Symbian|Windows Phone|Phone)/i))) { (phone/)。 })。 $(this).next().toggle()。 return false。 })。body,html39。 })。 } nav ul a { width: 25%。 } nav ul a { width: 25%。 } nav ul a { width: %。 } nav ul a { width: %。 color: 666。 bordertop: solid 1px E3E3E3。 textalign: center。 _width: expression((||)960?960px:)。 width: auto。 } footer { margin: 0 auto。 } a:hover { 聊城大學(xué)本科畢業(yè)論文（設(shè)計(jì)） 12 color: 000。 textdecoration: none。 } ul { liststyle: none。 } h1, h2 { fontsize: 100%。 } img { border: none。 fontsize: 100%。 textalign: center。 _width:expression((||ntWidth)960?960px:)。 width: auto。 margin: 0px。 聊城大學(xué)本科畢業(yè)論文（設(shè)計(jì)） 8 圖 12 內(nèi)容顯示設(shè)計(jì) 第 3 章 網(wǎng)站 主要 頁(yè)面 的 設(shè)計(jì) 開(kāi)發(fā)及關(guān)鍵技術(shù) 網(wǎng)站主要布局和文件頭代碼的實(shí)現(xiàn) 網(wǎng)站的主要布局 網(wǎng)站采用了 HTML5 代碼的布局，利于搜索引擎搜索到頁(yè)面和內(nèi)容在手機(jī)屏幕上的顯示。 圖 6 網(wǎng)站圖標(biāo)和導(dǎo)航設(shè)計(jì) 圖 7 網(wǎng)站欄目設(shè)計(jì) 圖 8 網(wǎng)站底部說(shuō)明設(shè)計(jì) 圖 9 欄目導(dǎo)航設(shè)計(jì) 網(wǎng)站欄目頁(yè)的設(shè)計(jì) 聊城大學(xué)本科畢業(yè)論文（設(shè)計(jì)） 7 網(wǎng)站的欄目頁(yè) 主要 用來(lái)顯示某一欄目的主要內(nèi)容，設(shè)計(jì)
公司管理相關(guān)推薦
鄂ICP備17016276號(hào)-1