HTML+CSS網(wǎng)頁開發(fā)技術精解

第1篇 HTML篇
第1章 網(wǎng)頁標識語言HTML基礎
1.1 HTML語言概述
1.1.1 認識HTML語言
1.1.2 HTML語言的發(fā)展歷史
1.2 HTML文件的基本結構
1.2.1 HTML文件結構
1.2.2 編寫HTML文件的注意事項
1.3 編寫簡單的HTML實例
1.3.1 使用記事本手工編寫HTML頁面
1.3.2 使用Dreamweaver輔助編寫HTML頁面
1.4 課后習題
第2章 頁面基本元素
2.1 頁面頭部元素＜head＞
2.2 頁面標題元素＜title＞
2.3 元信息元素＜meta＞
2.3.1 元信息元素名稱屬性name、content
2.3.2 元信息元素的附加屬性http-equiv
2.3.3 設置頁面關鍵字
2.3.4 設置頁面說明
2.3.5 定義頁面的跳轉
2.3.6 定義頁面的作者信息
2.3.7 定義頁面的版權信息
2.4 頁面主體元素＜body＞
2.4.1 主體元素的背景顏色屬性bgcolor
2.4.2 主體元素的背景圖片屬性background
2.4.3 主體元素的文本屬性text
2.4.4 未訪問過的鏈接屬性link
2.4.5 激活的鏈接屬性alink
2.4.6 已訪問過的鏈接屬性vlink
2.4.7 IE瀏覽器中的左邊界屬性leftmargin
2.4.8 IE瀏覽器中的上邊界屬性topmargin
2.4.9 主體元素的背景圖片滾動屬性bgproperties
2.5 創(chuàng)建樣式元素＜style＞
2.6 腳本元素＜script＞
2.7 課后習題
第3章 網(wǎng)頁文本與段落信息組織
3.1 文本基本標記
3.1.1 字體屬性face
3.1.2 字號屬性size
3.1.3 顏色屬性color
3.2 標題元素
3.3 段落元素
3.4 文本的間隔和布局
3.4.1 換行元素＜br＞
3.4.2 縮進元素＜blockquote＞
3.4.3 保留格式元素＜pre＞
3.4.4 取消換行元素＜nobr＞
3.4.5 引用元素＜q＞
3.5 水平分隔線元素＜hr＞
3.5.1 粗細屬性size
3.5.2 陰影屬性noshade
3.5.3 寬度屬性width
3.5.4 對齊屬性align
3.5.5 顏色屬性color
3.6 文本的樣式設置
3.6.1 放大元素＜big＞
3.6.2 縮小元素＜small＞
3.6.3 斜體顯示元素＜i＞、＜em＞和＜cite＞
3.6.4 加粗的強調(diào)元素＜strong＞和＜b＞
3.6.5 下標元素＜sub＞
3.6.6 上標元素＜sup＞
3.7 課后習題
第4章 列表的建立和使用
4.1 使用無序列表
4.1.1 無序列表標記ul
4.1.2 無序列表的類型type
4.1.3 菜單列表標記menu
4.1.4 目錄列表dir
4.2 使用有序列表
4.2.1 有序列表標記ol
4.2.2 有序列表的類型type
4.2.3 有序列表的起始數(shù)值start
4.3 列表條目元素＜li＞
4.3.1 項目符號的類型屬性type
4.3.2 條目編號屬性value
4.4 定義列表元素＜dl＞
4.5 課后習題
第5章 網(wǎng)頁圖像和多媒體信息組織
5.1 圖像元素＜img＞
5.1.1 圖像元素的路徑屬性src
5.1.2 代替圖片的文本屬性alt
5.1.3 圖像元素的寬度、高度屬性width、height
5.1.4 圖像元素的邊框屬性border
5.1.5 圖像元素的對齊屬性align
5.1.6 圖像元素的垂直邊距屬性vspace
5.1.7 圖像元素的水平邊距屬性hspace
5.2 使用背景音樂
5.2.1 背景音樂的路徑屬性src
5.2.2 背景音樂的重復屬性loop
5.3 滾動標簽marquee
5.3.1 滾動標記marquee
5.3.2 滾動方向direction
5.3.3 滾動方式behavir
5.3.4 滾動次數(shù)loop
5.3.5 滾動速度scrollamount
5.3.6 滾動延遲scrolldelay
5.3.7 滾動區(qū)域的背景顏色bgcolor
5.3.8 滾動背景寬度width和高度height
5.3.9 設置空白空間hspace、vspace
5.4 多媒體標簽
5.5 課后習題
第6章 超鏈接的建立
6.1 超鏈接基礎
6.2 鏈接元素＜a＞
6.2.1 指定路徑屬性href
6.2.2 顯示鏈接目標屬性target
6.3 設置不同的鏈接目標
6.3.1 設置頁面內(nèi)部的特定目標的鏈接
6.3.3 設置圖片的超鏈接
6.3.4 設置電子郵件鏈接
6.4 圖像熱區(qū)鏈接
6.5 課后習題
第7章 用表格排列組織網(wǎng)頁元素
7.1 表格元素的結構
7.1.1 表格＜table＞
7.1.2 行＜tr＞
7.1.3 單元格＜td＞
7.2 ＜table＞元素的屬性
7.2.1 邊框屬性border
7.2.2 水平對齊屬性align
7.2.3 高度屬性height
7.2.4 寬度屬性width
7.2.5 邊框顏色屬性bordercolor
7.2.6 邊框亮邊線屬性bordercolorlight
7.2.7 邊框暗邊線屬性bordercolordark
7.2.8 背景顏色屬性bgcolor
7.2.9 背景圖片屬性background
7.2.10 單元格間距屬性cellspacing
7.2.11 單元格補白屬性cellspadding
7.3 ＜tr＞元素的屬性
7.3.1 水平對齊屬性align
7.3.2 垂直對齊屬性valign
7.3.3 背景顏色屬性bgcolor
7.3.4 邊框顏色屬性bordercolor
7.3.5 邊框暗邊線屬性bordercolordark
7.3.6 邊框亮邊線屬性bordercolorlight
7.4 ＜td＞元素的屬性
7.4.1 寬度屬性width
7.4.2 高度屬性height
7.4.3 背景顏色屬性bgcolor
7.4.4 背景圖片屬性background
7.4.5 水平對齊屬性align
7.4.6 垂直對齊屬性valign
7.4.7 邊框顏色屬性bordercolor
7.4.8 合并列屬性colspan
7.4.9 合并行屬性rowspan
7.5 表格中使用的其他元素
7.5.1 表格標題元素＜caption＞
7.5.2 表格頭行元素＜thead＞
7.5.3 表主體元素＜tbody＞
7.5.4 表格行尾元素＜tfoot＞
7.6 課后習題
第8章 用表單創(chuàng)建交互式網(wǎng)頁
8.1 表單元素form
8.1.1 處理動作action
8.1.2 表單名稱name
8.1.3 傳送方法method
8.1.4 編碼方式enctype
8.1.5 目標顯示方式target
8.2 表單控件＜input＞
8.2.1 文字字段text
8.2.2 密碼域password
8.2.3 單選按鈕radio
8.2.4 復選框checkbox
8.2.5 普通按鈕button
8.2.6 提交按鈕submit
8.2.7 重置按鈕reset
8.2.8 圖像域image
8.2.9 隱藏域hidden
8.2.10 文件域file
8.3 選擇列表條目元素＜option＞
8.4 選擇列表元素＜select＞
8.4.1 高度屬性size
8.4.2 多項選擇屬性multiple
8.5 文本區(qū)域元素＜textarea＞
8.6 課后習題
第9章 創(chuàng)建框架結構網(wǎng)頁
9.1 框架簡介
9.2 框架集元素＜frameset＞
9.2.1 水平分割窗口rows
9.2.2 垂直分割窗口cols
9.2.3 邊框屬性frameborder
9.2.4 邊框寬度framespacing
9.2.5 邊框顏色bordercolor
9.3 框架內(nèi)容元素＜frame＞
9.3.1 框架頁面源文件src
9.3.2 框架名稱name
9.3.3 框架窗口的尺寸noresize
9.3.4 框架邊框與頁面內(nèi)容的水平邊距marginwidth
9.3.5 框架邊框與頁面內(nèi)容的垂直邊距marginheight
9.3.6 設置框架滾動條scrolling
9.3.7 不支持框架標記noframes
9.4 浮動框架元素＜iframe＞
9.4.1 浮動框架的頁面源文件src
9.4.2 浮動框架的寬度width和高度height
9.4.3 浮動框架對齊方式align
9.4.4 框架邊框與頁面內(nèi)容的水平邊距marginwidth
9.4.5 框架邊框與頁面內(nèi)容的垂直邊距marginheight
9.4.6 設置浮動框架是否顯示滾動條scrolling
9.4.7 浮動框架的邊框frameborder
9.5 課后習題
第2篇 CSS基礎篇
第10章 （X）HTML與CSS概述
10.1 HTML與XHTML
10.1.1 什么是XHTML
10.1.2 DOCTYPE聲明
10.1.3 XHTML與HTML的重要區(qū)別
10.2 何謂Web標準
10.3 （X）HTML與CSS
10.3.1 CSS標準
10.3.2 傳統(tǒng)HTML的缺點
10.3.3 如何編輯CSS
10.4 課后習題
第11章 CSS語言基礎
11.1 CSS基本語法
11.2 基本CSS選擇器
11.2.1 標簽選擇器
11.2.2 類選擇器
11.2.3 ID選擇器
11.3 在HTML中添加CSS的方法
11.3.1 在標簽中加入樣式
11.3.2 在HTML文檔中植入CSS樣式
11.3.3 鏈接外部樣式
11.3.4 導入樣式
11.3.5 在腳本內(nèi)添加CSS樣式
11.4 課后習題
第12章 用CSS設置文本樣式
12.1 文字樣式的設置
12.1.1 字體font-family
12.1.2 字號font-size
12.1.3 文字傾斜效果font-style
12.1.4 文字加粗font-weight
12.1.5 字體變體font-variant
12.2 文本的排版
12.2.1 調(diào)整字母間距l(xiāng)etter-spacing
12.2.2 調(diào)整單詞間距word-spacing
12.2.3 添加文字修飾text-decoration
12.2.4 設置文本排列方式text-align
12.2.5 設置段落縮進text-indent
12.2.6 調(diào)整行高line-height
12.2.7 轉換英文大小寫text-transform
12.2.8 垂直對齊屬性vertical-align
12.3 課后習題
第13章 用CSS設置網(wǎng)頁圖片和背景
13.1 設置圖片邊框
13.1.1 基本屬性
13.1.2 設置不同的邊框樣式
13.2 圖片縮放
13.3 圖文混排
13.3.1 文字環(huán)繞
13.3.2 設置圖片與文字的間距
13.4 設置網(wǎng)頁的背景
13.4.1 背景顏色background-color
13.4.2 背景圖像background-image
13.5 設置背景圖像的屬性
13.5.1 背景圖片重復background-repeat
13.5.2 背景圖片滾動屬性background-attachment
13.5.3 背景圖片定位background-position
13.6 課后習題
第14章 CSS中的濾鏡
14.1 不透明度alpha
14.2 動感模糊blur
14.3 對顏色進行透明處理chroma
14.4 設置陰影dropShadow
14.5 對象的翻轉flipH、flipV
14.6 發(fā)光效果glow
14.7 灰度處理gray
14.8 反相invert
14.9 X光片效果xray
14.10 波形濾鏡wave
14.11 課后習題
第15章 用CSS設置表格和表單樣式
15.1 控制表格元素的顯示
15.1.1 邊框合并屬性border-collapse
15.1.2 表格邊框間距屬性border-spacing
15.1.3 表格標題位置屬性caption-side
15.1.4 表格布局屬性table-layout
15.2 美化表格
15.2.1 隔行換色的斑馬紋表格
15.2.2 通過mouse事件制作變色的單元格
15.3 CSS與表單
15.3.1 表單中的元素
15.3.2 改變按鈕的背景顏色和文字顏色
15.3.3 用dl、dd、dt替換table實現(xiàn)表單布局
15.3.4 設計文本框的樣式
15.3.5 改變下拉菜單顏色
15.4 課后習題
第16章 用CSS設置鏈接與導航菜單
16.1 鏈接標簽
16.2 創(chuàng)建按鈕式超鏈接
16.3 控制鼠標指針
16.4 設置項目列表樣式
16.4.1 列表符號類型list-style-type
16.4.2 列表符號的混用
16.4.3 列表圖像屬性list-style-image
16.4.4 標簽位置屬性list-style-position
16.4.5 列表綜合屬性list-style
16.5 創(chuàng)建簡單的導航菜單
16.5.1 簡單的豎直排列菜單
16.5.2 橫豎自由轉換菜單
16.6 鼠標指針移上時圖片漸變的效果
16.7 課后習題
第3篇 CCS布局篇
第17章 CSS盒子模型
17.1 “盒子”與“模型”的概念
17.2 邊框border
17.2.1 邊框寬度border-width
17.2.2 邊框顏色border-color
17.2.3 邊框樣式border-style
17.3 設置內(nèi)邊距padding
17.3.1 頂部屬性padding-top
17.3.2 右側屬性padding-right
17.3.3 底部屬性padding-bottom
17.3.4 左側屬性padding-left
17.4 設置外邊距margin
17.4.1 頂部邊界屬性margin-top
17.4.2 右側邊界屬性margin-right
17.4.3 底部邊界屬性margin-bottom
17.4.4 左側邊界屬性margin-left
17.5 課后習題
第18章 盒子的浮動與定位
18.1 盒子的浮動
18.1.1 元素的浮動屬性float
18.1.2 清除浮動屬性clear
18.2 元素的定位
18.2.1 元素的定位屬性position
18.2.2 上邊偏移屬性top、下邊偏移屬性bottom
18.2.3 左邊偏移屬性left、右邊偏移屬性right
18.3 盒子的定位
18.3.1 絕對定位（absolute）
18.3.2 固定定位（fixed）
18.3.3 相對定位（relative）
18.3.4 靜態(tài)定位（static）
18.4 z-index空間位置
18.5 課后習題
第19章 CSS+DIV布局方法
19.1 CSS布局理念
19.1.1 將頁面用DIV分塊
19.1.2 設計各塊的位置
19.1.3 用CSS定位
19.2 固定寬度布局
19.2.1 兩列布局
19.2.2 三列布局
19.2.3 多列布局
19.3 圓角框
19.4 變寬度網(wǎng)頁布局制作
19.5 課后習題
第4篇 JavaScript篇
第20章 JavaScript基礎
20.1 JavaScript起步
20.1.1 JavaScript簡介
20.1.2 JavaScript實例
20.1.3 JavaScript放置位置
20.2 JavaScript程序
20.2.1 語句和語句塊
20.2.2 函數(shù)
20.2.3 常用系統(tǒng)函數(shù)
20.2.4 消息對話框
20.2.5 注釋
20.3 標識符和變量
20.3.1 關于命名的規(guī)定
20.3.2 JavaScript的數(shù)據(jù)類型
20.3.3 變量
20.3.4 轉義字符
20.4 運算符和表達式
20.4.1 算術運算符和表達式
20.4.2 賦值運算符和表達式
20.4.3 關系運算符和表達式
20.4.4 邏輯運算符和表達式
20.4.5 條件運算符和表達式
20.5 對象
20.5.1 對象屬性的使用
20.5.2 對象方法的使用
20.5.3 瀏覽器的內(nèi)部對象
20.6 事件編程
20.6.1 事件簡介
20.6.2 onFocus事件
20.6.3 鼠標事件
20.6.4 單擊事件
20.6.5 頁面載入和離開
20.7 課后習題
第5篇 綜合案例篇
第21章 網(wǎng)站頁面制作綜合案例
21.1 案例概述
21.2 內(nèi)容分析
21.3 HTML結構設計
21.4 頁面方案設計
21.5 定義頁面的整體樣式
21.6 制作頁面頭部
21.6.1 制作頁面頭部的結構
21.6.2 定義頁面頭部的樣式
21.7 制作左側導航
21.7.1 制作左側導航部分的結構
21.7.2 定義左側導航的樣式
21.8 制作“聯(lián)系我們”部分
21.8.1 制作“聯(lián)系我們”部分的結構
21.8.2 定義“聯(lián)系我們”內(nèi)容的樣式
21.9 制作“公司介紹”部分
21.9.1 制作“公司介紹”部分結構
21.9.2 定義“公司介紹”部分的樣式
21.10 制作“圖片展示”和“新聞動態(tài)”
21.10.1 制作頁面結構
21.10.2 定義頁面樣式
21.11 制作“酒店訂購”部分
21.11.1 制作頁面結構
21.11.2 定義頁面樣式
21.12 制作底部版權部分
21.13 課后習題
附錄A HTML標簽索引表
附錄B CSS常用樣式速查表
附錄C JavaScript語法手冊
附錄D 課后習題答案