近年來(lái)隨著網(wǎng)絡(luò)信息技術(shù)的廣泛應(yīng)用，越來(lái)越多的個(gè)人、企業(yè)都紛紛建立自己的網(wǎng)站，利用網(wǎng)站來(lái)宣傳、推廣自己的產(chǎn)品和服務(wù)，網(wǎng)頁(yè)技術(shù)已經(jīng)成為當(dāng)代青年學(xué)生的知識(shí)技能。目前大部分制作網(wǎng)頁(yè)的方式都是運(yùn)用可視化的網(wǎng)頁(yè)編輯軟件進(jìn)行操作，這些軟件的功能強(qiáng)大，使用方便，但是對(duì)于高級(jí)網(wǎng)頁(yè)制作人員來(lái)講，仍需要了解HTML、CSS等網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言和技術(shù)的使用方法，這樣才能充分發(fā)揮自己的想象力，更加自由地設(shè)計(jì)符合要求的網(wǎng)頁(yè)，以實(shí)現(xiàn)網(wǎng)頁(yè)設(shè)計(jì)軟件不能實(shí)現(xiàn)的許多重要功能。
本書主要內(nèi)容
本書圍繞網(wǎng)頁(yè)設(shè)計(jì)師在網(wǎng)頁(yè)制作過(guò)程中的實(shí)際需要和應(yīng)該掌握的技術(shù)，全面介紹了使用HTML、CSS進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)和制作的內(nèi)容和技巧。本書不僅注重語(yǔ)法講解，還通過(guò)一個(gè)個(gè)鮮活、典型的案例來(lái)幫助讀者達(dá)到學(xué)以致用的目的。每個(gè)語(yǔ)法都有相應(yīng)的實(shí)例，大多數(shù)章的后面還配有綜合實(shí)例。
本書共16章，主要內(nèi)容包括HTML 5入門、用HTML設(shè)置文字與段落格式、用HTML創(chuàng)建精彩的圖像和多媒體頁(yè)面、用HTML創(chuàng)建超鏈接、使用HTML創(chuàng)建表格、創(chuàng)建交互式表單、用HTML 5繪制Canvas和SVG、CSS基礎(chǔ)知識(shí)、用CSS控制網(wǎng)頁(yè)文本和段落樣式、用CSS設(shè)計(jì)圖片和背景、用CSS制作實(shí)用的菜單和網(wǎng)站導(dǎo)航、CSS 3移動(dòng)網(wǎng)頁(yè)開發(fā)、CSS盒子模型與定位、CSS Div布局方法、JavaScript基礎(chǔ)知識(shí)、設(shè)計(jì)制作企業(yè)網(wǎng)站等。
本書主要特色 知識(shí)系統(tǒng)、全面本書內(nèi)容完全從網(wǎng)頁(yè)創(chuàng)建的實(shí)際應(yīng)用出發(fā)，將HTML、CSS、JavaScript元素進(jìn)行歸類，每個(gè)標(biāo)記的語(yǔ)法、屬性和參數(shù)都有完整詳細(xì)的說(shuō)明，信息量大，知識(shí)結(jié)構(gòu)完善。
典型實(shí)例講解 本書配有大量案例，將基礎(chǔ)知識(shí)綜合貫穿全書，力求達(dá)到理論知識(shí)與實(shí)際操作完美結(jié)合的效果。
配合Dreamweaver進(jìn)行講解 本書以淺顯的語(yǔ)言和詳細(xì)的步驟講解，介紹了在可視化網(wǎng)頁(yè)軟件Dreamweaver中，如何運(yùn)用HTML、CSS代碼來(lái)創(chuàng)建網(wǎng)頁(yè)，使網(wǎng)頁(yè)制作變得更加得心應(yīng)手。
? 代碼支持
本書提供案例的源代碼，便于讀者在實(shí)戰(zhàn)中掌握網(wǎng)頁(yè)設(shè)計(jì)與制作的每一項(xiàng)技能。
? 配圖豐富，效果直觀
對(duì)于每一個(gè)實(shí)例代碼，本書都配有相應(yīng)的效果圖，讀者無(wú)須自行編碼，也可以看到相應(yīng)的
運(yùn)行結(jié)果或者顯示效果。在不便上機(jī)操作的情況下，可根據(jù)書中的實(shí)例和效果圖進(jìn)行分析和比較。
本書讀者對(duì)象
? 網(wǎng)頁(yè)設(shè)計(jì)與制作人員
? 網(wǎng)站建設(shè)與開發(fā)人員
? 大中專院校相關(guān)專業(yè)師生
? 網(wǎng)頁(yè)制作培訓(xùn)班學(xué)員
? 個(gè)人網(wǎng)站建設(shè)愛好者與自學(xué)人員
本書作者
本書主創(chuàng)人員為黔南民族師范學(xué)院副教授羅剛和原晉鵬，均為從事計(jì)算機(jī)教學(xué)工作的資深
教師，有著豐富的教學(xué)經(jīng)驗(yàn)和網(wǎng)絡(luò)開發(fā)經(jīng)驗(yàn)。由于時(shí)間所限，書中疏漏之處在所難免，懇請(qǐng)廣大讀者朋友批評(píng)指正。
配套素材及技術(shù)支持
本書的配套素材請(qǐng)用微信掃描下面的二維碼進(jìn)行下載，如果在下載過(guò)程中碰到問(wèn)題，請(qǐng)聯(lián)
系陳老師，聯(lián)系郵箱：chenlch@tup.tsinghua.edu.cn。
如果有技術(shù)性問(wèn)題，請(qǐng)掃描下面的二維碼，聯(lián)系相關(guān)技術(shù)人員進(jìn)行解決。
本書為2020 年貴州省教改項(xiàng)目雙創(chuàng)背景下地方高校Java 開發(fā)技術(shù)課程體系建設(shè)（項(xiàng)目號(hào)：2020230）、2018 年黔南民族師范學(xué)院教育質(zhì)量提升工程項(xiàng)目軟件開發(fā)技術(shù)核心課程教學(xué)團(tuán)隊(duì)（項(xiàng)目號(hào)：2018xjg0301）研究成果。
作者
2021.6
第1 章 HTML 5 入門 001
1.1 認(rèn)識(shí)HTML 5 001
1.2 HTML 5 的新特性 003
1.3 HTML 5 與HTML 4 的區(qū)別 004
1.3.1 HTML 5 的語(yǔ)法變化 … 004
1.3.2 HTML 5 中的標(biāo)記方法 005
1.3.3 HTML 5 語(yǔ)法中的3 個(gè)要點(diǎn) 005
1.4 新增的主體結(jié)構(gòu)元素 … 006
1.4.1 article 元素 … 006
1.4.2 section 元素 008
1.4.3 nav 元素 009
1.4.4 aside 元素 … 011
1.5 新增的非主體結(jié)構(gòu)元素 012
1.5.1 header 元素 012
1.5.2 hgroup 元素 013
1.5.3 footer 元素 … 014
1.5.4 address 元素 015
1.6 本章小結(jié) 016
第2 章 用HTML 設(shè)置文字與段落格式 … 017
2.1 HTML 頁(yè)面主體常用設(shè)置 … 017
2.1.1 定義網(wǎng)頁(yè)背景色：bgcolor 017
2.1.2 設(shè)置背景圖片：background 018
2.1.3 設(shè)置文字顏色：text … 019
2.1.4 設(shè)置鏈接文字屬性 … 020
2.1.5 設(shè)置頁(yè)面邊距 … 022
2.2 頁(yè)面頭部元素
和 … 023
2.3 頁(yè)面標(biāo)題元素
… 024<br />2.4 插入其他標(biāo)記 024<br />2.4.1 輸入空格符號(hào) … 025<br />2.4.2 輸入特殊符號(hào) … 025<br />2.5 設(shè)置文字的格式 … 026<br />2.5.1 字體：face … 026<br />2.5.2 字號(hào)：size … 027<br />2.5.3 文字顏色：color 028<br />2.5.4 粗體、斜體、下畫線：b、strong、i、em、cite、u … 029<br />2.5.5 上標(biāo)與下標(biāo)：sup、sub 030<br />2.5.6 多種標(biāo)題樣式：<h1> ～<h6> … 031<br />2.6 設(shè)置段落的排版與換行 032<br />2.6.1 為文字分段：p … 032<br />2.6.2 段落的對(duì)齊屬性：align … 033<br />2.6.3 不換行標(biāo)記：nobr 034<br />2.6.4 換行標(biāo)記：br 035<br />2.7 水平線標(biāo)記 … 035<br />2.7.1 插入水平線：hr … 036<br />2.7.2 水平線的寬度與高度：width、size 036<br />2.7.3 水平線的顏色：color 037<br />2.7.4 水平線的對(duì)齊方式：align 038<br />2.7.5 去掉水平線陰影：noshade 039<br />2.8 綜合實(shí)例設(shè)置頁(yè)面文本及段落 040<br />2.9 本章小結(jié) 042</p>
<p>第3 章 用HTML 創(chuàng)建精彩的圖像和多媒體頁(yè)面 … 043<br />3.1 網(wǎng)頁(yè)中常見的圖像格式 043<br />3.2 插入圖像并設(shè)置圖像屬性 … 044<br />3.2.1 圖像標(biāo)記：img … 044<br />3.2.2 圖像高度：height 045<br />3.2.3 圖像寬度：width 046<br />3.2.4 圖像的邊框：border … 046<br />3.2.5 圖像水平間距：hspace 047<br />3.2.6 圖像垂直間距：vspace 048<br />3.2.7 圖像相對(duì)于文字的對(duì)齊方式：<br />align … 049<br />3.2.8 圖像的替代文字：alt 050<br />3.3 音頻和視頻 … 051<br />3.3.1 使用embed 051<br />3.3.2 使用video … 052<br />3.4 綜合實(shí)例創(chuàng)建多媒體網(wǎng)頁(yè) … 054<br />3.5 本章小結(jié) 055</p>
<p>第4 章 用HTML 創(chuàng)建超鏈接 … 056<br />4.1 超鏈接和路徑 056<br />4.1.1 超鏈接的概念 … 056<br />4.1.2 路徑URL … 056<br />4.1.3 HTTP 路徑 … 057<br />4.1.4 FTP 路徑 … 058<br />4.1.5 郵件路徑 … 059<br />4.2 鏈接元素<a> 060<br />4.2.1 指定路徑屬性href 060<br />4.2.2 顯示鏈接目標(biāo)屬性target … 061<br />4.2.3 鏈接的熱鍵屬性accesskey 062<br />4.3 創(chuàng)建圖像的超鏈接 064<br />4.3.1 創(chuàng)建鏈接區(qū)域元素<map> 064<br />4.3.2 鏈接區(qū)域的名稱屬性name 064<br />4.3.3 定義鼠標(biāo)敏感區(qū)元素<area> 065<br />4.3.4 鏈接的路徑屬性href、nohref … 066<br />4.3.5 鼠標(biāo)敏感區(qū)坐標(biāo)屬性coords 067<br />4.4 創(chuàng)建錨點(diǎn)鏈接 069<br />4.5 綜合實(shí)例為網(wǎng)頁(yè)添加鏈接 … 070<br />4.6 本章小結(jié) 072</p>
<p>第5 章 使用HTML 創(chuàng)建表格… 073<br />5.1 創(chuàng)建并設(shè)置表格屬性 … 073<br />5.1.1 表格的基本標(biāo)記：table、tr、td … 073<br />5.1.2 表格寬度和高度：width、height … 074<br />5.1.3 表格的標(biāo)題：caption 075<br />5.1.4 表格的表頭：th … 077<br />5.1.5 表格對(duì)齊方式：align 078<br />5.1.6 表格的邊框?qū)挾龋篵order … 080<br />5.1.7 表格的邊框顏色：bordercolor … 081<br />5.1.8 單元格間距：cellspacing … 082<br />5.1.9 單元格邊距：cellpadding … 083<br />5.1.10 表格的背景色：bgcolor … 084<br />5.1.11 表格的背景圖像：<br />background 085<br />5.2 表格的結(jié)構(gòu)標(biāo)記 … 086<br />5.2.1 設(shè)計(jì)表頭樣式：thead 086<br />5.2.2 設(shè)計(jì)表主體樣式：tbody … 088<br />5.2.3 設(shè)計(jì)表尾樣式：tfoot… 089<br />5.3 綜合實(shí)例使用表格排版網(wǎng)頁(yè) 091<br />5.4 本章小結(jié) 095</p>
<p>第6 章 創(chuàng)建交互式表單 096<br />6.1 表單元素<form> … 096<br />6.1.1 動(dòng)作屬性action … 096<br />6.1.2 發(fā)送數(shù)據(jù)方式屬性method 097<br />6.1.3 名稱屬性name … 097<br />6.2 表單對(duì)象<input> … 098<br />6.2.1 文本域text … 099<br />6.2.2 密碼域password 100<br />6.2.3 提交按鈕submit 101<br />6.2.4 復(fù)位按鈕reset … 102<br />6.2.5 圖像域image 102<br />6.2.6 普通按鈕button … 103<br />6.2.7 復(fù)選框checkbox 104<br />6.2.8 單選按鈕radio … 105<br />6.2.9 隱藏域hidden … 106<br />6.3 綜合實(shí)例用戶注冊(cè)表單頁(yè)面 … 107<br />6.4 本章小結(jié) 112</p>
<p>第7 章 HTML 5 繪圖Canvas 和SVG … 113<br />7.1 Canvas 繪制基本圖形 … 113<br />7.1.1 Canvas 元素 113<br />7.1.2 繪制直線 … 114<br />7.1.3 繪制矩形 … 115<br />7.1.4 繪制三角形 118<br />7.1.5 繪制圓弧 … 119<br />7.1.6 繪制貝塞爾曲線 120<br />7.2 顏色和樣式選項(xiàng) … 121<br />7.2.1 應(yīng)用不同的線型 121<br />7.2.2 繪制線性漸變 … 123<br />7.2.3 繪制徑向漸變 … 125<br />7.3 變換 126<br />7.3.1 平移變換 … 127<br />7.3.2 縮放變換 … 128<br />7.3.3 旋轉(zhuǎn)變換 … 129<br />7.4 SVG 129<br />7.4.1 圖形繪制 … 130<br />7.4.2 文本與圖像 133<br />7.4.3 筆畫與填充 134<br />7.5 綜合實(shí)例繪制精美時(shí)鐘 134<br />7.6 本章小結(jié) 137</p>
<p>第8 章 CSS 基礎(chǔ)知識(shí) … 138<br />8.1 CSS 3 簡(jiǎn)介 … 138<br />8.1.1 CSS 基本概念 … 138<br />8.1.2 CSS 的優(yōu)點(diǎn) 139<br />8.1.3 CSS 功能 … 140<br />8.1.4 CSS 發(fā)展史 140<br />8.2 在HTML 5 中使用CSS 141<br />8.2.1 行內(nèi)樣式 … 141<br />8.2.2 內(nèi)嵌樣式 … 142<br />8.2.3 鏈接樣式 … 143<br />8.2.4 導(dǎo)入樣式 … 144<br />8.2.5 優(yōu)先級(jí)問(wèn)題 144<br />8.3 選擇器類型 … 145<br />8.3.1 標(biāo)簽選擇器 145<br />8.3.2 類選擇器 … 145<br />8.3.3 ID 選擇器 … 147<br />8.4 編輯和瀏覽CSS … 148<br />8.4.1 手工編寫CSS … 148<br />8.4.2 利用Dreamweaver 編寫CSS 149<br />8.5 綜合實(shí)例對(duì)網(wǎng)頁(yè)添加CSS 樣式 150<br />8.6 本章小結(jié) 152</p>
<p>第9 章 CSS 控制網(wǎng)頁(yè)文本和段落樣式 153<br />9.1 通過(guò)CSS 控制文本樣式 153<br />9.1.1 字體font-family … 153<br />9.1.2 字號(hào)font-size 154<br />9.1.3 加粗字體font-weight 156<br />9.1.4 字體風(fēng)格font-style … 157<br />9.1.5 小寫字母轉(zhuǎn)換為大寫字母font-variant … 159<br />9.2 通過(guò)CSS 控制段落樣式 160<br />9.2.1 單詞間隔word-spacing 160<br />9.2.2 字符間隔letter-spacing 161<br />9.2.3 文字修飾text-decoration … 161<br />9.2.4 垂直對(duì)齊方式vertical-align 162<br />9.2.5 文本轉(zhuǎn)換text-transform … 163<br />9.2.6 水平對(duì)齊方式text-align … 164<br />9.2.7 文本縮進(jìn)text-indent … 165<br />9.2.8 文本行高line-height … 166<br />9.3 綜合實(shí)例CSS 字體樣式綜合演練 167<br />9.4 本章小結(jié) 170</p>
<p>第10 章 用CSS 設(shè)計(jì)圖片和背景 … 171<br />10.1 設(shè)置網(wǎng)頁(yè)的背景 … 171<br />10.1.1 背景顏色 … 171<br />10.1.2 背景圖片 … 173<br />10.2 設(shè)置背景圖片的樣式 … 174<br />10.2.1 背景圖片重復(fù) … 174<br />10.2.2 背景圖片附件 … 176<br />10.2.3 背景圖片定位 … 177<br />10.3 設(shè)置網(wǎng)頁(yè)圖片的樣式 … 180<br />10.3.1 設(shè)置圖片邊框 … 180<br />10.3.2 圖文混合排版 … 183<br />10.4 綜合實(shí)例 184<br />10.4.1 實(shí)例1為圖片添加邊框 … 184<br />10.4.2 實(shí)例2光標(biāo)移到圖片時(shí)產(chǎn)生漸變效果 … 185<br />10.5 本章小結(jié) 187</p>
<p>第11 章 用CSS 制作實(shí)用的菜單和網(wǎng)站導(dǎo)航 … 188<br />11.1 列表的使用 … 188<br />11.2 控制列表樣式 188<br />11.2.1 ul 無(wú)序列表 189<br />11.2.2 ol 有序列表 190<br />11.2.3 dl 定義列表 191<br />11.2.4 更改列表起始數(shù)值 … 192<br />11.3 橫排導(dǎo)航 193<br />11.3.1 文本導(dǎo)航 … 193<br />11.3.2 標(biāo)簽式導(dǎo)航 195<br />11.4 豎排導(dǎo)航 197<br />11.5 綜合實(shí)例 199<br />11.5.1 實(shí)例１實(shí)現(xiàn)背景變換的導(dǎo)航菜單 … 199<br />11.5.2 實(shí)例2利用CSS 制作橫向?qū)Ш?… 201<br />11.5.3 實(shí)例3樹狀導(dǎo)航菜單 201<br />11.6 本章小結(jié) 204</p>
<p>第12 章 CSS 3 移動(dòng)網(wǎng)頁(yè)開發(fā)… 205<br />12.1 預(yù)覽激動(dòng)人心的CSS 3 205<br />12.2 邊框 209<br />12.2.1 圓角邊框 border-radius … 210<br />12.2.2 邊框圖片border-image … 211<br />12.2.3 邊框陰影box-shadow 212<br />12.3 背景 214<br />12.3.1 背景圖片尺寸background-size 214<br />12.3.2 背景圖片定位區(qū)域background-origin … 215<br />12.3.3 背景繪制區(qū)域background-clip 216<br />12.4 文本 217<br />12.4.1 文本陰影text-shadow 218<br />12.4.2 強(qiáng)制換行word-wrap 219<br />12.4.3 文本溢出text-overflow … 219<br />12.5 多列 221<br />12.5.1 創(chuàng)建多列column-count … 221<br />12.5.2 列的寬度column-width … 222<br />12.6 轉(zhuǎn)換 223<br />12.6.1 移動(dòng)translate() … 223<br />12.6.2 旋轉(zhuǎn)rotate() 224<br />12.6.3 縮放scale() 225<br />12.7 綜合實(shí)例將鼠標(biāo)放上去移動(dòng)并旋轉(zhuǎn)圖片 … 227<br />12.8 本章小結(jié) 228</p>
<p>第13 章 CSS 盒子模型與定位… 229<br />13.1 盒子與模型的概念探究 … 229<br />13.2 border … 230<br />13.2.1 邊框樣式：border-style … 231<br />13.2.2 屬性值的簡(jiǎn)寫形式 … 233<br />13.2.3 邊框與背景 234<br />13.3 設(shè)置內(nèi)邊距(padding) … 235<br />13.4 設(shè)置外邊距(margin) 237<br />13.5 盒子的定位 … 240<br />13.5.1 靜態(tài)定位(static) 240<br />13.5.2 相對(duì)定位(relative) … 241<br />13.5.3 定位(absolute) … 242<br />13.5.4 固定定位(fixed) 245<br />13.6 盒子的浮動(dòng) … 246<br />13.7 綜合案例設(shè)置第1 個(gè)浮動(dòng)的Div … 246<br />13.8 本章小結(jié) 248</p>
<p>第14 章 CSS Div 布局方法… 249<br />14.1 CSS 布局模型 … 249<br />14.1.1 關(guān)于CSS 布局 … 249<br />14.1.2 流動(dòng)布局模型 … 250<br />14.1.3 浮動(dòng)布局模型 … 252<br />14.1.4 層布局模型 256<br />14.1.5 高度自適應(yīng) 258<br />14.2 CSS 布局理念 260<br />14.2.1 將頁(yè)面用Div 分塊 … 260<br />14.2.2 設(shè)計(jì)各塊的位置 260<br />14.2.3 用CSS 定位 261<br />14.3 常見的布局類型 … 262<br />14.3.1 列固定寬度 262<br />14.3.2 列自適應(yīng) … 264<br />14.3.3 兩列固定寬度 … 266<br />14.3.4 兩列寬度自適應(yīng) 267<br />14.3.5 兩列右列寬度自適應(yīng) 268<br />14.3.6 三列浮動(dòng)中間寬度自適應(yīng) 269<br />14.3.7 三行二列居中高度自適應(yīng)布局 … 270<br />14.4 本章小結(jié) 272</p>
<p>第15 章 JavaScript 基礎(chǔ)知識(shí) … 273<br />15.1 JavaScript 的添加方法 273<br />15.1.1 內(nèi)部引用 … 273<br />15.1.2 外部調(diào)用js 文件 274<br />15.1.3 添加到事件中 … 275<br />15.2 基本數(shù)據(jù)類型 275<br />15.2.1 使用字符串型數(shù)據(jù) … 275<br />15.2.2 使用數(shù)值型數(shù)據(jù) 276<br />15.2.3 使用布爾型數(shù)據(jù) 277<br />15.2.4 使用Undefined 和Null類型 … 277<br />15.3 常量和變量 … 278<br />15.3.1 常量 … 278<br />15.3.2 常量的使用方法 279<br />15.3.3 變量的定義 280<br />15.4 使用選擇語(yǔ)句 281<br />15.4.1 if 選擇語(yǔ)句 281<br />15.4.2 if…else 選擇語(yǔ)句 … 282<br />15.4.3 if…else if…else 選擇語(yǔ)句 283<br />15.4.4 switch 多條件選擇語(yǔ)句 … 285<br />15.5 使用循環(huán)語(yǔ)句 286<br />15.5.1 for 循環(huán)語(yǔ)句 … 286<br />15.5.2 while 循環(huán)語(yǔ)句 288<br />15.5.3 do-while 循環(huán)語(yǔ)句 … 289<br />15.5.4 break 和continue 跳轉(zhuǎn)語(yǔ)句 … 290<br />15.6 事件 291<br />15.6.1 事件詳解 … 292<br />15.6.2 事件與事件驅(qū)動(dòng) 292<br />15.7 JavaScript 對(duì)象 … 294<br />15.7.1 聲明和實(shí)例化 … 295<br />15.7.2 對(duì)象的引用 296<br />15.7.3 navigator 對(duì)象 … 297<br />15.7.4 window 對(duì)象 … 298<br />15.7.5 location 對(duì)象 … 299<br />15.7.6 history 對(duì)象 301<br />15.7.7 document 對(duì)象 … 302<br />15.8 綜合實(shí)例改變網(wǎng)頁(yè)背景顏色 303<br />15.9 本章小結(jié) 304</p>
<p>第16 章 設(shè)計(jì)制作企業(yè)網(wǎng)站 … 305<br />16.1 企業(yè)網(wǎng)站設(shè)計(jì)概述 305<br />16.1.1 企業(yè)網(wǎng)站主要功能 … 305<br />16.1.2 頁(yè)面配色 … 307<br />16.1.3 排版構(gòu)架 … 308<br />16.2 各部分設(shè)計(jì) … 309<br />16.2.1 頁(yè)面的通用規(guī)則 309<br />16.2.2 制作網(wǎng)站導(dǎo)航部分 … 310<br />16.2.3 制作header 右側(cè)部分 313<br />16.2.4 制作歡迎部分 … 322<br />16.3 本章小結(jié) 326</p>
</div>
</div>
<div id="ntlzbcf" 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{
// 沒(méi)有選擇的模塊
document.getElementById(a+"_mo_"+i).style.display = "none"; // 隱藏沒(méi)有選擇的模塊
document.getElementById(a+"_to_"+i).className = "q"; // 清空沒(méi)有選擇的菜單樣式
}
}
}
</script>
<div id="ppida0o" class="b-comment">
<div id="atc3pa6" class="mt">
<span> 你還可能感興趣</span>
</div>
</div>
<div id="66jcxxa" class="d-comment">
<ul>
<li><a href="bookshow.asp?id=611505" target="_blank"><img src="/uploadfile/Download/20150407155210041004.jpg" alt="APP藍(lán)圖：Axure RP7.0移動(dòng)互聯(lián)網(wǎng)產(chǎn)品原型設(shè)計(jì)" name="Pic" onerror="showImgDelay(this,'/uploadfile/Download/20150407155210041004.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=611505" title="APP藍(lán)圖：Axure RP7.0移動(dòng)互聯(lián)網(wǎng)產(chǎn)品原型設(shè)計(jì)" target="_blank">APP藍(lán)圖：Axure RP7.0移動(dòng)互聯(lián)網(wǎng)產(chǎn)品原型設(shè)計(jì)</a></li><li><a href="bookshow.asp?id=1084984" target="_blank"><img src="/uploadfile/dimages01/9787111556657.jpg" alt="營(yíng)銷型網(wǎng)店美工" name="Pic" onerror="showImgDelay(this,'/uploadfile/dimages01/9787111556657.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=1084984" title="營(yíng)銷型網(wǎng)店美工" target="_blank">營(yíng)銷型網(wǎng)店美工</a></li><li><a href="bookshow.asp?id=2170956" target="_blank"><img src="/uploadfile/202110/9787300296494.jpg" alt="網(wǎng)頁(yè)設(shè)計(jì)制作基礎(chǔ)教程(Dreamweaver+Photoshop+Flash) （21世紀(jì)技能創(chuàng)新型人才培養(yǎng)系列教材·計(jì)算機(jī)系列）" name="Pic" onerror="showImgDelay(this,'/uploadfile/202110/9787300296494.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=2170956" title="網(wǎng)頁(yè)設(shè)計(jì)制作基礎(chǔ)教程(Dreamweaver+Photoshop+Flash) （21世紀(jì)技能創(chuàng)新型人才培養(yǎng)系列教材·計(jì)算機(jī)系列）" target="_blank">網(wǎng)頁(yè)設(shè)計(jì)制作基礎(chǔ)教程(Dreamweaver+Photoshop+Flash) （21世紀(jì)技能創(chuàng)新型人才培養(yǎng)系列教材·計(jì)算機(jī)系列）</a></li><li><a href="bookshow.asp?id=420195" target="_blank"><img src="/uploadfile/m_images/2013150481200378_w.jpg" alt="大型網(wǎng)站技術(shù)架構(gòu)：核心原理與案例分析（最接地氣的網(wǎng)站架構(gòu)經(jīng)驗(yàn)，網(wǎng)站生存技術(shù)心要，應(yīng)對(duì)大數(shù)據(jù)挑戰(zhàn)的干貨分享�。�" name="Pic" onerror="showImgDelay(this,'/uploadfile/m_images/2013150481200378_w.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=420195" title="大型網(wǎng)站技術(shù)架構(gòu)：核心原理與案例分析（最接地氣的網(wǎng)站架構(gòu)經(jīng)驗(yàn)，網(wǎng)站生存技術(shù)心要，應(yīng)對(duì)大數(shù)據(jù)挑戰(zhàn)的干貨分享�。�" target="_blank">大型網(wǎng)站技術(shù)架構(gòu)：核心原理與案例分析（最接地氣的網(wǎng)站架構(gòu)經(jīng)驗(yàn)，網(wǎng)站生存技術(shù)心要，應(yīng)對(duì)大數(shù)據(jù)挑戰(zhàn)的干貨分享！）</a></li><li><a href="bookshow.asp?id=1226793" target="_blank"><img src="/uploadfile/Download/20171128181958785878.jpg" alt="網(wǎng)頁(yè)設(shè)計(jì)與制作（21世紀(jì)高等學(xué)校計(jì)算機(jī)規(guī)劃教材）" name="Pic" onerror="showImgDelay(this,'/uploadfile/Download/20171128181958785878.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=1226793" title="網(wǎng)頁(yè)設(shè)計(jì)與制作（21世紀(jì)高等學(xué)校計(jì)算機(jī)規(guī)劃教材）" target="_blank">網(wǎng)頁(yè)設(shè)計(jì)與制作（21世紀(jì)高等學(xué)校計(jì)算機(jī)規(guī)劃教材）</a></li>
</ul>
</div>
<div id="r1dtyy0" class="b-comment">
<div id="runfqqb" class="mt">
<span> 我要評(píng)論</span>
</div>
</div>
<div id="alb0h5w" 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="2205249">
<input name=title type=hidden value="HTML+CSS網(wǎng)站設(shè)計(jì)與開發(fā)從新手到高手">
<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="ezdvyjw" id="footer">
<div id="8cvyuak" class="end_list"><a href="aboutus.asp" title="">公司介紹</a><a href="Honor.asp" title="">榮譽(yù)資質(zhì)</a><a href="/zxbooks.asp" title="">定向推薦書目</a><a href="cbssq.asp" title="">出版社授權(quán)</a><a href="/cbs_dc.asp" title=""><strong><font color="#f8e81f">采訪數(shù)據(jù)下載(EXCEL格式)</font></strong></a><a title=""><strong><font color="#f8e81f">采訪數(shù)據(jù)下載(ISO格式)</font></strong></a><a href="/myadmin/login.asp" title="" target="_blank">出版社登錄</a><a href="lxwm.asp" target="_blank" title="">聯(lián)系我們</a></div>
<div id="ia5tlg6" class="copyright_n">
Copyright 1993-2024 <a >www.wsgph.com</a> Inc.All Rights Reserved<br>
技術(shù)支持：山東中教產(chǎn)業(yè)發(fā)展股份有限公司 客服電話：400-0531-123<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "#/h.js%3F34a0559de8bca702f061988709fd9a88' type='text/javascript'%3E%3C/script%3E"));
</script>
</div>
<div id="nompha5" class="ban_img"><img src="images/ban_img_zj.png" width="691" height="55"></div>
</div>
</body>
</html>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://xxxdoujins.com/" title="久久er99热精品一区二区">久久er99热精品一区二区</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="fs4cm" class="pl_css_ganrao" style="display: none;"><tr id="fs4cm"></tr><delect id="fs4cm"><noframes id="fs4cm"></noframes></delect><input id="fs4cm"></input><cite id="fs4cm"></cite><th id="fs4cm"></th><video id="fs4cm"></video><optgroup id="fs4cm"></optgroup><font id="fs4cm"><var id="fs4cm"></var></font><blockquote id="fs4cm"></blockquote><rt id="fs4cm"></rt><abbr id="fs4cm"><strong id="fs4cm"></strong></abbr><dfn id="fs4cm"><abbr id="fs4cm"></abbr></dfn><source id="fs4cm"></source><b id="fs4cm"><pre id="fs4cm"></pre></b><xmp id="fs4cm"><button id="fs4cm"></button></xmp><dl id="fs4cm"></dl><blockquote id="fs4cm"><option id="fs4cm"></option></blockquote><object id="fs4cm"><blockquote id="fs4cm"></blockquote></object><noscript id="fs4cm"></noscript><dl id="fs4cm"><xmp id="fs4cm"></xmp></dl><del id="fs4cm"></del><legend id="fs4cm"><legend id="fs4cm"></legend></legend><delect id="fs4cm"></delect><abbr id="fs4cm"></abbr><option id="fs4cm"><object id="fs4cm"></object></option><delect id="fs4cm"><small id="fs4cm"></small></delect><tfoot id="fs4cm"><option id="fs4cm"></option></tfoot><kbd id="fs4cm"></kbd><strong id="fs4cm"></strong><tt id="fs4cm"><style id="fs4cm"></style></tt><noframes id="fs4cm"></noframes><kbd id="fs4cm"></kbd><source id="fs4cm"></source><ol id="fs4cm"><progress id="fs4cm"></progress></ol><object id="fs4cm"><blockquote id="fs4cm"></blockquote></object><big id="fs4cm"></big><form id="fs4cm"><output id="fs4cm"></output></form><acronym id="fs4cm"></acronym><thead id="fs4cm"><video id="fs4cm"></video></thead><acronym id="fs4cm"><tt id="fs4cm"></tt></acronym><object id="fs4cm"><tfoot id="fs4cm"></tfoot></object><source id="fs4cm"></source><form id="fs4cm"><dfn id="fs4cm"></dfn></form><abbr id="fs4cm"></abbr><big id="fs4cm"></big><strong id="fs4cm"><address id="fs4cm"></address></strong><output id="fs4cm"><strong id="fs4cm"></strong></output><acronym id="fs4cm"></acronym><li id="fs4cm"></li><dl id="fs4cm"></dl></div></html> 
書單推薦
