【正文】 lia/aspanem/em/span/li /ul /section div id=top img/ /div footer p/p /footer /body /html （ 2） 由于代碼的重用性，欄目頁(yè)和內(nèi)容頁(yè)中新增使用的 HTML5 標(biāo)簽為： time/time article/article 文件頭代碼的實(shí)現(xiàn) 為了實(shí)現(xiàn)在移動(dòng)設(shè)備的顯示，需要在文件頭里加上以下標(biāo)簽，使頁(yè)面匹配設(shè)備的寬度，更好的讓頁(yè)面顯示： meta name=viewport content=width=devicewidth,initialscale=,minimumscale=,maximumscale=2.0,userscalable=yes / 實(shí)現(xiàn)頁(yè)面的主要布局和匹配屏幕的大小 實(shí)現(xiàn)頁(yè)面的主要布局 聊城大學(xué)本科畢業(yè)論文（設(shè)計(jì)） 11 對(duì)于手機(jī)網(wǎng)站的布局， CSS 大多采用百分比的布局，并且內(nèi)容大多居中顯示，由于篇幅的原因，展示一些主要標(biāo)簽的布局： *, html { padding: 0px。 margin: 0px。 } body { fontfamily: Microsoft YaHei,Arial,Helvetica,sansserif。 width: auto。 maxwidth: 960px。 _width:expression((||ntWidth)960?960px:)。 background: none。 textalign: center。 margin: auto。 fontsize: 100%。 color: 000。 } img { border: none。 } header, nav, footer, section, article { display: block。 } h1, h2 { fontsize: 100%。 fontweight: bold。 } ul { liststyle: none。 } a { color: 000。 textdecoration: none。 outline: none。 } a:hover { 聊城大學(xué)本科畢業(yè)論文（設(shè)計(jì)） 12 color: 000。 textdecoration: underline。 } footer { margin: 0 auto。 margintop: 10px。 width: auto。 maxwidth: 960px。 _width: expression((||)960?960px:)。 padding: 20px 0px。 textalign: center。 background: F3F3F3。 bordertop: solid 1px E3E3E3。 fontsize: 。 color: 666。 } 匹配屏幕的大小 由于不用的設(shè)備屏幕大小不同，所以需要不同的布局，用以下代碼來(lái)識(shí)別屏幕的寬度，對(duì)于不同寬度的 設(shè)備，采用不同的 CSS 布局： @media screen and (maxwidth:479px) { nav { display: none。 } nav ul a { width: %。 } } @media screen and (minwidth:480px) and (maxwidth:639px) { nav { display: none。 } nav ul a { width: %。 } } @media screen and (minwidth:640px) and (maxwidth:767px) { nav { 聊城大學(xué)本科畢業(yè)論文（設(shè)計(jì)） 13 display: none。 } nav ul a { width: 25%。 } } @media screen and (minwidth:768px) and (maxwidth:960px) { nav { display: none。 } nav ul a { width: 25%。 } } 實(shí)現(xiàn)頁(yè)面的交互和檢測(cè)不同的設(shè)備 實(shí)現(xiàn)頁(yè)面的交互 由于 jQuery 庫(kù)的功能強(qiáng)大并且好多自帶的函數(shù)使用起來(lái)十分方便，所以決定采用調(diào)用 jQuery 的方式實(shí)現(xiàn)網(wǎng)頁(yè)交互部分的制作，調(diào)用 jQuery 的 JavaScript部分代碼如下： $(function(){ $(navbtn).click(function(){ $(nav).toggle()。 })。 $(goTopBtn).click(function(){ $(39。body,html39。).animate({scrollTop:0},500)。 })。 (gotoBack).onclick=function() { ()。 return false。 } $(.more).click(function(){ $(this).hide()。 $(this).next().toggle()。 })。 })。 實(shí)現(xiàn)檢測(cè)不同的設(shè)備 由于許多同學(xué)還會(huì)使用電腦瀏覽學(xué)院的網(wǎng)站，本設(shè)計(jì)采取了兼容的方式，保留了原學(xué)院網(wǎng)站，通過(guò)使用 JavaScript 和正則表達(dá)式來(lái)進(jìn)行設(shè)備匹配，從而決定用戶(hù)是否跳轉(zhuǎn)到手機(jī)版網(wǎng)站。設(shè)備匹配的 JavaScript 代碼如下： script 聊城大學(xué)本科畢業(yè)論文（設(shè)計(jì)） 14 if(((/(iPhone|iPod|Android|ios|iOS|iPad|Backerry| WebOS|Symbian|Windows Phone|Phone)/i))) { (phone/)。 } /script 第 4章 網(wǎng)站的測(cè)試與維護(hù) 網(wǎng)站的測(cè)試 本設(shè)計(jì)采用 IIS 服務(wù)器和局域網(wǎng)進(jìn)行測(cè)試，需將站點(diǎn)文件夾復(fù)制到根目錄下，然后設(shè)置 IP 地址為全部未分配，為了保證手機(jī)的連接到網(wǎng)站，需要把防火墻關(guān)閉。（設(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)行。 聊城大學(xué)本科畢業(yè)論文（設(shè)計(jì)） 16 結(jié)束語(yǔ) 基于 智能手機(jī)顯示的網(wǎng)站 實(shí)現(xiàn)是一項(xiàng)較為復(fù)雜而繁瑣的工作，它設(shè)計(jì)到很多細(xì)節(jié)和技術(shù)。本 設(shè)計(jì) 以 HTML5 和 技術(shù) 為基礎(chǔ)，立足于 廣大同學(xué)用智能手機(jī)瀏覽學(xué)院網(wǎng)站的需要 ，設(shè)計(jì)了 手機(jī)版的學(xué)院網(wǎng)站 。 作者首先對(duì) HTML5 和 技術(shù) 進(jìn)行介紹，然后對(duì) 手機(jī)網(wǎng)站 的需求進(jìn)行分析，并在需求分析的基礎(chǔ)上給出了 網(wǎng)站 的 設(shè)計(jì) 總體架構(gòu)；在前面工作的基礎(chǔ)上，詳細(xì)敘述了 手機(jī)網(wǎng)站 主要 布局 的實(shí)現(xiàn)過(guò)程和關(guān)鍵技術(shù)。該 設(shè)計(jì) 可以有效地解決 學(xué)生利用手機(jī)瀏覽學(xué)院網(wǎng)站字跡不清、顯示不全 等問(wèn)題，真正 實(shí)現(xiàn)學(xué)生的移動(dòng)上網(wǎng)學(xué)習(xí) 。 該 網(wǎng)站 不可避免的存在一定的不足，需要進(jìn)行不斷的修正和完善： （ 1） 網(wǎng)站顏色使用的是純色，使網(wǎng)站頁(yè)面并不是那么美觀 。 （ 2） CSS 代碼的不夠精煉、使用 第三方的庫(kù)使加載速度減慢 。 （ 3） 由于 測(cè)試的瀏覽器不多 ，網(wǎng)站的瀏覽器兼容性 可能 不足。 聊城大學(xué)本科畢業(yè)論文（設(shè)計(jì)） 17 參考文獻(xiàn) [1]布拉德福 ,海涅 ,高京 . 深入理解 HTML： 語(yǔ)義 、 標(biāo)準(zhǔn)與樣式 [M]. 電子工業(yè)出版社， . [2]劉欣 ,王雨竹 . HTML5 入門(mén)經(jīng)典 [M]. 機(jī)械工業(yè)出版社， 2020. [3]庫(kù)波 ,汪曉青 . HTML5 與 CSS3 網(wǎng)頁(yè)設(shè)計(jì) [M]. 北京理工大學(xué)出版社， . [4]Brad Dayley. jQuery 與 JavaScript 入門(mén)經(jīng)典 [M]. 人民郵電出版社 ,. [5] W3School. HTML 系列教 程 [EB/OL]. 聊城大學(xué)本科畢業(yè)論文（設(shè)計(jì)） 1 致謝 本畢業(yè)設(shè)計(jì)能夠順利完成，離不開(kāi) 于連民 老師的悉心指導(dǎo)，本課題從選題到設(shè)計(jì)和最后的撰寫(xiě)， 他 都給予悉心的指導(dǎo)和幫助。 同時(shí)， 畢業(yè)設(shè)計(jì)在實(shí)驗(yàn)室制作時(shí)，許多老師都給了許多合理的建議和指導(dǎo)，讓這個(gè)設(shè)計(jì)更加的完善，也讓我從中受益匪淺，感謝這些老師 ！ 此外，感謝聊城大學(xué)曾經(jīng)教過(guò)、幫助過(guò)和關(guān)心過(guò)我的所有老師；感謝傳媒技術(shù) 學(xué) 院 所 有 的 領(lǐng) 導(dǎo) 、 老 師 及 全 體 同 學(xué) 的 支 持 、 關(guān) 心 和 幫 助 ！聊城大學(xué)本科畢業(yè)論文（設(shè)計(jì)） 1 原文已完。下文為附加文檔，如不需要，下載后可以編輯刪除，謝謝！ 施工組織設(shè)計(jì) 本施工組織設(shè)計(jì)是本著 “一流的質(zhì)量、一流的工期、科學(xué)管理”來(lái)進(jìn)行編制的。編制時(shí)，我公司技術(shù)發(fā)展部、質(zhì)檢科以及項(xiàng)目部經(jīng)過(guò)精心研究、合理組織、充分利用先進(jìn)工藝，特制定本施工組織設(shè)計(jì)。 一、 工程概況： 西夏建材城生活區(qū) 2 30住宅樓位于銀川市新市區(qū) ，橡膠廠對(duì)面。 本工程由寧夏燕寶房地產(chǎn)開(kāi)發(fā)有限公司開(kāi)發(fā)，銀川市規(guī)劃建筑設(shè)計(jì)院設(shè)計(jì)。 本工程耐火等級(jí)二級(jí)，屋面防水等級(jí)三級(jí)，地震防烈度為 8度，設(shè)計(jì)使用年限 50 年。 本工程建筑面積 :27樓 。30樓 m2。室內(nèi)地坪177。 以絕對(duì)標(biāo)高 m 為準(zhǔn)，總長(zhǎng) 27樓 ； 30樓 m?？倢?27樓 ； 30樓 m。設(shè)計(jì)室外地坪至檐口高度 00m，呈長(zhǎng)方形布置，東西向，三個(gè)單元。 本工程設(shè)計(jì)屋面為坡屋面防水采用防水涂料。外墻水泥砂漿抹面，外刷淺灰色墻漆。內(nèi)墻面除衛(wèi)生間 200 300 瓷磚，高到頂外，其余均水泥砂槳罩面，刮二遍膩?zhàn)?；樓梯間內(nèi)墻采用 50聊城大學(xué)本科畢業(yè)論文（設(shè)計(jì)） 2 厚膠粉聚苯顆粒保溫。地面除衛(wèi)生間 200 200 防滑地磚，樓梯間 50 厚細(xì)石砼 1： 1 水泥砂漿壓光外，其余均采用 50 厚豆石砼毛地面。樓梯間單元門(mén)采用樓宇對(duì)講門(mén)，臥室門(mén)、衛(wèi)生間門(mén)采用木門(mén)，進(jìn)戶(hù)門(mén)采用保溫防盜門(mén)。本工程窗均采用塑鋼單框雙玻窗，開(kāi)啟窗均加紗扇。本工程設(shè)計(jì)為節(jié)能型住宅，外墻均貼保溫板。 本工程設(shè)計(jì)為磚混結(jié)構(gòu)，共六層?；A(chǔ)采用 C30 鋼筋砼條形基礎(chǔ)，上砌 MU30 毛石基礎(chǔ)，砂漿采用 M10 水泥砂漿。一、二、三、四層墻體采用 M10 混合砂漿砌筑 MU15 多孔磚；五層以上采用 混合砂漿砌筑 MU15 多孔磚。 本工程結(jié)構(gòu)中使用主要材料：鋼材： I 級(jí)鋼， II 級(jí)鋼；砼：基礎(chǔ)墊層 C10，基礎(chǔ)底板、地圈梁、基礎(chǔ)構(gòu)造柱均采用 C30，其 余均 C20。 本工程設(shè)計(jì)給水管采用 PPR 塑料管，熱熔連接；排水管采用UPVC 硬聚氯乙烯管，粘接；給水管道安裝除立管及安裝 IC 卡水表的管段明設(shè)計(jì)外，其余均暗設(shè)。 本工程設(shè)計(jì)采暖為鋼制高頻焊翅片管散熱器。 本工程設(shè)計(jì)照明電源采用 BV－ 銅芯線，插座電源等采用BV－ 4 銅芯線；除客廳為吸頂燈外，其余均采用座燈。 二、 施工部署及進(jìn)度計(jì)劃 工期安排 本工程合同計(jì)劃開(kāi)工日期： 2020 年 8 月 21 日，竣工日期：2020 年 7 月 10 日，合同工期 315 天。計(jì)劃 2020 年 9 月 15 日前聊城大學(xué)本科畢業(yè)論文（設(shè)計(jì)） 3 完成基礎(chǔ)工程， 2020 年 12 月 30 日完成主體結(jié) 構(gòu)工程， 2020 年 6月 20 日完成裝修工種，安裝工程穿插進(jìn)行，于 2020 年 7 月 1 日前完成。具體進(jìn)度計(jì)劃詳見(jiàn)附圖－ 1（施工進(jìn)度計(jì)劃）。 施工順序 ⑴ 基礎(chǔ)工程 工程定位線（驗(yàn)線）→挖坑→釬探（驗(yàn)坑）→砂礫墊層的施工→基礎(chǔ)砼墊層→刷環(huán)保瀝青 →基礎(chǔ)放線（預(yù)檢）→砼條形基礎(chǔ)→刷環(huán)保瀝青 →毛石基礎(chǔ)的砌筑→構(gòu)造柱砼→地圈梁→地溝→回填工。 ⑵ 結(jié)構(gòu)工程 結(jié)構(gòu)