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

第1篇 HTML篇
第1章 網(wǎng)頁標(biāo)識語言HTML基礎(chǔ)
1.1 HTML語言概述
1.1.1 認(rèn)識HTML語言
1.1.2 HTML語言的發(fā)展歷史
1.2 HTML文件的基本結(jié)構(gòu)
1.2.1 HTML文件結(jié)構(gòu)
1.2.2 編寫HTML文件的注意事項(xiàng)
1.3 編寫簡單的HTML實(shí)例
1.3.1 使用記事本手工編寫HTML頁面
1.3.2 使用Dreamweaver輔助編寫HTML頁面
1.4 課后習(xí)題
第2章 頁面基本元素
2.1 頁面頭部元素＜head＞
2.2 頁面標(biāo)題元素＜title＞
2.3 元信息元素＜meta＞
2.3.1 元信息元素名稱屬性name、content
2.3.2 元信息元素的附加屬性http-equiv
2.3.3 設(shè)置頁面關(guān)鍵字
2.3.4 設(shè)置頁面說明
2.3.5 定義頁面的跳轉(zhuǎn)
2.3.6 定義頁面的作者信息
2.3.7 定義頁面的版權(quán)信息
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 課后習(xí)題
第3章 網(wǎng)頁文本與段落信息組織
3.1 文本基本標(biāo)記
3.1.1 字體屬性face
3.1.2 字號屬性size
3.1.3 顏色屬性color
3.2 標(biāo)題元素
3.3 段落元素
3.4 文本的間隔和布局
3.4.1 換行元素＜br＞
3.4.2 縮進(jìn)元素＜blockquote＞
3.4.3 保留格式元素＜pre＞
3.4.4 取消換行元素＜nobr＞
3.4.5 引用元素＜q＞
3.5 水平分隔線元素＜hr＞
3.5.1 粗細(xì)屬性size
3.5.2 陰影屬性noshade
3.5.3 寬度屬性width
3.5.4 對齊屬性align
3.5.5 顏色屬性color
3.6 文本的樣式設(shè)置
3.6.1 放大元素＜big＞
3.6.2 縮小元素＜small＞
3.6.3 斜體顯示元素＜i＞、＜em＞和＜cite＞
3.6.4 加粗的強(qiáng)調(diào)元素＜strong＞和＜b＞
3.6.5 下標(biāo)元素＜sub＞
3.6.6 上標(biāo)元素＜sup＞
3.7 課后習(xí)題
第4章 列表的建立和使用
4.1 使用無序列表
4.1.1 無序列表標(biāo)記ul
4.1.2 無序列表的類型type
4.1.3 菜單列表標(biāo)記menu
4.1.4 目錄列表dir
4.2 使用有序列表
4.2.1 有序列表標(biāo)記ol
4.2.2 有序列表的類型type
4.2.3 有序列表的起始數(shù)值start
4.3 列表?xiàng)l目元素＜li＞
4.3.1 項(xiàng)目符號的類型屬性type
4.3.2 條目編號屬性value
4.4 定義列表元素＜dl＞
4.5 課后習(xí)題
第5章 網(wǎng)頁圖像和多媒體信息組織
5.1 圖像元素＜img＞
5.1.1 圖像元素的路徑屬性src
5.1.2 代替圖片的文本屬性alt
5.1.3 圖像元素的寬度、高度屬性width、height
5.1.4 圖像元素的邊框?qū)傩詁order
5.1.5 圖像元素的對齊屬性align
5.1.6 圖像元素的垂直邊距屬性vspace
5.1.7 圖像元素的水平邊距屬性hspace
5.2 使用背景音樂
5.2.1 背景音樂的路徑屬性src
5.2.2 背景音樂的重復(fù)屬性loop
5.3 滾動標(biāo)簽marquee
5.3.1 滾動標(biāo)記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 設(shè)置空白空間hspace、vspace
5.4 多媒體標(biāo)簽
5.5 課后習(xí)題
第6章 超鏈接的建立
6.1 超鏈接基礎(chǔ)
6.2 鏈接元素＜a＞
6.2.1 指定路徑屬性href
6.2.2 顯示鏈接目標(biāo)屬性target
6.3 設(shè)置不同的鏈接目標(biāo)
6.3.1 設(shè)置頁面內(nèi)部的特定目標(biāo)的鏈接
6.3.3 設(shè)置圖片的超鏈接
6.3.4 設(shè)置電子郵件鏈接
6.4 圖像熱區(qū)鏈接
6.5 課后習(xí)題
第7章 用表格排列組織網(wǎng)頁元素
7.1 表格元素的結(jié)構(gòu)
7.1.1 表格＜table＞
7.1.2 行＜tr＞
7.1.3 單元格＜td＞
7.2 ＜table＞元素的屬性
7.2.1 邊框?qū)傩詁order
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 單元格補(bǔ)白屬性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 表格標(biāo)題元素＜caption＞
7.5.2 表格頭行元素＜thead＞
7.5.3 表主體元素＜tbody＞
7.5.4 表格行尾元素＜tfoot＞
7.6 課后習(xí)題
第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 目標(biāo)顯示方式target
8.2 表單控件＜input＞
8.2.1 文字字段text
8.2.2 密碼域password
8.2.3 單選按鈕radio
8.2.4 復(fù)選框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 選擇列表?xiàng)l目元素＜o(jì)ption＞
8.4 選擇列表元素＜select＞
8.4.1 高度屬性size
8.4.2 多項(xiàng)選擇屬性multiple
8.5 文本區(qū)域元素＜textarea＞
8.6 課后習(xí)題
第9章 創(chuàng)建框架結(jié)構(gòu)網(wǎng)頁
9.1 框架簡介
9.2 框架集元素＜frameset＞
9.2.1 水平分割窗口rows
9.2.2 垂直分割窗口cols
9.2.3 邊框?qū)傩詅rameborder
9.2.4 邊框?qū)挾萬ramespacing
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 設(shè)置框架滾動條scrolling
9.3.7 不支持框架標(biāo)記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 設(shè)置浮動框架是否顯示滾動條scrolling
9.4.7 浮動框架的邊框frameborder
9.5 課后習(xí)題
第2篇 CSS基礎(chǔ)篇
第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標(biāo)準(zhǔn)
10.3 （X）HTML與CSS
10.3.1 CSS標(biāo)準(zhǔn)
10.3.2 傳統(tǒng)HTML的缺點(diǎn)
10.3.3 如何編輯CSS
10.4 課后習(xí)題
第11章 CSS語言基礎(chǔ)
11.1 CSS基本語法
11.2 基本CSS選擇器
11.2.1 標(biāo)簽選擇器
11.2.2 類選擇器
11.2.3 ID選擇器
11.3 在HTML中添加CSS的方法
11.3.1 在標(biāo)簽中加入樣式
11.3.2 在HTML文檔中植入CSS樣式
11.3.3 鏈接外部樣式
11.3.4 導(dǎo)入樣式
11.3.5 在腳本內(nèi)添加CSS樣式
11.4 課后習(xí)題
第12章 用CSS設(shè)置文本樣式
12.1 文字樣式的設(shè)置
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 設(shè)置文本排列方式text-align
12.2.5 設(shè)置段落縮進(jìn)text-indent
12.2.6 調(diào)整行高line-height
12.2.7 轉(zhuǎn)換英文大小寫text-transform
12.2.8 垂直對齊屬性vertical-align
12.3 課后習(xí)題
第13章 用CSS設(shè)置網(wǎng)頁圖片和背景
13.1 設(shè)置圖片邊框
13.1.1 基本屬性
13.1.2 設(shè)置不同的邊框樣式
13.2 圖片縮放
13.3 圖文混排
13.3.1 文字環(huán)繞
13.3.2 設(shè)置圖片與文字的間距
13.4 設(shè)置網(wǎng)頁的背景
13.4.1 背景顏色background-color
13.4.2 背景圖像background-image
13.5 設(shè)置背景圖像的屬性
13.5.1 背景圖片重復(fù)background-repeat
13.5.2 背景圖片滾動屬性background-attachment
13.5.3 背景圖片定位background-position
13.6 課后習(xí)題
第14章 CSS中的濾鏡
14.1 不透明度alpha
14.2 動感模糊blur
14.3 對顏色進(jìn)行透明處理chroma
14.4 設(shè)置陰影dropShadow
14.5 對象的翻轉(zhuǎn)flipH、flipV
14.6 發(fā)光效果glow
14.7 灰度處理gray
14.8 反相invert
14.9 X光片效果xray
14.10 波形濾鏡wave
14.11 課后習(xí)題
第15章 用CSS設(shè)置表格和表單樣式
15.1 控制表格元素的顯示
15.1.1 邊框合并屬性border-collapse
15.1.2 表格邊框間距屬性border-spacing
15.1.3 表格標(biāo)題位置屬性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實(shí)現(xiàn)表單布局
15.3.4 設(shè)計(jì)文本框的樣式
15.3.5 改變下拉菜單顏色
15.4 課后習(xí)題
第16章 用CSS設(shè)置鏈接與導(dǎo)航菜單
16.1 鏈接標(biāo)簽
16.2 創(chuàng)建按鈕式超鏈接
16.3 控制鼠標(biāo)指針
16.4 設(shè)置項(xiàng)目列表樣式
16.4.1 列表符號類型list-style-type
16.4.2 列表符號的混用
16.4.3 列表圖像屬性list-style-image
16.4.4 標(biāo)簽位置屬性list-style-position
16.4.5 列表綜合屬性list-style
16.5 創(chuàng)建簡單的導(dǎo)航菜單
16.5.1 簡單的豎直排列菜單
16.5.2 橫豎自由轉(zhuǎn)換菜單
16.6 鼠標(biāo)指針移上時圖片漸變的效果
16.7 課后習(xí)題
第3篇 CCS布局篇
第17章 CSS盒子模型
17.1 “盒子”與“模型”的概念
17.2 邊框border
17.2.1 邊框?qū)挾萣order-width
17.2.2 邊框顏色border-color
17.2.3 邊框樣式border-style
17.3 設(shè)置內(nèi)邊距padding
17.3.1 頂部屬性padding-top
17.3.2 右側(cè)屬性padding-right
17.3.3 底部屬性padding-bottom
17.3.4 左側(cè)屬性padding-left
17.4 設(shè)置外邊距margin
17.4.1 頂部邊界屬性margin-top
17.4.2 右側(cè)邊界屬性margin-right
17.4.3 底部邊界屬性margin-bottom
17.4.4 左側(cè)邊界屬性margin-left
17.5 課后習(xí)題
第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 課后習(xí)題
第19章 CSS+DIV布局方法
19.1 CSS布局理念
19.1.1 將頁面用DIV分塊
19.1.2 設(shè)計(jì)各塊的位置
19.1.3 用CSS定位
19.2 固定寬度布局
19.2.1 兩列布局
19.2.2 三列布局
19.2.3 多列布局
19.3 圓角框
19.4 變寬度網(wǎng)頁布局制作
19.5 課后習(xí)題
第4篇 JavaScript篇
第20章 JavaScript基礎(chǔ)
20.1 JavaScript起步
20.1.1 JavaScript簡介
20.1.2 JavaScript實(shí)例
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 標(biāo)識符和變量
20.3.1 關(guān)于命名的規(guī)定
20.3.2 JavaScript的數(shù)據(jù)類型
20.3.3 變量
20.3.4 轉(zhuǎn)義字符
20.4 運(yùn)算符和表達(dá)式
20.4.1 算術(shù)運(yùn)算符和表達(dá)式
20.4.2 賦值運(yùn)算符和表達(dá)式
20.4.3 關(guān)系運(yùn)算符和表達(dá)式
20.4.4 邏輯運(yùn)算符和表達(dá)式
20.4.5 條件運(yùn)算符和表達(dá)式
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 鼠標(biāo)事件
20.6.4 單擊事件
20.6.5 頁面載入和離開
20.7 課后習(xí)題
第5篇 綜合案例篇
第21章 網(wǎng)站頁面制作綜合案例
21.1 案例概述
21.2 內(nèi)容分析
21.3 HTML結(jié)構(gòu)設(shè)計(jì)
21.4 頁面方案設(shè)計(jì)
21.5 定義頁面的整體樣式
21.6 制作頁面頭部
21.6.1 制作頁面頭部的結(jié)構(gòu)
21.6.2 定義頁面頭部的樣式
21.7 制作左側(cè)導(dǎo)航
21.7.1 制作左側(cè)導(dǎo)航部分的結(jié)構(gòu)
21.7.2 定義左側(cè)導(dǎo)航的樣式
21.8 制作“聯(lián)系我們”部分
21.8.1 制作“聯(lián)系我們”部分的結(jié)構(gòu)
21.8.2 定義“聯(lián)系我們”內(nèi)容的樣式
21.9 制作“公司介紹”部分
21.9.1 制作“公司介紹”部分結(jié)構(gòu)
21.9.2 定義“公司介紹”部分的樣式
21.10 制作“圖片展示”和“新聞動態(tài)”
21.10.1 制作頁面結(jié)構(gòu)
21.10.2 定義頁面樣式
21.11 制作“酒店訂購”部分
21.11.1 制作頁面結(jié)構(gòu)
21.11.2 定義頁面樣式
21.12 制作底部版權(quán)部分
21.13 課后習(xí)題
附錄A HTML標(biāo)簽索引表
附錄B CSS常用樣式速查表
附錄C JavaScript語法手冊
附錄D 課后習(xí)題答案