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