內容大鋼
Web前端開發是創建Web頁面或App等前端界面並呈現給用戶的過程，通過HTML5、jQuery和Bootstrap等技術來實現互聯網產品的用戶界面交互。
本書主要內容由3部分組成：第一部分(第1章?第6章)主要介紹使用HTML5和CSS3進行網頁設計和美化；第二部分(第7章?第11章)主要介紹使用JavaScript、iQuery技術實現常用的網頁動態效果；第三部分(第12章?第14章)主要介紹響應式布局技術及Bootstrap框架的應用等。
本書以項目案例開發為主線，採用邊講邊練的方式，適合於高等院校IT專業的本、專科生學習，也可供希望從事網頁設計與製作、Web前端開發及網頁編程等工作的人員參考使用。本書致力於通過深入淺出的講解，帶領讀者進入豐富多彩的前端開發世界。
目錄
第1章 Web前端開發慨述
1.1 Web概述
1.1.1 web客戶端技術
1.1.2 Web伺服器端技術
1.1.3 超文本傳輸協議
1.1.4 統一資源定位符
1.2 HTML
1.2.1 HTML簡介
1.2.2 HTML的發展
1.3 CSS
1.3.1 CSS簡介
1.3.2 CSS的特點
1.4 JavaScript
1.4.1 JavaScript簡介
1.4.2 JavaScript的特點
1.5 jQuery
1.6 Bootstrap
1.7 其他前端框架
1.7.1 Angular
1.7.2 React
1.7.3 Vue
小結
第2章 HTML5基礎I
2.1 HTML5的新特性
2.2 HTML5文檔結構
2.2.1 基本結構
2.2.2 編輯工具
2.3 HTML5頭部標籤
2.3.1
標籤<br> 2.3.2 <meta>標籤<br> 2.3.3 <link>標籤<br> 2.3.4 <style>標籤<br> 2.3.5 <script>標籤<br> 2.4 塊級標籤<br> 2.4.1 基本的塊級標籤<br> 2.4.2 常用於布局的塊級標籤<br> 2.5 行級標籤<br> 2.5.1 圖像標籤<img<br> 2.5.2 圖片列表標籤<figure>和 <figcaption<br> 2.5.3 範圍標籤<span<br> 2.5.4 換行標籤<br<br> 2.5.5 超鏈接標籤<a<br> 2.6 W3C標準<br> 2.6.1 W3C提倡的Web頁面結構<br> 2.6.2 HTML5的基本規範、結構元素和媒體支持<br> 2.7 實踐指導<br> 小結<br> 拓展訓練<br>第3章 HTML5基礎II<br> 3.1 表格基礎<br><BR> 3.1.1 表格結構<br> 3.1.2 表格標籤<br> 3.1.3 表格屬性設置<br> 3.1.4 跨行和跨列設置<br> 3.2 表單<br> 3.2.1 表單標籤<br> 3.2.2 表單域<br> 3.2.3 表單按鈕<br> 3.2.4 HTML5新增的表單屬性<br> 3.2.5 HTML5新增表單標籤<br> 3.2.6 表單驗證<br> ……<br>第4章 CSS3基礎<br>第5章 CSS3布局<br>第6章 網站設計<br>第7章 JavaScript基礎<br>第8章 JavaScript對象<br>第9章 JavaScript DOM<br>第10章 jQuery基礎<br>第11章 jQuery應用<br>第12章 響應式布局<br>第13章 Bootstrap技術<br>第14章 綜合案例<br><BR>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- bottom -->
<script language="javascript">
<!--
function f_search_bottom()
{
document.form3.target="_self";
document.form3.action = "//tl.zxhsd.com/tw/big5_search.jsp";
document.form3.keyword.value=Traditionalized(document.form3.keyword_input.value);
//document.form3.submit();
}
// -->
</script>
<div class="hw_bottom">
<div class="clearLine" style="height:30px;"></div>
<div class="bottomhelpbox">
<ul>
<li style="list-style-type:none; padding:0;"><strong style="color:#333333;">Δ購買商品</strong></li>
<li><a href="//tl.zxhsd.com/help/help_gwlc.html" target="_blank">購物流程</a></li>
<li><a href="//tl.zxhsd.com/help/help_reg.html" target="_blank">註冊帳戶</a></li>
<li><a href="//tl.zxhsd.com/help/help_changepsw.html" target="_blank">更改註冊資訊</a></li>
</ul>
<ul>
<li style="list-style-type:none; padding:0;"><strong style="color:#333333;">Δ售後服務</strong></li>
<li><a href="//tl.zxhsd.com/help/help_thyz.html" target="_blank">退換貨原則</a></li>
<li><a href="//tl.zxhsd.com/help/help_thhzy.html" target="_blank">退換貨注意事項</a></li>
<li><a href="//tl.zxhsd.com/help/help_thlc.html" target="_blank">退換貨流程</a></li>
</ul>
<ul>
<li style="list-style-type:none; padding:0;"><strong style="color:#333333;">Δ訂單支付</strong></li>
<li><a href="//tl.zxhsd.com/help/help_fkfs.html" target="_blank">付款方式</a></li>
<li><a href="//tl.zxhsd.com/help/help_yfjs.html" target="_blank">運費計算方式</a></li>
</ul>
<ul>
<li style="list-style-type:none; padding:0;"><strong style="color:#333333;">Δ關於我們</strong></li>
<li><a href="//tl.zxhsd.com/help/help_about_us.html" target="_blank">關於美商天龍</a></li>
<li><a href="//tl.zxhsd.com/help/help_connet_us.html" target="_blank">聯絡我們</a></li>
</ul>
</div>
<div class="bottomSearche">
<div style="width:680px; margin:0 auto;">
<form name="form3" action="" method="post" onSubmit='return f_search_bottom();'>
<input name="soure_lx" type="hidden" value="big5">
<input name="keyword" type="hidden" value="">
<ul>
<li class="width1">商品搜索：</li>
<li class="width5">
<select name="category">
<option value="gjz" >全文搜索</option>
<option value="sm" >商品名</option>
<option value="zz" >作者</option>
<option value="cbs" >出版社</option>
<option value="isbn" >ISBN</option>
</select>
</li>
<li class="width2">
<input type="text" name="keyword_input" />
</li>
<li class="width3">
<div id="navGoButton">
<input type="image" src="//tl.zxhsd.com/images/transparent_pixel.gif" alt="Go" id="navGoButtonPanel" onmouseover="shiftImage('navGoButtonPanel',0,-22,'navGoButton');" onmouseout="shiftImage('navGoButtonPanel',0,0,'navGoButton');" onfocus="shiftImage('navGoButtonPanel',0,-22,'navGoButton');" onblur="shiftImage('navGoButtonPanel',0,0,'navGoButton');" />
</div>
</li>
<li class="width4">| <a href="#" target="_blank">高級搜索</a></li>
</ul>
</form>
</div>
</div>
<div class="bottombase">
<a href="//tl.zxhsd.com/" target="_blank">首頁</a>│
<a href="//tl.zxhsd.com/help/help.shtml" target="_blank">新手上路</a>│
<a href="//tl.zxhsd.com/help/help.shtml" target="_blank">客服中心</a>│
<a href="//tl.zxhsd.com/help/help_about_us.html" target="_blank">關於我們</a>│
<a href="//tl.zxhsd.com/help/help_connet_us.html" target="_blank">聯絡我們</a>│
<a href="#">Top↑</a>│<br />
Copyrightc 1999~2008 美商天龍國際圖書股份有限公司 臺灣分公司. All rights reserved.<br />
營業地址:臺北市中正區重慶南路一段103號1F 105號1F-2F<br />
讀者服務部電話：02-2381-2033 02-2381-1863 時間：週一-週五 10:00-17:00<br />
服務信箱：bookuu@69book.com 客戶、意見信箱:<a href="mailto:cs@69book.com">cs@69book.com</a>
<br />ICP證：浙B2-20060032
</div>
<div style="clear:both; height:20px;"></div>
</div>
</div>
</div>
</body>
</html>
<!-- Generated by Gemway InfoPublisher V2.0 at 2024-04-12 02:47:06 cost 192ms -->
[