《網(wǎng)頁設(shè)計與制作案例教程》面向?qū)W習網(wǎng)頁制作的讀者，采用全新流行的Web標準，以HTML技術(shù)為基礎(chǔ)，由淺入深地介紹了HTML、CSS及JavaScript網(wǎng)頁制作的內(nèi)容。本書把介紹知識與實例制作融于一體，以愛家商城網(wǎng)站（包括主頁、欄目頁、內(nèi)容頁、會員管理等頁面）作為案例進行講解，配以宇宙商務(wù)網(wǎng)站的實訓練習，兩者相輔相成，自始至終貫穿于本書的主題中。本書采用案例驅(qū)動的教學方法，以案例為引導，結(jié)構(gòu)上采用點面結(jié)合的方式，引導讀者學習網(wǎng)頁規(guī)劃、設(shè)計、制作的基本知識以及項目開發(fā)、測試的完整流程。本書適合作為高職高專院校計算機及相關(guān)專業(yè)的教材，也可以作為培訓網(wǎng)站開發(fā)與網(wǎng)頁制作的教材。
《網(wǎng)頁設(shè)計與制作案例教程》把介紹知識與實例制作融于一體，以愛家商城網(wǎng)站（包括主頁、欄目頁、內(nèi)容頁、會員管理等頁面）作為案例講解，配以宇宙商務(wù)網(wǎng)站的實訓練習，兩條主線互相結(jié)合、相輔相成，自始至終貫穿于本書的主題之中。
前言前言
隨著國家信息化發(fā)展策略的貫徹實施，信息化建設(shè)已進入了全方位、多層次推進應(yīng)用的新階段。作為高校的學生，不僅要掌握一般的信息處理能力，更應(yīng)該具備較高的信息素養(yǎng)以應(yīng)對信息化社會的需求。本書就是根據(jù)面向21世紀培養(yǎng)高技能人才的需求，結(jié)合高職高專學生的學習特點，依據(jù)職業(yè)教育培養(yǎng)目標的要求，嚴格按照教育部提出的高職高專教育以應(yīng)用為目的，以必需、夠用為度的原則而設(shè)計、開發(fā)的系列教材之一。
本書主要圍繞Web標準的三大關(guān)鍵技術(shù)（HTML、CSS和JavaScript）來介紹網(wǎng)頁編程的必備知識及相關(guān)應(yīng)用。傳統(tǒng)方式制作的網(wǎng)頁內(nèi)容與外觀交織在一起，代碼量大，難以維護。而Web標準的最大優(yōu)點是采用HTML CSS JavaScript將網(wǎng)頁內(nèi)容、外觀樣式及動態(tài)效果徹底分離，從而可以大大減少頁面代碼，更便于分工設(shè)計、代碼重用。其中，HTML負責網(wǎng)頁結(jié)構(gòu)，CSS負責網(wǎng)頁樣式及表現(xiàn)，JavaScript負責網(wǎng)頁行為和功能。本書采用全新流行的Web標準，通過簡單的記事本工具，以HTML技術(shù)為基礎(chǔ)，由淺入深，系統(tǒng)、全面地介紹了HTML、CSS、JavaScript的基本知識及常用技巧。
本書全面系統(tǒng)地介紹了網(wǎng)頁制作、設(shè)計、規(guī)劃的基本知識以及網(wǎng)站設(shè)計、開發(fā)的完整流程。本書采用模塊化設(shè)計、任務(wù)驅(qū)動學習的編寫模式，首先展示案例的運行結(jié)果，然后詳細講述案例的設(shè)計步驟，循序漸進地引導讀者學習和掌握相關(guān)知識點。本書以網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計為中心，以實例為引導，把介紹知識與實例設(shè)計、制作、分析融于一體，結(jié)構(gòu)上采用點面結(jié)合，以愛家商城網(wǎng)站作為案例講解，配以宇宙商務(wù)網(wǎng)站的實訓練習，兩者相輔相成，自始至終貫穿于本書的主題中。本書所有例題、習題及上機實訓均采用案例驅(qū)動的講述方式，并配有運行效果圖，能夠有效地幫助讀者理解所學習的理論知識，系統(tǒng)全面地掌握網(wǎng)頁制作技術(shù)。本書在每章之后附有實踐操作習題，并在教學課件中給出習題答案，供讀者在課外鞏固所學的內(nèi)容。本書共分12章，主要內(nèi)容包括網(wǎng)站與網(wǎng)頁的基礎(chǔ)知識，網(wǎng)頁基本排版，網(wǎng)頁元素的布局與交互，使用CSS為網(wǎng)頁添加樣式，盒模型，CSS格式化排版，CSS修飾鏈接、表格與列表，使用CSS制作導航菜單，Div CSS布局技術(shù)，JavaScript腳本語言，愛家商城前臺頁面和愛家商城會員中心管理頁面。
本書適合作為高等學校、職業(yè)院校計算機及相關(guān)專業(yè)或培訓班的網(wǎng)站開發(fā)與網(wǎng)頁制作教材，也可作為網(wǎng)頁制作愛好者與網(wǎng)站開發(fā)維護人員的學習參考書。為了便于教師教學，本書配有教學課件，教師可從清華大學出版社網(wǎng)站下載。
本書由張兵義、朱立、王蓓主編，具體分工如下：
張兵義編寫了第1～3章，朱立編寫了第4章和第5章，王蓓編寫了第6章，呂振雷編寫了第7章和第8章，殷鶯編寫了第9章和第10章，馬海州編寫了第11章，劉克純、翟麗娟、韓建敏編寫了第12章。另外，莊建新、彭春芳、崔瑛瑛、莊恒、李建彬、徐維維、劉大學、徐云林、繆麗麗、劉大蓮、陳周、駱秋容、彭守旺、楊麗香、楊占銀、馬春鋒、孫洪玲、王如雪、曹媚珠、陳文煥、劉有榮、李剛、孫明建、李索也參與了部分內(nèi)容的編寫，同時還完成了本書課件的制作。全書由劉瑞新教授主審、統(tǒng)稿。
由于作者水平有限，書中疏漏和不足之處在所難免，敬請廣大師生指正。
編者
2017年12月
目錄目錄
第1章網(wǎng)站與網(wǎng)頁的基礎(chǔ)知識1
1.1認識網(wǎng)站與網(wǎng)頁1
1.1.1網(wǎng)站、網(wǎng)頁和主頁1
1.1.2靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁1
1.2網(wǎng)頁的基本構(gòu)成元素2
1.3網(wǎng)頁布局結(jié)構(gòu)4
1.4Web標準5
1.4.1什么是Web標準6
1.4.2建立Web標準的優(yōu)點6
1.4.3理解表現(xiàn)和結(jié)構(gòu)相分離7
1.5HTML語法基礎(chǔ)8
1.5.1HTML概述8
1.5.2HTML語法結(jié)構(gòu)8
1.5.3HTML編寫規(guī)范9
1.5.4HTML文檔結(jié)構(gòu)10
1.6創(chuàng)建HTML文檔11
1.7網(wǎng)頁頭部標簽12
1.7.1
標簽12</p>
<p>1.7.2<meta>標簽13</p>
<p>1.7.3<link>標簽13</p>
<p>1.7.4<script>標簽13</p>
<p>1.7.5案例制作愛家商城頁面摘要信息14</p>
<p>1.8注釋和特殊符號14</p>
<p>1.8.1注釋14</p>
<p>1.8.2特殊符號15</p>
<p>1.9實訓制作宇宙商務(wù)頁面的版權(quán)信息15</p>
<p>習題116</p>
<p>第2章網(wǎng)頁基本排版17</p>
<p>2.1文字與段落排版17</p>
<p>2.1.1段落標簽172.1.2標題標簽18</p>
<p>2.1.3換行標簽18</p>
<p>2.1.4水平線標簽19</p>
<p>2.1.5預(yù)格式化標簽20</p>
<p>2.1.6縮排標簽21</p>
<p>2.1.7案例制作愛家商城企業(yè)簡介頁面22</p>
<p>2.2超鏈接23</p>
<p>2.2.1超鏈接簡介23</p>
<p>2.2.2超鏈接的應(yīng)用24</p>
<p>2.2.3案例制作愛家商城購物流程頁面28</p>
<p>2.3圖像29</p>
<p>2.3.1網(wǎng)頁圖像的格式及使用要點30</p>
<p>2.3.2圖像標簽30</p>
<p>2.3.3圖像超鏈接32</p>
<p>2.3.4設(shè)置網(wǎng)頁背景圖像33</p>
<p>2.3.5圖文混排34</p>
<p>2.4列表35</p>
<p>2.4.1無序列表35</p>
<p>2.4.2有序列表36</p>
<p>2.4.3定義列表37</p>
<p>2.4.4嵌套列表38</p>
<p>2.5實訓制作宇宙商務(wù)企業(yè)名片頁面39</p>
<p>習題241</p>
<p>第3章網(wǎng)頁元素的布局與交互43</p>
<p>3.1標簽43</p>
<p>3.2標簽43</p>
<p>3.2.1基本語法43</p>
<p>3.2.2標簽與標簽的區(qū)別44</p>
<p>3.2.3使用標簽和標簽組織網(wǎng)頁內(nèi)容44</p>
<p>3.3表格45</p>
<p>3.3.1表格的結(jié)構(gòu)46</p>
<p>3.3.2表格的基本語法46</p>
<p>3.3.3表格修飾47</p>
<p>3.3.4跨行跨列的復(fù)雜表格49</p>
<p>3.3.5表格數(shù)據(jù)的分組52</p>
<p>3.3.6使用表格實現(xiàn)頁面局部布局54</p>
<p>3.3.7嵌套表格55</p>
<p>3.4表單56</p>
<p>3.4.1表單的工作原理56</p>
<p>3.4.2表單標簽56</p>
<p>3.4.3表單元素57</p>
<p>3.4.4案例制作愛家商城會員注冊表單66</p>
<p>3.4.5使用表格布局表單67</p>
<p>3.5實訓制作宇宙商務(wù)聯(lián)系我們表單71</p>
<p>習題372</p>
<p>第4章使用CSS為網(wǎng)頁添加樣式75</p>
<p>4.1CSS概述75</p>
<p>4.1.1CSS的基本概念75</p>
<p>4.1.2CSS的發(fā)展歷史75</p>
<p>4.1.3CSS編寫規(guī)則76</p>
<p>4.1.4CSS的工作環(huán)境77</p>
<p>4.2HTML與CSS78</p>
<p>4.2.1傳統(tǒng)HTML的缺點78</p>
<p>4.2.2CSS的優(yōu)勢79</p>
<p>4.2.3CSS的局限性79</p>
<p>4.3CSS語法基礎(chǔ)79</p>
<p>4.3.1CSS樣式規(guī)則79</p>
<p>4.3.2基本選擇符80</p>
<p>4.3.3復(fù)合選擇符83</p>
<p>4.3.4通用選擇符86</p>
<p>4.3.5特殊選擇符87</p>
<p>4.4CSS引入方式89</p>
<p>4.4.1行內(nèi)樣式89</p>
<p>4.4.2內(nèi)部樣式表90</p>
<p>4.4.3鏈入外部樣式表91</p>
<p>4.4.4導入外部樣式表93</p>
<p>4.4.5案例制作愛家商城使用條款頁面94</p>
<p>4.5CSS的屬性單位96</p>
<p>4.5.1長度、百分比單位96</p>
<p>4.5.2色彩單位97</p>
<p>4.6文檔結(jié)構(gòu)98</p>
<p>4.6.1文檔結(jié)構(gòu)的基本概念98</p>
<p>4.6.2繼承100</p>
<p>4.6.3樣式表的層疊、特殊性與重要性101</p>
<p>4.6.4案例制作愛家商城幫助中心局部頁面103</p>
<p>4.7元素類型107</p>
<p>4.8實訓制作宇宙商務(wù)網(wǎng)商機發(fā)布頁面108</p>
<p>習題4110</p>
<p>第5章盒模型112</p>
<p>5.1盒模型簡介112</p>
<p>5.2邊框、外邊距與內(nèi)邊距113</p>
<p>5.2.1邊框114</p>
<p>5.2.2外邊距116</p>
<p>5.2.3內(nèi)邊距120</p>
<p>5.3盒模型的尺寸121</p>
<p>5.3.1盒模型的寬度與高度121</p>
<p>5.3.2塊級元素與行級元素寬度和高度的區(qū)別122</p>
<p>5.4盒子的margin合并問題123</p>
<p>5.4.1行級元素之間的水平margin的合并123</p>
<p>5.4.2塊級元素之間的垂直margin合并124</p>
<p>5.5盒模型綜合案例制作愛家商城聯(lián)系我們局部頁面126</p>
<p>5.6盒子的定位130</p>
<p>5.6.1定位屬性130</p>
<p>5.6.2定位方式131</p>
<p>5.7浮動與清除浮動136</p>
<p>5.7.1浮動136</p>
<p>5.7.2清除浮動140</p>
<p>5.8實訓宇宙商務(wù)登錄頁面整體布局142</p>
<p>習題5144</p>
<p>第6章CSS格式化排版145</p>
<p>6.1使用CSS設(shè)置字體樣式145</p>
<p>6.1.1字體類型145</p>
<p>6.1.2字體大小146</p>
<p>6.1.3字體粗細147</p>
<p>6.1.4字體傾斜148</p>
<p>6.2使用CSS設(shè)置文本樣式148</p>
<p>6.2.1文本水平對齊方式149</p>
<p>6.2.2行高150</p>
<p>6.2.3文本的修飾151</p>
<p>6.2.4段落首行縮進152</p>
<p>6.2.5首字下沉152</p>
<p>6.2.6字符間距153</p>
<p>6.2.7文本的截斷154</p>
<p>6.2.8文本的顏色155</p>
<p>6.2.9文本的背景顏色155</p>
<p>6.3使用CSS設(shè)置圖像樣式156</p>
<p>6.3.1圖像邊框157</p>
<p>6.3.2圖像縮放158</p>
<p>6.3.3背景圖像159</p>
<p>6.3.4背景重復(fù)160</p>
<p>6.3.5背景圖像定位161</p>
<p>6.4使用CSS設(shè)置表單樣式163</p>
<p>6.4.1使用CSS修飾常用的表單元素163</p>
<p>6.4.2案例制作愛家商城會員登錄頁面168</p>
<p>6.5綜合案例制作愛家商城社區(qū)頁面172</p>
<p>6.5.1頁面布局規(guī)劃172</p>
<p>6.5.2頁面的制作過程173</p>
<p>6.6實訓制作宇宙商務(wù)會員注冊頁面175</p>
<p>習題6181</p>
<p>第7章CSS修飾鏈接、表格與列表183</p>
<p>7.1使用CSS修飾鏈接183</p>
<p>7.1.1改變文字鏈接的外觀183</p>
<p>7.1.2按鈕式鏈接184</p>
<p>7.1.3背景鏈接185</p>
<p>7.2使用CSS修飾表格187</p>
<p>7.2.1常用的CSS表格屬性187</p>
<p>7.2.2案例使用隔行換色表格制作暢銷商品銷量排行榜191</p>
<p>7.3使用CSS修飾列表192</p>
<p>7.3.1表格布局的缺點192</p>
<p>7.3.2列表布局的優(yōu)勢193</p>
<p>7.3.3CSS列表屬性194</p>
<p>7.4綜合案例制作愛家商城產(chǎn)品圖文列表199</p>
<p>7.5實訓制作宇宙商務(wù)合作伙伴鏈接局部頁面204</p>
<p>習題7206</p>
<p>第8章使用CSS制作導航菜單209</p>
<p>8.1縱向?qū)Ш讲藛?09</p>
<p>8.1.1普通的縱向鏈接導航菜單209</p>
<p>8.1.2縱向列表導航菜單214</p>
<p>8.1.3制作愛家商城縱向列表導航菜單216</p>
<p>8.2橫向?qū)Ш讲藛?19</p>
<p>8.3綜合案例使用CSS修飾頁面和制作導航菜單222</p>
<p>8.3.1頁面布局規(guī)劃222</p>
<p>8.3.2頁面的制作過程223</p>
<p>8.4實訓制作宇宙商務(wù)畫廊頁面232</p>
<p>8.4.1頁面布局規(guī)劃232</p>
<p>8.4.2頁面的制作過程233</p>
<p>習題8239</p>
<p>第9章Div CSS布局技術(shù)240</p>
<p>9.1Div CSS布局理念240</p>
<p>9.1.1Div CSS布局的優(yōu)點240</p>
<p>9.1.2正確理解Web標準240</p>
<p>9.1.3使用嵌套的Div實現(xiàn)頁面排版241</p>
<p>9.2典型的CSS布局樣式242</p>
<p>9.2.1兩列的布局樣式242</p>
<p>9.2.2三列的布局樣式247</p>
<p>9.3綜合案例制作愛家商城商務(wù)服務(wù)中心頁面251</p>
<p>9.3.1頁面的布局與規(guī)劃251</p>
<p>9.3.2頁面的制作過程253</p>
<p>9.4實訓宇宙商務(wù)博客頁面的布局260</p>
<p>9.4.1頁面的布局與規(guī)劃260</p>
<p>9.4.2頁面的制作過程261</p>
<p>習題9267</p>
<p>第10章JavaScript腳本語言269</p>
<p>10.1JavaScript概述269</p>
<p>10.2在網(wǎng)頁中引用JavaScript269</p>
<p>10.3JavaScript基本交互方法271</p>
<p>10.3.1信息對話框271</p>
<p>10.3.2選擇對話框272</p>
<p>10.3.3提示對話框273</p>
<p>10.4制作網(wǎng)頁特效274</p>
<p>10.4.1輪播廣告274</p>
<p>10.4.2制作愛家商城二級縱向列表導航菜單276</p>
<p>10.5實訓制作網(wǎng)頁Tab選項卡切換效果280</p>
<p>習題10283</p>
<p>第11章愛家商城前臺頁面285</p>
<p>11.1網(wǎng)站的開發(fā)流程285</p>
<p>11.1.1規(guī)劃站點285</p>
<p>11.1.2網(wǎng)站制作287</p>
<p>11.1.3測試網(wǎng)站287</p>
<p>11.1.4發(fā)布站點287</p>
<p>11.2設(shè)計首頁布局287</p>
<p>11.2.1創(chuàng)建站點目錄288</p>
<p>11.2.2頁面布局規(guī)劃288</p>
<p>11.3首頁的制作289</p>
<p>11.4制作產(chǎn)品列表頁303</p>
<p>11.5制作產(chǎn)品明細頁306</p>
<p>11.6制作查看購物車頁314</p>
<p>習題11320</p>
<p>第12章愛家商城會員中心管理頁面322</p>
<p>12.1制作會員中心登錄頁322</p>
<p>12.2制作個人信息頁326</p>
<p>12.3制作我的訂單頁331</p>
<p>12.4制作收貨地址頁335</p>
<p>12.5頁面的整合340</p>
<p>習題12341</p>
<p>參考文獻342</p>
</div>
</div>
<div id="1111616661" class="clear"></div>
<script type="text/javascript">
function tab(a,b,c)
{
for(i=1;i<=b;i++){
if(c==i)
{
// 判斷選擇模塊
document.getElementById(a+"_mo_"+i).style.display = "block"; // 顯示模塊內(nèi)容
document.getElementById(a+"_to_"+i).className = "no"; // 改變菜單為選中樣式
}
else{
// 沒有選擇的模塊
document.getElementById(a+"_mo_"+i).style.display = "none"; // 隱藏沒有選擇的模塊
document.getElementById(a+"_to_"+i).className = "q"; // 清空沒有選擇的菜單樣式
}
}
}
</script>
<div id="1111616661" class="b-comment">
<div id="1111616661" class="mt">
<span> 你還可能感興趣</span>
</div>
</div>
<div id="1111616661" class="d-comment">
<ul>
<li><a href="bookshow.asp?id=83186" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/dimages02/9787115463517.jpg" alt=" Dreamweaver CS6網(wǎng)頁設(shè)計立體化教程（雙色微課版）" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/dimages02/9787115463517.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=83186" title=" Dreamweaver CS6網(wǎng)頁設(shè)計立體化教程（雙色微課版）" target="_blank"> Dreamweaver CS6網(wǎng)頁設(shè)計立體化教程（雙色微課版）</a></li><li><a href="bookshow.asp?id=45032" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/dimages02/9787302479901.jpg" alt=" ASP.NET Core應(yīng)用開發(fā)" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/dimages02/9787302479901.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=45032" title=" ASP.NET Core應(yīng)用開發(fā)" target="_blank"> ASP.NET Core應(yīng)用開發(fā)</a></li><li><a href="bookshow.asp?id=75418" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/dimages04/9787302488880.jpg" alt="ASP.NET實用教程（項目教學版）（高職高專計算機教學改革新體系規(guī)劃教材）" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/dimages04/9787302488880.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=75418" title="ASP.NET實用教程（項目教學版）（高職高專計算機教學改革新體系規(guī)劃教材）" target="_blank">ASP.NET實用教程（項目教學版）（高職高專計算機教學改革新體系規(guī)劃教材）</a></li><li><a href="bookshow.asp?id=79604" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/m_images/2013665942480082_w.jpg" alt="HTML5+CSS3網(wǎng)頁設(shè)計案例教程" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/m_images/2013665942480082_w.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=79604" title="HTML5+CSS3網(wǎng)頁設(shè)計案例教程" target="_blank">HTML5+CSS3網(wǎng)頁設(shè)計案例教程</a></li><li><a href="bookshow.asp?id=52504" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/dimages02/9787121330902.jpg" alt=" 前端工程化：體系設(shè)計與實踐" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/dimages02/9787121330902.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=52504" title=" 前端工程化：體系設(shè)計與實踐" target="_blank"> 前端工程化：體系設(shè)計與實踐</a></li>
</ul>
</div>
<div id="1111616661" class="b-comment">
<div id="1111616661" class="mt">
<span> 我要評論</span>
</div>
</div>
<div id="1111616661" class="c-comment">
<form method="post" name="comment" action="/book_comment.asp">
<table border="0" cellspacing="1" cellpadding="3" class="commentlist">
<input name=id type=hidden value="75419">
<input name=title type=hidden value=" 網(wǎng)頁設(shè)計與制作案例教程（HTML5+CSS3+JavaScript）（高職高專計算機任務(wù)驅(qū)動模式教材）">
<tr>
<th>您的姓名</th>
<td><input type="text" name="name" size="20" maxlength="20" class="form" /> 驗證碼：<input name="verifycode" type="text" size="7" style=" height:18px;" /> <img src="safecode.asp?" onClick="this.src+=Math.random()" alt="圖片看不清？點擊重新得到驗證碼" style="cursor:hand;" height="18" /></td>
</tr>
<tr>
<th>留言內(nèi)容</th>
<td><textarea name="content" id="content" cols="46" rows="3" class="form-textarea" wrap=physical onKeyDown="checkMaxInput(this.form)" onKeyUp="checkMaxInput(this.form)" style="overflow:auto"></textarea></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value=" 發(fā)表評論 " name="cmdok" class="button" /><input type="hidden" name="do" value="save" /></td>
</tr>
</table>
</form>
</div>
<!---div class="b-comment_fenlei">
<ul>
</ul>
</div--->
</div>
</td>
</tr>
</table>
<div class="1111616661" id="footer">
<div id="1111616661" class="end_list"><a href="aboutus.asp" title="">關(guān)于我們</a><a href="Honor.asp" title="">榮譽資質(zhì)</a><a href="lxwm.asp" target="_blank" title="">聯(lián)系我們</a></div>
<div id="1111616661" class="copyright_n">
Copyright 1993-2020 <a >book.book1993.com</a> Inc.All Rights Reserved<br>
公司名稱：山東中教產(chǎn)業(yè)發(fā)展股份有限公司 公司地址：山東省濟南市大橋鎮(zhèn)128號 聯(lián)系電話：400-0531-123
<br>版權(quán)所有：山東中教產(chǎn)業(yè)發(fā)展股份有限公司
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F34a0559de8bca702f061988709fd9a88' type='text/javascript'%3E%3C/script%3E"));
</script>
</div>
<div id="1111616661" class="ban_img"><img src="images/ban_img.png" width="691" height="55"></div>
</div>
<script src="/images/common.js" language="javascript"></script>
</body>
</html>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://www.jsyyzsb.com/" title="xxxfreesexmoves">xxxfreesexmoves</a>
<div class="friend-links">
</div>
</div>
</footer>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="cqhpt" class="pl_css_ganrao" style="display: none;"><p id="cqhpt"></p><strike id="cqhpt"><tbody id="cqhpt"></tbody></strike><blockquote id="cqhpt"><delect id="cqhpt"></delect></blockquote><tr id="cqhpt"><pre id="cqhpt"></pre></tr><u id="cqhpt"></u><div id="cqhpt"><progress id="cqhpt"><noframes id="cqhpt"></noframes></progress></div><pre id="cqhpt"><form id="cqhpt"></form></pre><big id="cqhpt"><meter id="cqhpt"><video id="cqhpt"><s id="cqhpt"></s></video></meter></big><div id="cqhpt"><progress id="cqhpt"><noframes id="cqhpt"></noframes></progress></div><track id="cqhpt"></track><ol id="cqhpt"></ol><em id="cqhpt"><label id="cqhpt"><strike id="cqhpt"><acronym id="cqhpt"></acronym></strike></label></em><b id="cqhpt"></b><acronym id="cqhpt"><label id="cqhpt"></label></acronym><tr id="cqhpt"></tr><b id="cqhpt"></b><dfn id="cqhpt"></dfn><option id="cqhpt"><abbr id="cqhpt"><optgroup id="cqhpt"></optgroup></abbr></option><dl id="cqhpt"></dl><p id="cqhpt"></p><nobr id="cqhpt"><dfn id="cqhpt"><wbr id="cqhpt"></wbr></dfn></nobr><ins id="cqhpt"><dfn id="cqhpt"></dfn></ins><input id="cqhpt"></input><small id="cqhpt"><u id="cqhpt"><dl id="cqhpt"><sup id="cqhpt"></sup></dl></u></small><i id="cqhpt"><p id="cqhpt"><mark id="cqhpt"></mark></p></i><tr id="cqhpt"></tr><sup id="cqhpt"><xmp id="cqhpt"><samp id="cqhpt"></samp></xmp></sup><input id="cqhpt"></input><option id="cqhpt"><legend id="cqhpt"></legend></option><ol id="cqhpt"></ol><em id="cqhpt"><input id="cqhpt"><s id="cqhpt"></s></input></em><nobr id="cqhpt"></nobr><s id="cqhpt"><meter id="cqhpt"></meter></s><div id="cqhpt"><progress id="cqhpt"></progress></div><tbody id="cqhpt"></tbody><tfoot id="cqhpt"></tfoot><kbd id="cqhpt"></kbd><var id="cqhpt"><label id="cqhpt"><dd id="cqhpt"><blockquote id="cqhpt"></blockquote></dd></label></var><th id="cqhpt"><listing id="cqhpt"><td id="cqhpt"><dd id="cqhpt"></dd></td></listing></th><p id="cqhpt"></p><legend id="cqhpt"><big id="cqhpt"></big></legend><u id="cqhpt"></u><small id="cqhpt"></small><tt id="cqhpt"></tt><tr id="cqhpt"></tr><font id="cqhpt"></font><optgroup id="cqhpt"><label id="cqhpt"><legend id="cqhpt"><acronym id="cqhpt"></acronym></legend></label></optgroup><thead id="cqhpt"><div id="cqhpt"><output id="cqhpt"><rp id="cqhpt"></rp></output></div></thead><menu id="cqhpt"><object id="cqhpt"></object></menu><sup id="cqhpt"></sup><legend id="cqhpt"></legend><label id="cqhpt"><i id="cqhpt"><dfn id="cqhpt"></dfn></i></label><strike id="cqhpt"></strike><strong id="cqhpt"></strong><abbr id="cqhpt"><thead id="cqhpt"></thead></abbr><em id="cqhpt"><b id="cqhpt"><strong id="cqhpt"></strong></b></em><pre id="cqhpt"></pre><menu id="cqhpt"><object id="cqhpt"><dd id="cqhpt"></dd></object></menu><em id="cqhpt"><label id="cqhpt"><u id="cqhpt"><legend id="cqhpt"></legend></u></label></em><sup id="cqhpt"><dl id="cqhpt"></dl></sup><blockquote id="cqhpt"><delect id="cqhpt"></delect></blockquote><ins id="cqhpt"><ruby id="cqhpt"><strong id="cqhpt"><sup id="cqhpt"></sup></strong></ruby></ins><delect id="cqhpt"></delect><address id="cqhpt"></address><i id="cqhpt"><p id="cqhpt"><center id="cqhpt"><pre id="cqhpt"></pre></center></p></i><thead id="cqhpt"><em id="cqhpt"><tbody id="cqhpt"></tbody></em></thead><strike id="cqhpt"><tbody id="cqhpt"><button id="cqhpt"></button></tbody></strike><sub id="cqhpt"></sub><strike id="cqhpt"><ins id="cqhpt"><ruby id="cqhpt"></ruby></ins></strike><u id="cqhpt"></u><optgroup id="cqhpt"></optgroup><strike id="cqhpt"><em id="cqhpt"></em></strike><thead id="cqhpt"><u id="cqhpt"><dl id="cqhpt"><strike id="cqhpt"></strike></dl></u></thead><strike id="cqhpt"><legend id="cqhpt"><ruby id="cqhpt"><nav id="cqhpt"></nav></ruby></legend></strike><sup id="cqhpt"><xmp id="cqhpt"><samp id="cqhpt"></samp></xmp></sup><wbr id="cqhpt"><ins id="cqhpt"></ins></wbr><form id="cqhpt"></form><font id="cqhpt"></font><mark id="cqhpt"></mark><pre id="cqhpt"><option id="cqhpt"><style id="cqhpt"></style></option></pre><sup id="cqhpt"><optgroup id="cqhpt"></optgroup></sup><menuitem id="cqhpt"><ins id="cqhpt"><nobr id="cqhpt"><wbr id="cqhpt"></wbr></nobr></ins></menuitem><p id="cqhpt"></p><pre id="cqhpt"></pre><dfn id="cqhpt"><form id="cqhpt"><p id="cqhpt"><thead id="cqhpt"></thead></p></form></dfn><span id="cqhpt"></span><acronym id="cqhpt"><span id="cqhpt"><tt id="cqhpt"><small id="cqhpt"></small></tt></span></acronym><code id="cqhpt"><cite id="cqhpt"></cite></code><abbr id="cqhpt"></abbr><small id="cqhpt"></small><acronym id="cqhpt"><button id="cqhpt"></button></acronym><tt id="cqhpt"></tt><meter id="cqhpt"><mark id="cqhpt"><listing id="cqhpt"><source id="cqhpt"></source></listing></mark></meter><samp id="cqhpt"><del id="cqhpt"></del></samp><em id="cqhpt"></em><blockquote id="cqhpt"><delect id="cqhpt"></delect></blockquote><rp id="cqhpt"><object id="cqhpt"><rt id="cqhpt"></rt></object></rp><b id="cqhpt"></b><input id="cqhpt"></input><table id="cqhpt"><rt id="cqhpt"></rt></table><dfn id="cqhpt"><strong id="cqhpt"><ul id="cqhpt"></ul></strong></dfn><abbr id="cqhpt"><optgroup id="cqhpt"><td id="cqhpt"></td></optgroup></abbr><input id="cqhpt"><s id="cqhpt"><wbr id="cqhpt"><center id="cqhpt"></center></wbr></s></input><abbr id="cqhpt"><thead id="cqhpt"></thead></abbr><strong id="cqhpt"><fieldset id="cqhpt"><font id="cqhpt"><tt id="cqhpt"></tt></font></fieldset></strong><th id="cqhpt"><tfoot id="cqhpt"></tfoot></th><wbr id="cqhpt"></wbr><code id="cqhpt"><cite id="cqhpt"><address id="cqhpt"></address></cite></code><pre id="cqhpt"><center id="cqhpt"></center></pre><label id="cqhpt"></label><menu id="cqhpt"><object id="cqhpt"><dd id="cqhpt"></dd></object></menu><small id="cqhpt"></small><legend id="cqhpt"></legend><noframes id="cqhpt"></noframes><track id="cqhpt"><nobr id="cqhpt"></nobr></track><code id="cqhpt"></code><s id="cqhpt"></s><tr id="cqhpt"><li id="cqhpt"><dl id="cqhpt"></dl></li></tr><output id="cqhpt"><optgroup id="cqhpt"><menu id="cqhpt"></menu></optgroup></output><strike id="cqhpt"><legend id="cqhpt"><ruby id="cqhpt"><nav id="cqhpt"></nav></ruby></legend></strike><blockquote id="cqhpt"><noscript id="cqhpt"></noscript></blockquote><sup id="cqhpt"><acronym id="cqhpt"></acronym></sup><em id="cqhpt"><input id="cqhpt"><s id="cqhpt"></s></input></em><strike id="cqhpt"></strike><samp id="cqhpt"><del id="cqhpt"><tbody id="cqhpt"></tbody></del></samp><nobr id="cqhpt"></nobr><big id="cqhpt"></big><option id="cqhpt"><noframes id="cqhpt"><strike id="cqhpt"></strike></noframes></option><optgroup id="cqhpt"><div id="cqhpt"><progress id="cqhpt"><rp id="cqhpt"></rp></progress></div></optgroup><span id="cqhpt"><small id="cqhpt"></small></span><output id="cqhpt"><listing id="cqhpt"><var id="cqhpt"></var></listing></output><ul id="cqhpt"></ul><wbr id="cqhpt"></wbr><small id="cqhpt"></small><abbr id="cqhpt"></abbr><small id="cqhpt"><cite id="cqhpt"><dl id="cqhpt"></dl></cite></small><legend id="cqhpt"><pre id="cqhpt"><sup id="cqhpt"></sup></pre></legend><var id="cqhpt"></var><cite id="cqhpt"><dl id="cqhpt"></dl></cite><small id="cqhpt"></small><option id="cqhpt"><noframes id="cqhpt"><strike id="cqhpt"></strike></noframes></option><video id="cqhpt"><strong id="cqhpt"><xmp id="cqhpt"></xmp></strong></video><optgroup id="cqhpt"></optgroup><video id="cqhpt"></video><strike id="cqhpt"></strike><listing id="cqhpt"><var id="cqhpt"><td id="cqhpt"><kbd id="cqhpt"></kbd></td></var></listing><font id="cqhpt"><tt id="cqhpt"></tt></font><abbr id="cqhpt"><optgroup id="cqhpt"><thead id="cqhpt"><output id="cqhpt"></output></thead></optgroup></abbr><th id="cqhpt"></th><table id="cqhpt"></table></div></html> 
新書資訊