HTML+CSS網站設計與開發從新手到高手/從新手到高手

作者：編者:羅剛//原晉鵬|責編:陳綠春
出版社：清華大學
ISBN：9787302589204

出版日期：2021/10/01
裝幀：平裝
頁數：326

人民幣：RMB 79 元售價：元

內容大鋼

本書緊密圍繞網頁設計師在網頁製作過程中的實際需要和應該掌握的技術，全面地介紹了使用HTML和CSS進行網頁設計和製作的內容和技巧。本書不僅注重語法講解，還通過一個個鮮活、典型的案例來幫助讀者達到學以致用的目的。每個語法都有對應的實例，大多數章還配有綜合實例，力求達到理論知識與實踐操作的完美結合。
本書可作為普通高校、高職高專院校電腦及相關專業的教材，也可供從事網頁設計與製作、網站開發、網頁編程等行業人員參考。

作者介紹

編者:羅剛//原晉鵬|責編:陳綠春

第1章 HTML 5入門
 1.1 認識HTML
 1.2 HTML 5的新特性
 1.3 HTML 5與HTML4的區別
 1.3.1 HTML 5的語法變化
 1.3.2 HTML 5中的標記方法
 1.3.3 HTML 5語法中的3個要點
 1.4 新增的主體結構元素
 1.4.1 article元素
 1.4.2 section元素
 1.4.3 nav元素
 1.4.4 aside元素
 1.5 新增的非主體結構元素
 1.5.1 header元素
 1.5.2 hgroup元素
 1.5.3 footer元素
 1.5.4 address元素
 1.6 本章小結
