HTML與CSS是網(wǎng)頁制作技術(shù)的核心和基礎(chǔ)，也是每個(gè)網(wǎng)頁制作者必須要掌握的基本知識，兩者在網(wǎng)頁設(shè)計(jì)中不可或缺。《網(wǎng)頁設(shè)計(jì)與制作：HTML+CSS從初學(xué)者的角度，以形象的比喻、實(shí)用的案例、通俗易懂的語言詳細(xì)介紹了使用HTML與CSS進(jìn)行網(wǎng)頁設(shè)計(jì)與制作的各方面內(nèi)容和技巧。
《網(wǎng)頁設(shè)計(jì)與制作：HTML+CSS附有配套視頻、源代碼、習(xí)題、教學(xué)課件等資源，而且為了幫助初學(xué)者及時(shí)解決學(xué)習(xí)過程中遇到的問題，傳智播客還專門提供了免費(fèi)的在線答疑平臺，并承諾在3小時(shí)內(nèi)針對問題給予解答。
HTML與CSS是網(wǎng)頁制作技術(shù)的核心和基礎(chǔ)，也是每個(gè)網(wǎng)頁制作者必須要掌握的基本知識，兩者在網(wǎng)頁設(shè)計(jì)中不可或缺。本書從初學(xué)者的角度，以形象的比喻、實(shí)用的案例、通俗易懂的語言詳細(xì)介紹了使用HTML與CSS進(jìn)行網(wǎng)頁設(shè)計(jì)與制作的各方面內(nèi)容和技巧。
第1章 HTML與CSS網(wǎng)頁設(shè)計(jì)概述
1.1 Web基本概念
1.1.1 認(rèn)識網(wǎng)頁
1.1.2 名詞解釋
1.1.3 了解Web標(biāo)準(zhǔn)
1.2 網(wǎng)頁制作入門
1.2.1 HTML簡介
1.2.2 CSS簡介
1.2.3 常見瀏覽器介紹
1.3 Dreamweaver工具的使用
1.3.1 Dreamweaver界面介紹
1.3.2 Dreamweaver初始化設(shè)置
1.3.3 創(chuàng)建第一個(gè)網(wǎng)頁
本章小結(jié)
第2章 HTML入門
2.1 什么是HTML
2.1.1 HTML文檔基本格式
2.1.2 HTML標(biāo)記
2.1.3 標(biāo)記的屬性
2.1.4 HTML文檔頭部相關(guān)標(biāo)記
2.2 HTML文本控制標(biāo)記
2.2.1 標(biāo)題和段落標(biāo)記
2.2.2 文本樣式標(biāo)記
2.2.3 文本格式化標(biāo)記
2.2.4 特殊字符標(biāo)記
2.3 HTML圖像標(biāo)記
2.3.1 常用圖像格式
2.3.2 圖像標(biāo)記
2.3.3 相對路徑和絕對路徑
2.4 階段案例——制作圖文混排頁面
2.4.1 分析效果圖
2.4.2 制作頁面結(jié)構(gòu)
2.4.3 控制圖像
2.4.4 控制文本
本章小結(jié)
第3章 CSS入門
3.1 CSS核心基礎(chǔ)
3.1.1 CSS樣式規(guī)則
3.1.2 引入CSS樣式表
3.1.3 CSS基礎(chǔ)選擇器
3.2 CSS文本相關(guān)樣式
3.2.1 CSS字體樣式屬性
3.2.2 CSS文本外觀屬性
3.3 CSS高級特性
3.3.1 CSS復(fù)合選擇器
3.3.2 CSS層疊性和繼承性
3.3.3 CSS優(yōu)先級
3.4 階段案例——制作新聞頁面
3.4.1 分析效果圖
3.4.2 制作頁面結(jié)構(gòu)
3.4.3 定義CSS樣式
本章小結(jié)
第4章 盒子模型
4.1 認(rèn)識盒子模型
4.2 盒子模型相關(guān)屬性
4.2.1 邊框?qū)傩?br>4.2.2 內(nèi)邊距屬性
4.2.3 外邊距屬性
4.2.4 背景屬性
4.2.5 盒子的寬與高
4.3 元素的類型與轉(zhuǎn)換
4.3.1 元素的類型
4.3.2 ＜div＞與＜span＞標(biāo)記
4.3.3 元素的轉(zhuǎn)換
4.4 塊元素垂直外邊距的合并
4.4.1 相鄰塊元素垂直外邊距的合并
4.4.2 嵌套塊元素垂直外邊距的合并
4.5 階段案例——制作音樂盒
4.5.1 分析效果圖
4.5.2 制作頁面結(jié)構(gòu)
4.5.3 定義CSS樣式
本章小結(jié)
第5章 列表與超鏈接
5.1 列表標(biāo)記
5.1.1 無序列表ul
5.1.2 有序列表ol
5.1.3 定義列表dl
5.1.4 列表的嵌套應(yīng)用
5.2 CSS控制列表樣式
5.2.1 list-style-type屬性
5.2.2 list-style-image屬性
5.2.3 list-style-position屬性
5.2.4 list-style屬性
5.3 超鏈接標(biāo)記
5.3.1 創(chuàng)建超鏈接
5.3.2 錨點(diǎn)鏈接
5.4 鏈接偽類控制超鏈接
5.5 階段案例——制作新聞列表
5.5.1 分析效果圖
5.5.2 制作頁面結(jié)構(gòu)
5.5.3 定義CSS樣式
本章小結(jié)
第6章 表格與表單
6.1 表格標(biāo)記
6.1.1 創(chuàng)建表格
6.1.2 ＜table＞標(biāo)記的屬性
6.1.3 ＜tr＞標(biāo)記的屬性
6.1.4 ＜td＞標(biāo)記的屬性
6.1.5 ＜th＞標(biāo)記及其屬性
6.1.6 表格的結(jié)構(gòu)
6.2 CSS控制表格樣式
6.2.1 CSS控制表格邊框
6.2.2 CSS控制單元格邊距
6.2.3 CSS控制單元格的寬高
6.3 認(rèn)識表單
6.4 創(chuàng)建表單
6.5 表單控件
6.5.1 Input控件
6.5.2 textarea控件
6.5.3 select控件
6.6 CSS控制表單樣式
6.7 階段案例——制作注冊界面
6.7.1 分析效果圖
6.7.2 制作頁面結(jié)構(gòu)
6.7.3 定義CSS樣式
本章小結(jié)
第7章 浮動(dòng)與定位
7.1 元素的浮動(dòng)
7.1.1 元素的浮動(dòng)屬性
7.1.2 清除浮動(dòng)
7.2 Overflow屬性
7.3 元素的定位
7.3.1 元素的定位屬性
7.3.2 靜態(tài)定位
7.3.3 相對定位relative
7.3.4 絕對定位
7.3.5 固定定位
7.3.6 z-index層疊等級屬性
7.4 階段案例——制作banner
7.4.1 分析效果圖
7.4.2 制作頁面結(jié)構(gòu)
7.4.3 定義CSS樣式
本章小結(jié)
第8章 CSS高級技巧
8.1 CSS精靈技術(shù)
8.1.1 需求分析
8.1.2 工作原理
8.1.3 案例實(shí)戰(zhàn)——精品課程
8.2 CSS滑動(dòng)門技術(shù)
8.2.1 需求分析
8.2.2 工作原理
8.2.3 案例實(shí)戰(zhàn)——梯形網(wǎng)站導(dǎo)航
8.3 margin負(fù)值的應(yīng)用
8.3.1 對同級元素應(yīng)用負(fù)margin
8.3.2 對子元素應(yīng)用負(fù)margin
8.3.3 案例實(shí)戰(zhàn)——登錄注冊模塊
本章小結(jié)
第9章 布局與兼容性
9.1 CSS布局
9.1.1 版心和布局流程
9.1.2 單列布局
9.1.3 兩列布局
9.1.4 三列布局
9.1.5 通欄布局
9.1.6 網(wǎng)頁模塊命名規(guī)范
9.2 瀏覽器兼容性
9.2.1 CSSHack
9.2.2 IE條件注釋語句
9.2.3 使用！important解決高度自適應(yīng)問題
9.3 常見IE6瀏覽器的兼容問題
9.3.1 IE6中浮動(dòng)元素的雙倍外邊距問題
9.3.2 IE6不支持透明圖像問題
9.3.3 IE6中圖片底部的像素間隙問題
9.3.4 IE6中元素最小高度的問題
9.3.5 IE6顯示多余字符問題
9.3.6 IE6中3像素間距Bug
本章小結(jié)
第10章 實(shí)戰(zhàn)開發(fā)（上）-傳智播客設(shè)計(jì)學(xué)院首頁面
10.1 準(zhǔn)備工作
10.1.1 建立站點(diǎn)
10.1.2 站點(diǎn)初始化設(shè)置
10.1.3 首頁面效果圖分析
10.1.4 切片
10.1.5 頁面布局
10.2 首頁面詳細(xì)制作
10.2.1 制作頭部和導(dǎo)航
10.2.2 banner和通告
10.2.3 主體內(nèi)容區(qū)域
10.2.4 底部版權(quán)區(qū)域
本章小結(jié)
第11章 實(shí)戰(zhàn)開發(fā)（下）-傳智播客設(shè)計(jì)學(xué)院子頁面
11.1 Dreamweaver模板
11.1.1 模板的作用
11.1.2 建立模板的步驟
11.1.3 引用模板
11.2 列表詳情頁面制作
11.2.1 “關(guān)于我們”頁面制作
11.2.2 課程介紹頁面制作
11.2.3 課程詳細(xì)介紹頁面制作
本章小結(jié)
新書資訊