同類熱銷排行榜

基於Web標準的網頁設計與製作(微課版)/高等院校電腦基礎教育課程體系特色教材系列

作者：編者:唐四薪//唐瓊//李浪|責編:張民//常建麗|總主編:譚浩強
出版社：清華大學
ISBN：9787302652601

出版日期：2024/01/01
裝幀：平裝
頁數：273

人民幣：RMB 59.9 元售價：元

內容大鋼

本書內容涵蓋HTML 5、CSS 3、JavaScript、jQuery和Vue.js等各種網頁設計與製作技術，在敘述有關原理時安排大量的相關實例。本書分為8章，內容包括網頁設計與網站開發概述，HTML 5、CSS語法基礎、CSS盒子模型、CSS布局、網站開發過程與環境配置、Photoshop、JavaScript及其框架。本書面向工程實際，強調原理性與實用性。
本書適合作為高等院校各專業「網頁設計」或「Web前端開發」等課程的教材，也可作為網頁設計與製作的培訓類教材，還可供網站設計和開發人員參考使用。

作者介紹

編者:唐四薪//唐瓊//李浪|責編:張民//常建麗|總主編:譚浩強

第1章  網頁設計與網站開發概述
  1.1  網頁設計與Web前端開發
    1.1.1  網頁的概念和本質
    1.1.2  網頁設計的兩個基本問題
    1.1.3  網頁結構語言——HTML
  1.2  網站的創建和製作流程
    1.2.1  網站的特徵
    1.2.2  網站的開發步驟
    1.2.3  網站的開發工具
    1.2.4  在DW中建立站點
  1.3  Web伺服器與瀏覽器
    1.3.1  Web伺服器的作用
    1.3.2  瀏覽器的種類和作用
  1.4  URL與域名
  習題
第2章  HTML 5
  2.1  HTML概述
    2.1.1  HTML文檔的結構
    2.1.2  DW的開發界面
    2.1.3  使用DW新建HTML文件
    2.1.4  HTML標記
    2.1.5  常見的HTML標記及屬性
  2.2  創建文本和圖像
    2.2.1  創建文本和列表
    2.2.2  插入圖像
  2.3  利用DW代碼視圖提高效率
    2.3.1  代碼提示
    2.3.2  代碼快速定位
    2.3.3  DW中的常用快捷鍵
  2.4  創建超鏈接
    2.4.1  超鏈接標記
    2.4.2  絕對URL與相對URL
    2.4.3  超鏈接的種類
    2.4.4  超鏈接目標的打開方式
    2.4.5  超鏈接製作的原則
    2.4.6  DW中超鏈接屬性面板的使用
  2.5  插入多媒體元素及嵌入網頁
    2.5.1  HTML 5的視音頻功能
    2.5.2  嵌入式框架標記  2.6  創建表格
    2.6.1  表格標記
    2.6.2  行和單元格標記
    2.6.3  特殊效果表格的製作
  2.7  創建表單
    2.7.1

標記及其屬性
2.7.2 標記
2.7.3

