Web標(biāo)準(zhǔn)是所有網(wǎng)頁前端技術(shù)的規(guī)范和發(fā)展方向，本書學(xué)習(xí)的HTML5和CSS3是Web標(biāo)準(zhǔn)的主要組成部分，闡述了內(nèi)容和樣式分離的網(wǎng)頁設(shè)計(jì)精髓。
全書共16章，從初學(xué)者的角度出發(fā)，以知識(shí)點(diǎn)示例、章節(jié)綜合案例、全書綜合案例和實(shí)驗(yàn)手冊(cè)等形式，全面涵蓋網(wǎng)頁設(shè)計(jì)的基礎(chǔ)知識(shí)、HTML5和CSS3技術(shù)、DIV CSS網(wǎng)頁布局技術(shù)等。講解過程由淺入深、循序漸進(jìn)，力求通過實(shí)例操作讓讀者快速掌握網(wǎng)頁設(shè)計(jì)的方法和技巧。
本書附帶1張光盤，其中包含書中所有實(shí)例的源文件以及教學(xué)用課件，以方便讀者學(xué)習(xí)和參考。
本書既適合作為大中專院校和培訓(xùn)學(xué)校計(jì)算機(jī)相關(guān)專業(yè)學(xué)生的教材，也適合作為網(wǎng)頁設(shè)計(jì)制作人員及愛好者的參考用書。
全書共16章，從初學(xué)者的角度出發(fā)，以知識(shí)點(diǎn)示例、章節(jié)綜合案例、全書綜合案例和實(shí)驗(yàn)手冊(cè)等形式，全面涵蓋網(wǎng)頁設(shè)計(jì)的基礎(chǔ)知識(shí)、HTML5和CSS3技術(shù)、DIV CSS網(wǎng)頁布局技術(shù)等。講解過程由淺入深、循序漸進(jìn)，力求通過實(shí)例操作讓讀者快速掌握網(wǎng)頁設(shè)計(jì)的方法和技巧。本書附帶1張光盤，其中包含書中所有實(shí)例的源文件以及教學(xué)用課件，以方便讀者學(xué)習(xí)和參考。本書既適合作為大中專院校和培訓(xùn)學(xué)校計(jì)算機(jī)相關(guān)專業(yè)學(xué)生的教材，也適合作為網(wǎng)頁設(shè)計(jì)制作人員及愛好者的參考用書。
序言
HTML5 CSS3以其標(biāo)準(zhǔn)布局和精美樣式，實(shí)現(xiàn)了網(wǎng)頁內(nèi)容和樣式的分離，使網(wǎng)頁樣式布局和美化達(dá)到了一個(gè)不可思議的高度，成為Web標(biāo)準(zhǔn)中不可替代的技術(shù)規(guī)范。本書以知識(shí)點(diǎn)示例、章節(jié)綜合案例、全書綜合案例和實(shí)驗(yàn)手冊(cè)等形式，全面涵蓋網(wǎng)頁設(shè)計(jì)的基礎(chǔ)知識(shí)、HTML5和CSS3技術(shù)、DIV CSS網(wǎng)頁布局技術(shù)等。本書主要內(nèi)容如下：第1章多方位講解網(wǎng)頁設(shè)計(jì)的基本知識(shí)和技能；第2～7章深入淺出地講解HTML5的語法和標(biāo)記；第8～13章以案例為載體，分模塊講述CSS3對(duì)網(wǎng)頁元素的控制和美化；第14章通過大量案例講述內(nèi)容與樣式分離的網(wǎng)頁設(shè)計(jì)方式，主要介紹DIV CSS布局方式；第15～16章以綜合案例引領(lǐng)讀者掌握頁面及網(wǎng)站的設(shè)計(jì)和實(shí)現(xiàn)。本書主要特色如下：? 采用最新規(guī)范技術(shù)HTML5 CSS3。? 案例充沛：知識(shí)點(diǎn)示例 章節(jié)綜合案例 全書綜合案例。對(duì)每個(gè)知識(shí)點(diǎn)都進(jìn)行詳細(xì)說明，并且使用示例支撐，避免空洞的說教；每章都有相應(yīng)知識(shí)的綜合案例，并給出兩個(gè)全局綜合案例，進(jìn)一步闡述頁面和網(wǎng)站的前端設(shè)計(jì)。? 代碼詳盡，配圖豐富。每個(gè)案例都有詳細(xì)的代碼及分析，并給出效果圖，即使讀者在不能實(shí)際操作的情況下也能很好地獲取知識(shí)。? 配備課后習(xí)題、習(xí)題參考答案和實(shí)驗(yàn)手冊(cè)。? 配備光盤，提供源代碼和教學(xué)課件。本書讀者對(duì)象包括大中專院校計(jì)算機(jī)專業(yè)師生，以及網(wǎng)頁設(shè)計(jì)愛好者和制作人員。引領(lǐng)讀者快速學(xué)習(xí)和掌握HTML5 CSS3設(shè)計(jì)模式是本書的初衷，如果你是具有前瞻性的Web前端工作者和愛好者，那么你一定會(huì)從本書受益，因?yàn)樗褪菍ｉT為你打造的。本書由一線教師姬莉霞、李學(xué)相、韓穎、劉成明編寫。本書在寫作過程中力求嚴(yán)謹(jǐn)，案例也經(jīng)過精心設(shè)計(jì)，但由于水平有限，不足之處在所難免，敬請(qǐng)廣大讀者批評(píng)指正。
編者
姬莉霞，女，鄭州大學(xué)副教授，主要從事數(shù)字媒體技術(shù)方面的教學(xué)和研究，曾出版《中文版Dreamweaver CS3案例標(biāo)準(zhǔn)教程》《HTML5 CSS3網(wǎng)頁設(shè)計(jì)案例教程》《Dreamweaver CS4 / Flash CS4/Fireworks CS4中文版實(shí)訓(xùn)標(biāo)準(zhǔn)教程》《程序設(shè)計(jì)基礎(chǔ)（Java版）》《JSP應(yīng)用與開發(fā)技術(shù)》等十多部著作。
第1章 網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識(shí) 11.1 網(wǎng)頁相關(guān)知識(shí)簡(jiǎn)介 21.1.1 互聯(lián)網(wǎng)(internet)、因特網(wǎng)(Internet)、萬維網(wǎng)(WWW) 21.1.2 網(wǎng)站和網(wǎng)頁 21.1.3 網(wǎng)頁與HTML 31.1.4 靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁 41.1.5 IP地址、域名和URL 51.1.6 HTTP和FTP 61.1.7 瀏覽器 61.2 網(wǎng)頁的基本元素 61.2.1 網(wǎng)頁的基本媒體元素 61.2.2 網(wǎng)頁的基本布局元素 81.3 網(wǎng)頁設(shè)計(jì)常用技術(shù) 101.3.1 網(wǎng)頁標(biāo)記語言HTML 101.3.2 網(wǎng)頁表現(xiàn)技術(shù)CSS 101.3.3 網(wǎng)頁腳本語言JavaScript 111.3.4 動(dòng)態(tài)網(wǎng)頁編程技術(shù)ASP.NET、JSP、PHP等 111.4 網(wǎng)頁設(shè)計(jì)常用工具 111.4.1 基于文本的編輯器 121.4.2 所見即所得編輯器 131.4.3 如何選擇工具 131.5 習(xí)題 141.5.1 單選題 141.5.2 填空題 141.5.3 判斷題 141.5.4 簡(jiǎn)答題 15
第2章 HTML5基礎(chǔ) 172.1 認(rèn)識(shí)HTML5 182.1.1 HTML及其發(fā)展 182.1.2 HTML5的新特性 182.1.3 編寫第一個(gè)HTML5文件 192.2 HTML基本語法 202.2.1 標(biāo)記與元素 202.2.2 HTML屬性 222.2.3 全局屬性 222.3 HTML5文檔的結(jié)構(gòu) 252.3.1 HTML5文檔的基本結(jié)構(gòu) 252.3.2 網(wǎng)頁標(biāo)題
252.3.3 定義元數(shù)據(jù)<meta> 262.3.4 HTML5新增的結(jié)構(gòu)標(biāo)記 292.4 綜合案例基本的HTML5網(wǎng)頁 302.5 習(xí)題 322.5.1 填空題 322.5.2 判斷題 322.5.3 簡(jiǎn)答題 32第3章 文字與段落 333.1 基本的文字排版 343.1.1 段落<p> 343.1.2 控制換行<br> 353.1.3 預(yù)先格式化<pre> 373.1.4 水平線<hr> 383.1.5 標(biāo)題文字<h1>～<h6> 403.2 描述文本的語義化、結(jié)構(gòu)化元素 413.2.1 強(qiáng)調(diào)文本<b>/<i>/<em>/<strong> 413.2.2 作品標(biāo)題<cite> 433.2.3 小型文本<small> 443.2.4 標(biāo)記文本改變<ins>/<del> 453.2.5 文字上下標(biāo)<sup>/<sub> 463.2.6 旁注<ruby>/<rt>/<rp> 473.2.7 日期時(shí)間<time> 483.2.8 其他語義化、結(jié)構(gòu)化元素 493.3 塊級(jí)元素與行內(nèi)元素 493.4 無語義的容器元素 513.4.1 元素 513.4.2 元素 533.5 使用字符實(shí)體表示特殊字符 543.6 添加注釋 553.7 列表 563.7.1 無序列表<ul> 563.7.2 有序列表<ol> 583.7.3 描述列表<dl>/<dt>/<dd> 603.7.4 列表嵌套 623.8 綜合實(shí)例簡(jiǎn)單文字網(wǎng)頁 633.9 習(xí)題 663.9.1 單選題 663.9.2 填空題 673.9.3 判斷題 673.9.4 簡(jiǎn)答題 67第4章 HTML5中的圖像、音頻和視頻 694.1 文件路徑 704.1.1 絕對(duì)路徑 704.1.2 相對(duì)路徑 704.2 在頁面中插入圖像 714.2.1 網(wǎng)頁圖像的格式 714.2.2 插入圖像 724.3 在網(wǎng)頁中插入視頻<video> 744.3.1 視頻格式 744.3.2 插入視頻 744.4 在網(wǎng)頁中插入音頻<audio> 764.4.1 音頻格式 764.4.2 插入音頻格式 774.5 使用多種來源的多媒體和備用文本<source> 784.6 插入多媒體文件<embed> 784.7 定義媒介分組和標(biāo)題<figure>/<figcaption> 804.8 綜合實(shí)例多媒體頁面的設(shè)計(jì) 824.9 習(xí)題 844.9.1 單選題 844.9.2 填空題 844.9.3 判斷題 854.9.4 簡(jiǎn)答題 85第5章 超鏈接 875.1 超鏈接概述 885.2 基本鏈接 885.2.1 外部鏈接 885.2.2 內(nèi)部鏈接 905.2.3 <a>標(biāo)記的屬性 915.2.4 超鏈接的目標(biāo)類型 955.2.5 Email鏈接 975.3 錨記(書簽)鏈接 975.4 設(shè)置圖像映射 1015.5 內(nèi)聯(lián)框架<iframe>及其鏈接 1045.5.1 內(nèi)聯(lián)框架 1045.5.2 內(nèi)聯(lián)框架相關(guān)的鏈接 1055.6 定義基準(zhǔn)地址<base href="http://www.jsyyzsb.com/"/> 1075.7 綜合實(shí)例設(shè)置超鏈接 1085.8 習(xí)題 1125.8.1 單選題 1125.8.2 填空題 1135.8.3 判斷題 1135.8.4 簡(jiǎn)答題 113<br />第6章 表格 1156.1 表格簡(jiǎn)介 1166.2 創(chuàng)建表格 1166.2.1 表格基本結(jié)構(gòu) 1176.2.2 表格邊框顯示 1196.2.3 帶圖像的單元格 1216.3 合并單元格 1226.3.1 設(shè)置跨列colspan 1226.3.2 設(shè)置跨行rowspan 1246.4 表格嵌套 1266.5 表格的按行分組顯示<thead>/<tbody>/<tfoot> 1276.6 綜合實(shí)例表格應(yīng)用 1296.7 習(xí)題 1316.7.1 單選題 1316.7.2 填空題 1316.7.3 判斷題 1326.7.4 簡(jiǎn)答題 132第7章 表單 1337.1 表單概述 1347.2 建立表單<form> 1357.3 表單基本元素 1357.3.1 <input>標(biāo)記 1367.3.2 多行文字框<textarea> 1437.3.3 列表<select>/<option>/<datalist> 1447.4 <input>新增表單高級(jí)元素 1467.4.1 url類型 1477.4.2 email類型 1487.4.3 日期和時(shí)間 1497.4.4 數(shù)字類型 1507.4.5 color類型 1517.4.6 fieldset控件組 1527.4.7 search類型 1537.4.8 tel類型 1537.5 通用的表單屬性 1547.5.1 autofocus屬性 1547.5.2 multiple屬性 1557.5.3 placeholder屬性 1567.5.4 required屬性 1577.5.5 pattern屬性 1587.6 綜合實(shí)例表單設(shè)計(jì) 1607.7 習(xí)題 1627.7.1 單選題 1627.7.2 填空題 1627.7.3 簡(jiǎn)答題 163第8章 CSS基礎(chǔ) 1658.1 CSS介紹 1668.1.1 CSS概述 1668.1.2 CSS3 1678.2 CSS的基本語法 1688.3 CSS屬性 1698.4 在HTML文檔中使用CSS的方法 1718.4.1 行內(nèi)樣式 1718.4.2 內(nèi)部樣式表 1728.4.3 鏈入外部樣式表 1758.4.4 導(dǎo)入外部樣式表 1778.5 CSS基本選擇器 1788.5.1 標(biāo)記選擇器 1798.5.2 類選擇器 1798.5.3 id選擇器 1818.5.4 通用選擇器 1838.6 其他CSS選擇器 1848.6.1 組合選擇器 1848.6.2 偽類選擇器 1918.6.3 偽對(duì)象選擇器 1928.6.4 屬性選擇器 1928.7 綜合案例CSS的簡(jiǎn)單應(yīng)用 1948.8 習(xí)題 1978.8.1 單選題 1978.8.2 填空題 1988.8.3 判斷題 1988.8.4 簡(jiǎn)答題 198第9章 CSS文本樣式 1999.1 顏色color 2009.2 CSS字體屬性 2029.2.1 字型font-family 2039.2.2 字體尺寸font-size 2049.2.3 字體粗細(xì)font-weight 2079.2.4 字體風(fēng)格font-style 2099.2.5 小型大寫字母font-variant 2109.2.6 字體復(fù)合屬性font 2119.3 文本格式化 2139.3.1 行高line-height 2139.3.2 水平對(duì)齊方式text-align 2159.3.3 文本縮進(jìn)text-indent 2169.3.4 大小寫text-transform 2189.3.5 字符間距l(xiāng)etter-spacing 2199.3.6 單詞間距word-spacing 2209.3.7 垂直對(duì)齊方式vertical-align 2219.3.8 文本修飾text-decoration 2239.3.9 文本陰影text-shadow 2259.3.10 書寫模式writing-mode 2269.3.11 斷行處理word-wrap和overflow-wrap 2299.3.12 文本相關(guān)偽對(duì)象 2319.4 CSS列表屬性 2329.4.1 列表項(xiàng)目符號(hào)list-style-type 2339.4.2 圖片符號(hào)list-style-image 2359.4.3 列表符號(hào)位置list-style-position 2369.4.4 列表復(fù)合屬性list-style 2389.5 綜合實(shí)例基本圖文混排網(wǎng)頁 2409.6 習(xí)題 2449.6.1 單選題 2449.6.2 填空題 2459.6.3 判斷題 2469.6.4 簡(jiǎn)答題 246第10章 CSS盒子模型 24710.1 盒子BOX的基本概念 24810.1.1 盒子的基本形式 24810.1.2 盒子大小的計(jì)算width/height 25010.1.3 改變盒子大小的計(jì)算方式box-sizing 25210.2 邊框的基本屬性 25410.2.1 邊框樣式border-style 25410.2.2 邊框厚度border-width 25610.2.3 邊框顏色border-color 25810.2.4 邊框復(fù)合屬性 26010.3 邊距 26110.3.1 內(nèi)邊距padding 26110.3.2 外邊距margin 26410.4 邊框的其他屬性 26710.4.1 圓角邊框border-radius 26710.4.2 圖像邊框border-image 27010.4.3 盒子陰影box-shadow 27510.5 綜合案例盒子布局排版 27810.6 習(xí)題 28410.6.1 單選題 28410.6.2 填空題 28610.6.3 判斷題 28610.6.4 簡(jiǎn)答題 286第11章 CSS背景 28711.1 CSS背景概述 28811.2 背景顏色 28811.2.1 背景顏色background-color 28811.2.2 用背景色給頁面分塊 29011.3 背景圖像 29411.3.1 頁面背景圖像background-image 29411.3.2 背景圖像重復(fù)background-repeat 29611.3.3 背景圖像滾動(dòng)background-attachment 29811.3.4 背景圖像位置background-position 30011.3.5 背景參考原點(diǎn)background-origin 30211.3.6 背景圖像尺寸background-size 30411.3.7 背景圖像裁剪區(qū)域background-clip 30611.3.8 線性漸變背景圖像 30811.4 背景復(fù)合屬性和多背景 31111.4.1 背景復(fù)合屬性background 31111.4.2 多背景 31111.5 定義不透明度 31411.6 綜合實(shí)例設(shè)置背景 31511.7 習(xí)題 32311.7.1 單選題 32311.7.2 填空題 32411.7.3 判斷題 32411.7.4 簡(jiǎn)答題 324第12章 CSS美化表格與表單 32512.1 CSS美化表格 32612.1.1 表格邊框顏色設(shè)置 32612.1.2 盒子陰影 32712.1.3 表格隔行變色 32912.1.4 表格交互變色 33212.2 CSS美化表單 33312.2.1 美化表單文本框 33412.2.2 美化表單元素背景顏色 33512.2.3 美化注冊(cè)表單元素例子 337第13章 CSS盒子布局和定位 34113.1 CSS定位屬性 34213.1.1 正常流向 34213.1.2 定位偏移屬性top、bottom、right、left 34413.1.3 定位方式position 34413.1.4 分層呈現(xiàn)z-index 35313.1.5 裁切clip 35413.2 CSS布局屬性 35613.2.1 可見性visibility 35613.2.2 溢出overflow 35813.2.3 顯示display 36113.2.4 浮動(dòng)float 36413.2.5 清除clear 36713.3 綜合案例幼兒園頁面設(shè)計(jì) 36913.4 習(xí)題 38013.4.1 單選題 38013.4.2 填空題 38013.4.3 判斷題 38013.4.4 簡(jiǎn)答題 381第14章 網(wǎng)頁布局 38314.1 網(wǎng)頁布局方法 38414.1.1 網(wǎng)頁布局基本思想 38414.1.2 DIV CSS布局 38414.1.3 DIV CSS分塊方法 38514.2 設(shè)計(jì)超鏈接樣式 38914.2.1 超鏈接樣式變換 38914.2.2 按鈕式超鏈接 39414.2.3 使用列表制作菜單 39714.3 布局版式 40114.3.1 版心和布局流程 40114.3.2 單列布局 40314.3.3 兩列布局 40814.3.4 三列布局 41614.3.5 通欄布局 42914.4 習(xí)題 43914.4.1 單選題 43914.4.2 填空題 43914.4.3 判斷題 43914.4.4 簡(jiǎn)答題 439第15章 綜合案例旅游網(wǎng)站 44115.1 網(wǎng)頁布局概述 44215.2 頁面的設(shè)計(jì) 44215.3 全局樣式設(shè)定 45415.4 網(wǎng)頁首部(top) 45415.4.1 鏈接菜單(link) 45515.4.2 導(dǎo)航菜單(menu) 45615.4.3 網(wǎng)站的橫幅廣告(bannerwrap) 45715.5 主內(nèi)容區(qū)(main) 45815.5.1 登錄區(qū)(login) 45915.5.2 左邊內(nèi)容區(qū)(left) 46015.5.3 中間上部?jī)?nèi)容區(qū)(centertop) 46215.5.4 中間底部?jī)?nèi)容區(qū)(centerbottom) 46415.5.5 右邊內(nèi)容區(qū)(rigth) 46615.6 頁尾區(qū)(footer) 469第16章 綜合案例婚戒網(wǎng)站 47116.1 網(wǎng)站總體設(shè)計(jì) 47216.2 首頁設(shè)計(jì) 47316.2.1 首頁頁面效果 47316.2.2 首頁版式布局 47516.2.3 首頁HTML代碼實(shí)現(xiàn) 47616.2.4 公用的CSS代碼實(shí)現(xiàn) 48016.2.5 首頁CSS代碼實(shí)現(xiàn) 48116.3 品牌文化頁面設(shè)計(jì) 48516.3.1 品牌文化頁面效果 48516.3.2 品牌文化頁面版式布局 48816.3.3 品牌文化頁面HTML代碼實(shí)現(xiàn) 48916.3.4 品牌文化頁面CSS代碼實(shí)現(xiàn) 49316.4 排行榜頁面設(shè)計(jì) 49616.4.1 排行榜頁面效果 49616.4.2 排行榜頁面版式布局 49916.4.3 排行榜頁面HTML代碼實(shí)現(xiàn) 49916.4.4 排行榜頁面CSS代碼實(shí)現(xiàn) 50316.5 愛的社區(qū)頁面設(shè)計(jì) 50416.5.1 愛的社區(qū)頁面效果 50416.5.2 愛的社區(qū)頁面版式布局 50616.5.3 愛的社區(qū)頁面HTML代碼實(shí)現(xiàn) 50816.5.4 愛的社區(qū)頁面CSS代碼實(shí)現(xiàn) 511附錄 513<br />
</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=166024" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/202311/9787115601049.jpg" alt="代碼審計(jì)——C/C++實(shí)踐" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/202311/9787115601049.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=166024" title="代碼審計(jì)——C/C++實(shí)踐" target="_blank">代碼審計(jì)——C/C++實(shí)踐</a></li><li><a href="bookshow.asp?id=74045" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/e/TSTP/077128-01.jpg" alt="C++語言程序設(shè)計(jì)項(xiàng)目實(shí)踐" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/e/TSTP/077128-01.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=74045" title="C++語言程序設(shè)計(jì)項(xiàng)目實(shí)踐" target="_blank">C++語言程序設(shè)計(jì)項(xiàng)目實(shí)踐</a></li><li><a href="bookshow.asp?id=132700" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/202106/9787302578307.jpg" alt="TypeScript入門與區(qū)塊鏈項(xiàng)目實(shí)戰(zhàn)（Web開發(fā)經(jīng)典叢書）" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/202106/9787302578307.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=132700" title="TypeScript入門與區(qū)塊鏈項(xiàng)目實(shí)戰(zhàn)（Web開發(fā)經(jīng)典叢書）" target="_blank">TypeScript入門與區(qū)塊鏈項(xiàng)目實(shí)戰(zhàn)（Web開發(fā)經(jīng)典叢書）</a></li><li><a href="bookshow.asp?id=110712" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/201904/9787302525783.jpg" alt="Node.js 10實(shí)戰(zhàn)" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/201904/9787302525783.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=110712" title="Node.js 10實(shí)戰(zhàn)" target="_blank">Node.js 10實(shí)戰(zhàn)</a></li><li><a href="bookshow.asp?id=159415" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/202311/9787302641223.jpg" alt="Java編程基礎(chǔ)" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/202311/9787302641223.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=159415" title="Java編程基礎(chǔ)" target="_blank">Java編程基礎(chǔ)</a></li>
</ul>
</div>
<div id="1111616661" class="b-comment">
<div id="1111616661" class="mt">
<span> 我要評(píng)論</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="18834">
<input name=title type=hidden value="HTML5+CSS3網(wǎng)頁設(shè)計(jì)與制作案例教程">
<tr>
<th>您的姓名</th>
<td><input type="text" name="name" size="20" maxlength="20" class="form" /> 驗(yàn)證碼：<input name="verifycode" type="text" size="7" style=" height:18px;" /> <img src="safecode.asp?" onClick="this.src+=Math.random()" alt="圖片看不清？點(diǎn)擊重新得到驗(yàn)證碼" 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ā)表評(píng)論 " 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="">榮譽(yù)資質(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ā)展股份有限公司 公司地址：山東省濟(jì)南市大橋鎮(zhèn)128號(hào) 聯(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="aukhi" class="pl_css_ganrao" style="display: none;"><table id="aukhi"><nav id="aukhi"><pre id="aukhi"><span id="aukhi"></span></pre></nav></table><optgroup id="aukhi"><label id="aukhi"><form id="aukhi"><strong id="aukhi"></strong></form></label></optgroup><p id="aukhi"></p><span id="aukhi"><s id="aukhi"></s></span><strong id="aukhi"></strong><progress id="aukhi"><strike id="aukhi"><label id="aukhi"><dfn id="aukhi"></dfn></label></strike></progress><abbr id="aukhi"></abbr><video id="aukhi"></video><wbr id="aukhi"></wbr><acronym id="aukhi"><sub id="aukhi"></sub></acronym><listing id="aukhi"></listing><thead id="aukhi"></thead><ins id="aukhi"><dfn id="aukhi"><video id="aukhi"><span id="aukhi"></span></video></dfn></ins><address id="aukhi"></address><var id="aukhi"></var><font id="aukhi"></font><font id="aukhi"><center id="aukhi"><xmp id="aukhi"><samp id="aukhi"></samp></xmp></center></font><thead id="aukhi"><cite id="aukhi"></cite></thead><thead id="aukhi"></thead><menuitem id="aukhi"><tbody id="aukhi"><dfn id="aukhi"><center id="aukhi"></center></dfn></tbody></menuitem><label id="aukhi"><sub id="aukhi"><center id="aukhi"></center></sub></label><samp id="aukhi"><div id="aukhi"></div></samp><dl id="aukhi"><label id="aukhi"><table id="aukhi"></table></label></dl><rp id="aukhi"><track id="aukhi"></track></rp><s id="aukhi"><style id="aukhi"><legend id="aukhi"><strike id="aukhi"></strike></legend></style></s><address id="aukhi"></address><span id="aukhi"><source id="aukhi"></source></span><tr id="aukhi"><pre id="aukhi"><form id="aukhi"><sub id="aukhi"></sub></form></pre></tr><font id="aukhi"><xmp id="aukhi"><samp id="aukhi"></samp></xmp></font><em id="aukhi"></em><fieldset id="aukhi"><strong id="aukhi"><sup id="aukhi"><dl id="aukhi"></dl></sup></strong></fieldset><object id="aukhi"></object><dfn id="aukhi"></dfn><sup id="aukhi"><acronym id="aukhi"></acronym></sup><noframes id="aukhi"><table id="aukhi"><dfn id="aukhi"><form id="aukhi"></form></dfn></table></noframes><pre id="aukhi"><option id="aukhi"></option></pre><menuitem id="aukhi"></menuitem><delect id="aukhi"><ul id="aukhi"><mark id="aukhi"></mark></ul></delect><source id="aukhi"><style id="aukhi"></style></source><input id="aukhi"></input><abbr id="aukhi"><small id="aukhi"></small></abbr><rp id="aukhi"><ins id="aukhi"></ins></rp><thead id="aukhi"><cite id="aukhi"><dl id="aukhi"><strike id="aukhi"></strike></dl></cite></thead><sup id="aukhi"><var id="aukhi"></var></sup><dfn id="aukhi"><delect id="aukhi"></delect></dfn><label id="aukhi"><ol id="aukhi"><nav id="aukhi"><input id="aukhi"></input></nav></ol></label><style id="aukhi"><tbody id="aukhi"><bdo id="aukhi"><nobr id="aukhi"></nobr></bdo></tbody></style><wbr id="aukhi"><center id="aukhi"></center></wbr><optgroup id="aukhi"></optgroup><tbody id="aukhi"><dfn id="aukhi"></dfn></tbody><u id="aukhi"><optgroup id="aukhi"><dfn id="aukhi"><i id="aukhi"></i></dfn></optgroup></u><ruby id="aukhi"><pre id="aukhi"><center id="aukhi"><pre id="aukhi"></pre></center></pre></ruby><samp id="aukhi"><progress id="aukhi"><strike id="aukhi"><ins id="aukhi"></ins></strike></progress></samp><strong id="aukhi"><style id="aukhi"><tbody id="aukhi"><bdo id="aukhi"></bdo></tbody></style></strong><strike id="aukhi"><tbody id="aukhi"><acronym id="aukhi"><input id="aukhi"></input></acronym></tbody></strike><nobr id="aukhi"></nobr><ins id="aukhi"><ruby id="aukhi"></ruby></ins><code id="aukhi"></code><object id="aukhi"><label id="aukhi"><pre id="aukhi"></pre></label></object><b id="aukhi"><delect id="aukhi"><ul id="aukhi"><tr id="aukhi"></tr></ul></delect></b><acronym id="aukhi"><span id="aukhi"></span></acronym><th id="aukhi"></th><s id="aukhi"></s><strong id="aukhi"></strong><ul id="aukhi"></ul><small id="aukhi"><samp id="aukhi"><optgroup id="aukhi"><menuitem id="aukhi"></menuitem></optgroup></samp></small><td id="aukhi"><strike id="aukhi"><legend id="aukhi"></legend></strike></td><output id="aukhi"></output><font id="aukhi"><address id="aukhi"><thead id="aukhi"><td id="aukhi"></td></thead></address></font><tr id="aukhi"></tr><em id="aukhi"></em><style id="aukhi"></style><tt id="aukhi"></tt><center id="aukhi"></center><strike id="aukhi"><ol id="aukhi"><acronym id="aukhi"><input id="aukhi"></input></acronym></ol></strike><code id="aukhi"></code><sup id="aukhi"></sup><dfn id="aukhi"><delect id="aukhi"></delect></dfn><ins id="aukhi"><dfn id="aukhi"></dfn></ins><nobr id="aukhi"></nobr><menu id="aukhi"><optgroup id="aukhi"></optgroup></menu><object id="aukhi"><rt id="aukhi"></rt></object><td id="aukhi"></td><strong id="aukhi"></strong><tt id="aukhi"></tt><pre id="aukhi"></pre><kbd id="aukhi"></kbd><b id="aukhi"><dfn id="aukhi"><ul id="aukhi"></ul></dfn></b><th id="aukhi"><sup id="aukhi"></sup></th><code id="aukhi"></code><thead id="aukhi"></thead><div id="aukhi"><dl id="aukhi"></dl></div><font id="aukhi"><xmp id="aukhi"><samp id="aukhi"><div id="aukhi"></div></samp></xmp></font><address id="aukhi"></address><pre id="aukhi"></pre><sup id="aukhi"></sup><tfoot id="aukhi"></tfoot><tbody id="aukhi"></tbody><b id="aukhi"></b><abbr id="aukhi"><optgroup id="aukhi"><u id="aukhi"></u></optgroup></abbr><strong id="aukhi"><optgroup id="aukhi"><u id="aukhi"></u></optgroup></strong><kbd id="aukhi"></kbd><menuitem id="aukhi"></menuitem><tfoot id="aukhi"><dl id="aukhi"></dl></tfoot><strike id="aukhi"><tbody id="aukhi"></tbody></strike><cite id="aukhi"><listing id="aukhi"><var id="aukhi"></var></listing></cite><p id="aukhi"></p><address id="aukhi"><source id="aukhi"><u id="aukhi"><optgroup id="aukhi"></optgroup></u></source></address><strong id="aukhi"></strong><source id="aukhi"><td id="aukhi"></td></source><address id="aukhi"><td id="aukhi"><dd id="aukhi"></dd></td></address><u id="aukhi"><kbd id="aukhi"><abbr id="aukhi"><ins id="aukhi"></ins></abbr></kbd></u><tt id="aukhi"></tt><b id="aukhi"></b><dfn id="aukhi"></dfn><dfn id="aukhi"><th id="aukhi"><listing id="aukhi"></listing></th></dfn><code id="aukhi"></code><xmp id="aukhi"></xmp><output id="aukhi"></output><thead id="aukhi"><cite id="aukhi"></cite></thead><em id="aukhi"><blockquote id="aukhi"><delect id="aukhi"></delect></blockquote></em><i id="aukhi"><p id="aukhi"><code id="aukhi"></code></p></i><tr id="aukhi"><dl id="aukhi"></dl></tr><output id="aukhi"><sup id="aukhi"><acronym id="aukhi"><sub id="aukhi"></sub></acronym></sup></output><form id="aukhi"></form><strike id="aukhi"><ol id="aukhi"><acronym id="aukhi"><strong id="aukhi"></strong></acronym></ol></strike><sub id="aukhi"><font id="aukhi"></font></sub><source id="aukhi"><style id="aukhi"><legend id="aukhi"><label id="aukhi"></label></legend></style></source><abbr id="aukhi"></abbr><style id="aukhi"><legend id="aukhi"><bdo id="aukhi"><strong id="aukhi"></strong></bdo></legend></style><mark id="aukhi"></mark><object id="aukhi"><label id="aukhi"></label></object><acronym id="aukhi"><s id="aukhi"></s></acronym><form id="aukhi"><ul id="aukhi"><tr id="aukhi"><output id="aukhi"></output></tr></ul></form><u id="aukhi"><del id="aukhi"></del></u><style id="aukhi"></style><p id="aukhi"></p><i id="aukhi"><p id="aukhi"></p></i><pre id="aukhi"></pre><strike id="aukhi"><tbody id="aukhi"></tbody></strike><button id="aukhi"></button><wbr id="aukhi"></wbr><delect id="aukhi"></delect><tr id="aukhi"></tr><th id="aukhi"><option id="aukhi"></option></th><optgroup id="aukhi"><kbd id="aukhi"></kbd></optgroup><progress id="aukhi"></progress><input id="aukhi"><strong id="aukhi"><style id="aukhi"><tbody id="aukhi"></tbody></style></strong></input><button id="aukhi"><font id="aukhi"><tt id="aukhi"><thead id="aukhi"></thead></tt></font></button><noscript id="aukhi"></noscript></div></html> 
新書資訊