CSS&DHTML網(wǎng)頁制作特效與實(shí)例

第1章 HTML 4.0
1.1 HTML 4.0簡(jiǎn)介
1.1.1 HTML 4.0的新特點(diǎn)
1.1.2 初識(shí)HTML
1.1.3 HTML文檔的注釋
1.2 文檔頭
1.2.1 可在文檔頭部分使用的標(biāo)識(shí)符
1.2.2 meta標(biāo)識(shí)符
1.3 網(wǎng)頁的頁面屬性
1.3.1 定義背景色、背景圖片和文字顏色
1.3.2 設(shè)置網(wǎng)頁頁邊空白
1.4 鏈接
1.4.1 基本語法
1.4.2 在新窗口中打開鏈接
1.4.3 用鏈接實(shí)現(xiàn)發(fā)信
1.5 字體樣式
1.5.1 標(biāo)題字體
1.5.2 設(shè)置字號(hào)
1.5.3 設(shè)置物理字體和邏輯字體
1.5.4 設(shè)置字形
1.5.5 設(shè)置文字顏色
1.5.6 字體設(shè)置標(biāo)識(shí)符的組合使用
1.6 網(wǎng)頁布局
1.6.1 設(shè)置標(biāo)尺線
1.6.2 行的控制
1.6.3 文字的對(duì)齊方式
1.6.4 列表
1.6.5 預(yù)排格式化文本
1.6.6 標(biāo)識(shí)符<div>和</div>
1.6.7 標(biāo)識(shí)符<address>和</address>
1.6.8 標(biāo)識(shí)符<bolckquote>和</blockquote>
1.6.9 空白區(qū)域
1.7 圖像
1.7.1 基本語法
1.7.2 圖像在網(wǎng)頁中的布局
1.7.3 設(shè)置圖像的大小和邊框?qū)挾?br />1.7.4 客戶瑞圖像映射圖
1.7.5 使用圖片的小技巧
1.8 表格
1.8.1 定義表格的基本語法
1.8.2 設(shè)置表格外觀
1.8.3 跨多行多列的表元
1.8.4 控制表格內(nèi)文字的布局
1.8.5 控制表格在網(wǎng)頁中的布局
1.8.6 表格的分組顯示
1.8.7 表格的一個(gè)綜合范例
1.9 frame：多窗口結(jié)構(gòu)
1.9.1 基本語法
1.9.2 設(shè)置各窗口的尺寸
1.9.3 框架的嵌套
1.9.4 框架各窗口之間的關(guān)系
1.9.5 設(shè)置框架的外觀
1.9.6 浮動(dòng)窗口
1.10 form：表單
1.10.1 form的基本結(jié)構(gòu)
1.10.2 下拉菜單
1.10.3 復(fù)選框
1.10.4 單選按鈕
1.10.5 提交和重置按鈕
1.10.6 圖像化的按鈕
1.10.7 文字和密碼輸入
1.10.8 文本區(qū)域
1.11 嵌入多媒體文件
1.11.1 嵌入聲音文件
1.11.2 嵌入電影文件
1.12 Marquee：移動(dòng)的文字
1.12.1 基本語法
1.12.2 設(shè)置文字移動(dòng)的方式
1.12.3 設(shè)置移動(dòng)文字的外觀
1.13 <script>、<applet>和<style>標(biāo)識(shí)符
1.13.1 標(biāo)識(shí)符<script>
1.13.2 標(biāo)識(shí)符<applet>
1.13.3 標(biāo)識(shí)符<stvle>
第2章 JavaScript
2.1 JavaScript簡(jiǎn)介
2.1.1 什么是JavaScript
2.1.2 JavaScript與其他語言的比較
2.1.3 JavaScript程序范例
2.2 基本數(shù)據(jù)結(jié)構(gòu)
2.2.1 基本數(shù)據(jù)類型
2.2.2 表達(dá)式和運(yùn)算符
2.3 語句、函數(shù)與事件
2.3.1 控制語句
2.3.2 函數(shù)
2.3.3 事件驅(qū)動(dòng)及事件處理
2.3.4 范例
2.4 常用內(nèi)部對(duì)象
2.4.1 對(duì)象的基礎(chǔ)知識(shí)
2.4.2 String：字符串對(duì)象
2.4.3 Math：數(shù)學(xué)對(duì)象
2.4.4 Date：日期及時(shí)間對(duì)象
2.4.5 系統(tǒng)函數(shù)
2.4.6 范例1
2.4.7 范例2
2.5 創(chuàng)建新對(duì)象
2.5.1 對(duì)象的定義
2.5.2 創(chuàng)建對(duì)象實(shí)例
2.5.3 對(duì)象方法的使用
2.5.4 JavaScript中的數(shù)組
2.5.5 范例1
2.5.6 范例2
2.6 瀏覽器內(nèi)部對(duì)象
2.6.1 瀏覽器對(duì)象樹
2.6.2 navigator對(duì)象
2.6.3 Window對(duì)象
2.6.4 history對(duì)象
2.6.5 document對(duì)象
2.6.6 范例
2.7 窗口輸入輸出
2.7.1 Window對(duì)象與輸入
2.7.2 document對(duì)象與輸出
2.7.3 范例1
2.7.4 范例2
2.8 使用form
2.8.1 改變form元素的值
2.8.2 響應(yīng)在form中發(fā)生的事件
2.8.3 復(fù)選框、單選按鈕和下拉菜單
第3章 樣式表
3.1 樣式表和HTML的關(guān)系
3.2 樣式表的基本結(jié)構(gòu)
3.2.1 樣式規(guī)則
3.2.2 分類和情景選擇
3.3 將樣式表加入網(wǎng)頁
3.3.1 把樣式表嵌入到文檔頭
3.3.2 鏈接到樣式表
3.3.3 輸入樣式表
3.3.4 在行內(nèi)加入樣式
3.4 class，ID屬性和span，div元素
3.4.1 class屬性
3.4.2 ID屬性
3.4.3 span元素
3.4.4 div元素
3.5 設(shè)置字體樣式
3.5.1 按照字形系列名稱調(diào)用字體
3.5.2 對(duì)字號(hào)的控制
3.5.3 字體風(fēng)格
3.5.4 字粗細(xì)度
3.5.5 文字的特殊效果
3.5.6 文字修飾
3.6 控制圖文布局
3.6.1 設(shè)置字間距及字母間距
3.6.2 設(shè)置行距
3.6.3 讓文字互相重疊
3.6.4 文字對(duì)齊及縮行
3.6.5 間隙、邊框及空白區(qū)域
3.7 設(shè)置顏色和背景
3.7.1 背景顏色
3.7.2 背景圖像
3.7.3 控制背景圖像
3.8 定位和疊放
3.8.1 絕對(duì)定位
3.8.2 相對(duì)定位
3.8.3 寬度、高度和可視性
3.8.4 疊放文字和圖像
3.8.5 范例：疊放文字和圖像
3.9 樣式表與瀏覽器的兼容
3.9.1 哪些瀏覽器支持樣式表
3.9.2 同低版本瀏覽器的兼容
第4章 JavaScript精彩范例
4.1 禁止使用鼠標(biāo)右鍵
4.1.1 效果說明
4.1.2 代碼
4.1.3 代碼是如何工作的
4.2 自動(dòng)滾屏
4.2.1 效果說明
4.2.2 代碼
4.2.3 代碼是如何工作的
4.3 帶鏈接的跑馬燈
4.3.1 效果說明
4.3.2 代碼
4.3.3 代碼是如何工作的
4.4 狀態(tài)欄跑馬燈1
4.4.1 效果說明
4.4.2 代碼
4.4.3 代碼是如何工作的
4.5 狀態(tài)欄跑馬燈2
4.5.1 效果說明
4.5.2 代碼
4.5.3 代碼是如何工作的
4.6 文本框跑馬燈
4.6.1 效果說明
4.6.2 代碼
4.6.3 代碼是如何工作的
4.7 狀態(tài)欄動(dòng)態(tài)信息
4.7.1 效果說明
4.7.2 代碼
4.7.3 代碼是如何工作的
4.8 狀態(tài)欄顯示彈跳文字
4.8.1 效果說明
4.8.2 代碼
4.8.3 代碼是如何工作的
4.9 帶鏈接的文本垂直滾動(dòng)顯示
4.9.1 效果說明
4.9.2 代碼
4.9.3 代碼是如何工作的
4.10 帶鏈接的文本水平滾動(dòng)顯示
4.10.1 效果說明
4.10.2 代碼
4.10.3 代碼是如何工作的
4.11 飛行的圖片
4.11.1 效果說明
4.11.2 代碼
4.11.3 代碼是如何工作的
4.12 總指向選擇內(nèi)容的手
4.12.1 效果說明
4.12.2 代碼
4.12.3 代碼是如何工作的
4.13 屏幕閃爍和停止
4.13.1 效果說明
4.13.2 代碼
4.13.3 代碼是如何工作的
4.14 多條消息隨機(jī)顯示
4.14.1 效果說明
4.14.2 代碼
4.14.3 代碼是如何工作的
4.15 鼠標(biāo)事件驅(qū)動(dòng)的不同圖片的顯示
4.15.1 效果說明
4.15.2 代碼
4.15.3 代碼是如何工作的
4.16 顏色閃爍
4.16.1 效果說明
4.16.2 代碼
4.16.3 代碼是如何工作的
4.17 連續(xù)顯示多個(gè)消息框
4.17.1 效果說明
4.17.2 代碼
4.17.3 代碼是如何工作的
4.18 鼠標(biāo)移進(jìn)時(shí)彈出消息框
4.18.1 效果說明
4.18.2 代碼
4.18.3 代碼是如何工作的
4.19 固定于網(wǎng)頁某一位置的菜單
4.19.1 效果說明
4.19.2 代碼
4.19.3 代碼是如何工作的
4.20 狀態(tài)欄時(shí)鐘
4.20.1 效果說明
4.20.2 代碼
4.20.3 代碼是如何工作的
4.21 時(shí)間以文本方式顯示
4.21.1 效果說明
4.21.2 代碼
4.21.3 代碼是如何工作的
4.22 顯示當(dāng)前時(shí)段
4.22.1 效果說明
4.22.2 代碼
4.22.3 代碼是如何工作的
4.23 文字逐字下落
4.23.1 效果說明
4.23.2 代碼
4.23.3 代碼是如何工作的
4.24 圖文飛出特效
4.24.1 效果說明
4.24.2 代碼
4.24.3 代碼是如何工作的
4.25 盤旋飛出的圖文
4.25.1 效果說明
4.25.2 代碼
4.25.3 代碼是如何工作的
4.26 畫一個(gè)日歷
4.26.1 效果說明
4.26.2 代碼
4.26.3 代碼是如何工作的
4.27 顯示器分辨率檢測(cè)
4.27.1 效果說明
4.27.2 代碼
4.27.3 代碼是如何工作的
4.28 獲取訪問者信息
4.28.1 效果說明
4.28.2 代碼
4.28.3 代碼是如何工作的
4.29 表單輸入檢驗(yàn)
4.29.1 效果說明
4.29.2 代碼
4.29.3 代碼是如何工作的
4.30 網(wǎng)頁編輯器
4.30.1 效果說明
4.30.2 代碼
4.30.3 代碼是如何工作的
第5章 CSS精彩范例
5.1 改變鼠標(biāo)形狀
5.1.1 效果說明
5.1.2 代碼
5.1.3 代碼是如何工作的
5.2 鼠標(biāo)移近時(shí)的文字特效
5.2.1 效果說明
5.2.2 代碼
5.2.3 代碼是如何工作的
5.3 重疊的圖文
5.3.1 效果說明
5.3.2 代碼
5.3.3 代碼是如何工作的
5.4 可以用光標(biāo)隨意拖動(dòng)的層
5.4.1 效果說明
5.4.2 代碼
5.4.3 代碼是如何工作的
5.5 首字下沉
5.5.1 效果說明
5.5.2 代碼
5.5.3 代碼是如何工作的
5.6 首行大寫
5.6.1 效果說明
5.6.2 代碼
5.6.3 代碼是如何工作的
5.7 圖片文字效果
5.7.1 效果說明
5.7.2 代碼
5.7.3 代碼是如何工作的
5.8 神奇的導(dǎo)航圖
5.8.1 效果說明
5.8.2 代碼
5.8.3 代碼是如何工作的
5.9 圖片播放效果
5.9.1 效果說明
5.9.2 代碼
5.9.3 代碼是如何工作的
5.10 Alpha通道
5.10.1 效果說明
5.10.2 代碼
5.10.3 代碼是如何工作的
5.11 移動(dòng)模糊（Motion Blur）
5.11.1 效果說明
5.11.2 代碼
5.11.3 代碼是如何工作的
5.12 色度（Chroma）
5.12.1 效果說明
5.12.2 代碼
5.12.3 代碼是如何工作的
5.13 下落陰影（Drop Shadow）
5.13.1 效果說明
5.13.2 代碼
5.13.3 代碼是如何工作的
5.14 翻轉(zhuǎn)（Flip）
5.14.1 效果說明
5.14.2 代碼
5.14.3 代碼是如何工作的
5.15 光暈（Glow）
5.15.1 效果說明
5.15.2 代碼
5.15.3 代碼是如何工作的
5.16 灰度（Grayscale）
5.16.1 效果說明
5.16.2 代碼
5.16.3 代碼是如何工作的
5.17 反轉(zhuǎn)（Invert）
5.17.1 效果說明
5.17.2 代碼
5.17.3 代碼是如何工作的
5.18 遮蔽（Mask）
5.18.1 效果說明
5.18.2 代碼
5.18.3 代碼是如何工作的
5.19 陰影（Shadow）
5.19.1 效果說明
5.19.2 代碼
5.19.3 代碼是如何工作的
5.20 波形（Wave）
5.20.1 效果說明
5.20.2 代碼
5.20.3 代碼是如何工作的
5.21 X光效果（X-ray）
5.21.1 效果說明
5.21.2 代碼
5.21.3 代碼是如何工作的
5.22 組合濾鏡
5.22.1 效果說明
5.22.2 代碼
5.22.3 代碼是如何工作的
5.23 錯(cuò)亂的網(wǎng)頁效果
5.23.1 效果說明
5.23.2 代碼
5.23.3 代碼是如何工作的
5.24 筆記本網(wǎng)頁效果
5.24.1 效果說明
5.24.2 代碼
5.24.3 代碼是如何工作的
5.25 報(bào)紙網(wǎng)頁效果
5.25.1 效果說明
5.25.2 代碼
5.25.3 代碼是如何工作的
附錄A 字符實(shí)體
附錄B HTML 4.0速查手冊(cè)