第2章 用HTML設置文字與段落格式
 2.1 HTML頁面主體常用設置
 2.1.1 定義網頁背景色：bgcolor
 2.1.2 設置背景圖片：background
 2.1.3 設置文字顏色：text
 2.1.4 設置鏈接文字屬性
 2.1.5 設置頁面邊距
 2.2 頁面頭部元素和
 2.3 頁面標題元素 2.4 插入其他標記 2.4.1 輸入空格符號 2.4.2 輸入特殊符號 2.5 設置文字的格式 2.5.1 字體：face 2.5.2 字型大小：size 2.5.3 文字顏色：color 2.5.4 粗體、斜體、下畫線：b、strong、i、em、cite、u 2.5.5 上標與下標：sup、sub 2.5.6 多種標題樣式：<h1>?<h6> 2.6 設置段落的排版與換行 2.6.1 為文字分段 2.6.2 段落的對齊屬性：align 2.6.3 不換行標記：nobr 2.6.4 換行標記：br 2.7 水平線標記 2.7.1 插入水平線：hr 2.7.2 水平線的寬度與高度：width、size 2.7.3 水平線的顏色：color 2.7.4 水平線的對齊方式：align 2.7.5 去掉水平線陰影：noshade 2.8 綜合實例—設置頁面文本及段落 2.9 本章小結 第3章 用HTML創建精彩的圖像和多媒體頁面 3.1 網頁中常見的圖像格式 3.2 插入圖像並設置圖像屬性 3.2.1 圖像標記：img 3.2.2 圖像高度：height 3.2.3 圖像寬度：width 3.2.4 圖像的邊框：border 3.2.5 圖像水平間距：hspace 3.2.6 圖像垂直間距：vspace 3.2.7 圖像相對於文字的對齊方式：align 3.2.8 圖像的替代文字：alt 3.3 音頻和視頻 3.3.1 使用embed 3.3.2 使用video 3.4 綜合實例—創建多媒體網頁 3.5 本章小結 第4章 用HTML創建超鏈接 4.1 超鏈接和路徑 4.1.1 超鏈接的概念 4.1.2 路徑URL 4.1.3 HTTP路徑 4.1.4 FTP路徑 4.1.5 郵件路徑 4.2 鏈接元素<a 4.2.1 指定路徑屬性href 4.2.2 顯示鏈接目標屬性target 4.2.3 鏈接的熱鍵屬性accesskey 4.3 創建圖像的超鏈接 4.3.1 創建鏈接區域元素<map> 4.3.2 鏈接區域的名稱屬性name 4.3.3 定義滑鼠敏感區元素<area> 4.3.4 鏈接的路徑屬性href、nohref 4.3.5 滑鼠敏感區坐標屬性coords 4.4 創建錨點鏈接 4.5 綜合實例—為網頁添加鏈接 4.6 本章小結 第5章 使用HTML創建表格 5.1 創建並設置表格屬性 5.1.1 表格的基本標記：table、tr、td 5.1.2 表格寬度和高度：width、height 5.1.3 表格的標題：caption 5.1.4 表格的表頭：th 5.1.5 表格對齊方式：align 5.1.6 表格的邊框寬度：border 5.1.7 表格的邊框顏色：bordercolor 5.1.8 單元格間距：cellspacing 5.1.9 單元格邊距：cellpadding 5.1.10 表格的背景色：bgcolor 5.1.11 表格的背景圖像：background 5.2 表格的結構標記 5.2.1 設計表頭樣式：thead 5.2.2 設計表主體樣式：tbody 5.2.3 設計表尾樣式：tfoot 5.3 綜合實例—使用表格排版網頁 5.4 本章小結 第6章 創建互動式表單 6.1 表單元素<form 6.1.1 動作屬性action 6.1.2 發送數據方式屬性method 6.1.3 名稱屬性name 6.2 表單對象<input 6.2.1 文本域text 6.2.2 密碼域password 6.2.3 提交按鈕submit 6.2.4 複位按鈕reset 6.2.5 圖像域image 6.2.6 普通按鈕button 6.2.7 複選框checkbox 6.2.8 單選按鈕radio 6.2.9 隱藏域hidden 6.3 綜合實例—用戶註冊表單頁面 6.4 本章小結 第7章 HTML 5繪圖Canvas和SVG 7.1 Canvas繪製基本圖形 7.1.1 Canvas元素 7.1.2 繪製直線 7.1.3 繪製矩形 7.1.4 繪製三角形 7.1.5 繪製圓弧 7.1.6 繪製貝塞爾曲線 7.2 顏色和樣式選項 7.2.1 應用不同的線型 7.2.2 繪製線性漸變 7.2.3 繪製徑向漸變 7.3 　變換 7.3.1 平移變換 7.3.2 縮放變換 7.3.3 旋轉變換 7.4 SVG 7.4.1 圖形繪製 7.4.2 文本與圖像 7.4.3 筆畫與填充 7.5 綜合實例—繪製精美時鐘 7.6 本章小結 第8章 CSS基礎知識 8.1 CSS3簡介 8.1.1 CSS基本概念 8.1.2 CSS的優點 8.1.3 CSS功能 8.1.4 CSS發展史 8.2 在HTML 5中使用CSS 8.2.1 行內樣式 8.2.2 內嵌樣式 8.2.3 鏈接樣式 8.2.4 導入樣式 8.2.5 優先順序問題 8.3 選擇器類型 8.3.1 　標籤選擇器 8.3.2 　類選擇器 8.3.3 　ID選擇器 8.4 編輯和瀏覽CSS 8.4.1 手工編寫CSS 8.4.2 利用Dreamweaver編寫CSS 8.5 綜合實例—對網頁添加CSS樣式 8.6 本章小結 第9章 CSS控制網頁文本和段落樣式 9.1 通過CSS控制文本樣式 9.1.1 字體font-family 9.1.2 字型大小font-size 9.1.3 加粗字體font-weight 9.1.4 字體風格font-style 9.1.5 小寫字母轉換為大寫字母font-variant 9.2 通過CSS控制段落樣式 9.2.1 單詞間隔word-spacing 9.2.2 字元間隔letter-spacing 9.2.3 文字修飾text-decoration 9.2.4 垂直對齊方式vertical-align 9.2.5 文本轉換text-transform 9.2.6 水平對齊方式text-align 9.2.7 文本縮進text-indent 9.2.8 文本行高line-height 9.3 綜合實例—CSS字體樣式綜合演練 9.4 本章小結 第10章 用CSS設計圖片和背景 10.1 設置網頁的背景 10.1.1 　背景顏色 10.1.2 背景圖片 10.2 設置背景圖片的樣式 10.2.1 背景圖片重複 10.2.2 背景圖片附件 10.2.3 背景圖片定位 10.3 設置網頁圖片的樣式 10.3.1 設置圖片邊框 10.3.2 圖文混合排版 10.4 綜合實例 10.4.1 實例1—為圖片添加邊框 10.4.2 實例2—游標移到圖片時產生漸變效果 10.5 本章小結 第11章 用CSS製作實用的菜單和網站導航 11.1 列表的使用 11.2 控制列表樣式 11.2.1 ul無序列表 11.2.2 ol有序列表 11.2.3 dl定義列表 11.2.4 更改列表起始數值 11.3 橫排導航 11.3.1 文本導航 11.3.2 標籤式導航 11.4 豎排導航 11.5 綜合實例 11.5.1 實例１—實現背景變換的導航菜單 11.5.2 實例2—利用CSS製作橫嚮導航 11.5.3 實例3—樹狀導航菜單 11.6 本章小結 第12章 CSS3移動網頁開發 12.1 預覽激動人心的CSS 12.2 邊框 12.2.1 圓角邊框border-radius 12.2.2 邊框圖片border-image 12.2.3 邊框陰影box-shadow 12.3 背景 12.3.1 背景圖片尺寸background-size 12.3.2 背景圖片定位區域background-origin 12.3.3 背景繪製區域background-clip 12.4 文本 12.4.1 文本陰影text-shadow 12.4.2 強制換行word-wrap 12.4.3 文本溢出text-overflow 12.5 多列 12.5.1 創建多列column-count 12.5.2 列的寬度column-width 12.6 轉換 12.6.1 移動translate() 12.6.2 旋轉rotate() 12.6.3 縮放scale() 12.7 綜合實例—將滑鼠放上去移動並旋轉圖片 12.8 本章小結 第13章 CSS盒子模型與定位 13.1 「盒子」與「模型」的概念探究 13.2 　border 13.2.1 　邊框樣式：border-style 13.2.2 　屬性值的簡寫形式 13.2.3 　邊框與背景 13.3 設置內邊距(padding) 13.4 設置外邊距(margin)　 13.5 盒子的定位 13.5.1 靜態定位(static) 13.5.2 相對定位(relative) 13.5.3 絕對定位(absolute) 13.5.4 　固定定位(fixed) 13.6 盒子的浮動 13.7 　綜合案例—設置第1個浮動的Div 13.8 本章小結 第14章 CSS+Div布局方法 14.1 CSS布局模型 14.1.1 關於CSS布局 14.1.2 流動布局模型 14.1.3 浮動布局模型 14.1.4 層布局模型 14.1.5 高度自適應 14.2 　CSS布局理念 14.2.1 將頁面用Div分塊 14.2.2 設計各塊的位置 14.2.3 用CSS定位 14.3 常見的布局類型 14.3.1 列固定寬度 14.3.2 列自適應 14.3.3 兩列固定寬度 14.3.4 兩列寬度自適應 14.3.5 兩列右列寬度自適應 14.3.6 三列浮動中間寬度自適應 14.3.7 三行二列居中高度自適應布局 14.4 本章小結 第15章 JavaScript基礎知識 15.1 JavaScript的添加方法 15.1.1 內部引用 15.1.2 外部調用js文件 15.1.3 添加到事件中 15.2 基本數據類型 15.2.1 使用字元串型數據 15.2.2 使用數值型數據 15.2.3 使用布爾型數據 15.2.4 使用Undefined和Null類型 15.3 常量和變數 15.3.1 常量 15.3.2 常量的使用方法 15.3.3 變數的定義 15.4 使用選擇語句 15.4.1 if選擇語句 15.4.2 if…else選擇語句 15.4.3 if…elseif…else選擇語句 15.4.4 switch多條件選擇語句 15.5 使用循環語句 15.5.1 for循環語句 15.5.2 while循環語句 15.5.3 do-while循環語句 15.5.4 break和continue跳轉語句 15.6 事件 15.6.1 事件詳解 15.6.2 事件與事件驅動 15.7 JavaScript對象 15.7.1 聲明和實例化 15.7.2 對象的引用 15.7.3 navigator對象 15.7.4 window對象 15.7.5 　location對象 15.7.6 history對象 15.7.7 document對象 15.8 　綜合實例—改變網頁背景顏色 15.9 本章小結 第16章 設計製作企業網站 16.1 企業網站設計概述 16.1.1 企業網站主要功能 16.1.2 頁面配色 16.1.3 排版構架 16.2 各部分設計 16.2.1 頁面的通用規則 16.2.2 製作網站導航部分 16.2.3 製作header右側部分 16.2.4 製作歡迎部分 16.3 本章小結 </div> </div> </div> </div> </div> </div>  <script language="javascript">  </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>

同類熱銷排行榜

最近瀏覽的商品

HTML+CSS網站設計與開發從新手到高手/從新手到高手