2.7.5  表單數據的傳遞過程     2.7.6  表單中的按鈕     2.7.7  表單的輔助標記     2.7.8  HTML 5新增的表單標記和屬性   2.8  HTML 5的改進     2.8.1  HTML 5新增的標記     2.8.2  HTML 5語法的改進     2.8.3  HTML 5的繪圖功能     2.8.4  HTML元素的分類   2.9  HTML頭部標記   習題 第3章  CSS語法基礎   3.1  CSS基礎     3.1.1  CSS的語法     3.1.2  在HTML中引入CSS的方法     3.1.3  選擇器的分類     3.1.4  CSS文本修飾   3.2  CSS的特性     3.2.1  CSS的層疊性     3.2.2  CSS的繼承性     3.2.3  選擇器的組合   3.3  CSS高級選擇器     3.3.1  關係選擇器     3.3.2  屬性選擇器     3.3.3  偽類選擇器     3.3.4  使用過渡屬性配合動態偽類效果     3.3.5  偽元素選擇器   3.4  CSS設計和書寫技巧     3.4.1  CSS樣式總體設計原則     3.4.2  DW對CSS的可視化編輯支持     3.4.3  CSS的值和單位     3.4.4  網頁中的字體     3.4.5  字體圖標技術   3.5  Web標準     3.5.1  傳統HTML的缺點     3.5.2  Web標準的含義     3.5.3  Web標準的優勢   習題 第4章  CSS盒子模型   4.1  盒子模型及其屬性     4.1.1  盒子模型概述     4.1.2  邊框border屬性     4.1.3  圓角border-radius屬性     4.1.4  圖像邊框border-image屬性     4.1.5  padding和margin屬性     4.1.6  box-sizing屬性   4.2  標準流下的定位及應用     4.2.1  標準流下的定位原則     4.2.2  margin合併現象     4.2.3  盒子模型的應用     4.2.4  Chrome瀏覽器的調試功能   4.3  背景的運用     4.3.1  CSS的背景屬性     4.3.2  背景的基本運用技術     4.3.3  滑動門技術     4.3.4  背景圖像的翻轉     4.3.5  傳統圓角效果   4.4  CSS 3樣式美化功能     4.4.1  陰影和發光效果     4.4.2  漸變效果     4.4.3  描邊效果     4.4.4  遮罩效果   4.5  變形與動畫效果     4.5.1  平面變形效果     4.5.2  3D變換效果     4.5.3  animation動畫效果   習題 第5章  CSS布局   5.1  浮動     5.1.1  盒子浮動后的特點     5.1.2  清除浮動元素的影響     5.1.3  清除浮動影響的方法   5.2  浮動的應用舉例     5.2.1  圖文混排及首字下沉     5.2.2  水平導航條     5.2.3  新聞欄目框     5.2.4  微博對話框   5.3  相對定位     5.3.1  定位屬性和偏移屬性     5.3.2  相對定位的特點     5.3.3  相對定位的應用   5.4  絕對定位和固定定位     5.4.1  絕對定位     5.4.2  絕對定位的應用     5.4.3  固定定位     5.4.4  與定位屬性有關的CSS屬性     5.4.5  overflow屬性     5.4.6  vertical-align屬性   5.5  CSS分欄布局     5.5.1  分欄布局的種類     5.5.2  網頁居中的方法     5.5.3  1-3-1版式網頁布局     5.5.4  1-2-1可變寬度布局     5.5.5  CSS兩列布局案例     5.5.6  HTML 5文檔結構標記     5.5.7  HTML 5網頁布局案例   5.6  CSS 3新增的布局方式     5.6.1  彈性盒布局     5.6.2  分欄布局   習題 第6章  網站開發過程與環境配置   6.1  網站開發的過程     6.1.1  基本任務和角色     6.1.2  網站開發過程的各環節   6.2  網站的風格與色彩設計     6.2.1  網站風格設計的基本原則     6.2.2  色彩的模式     6.2.3  色彩的特質與心理感覺     6.2.4  網頁中色彩的角色     6.2.5  色彩的對比和調和     6.2.6  網頁中色彩搭配的原則     6.2.7  網頁版式設計   6.3  網站的環境準備     6.3.1  架設網站的基本條件     6.3.2  配置主機空間和域名     6.3.3  上傳網站和網站備案   習題 第7章  Photoshop   7.1  Photoshop基礎     7.1.1  矢量圖和點陣圖的概念     7.1.2  認識Photoshop的界面     7.1.3  新建、打開和置入文件     7.1.4  修改圖像和畫布大小   7.2  編輯點陣圖     7.2.1  圖層及柵格化圖層     7.2.2  創建和取消選區     7.2.3  圖層的變換和透視   7.3  繪製矢量圖形     7.3.1  創建矢量圖形     7.3.2  微信圖標的製作   7.4  編輯和修飾文本     7.4.1  文本編輯和修飾的過程     7.4.2  將文本附加到路徑   7.5  蒙版     7.5.1  創建剪貼蒙版     7.5.2  創建點陣圖蒙版   7.6  切片及導出     7.6.1  切片的作用     7.6.2  切片的基本操作     7.6.3  切片操作的案例   習題 第8章  JavaScript及其框架   8.1  JavaScript的代碼結構   8.2  JavaScript的事件編程     8.2.1  JavaScript語言基礎     8.2.2  常用JavaScript事件     8.2.3  事件監聽程序   8.3  JavaScript DOM編程     8.3.1  動態效果的實現     8.3.2  獲取指定元素     8.3.3  訪問元素的CSS屬性     8.3.4  訪問元素的內容   8.4  使用瀏覽器對象   8.5  jQuery基礎     8.5.1  jQuery的功能和使用     8.5.2  jQuery中的「$」     8.5.3  jQuery對象與DOM對象     8.5.4  jQuery的選擇器     8.5.5  jQuery的事件綁定     8.5.6  jQuery中的常用方法     8.5.7  jQuery應用舉例   8.6  Vue基礎     8.6.1  簡單的Vue程序     8.6.2  Vue綁定數據實現動態效果     8.6.3  v-if和v-for指令   習題 參考文獻 
		
						</div>
					</div>
					
					
				</div>
			</div>
			
		</div>
			
			
			
		</div>
		
		
 <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;">Δ購買商品</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;">Δ售後服務</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;">Δ訂單支付</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;">Δ關於我們</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>│ 
		Copyrightc 1999~2008 美商天龍國際圖書股份有限公司 臺灣分公司. All rights reserved. 
		營業地址:臺北市中正區重慶南路一段103號1F 105號1F-2F 
		讀者服務部電話：02-2381-2033 02-2381-1863　時間：週一-週五 10:00-17:00 
　服務信箱：bookuu@69book.com 客戶、意見信箱:<a href="mailto:cs@69book.com">cs@69book.com</a>
		 ICP證：浙B2-20060032

</div>
	<div style="clear:both; height:20px;"></div>
	</div>

</div>
</div>
</body>
</html>

同類熱銷排行榜

最近瀏覽的商品

基於Web標準的網頁設計與製作(微課版)/高等院校電腦基礎教育課程體系特色教材系列