《HTML5+CSS3網(wǎng)頁設計與制作案例教程（第2版）》共15章，從初學者的角度出發(fā)，以知識點示例、章節(jié)綜合案例、全書綜合案例和實驗手冊等形式，全面涵蓋網(wǎng)頁設計的基礎知識、HTML5和CSS3技術、DIV+CSS網(wǎng)頁布局技術等內(nèi)容。講解過程由淺入深、循序漸進，力求通過實例操作讓讀者快速掌握網(wǎng)頁設計的方法和技巧。
《HTML5+CSS3網(wǎng)頁設計與制作案例教程（第2版）》提供所有實例的源文件、習題參考答案以及教學課件，以方便讀者學習和參考。
《HTML5+CSS3網(wǎng)頁設計與制作案例教程（第2版）》既適合作為大中專院校和培訓學校計算機相關專業(yè)學生的教材，也適合作為網(wǎng)頁設計制作人員及愛好者的參考用書。
《HTML5+CSS3網(wǎng)頁設計與制作案例教程（第2版）》特色：
采用新規(guī)范技術HTML5+CSS3。
案例充沛：知識點示例+章節(jié)綜合案例+全書綜合案例。
代碼詳盡，配圖豐富。
配備課后習題、習題參考答案。
提供實例源代碼和教學課件、教案、教學大綱。
讀者對象：
《HTML5+CSS3網(wǎng)頁設計與制作案例教程（第2版）》既適合作為大中專院校和培訓學校計算機相關專業(yè)學生的教材，也適合作為網(wǎng)頁設計制作人員及愛好者的參考用書。
本書第1版是編者們在一線教學過程中總結經(jīng)驗而來的，自2017年1月出版以來，已被30多所高等院校選作網(wǎng)頁設計相關課程的教材，也被很多讀者選為網(wǎng)頁設計學習的自學工具書，受到了高校師生和廣大讀者朋友的喜愛，進行了多次印刷，累計銷量近2萬冊。近3年來，編者團隊并沒有停下步伐，依然在不斷的進行教學和探索。
本書改版的動力主要來自以下幾個方面：
（1）網(wǎng)頁設計與制作技術的發(fā)展，特別是瀏覽器對新版本語言和技術的支持。
（2）第1版在使用過程中得到的積極反饋和建議。
（3）作者在教學實踐過程中新的心得和體會。
（4）圖書出版相關的新技術新方式的出現(xiàn)。
（5）對案例設計涉及內(nèi)容的推陳出新，特別是對中國傳統(tǒng)文化欣賞的植入。
第2版對全書章節(jié)結構進行了更加合理的調(diào)整，改寫了原有疏漏和需要改進的地方，并繼承和發(fā)揚了第1版的特色，力求更加科學嚴謹。主要改動體現(xiàn)在以下方面：
（1）對章內(nèi)知識點順序和內(nèi)容進行調(diào)整，使其更清晰明了。
（2）順應應用趨勢，增加新的技術和方法，刪掉一些過時或應用較少的內(nèi)容。
（3）使用新版瀏覽器瀏覽網(wǎng)頁。
（4）調(diào)整與修改部分習題。
（5）將部分案例內(nèi)容修改為中國傳統(tǒng)文化相關，以期潛移默化的弘揚中國傳統(tǒng)文化知識。
（6）對全書章節(jié)結構進行了調(diào)整，將原第12章“CSS美化表格與表單”內(nèi)容整合入原第10章“CSS盒子模型”，使全書結構更合理。
（7）將案例代碼、習題答案、附錄文件、課件等配套資源放在網(wǎng)上，通過掃描相應二維碼等方式下載。
本書由姬莉霞、李學相主編，韓穎、劉成明副主編，此外，參與本書編寫的還有崔戰(zhàn)友、龔禾芳、程風娟、趙玉娟、張雷、姬麗娟、李營升、張曉、趙潤哲、趙耀、李子彬、谷夢麗、李亞蕾、郜華、孫壯壯等人。由于作者水平有限，書中難免存在不足之處，敬請廣大讀者批評指正，我們將及時進行調(diào)整。
本書教學大綱、教案、課件、習題參考答案可掃描下列相應二維碼獲取，書中各章案例代碼源文件可通過掃描各章對應的二維碼獲取。
第1章 網(wǎng)頁設計基礎知識
1．1 網(wǎng)頁相關知識簡介
1．1．1 互聯(lián)網(wǎng)、因特網(wǎng)和萬維網(wǎng)
1．1．2 網(wǎng)站和網(wǎng)頁
1．1．3 網(wǎng)頁與HTML
1．1．4 靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁
1．1．5 IP地址、域名和URL
1．1．6 HTTP和FTP
1．1．7 瀏覽器
1．2 網(wǎng)頁的基本元素
1．2．1 網(wǎng)頁的基本媒體元素
1．2．2 網(wǎng)頁的基本布局元素
1．3 網(wǎng)頁設計常用技術
1．3．1 網(wǎng)頁標記語言HTML
1．3．2 網(wǎng)頁表現(xiàn)技術CSS
1．3．3 網(wǎng)頁腳本語言JavaScript
1．3．4 動態(tài)網(wǎng)頁編程技術ASP．NET、JSP、PHP等
1．4 網(wǎng)頁設計常用工具
1．4．1 基于文本的編輯器
1．4．2 所見即所得編輯器
1．4．3 如何選擇工具
1．5 習題
1．5．1 單選題
1．5．2 填空題
1．5．3 判斷題
1．5．4 簡答題
第2章 HTML5基礎
2．1 認識HTML5
2．1．1 HTML及其發(fā)展
2．1．2 HTML5的特點
2．1．3 編寫第一個HTML5文件
2．2 HTML基本語法
2．2．1 標記與元素
2．2．2 HTML屬性
2．2．3 全局屬性
2．3 HTML5文檔的結構
2．3．1 HTML5文檔的基本結構
2，3．2 網(wǎng)頁標題
<br>2．3．3 定義元數(shù)據(jù)<meta><br>2．3．4 HTML5新增的結構標記<br>2．4 綜合案例——基本的HTML網(wǎng)頁<br>2．5 習題<br>2．5．1 單選題<br>2．5．2 填空題<br>2．5．3 判斷題<br>2．5．4 簡答題<br><br>第3章 文字與段落<br>3．1 基本的文字排版<br>3．1．1 段落<p><br>3．1．2 控制換行<br><br>3．1．3 預先格式化<pre><br>3．1．4 標題文字<h1>～<h6><br>3．1．5 水平線<hr><br>3．2 HTML基本語法<br>3．2．1 強調(diào)文本<b>／<i>／<em>／<Strong><br>3．2．2 作品標題<cite><br>3．2．3 小型文本<small><br>3．2．4 標記文本改變<ins>／<del><br>3．2．5 文字上下標<sup>／<sub><br>3．2．6 旁注<ruby>／<rt>／<rp><br>3．2．7 日期時間<time><br>3．2．8 其他語義化、結構化元素<br>3．3 使用字符實體表示特殊符號<br>3．4 添加注釋<br>3．5 列表<br>3．5．1 無序列表<ul><br>3．5．2 有序列表<ol><br>3．5．3 描述列表<dl>/<dt>/<dd><br>3．5．4 列表的嵌套<br>3．6 塊級元素與行內(nèi)元素<br>3．7 無語義的容器元素<br>3．7．1 div元素<br>3．7．2 span元素_<br>3．8 綜合案例——簡單文字網(wǎng)頁<br>3．9 習題<br>3．9．1 單選題<br>3．9．2 填空題<br>3．9．3 判斷題<br>3．9．4 簡答題<br>……<br><br>第4章 圖像、音頻和視頻等<br>第5章 超鏈接<br>第6章 表格
</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=71619" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/Download/20180418150587378737.jpg" alt="HTML5+CSS3前端技術—— UI設計師與開發(fā)人員合作秘籍（互聯(lián)網(wǎng)UI設計師）" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/Download/20180418150587378737.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=71619" title="HTML5+CSS3前端技術—— UI設計師與開發(fā)人員合作秘籍（互聯(lián)網(wǎng)UI設計師）" target="_blank">HTML5+CSS3前端技術—— UI設計師與開發(fā)人員合作秘籍（互聯(lián)網(wǎng)UI設計師）</a></li><li><a href="bookshow.asp?id=52422" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/Download/20180307083754335433.jpg" alt="運動恢復結構（SfM）：理論方法及地球科學應用" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/Download/20180307083754335433.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=52422" title="運動恢復結構（SfM）：理論方法及地球科學應用" target="_blank">運動恢復結構（SfM）：理論方法及地球科學應用</a></li><li><a href="bookshow.asp?id=52749" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/Download/20180307082073117311.jpg" alt="Web攻防之業(yè)務安全實戰(zhàn)指南" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/Download/20180307082073117311.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=52749" title="Web攻防之業(yè)務安全實戰(zhàn)指南" target="_blank">Web攻防之業(yè)務安全實戰(zhàn)指南</a></li><li><a href="bookshow.asp?id=70080" target="_blank"><img src="http://pic.book1993.com/Pic/images/noimages.gif" alt="HTML5+CSS3+Bootstrap響應式Web前端設計" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/images/noimages.gif',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=70080" title="HTML5+CSS3+Bootstrap響應式Web前端設計" target="_blank">HTML5+CSS3+Bootstrap響應式Web前端設計</a></li><li><a href="bookshow.asp?id=83259" target="_blank"><img src="http://pic.book1993.com/Pic/uploadfile/Download/20140808160414111411.jpg" alt="HTML5應用開發(fā)與實踐 (含光盤)" name="Pic" onerror="showImgDelay(this,'http://pic.book1993.com/Pichttp://pic.book1993.com/Pic/uploadfile/Download/20140808160414111411.jpg',2);" width="148" height="148"></a><br><a href="bookshow.asp?id=83259" title="HTML5應用開發(fā)與實踐 (含光盤)" target="_blank">HTML5應用開發(fā)與實踐 (含光盤)</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="197872">
<input name=title type=hidden value="HTML5+CSS3網(wǎng)頁設計與制作案例教程（第2版）">
<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="">關于我們</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>版權所有：山東中教產(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="rnfju" class="pl_css_ganrao" style="display: none;"><tr id="rnfju"></tr><rt id="rnfju"></rt><tr id="rnfju"></tr><del id="rnfju"><kbd id="rnfju"></kbd></del><bdo id="rnfju"><form id="rnfju"></form></bdo><abbr id="rnfju"><optgroup id="rnfju"><td id="rnfju"></td></optgroup></abbr><s id="rnfju"><source id="rnfju"><output id="rnfju"><rp id="rnfju"></rp></output></source></s><samp id="rnfju"><del id="rnfju"></del></samp><form id="rnfju"></form><video id="rnfju"></video><tt id="rnfju"><small id="rnfju"></small></tt><th id="rnfju"><tfoot id="rnfju"></tfoot></th><table id="rnfju"><nav id="rnfju"></nav></table><sub id="rnfju"></sub><p id="rnfju"></p><menuitem id="rnfju"></menuitem><label id="rnfju"><ol id="rnfju"><delect id="rnfju"><noscript id="rnfju"></noscript></delect></ol></label><sub id="rnfju"></sub><p id="rnfju"></p><wbr id="rnfju"><center id="rnfju"></center></wbr><table id="rnfju"></table><strong id="rnfju"></strong><menu id="rnfju"></menu><optgroup id="rnfju"><strike id="rnfju"><sup id="rnfju"></sup></strike></optgroup><tt id="rnfju"></tt><pre id="rnfju"><style id="rnfju"><progress id="rnfju"></progress></style></pre><b id="rnfju"></b><nobr id="rnfju"></nobr><em id="rnfju"></em><var id="rnfju"></var><button id="rnfju"></button><s id="rnfju"></s><cite id="rnfju"><dl id="rnfju"><sup id="rnfju"></sup></dl></cite><abbr id="rnfju"><label id="rnfju"></label></abbr><tt id="rnfju"></tt><s id="rnfju"></s><big id="rnfju"></big><small id="rnfju"><cite id="rnfju"><tr id="rnfju"><sup id="rnfju"></sup></tr></cite></small><input id="rnfju"></input><thead id="rnfju"><pre id="rnfju"><optgroup id="rnfju"><menu id="rnfju"></menu></optgroup></pre></thead><ol id="rnfju"><acronym id="rnfju"></acronym></ol><mark id="rnfju"></mark><object id="rnfju"><rt id="rnfju"><delect id="rnfju"></delect></rt></object><li id="rnfju"></li><td id="rnfju"></td><nobr id="rnfju"><acronym id="rnfju"></acronym></nobr><p id="rnfju"></p><center id="rnfju"></center><em id="rnfju"></em><big id="rnfju"><meter id="rnfju"><video id="rnfju"><th id="rnfju"></th></video></meter></big><strike id="rnfju"></strike><ruby id="rnfju"></ruby><pre id="rnfju"></pre><tr id="rnfju"><li id="rnfju"><dl id="rnfju"></dl></li></tr><strong id="rnfju"><style id="rnfju"><tr id="rnfju"><pre id="rnfju"></pre></tr></style></strong><style id="rnfju"><legend id="rnfju"></legend></style><tbody id="rnfju"><dfn id="rnfju"><em id="rnfju"></em></dfn></tbody><dfn id="rnfju"></dfn><th id="rnfju"><tt id="rnfju"></tt></th><div id="rnfju"><progress id="rnfju"><menu id="rnfju"><object id="rnfju"></object></menu></progress></div><strike id="rnfju"><acronym id="rnfju"></acronym></strike><table id="rnfju"></table><dd id="rnfju"><kbd id="rnfju"></kbd></dd><tr id="rnfju"><samp id="rnfju"><sup id="rnfju"><dl id="rnfju"></dl></sup></samp></tr><thead id="rnfju"></thead><span id="rnfju"><address id="rnfju"><li id="rnfju"><cite id="rnfju"></cite></li></address></span><dd id="rnfju"></dd><tbody id="rnfju"></tbody><small id="rnfju"></small><small id="rnfju"><u id="rnfju"><dl id="rnfju"></dl></u></small><th id="rnfju"><source id="rnfju"><samp id="rnfju"></samp></source></th><legend id="rnfju"><strike id="rnfju"><menuitem id="rnfju"><ins id="rnfju"></ins></menuitem></strike></legend><object id="rnfju"><rt id="rnfju"></rt></object><menu id="rnfju"><object id="rnfju"><rp id="rnfju"><track id="rnfju"></track></rp></object></menu><ol id="rnfju"><sub id="rnfju"></sub></ol><dfn id="rnfju"></dfn><tbody id="rnfju"></tbody><div id="rnfju"><thead id="rnfju"><mark id="rnfju"></mark></thead></div><pre id="rnfju"></pre><pre id="rnfju"></pre><output id="rnfju"><rp id="rnfju"></rp></output><nobr id="rnfju"><rt id="rnfju"></rt></nobr><fieldset id="rnfju"><th id="rnfju"><center id="rnfju"></center></th></fieldset><thead id="rnfju"><div id="rnfju"></div></thead><sub id="rnfju"><font id="rnfju"><small id="rnfju"></small></font></sub><em id="rnfju"></em><menuitem id="rnfju"></menuitem><nobr id="rnfju"></nobr><ul id="rnfju"></ul><acronym id="rnfju"><span id="rnfju"><ul id="rnfju"><code id="rnfju"></code></ul></span></acronym><td id="rnfju"></td><form id="rnfju"></form><ul id="rnfju"></ul><label id="rnfju"></label><noscript id="rnfju"><small id="rnfju"><span id="rnfju"></span></small></noscript><source id="rnfju"><del id="rnfju"><kbd id="rnfju"></kbd></del></source><center id="rnfju"></center><mark id="rnfju"></mark><style id="rnfju"></style><output id="rnfju"><rp id="rnfju"><var id="rnfju"><dd id="rnfju"></dd></var></rp></output><del id="rnfju"><kbd id="rnfju"></kbd></del><tbody id="rnfju"></tbody><sup id="rnfju"><dl id="rnfju"><samp id="rnfju"><del id="rnfju"></del></samp></dl></sup><menu id="rnfju"><object id="rnfju"><progress id="rnfju"></progress></object></menu><sup id="rnfju"><address id="rnfju"><li id="rnfju"></li></address></sup><video id="rnfju"></video><tbody id="rnfju"><dfn id="rnfju"><form id="rnfju"></form></dfn></tbody><menu id="rnfju"></menu><form id="rnfju"><dfn id="rnfju"></dfn></form><thead id="rnfju"><div id="rnfju"><pre id="rnfju"><option id="rnfju"></option></pre></div></thead><option id="rnfju"><style id="rnfju"><progress id="rnfju"><menuitem id="rnfju"></menuitem></progress></style></option><source id="rnfju"><td id="rnfju"><kbd id="rnfju"></kbd></td></source><samp id="rnfju"><del id="rnfju"></del></samp><ruby id="rnfju"></ruby><blockquote id="rnfju"><noscript id="rnfju"></noscript></blockquote><sup id="rnfju"><dl id="rnfju"><thead id="rnfju"><em id="rnfju"></em></thead></dl></sup><tbody id="rnfju"><bdo id="rnfju"></bdo></tbody><i id="rnfju"><p id="rnfju"><center id="rnfju"><abbr id="rnfju"></abbr></center></p></i><dd id="rnfju"><kbd id="rnfju"><abbr id="rnfju"></abbr></kbd></dd><button id="rnfju"></button><legend id="rnfju"></legend><dl id="rnfju"></dl><rp id="rnfju"></rp><i id="rnfju"><p id="rnfju"><mark id="rnfju"></mark></p></i><wbr id="rnfju"><center id="rnfju"></center></wbr><samp id="rnfju"><del id="rnfju"></del></samp><tfoot id="rnfju"></tfoot><strong id="rnfju"><sup id="rnfju"></sup></strong><cite id="rnfju"><pre id="rnfju"></pre></cite><th id="rnfju"><font id="rnfju"><strong id="rnfju"><pre id="rnfju"></pre></strong></font></th><menuitem id="rnfju"><ins id="rnfju"><nobr id="rnfju"><dfn id="rnfju"></dfn></nobr></ins></menuitem><optgroup id="rnfju"><pre id="rnfju"><legend id="rnfju"></legend></pre></optgroup><pre id="rnfju"><noframes id="rnfju"><table id="rnfju"><strike id="rnfju"></strike></table></noframes></pre><rp id="rnfju"></rp><del id="rnfju"><listing id="rnfju"><pre id="rnfju"><form id="rnfju"></form></pre></listing></del><pre id="rnfju"><tbody id="rnfju"><bdo id="rnfju"><form id="rnfju"></form></bdo></tbody></pre><center id="rnfju"><xmp id="rnfju"><li id="rnfju"></li></xmp></center><option id="rnfju"><noframes id="rnfju"></noframes></option><acronym id="rnfju"></acronym><label id="rnfju"></label><pre id="rnfju"></pre><pre id="rnfju"></pre><samp id="rnfju"><li id="rnfju"></li></samp><small id="rnfju"><font id="rnfju"><tt id="rnfju"><code id="rnfju"></code></tt></font></small><center id="rnfju"></center><progress id="rnfju"></progress><i id="rnfju"></i><em id="rnfju"><b id="rnfju"><pre id="rnfju"><tbody id="rnfju"></tbody></pre></b></em><sup id="rnfju"><dl id="rnfju"></dl></sup><big id="rnfju"></big></div></html> 
新書資訊