HTML+CSS+JavaScript網(wǎng)頁制作實用教程

內(nèi)容概要

　　目前對網(wǎng)頁制作的要求已不僅僅是視覺效果的美觀，更主要的是要符合web標準。傳統(tǒng)網(wǎng)頁制作是先考慮外觀布局再填入內(nèi)容，內(nèi)容與外觀交織在一起，代碼量大，難以維護。而目前web標準的最大特點就是采用html+css+javascript將網(wǎng)頁內(nèi)容、外觀樣式及動態(tài)效果徹底分離，從而可以大大減少頁面代碼、節(jié)省帶寬、提高網(wǎng)速，更便于分工設(shè)計、代碼重用，既易于維護，又能移植到其他或以后的新web程序中。
　　作者根據(jù)多年網(wǎng)頁制作的教學(xué)、實踐經(jīng)驗以及學(xué)生的認知規(guī)律，精心編寫了這本教材。
　　《html+css+javascript網(wǎng)頁制作實用教程》采用全新流行的web標準，通過簡單的“記事本”工具，以dhtml技術(shù)為基礎(chǔ)，由淺入深、完整詳細地介紹了xhtml、css及javascript網(wǎng)頁制作內(nèi)容，還對目前流行的css布局、常用javascript動態(tài)通用技術(shù)以及不同瀏覽器的兼容問題進行了全面的介紹，可以使讀者系統(tǒng)、全面地掌握網(wǎng)頁制作技術(shù)。
　　《html+css+javascript網(wǎng)頁制作實用教程》知識內(nèi)容系統(tǒng)、全面，例題豐富，既可以作為本科、?？?高職)院校相關(guān)專業(yè)的教材，也可作為計算機專業(yè)人員的自學(xué)或參考用書。

書籍目錄

《html+css+javascript網(wǎng)頁制作實用教程》
第1章 html、css、javascript概述
1.1 web網(wǎng)頁的基本概念
1.1.1 internet網(wǎng)絡(luò)與www
1.1.2 網(wǎng)頁
1.1.3 網(wǎng)站
1.1.4 web標準
1.2 網(wǎng)頁工作原理與制作工具
1.2.1 網(wǎng)頁的工作原理
1.2.2 網(wǎng)頁制作工具
1.3 html、css、javascript簡介與示例
1.3.1 html超文本標記語言
1.3.2 css層疊樣式表
1.3.3 javascript腳本語言
1.4 網(wǎng)站的發(fā)布與測試
1.4.1 在實驗室或局域網(wǎng)內(nèi)部發(fā)布html頁面
1.4.2 在internet上發(fā)布網(wǎng)站
1.4.3 測試網(wǎng)頁
1.5 如何學(xué)習(xí)html、css、javascript
1.5.1 掌握html、css、javascript的語法結(jié)構(gòu)
1.5.2 借助dreamweaver網(wǎng)頁設(shè)計工具
1.5.3 參考已有網(wǎng)站的代碼
1.6 習(xí)題
第2章 html基本語法與頭部內(nèi)的標記
2.1 html文檔結(jié)構(gòu)
2.1.1 html文檔的構(gòu)成
2.1.2 html文檔頭部標記(head)
2.1.3 html文檔主體標記(body)
2.2 html基本語法
2.2.1 標記語法
2.2.2 屬性語法
2.3 xhtml文檔結(jié)構(gòu)
2.3.1 xhtml文檔的構(gòu)成
2.3.2 xhtml標記的通用標準屬性
2.3.3 xhtml的語法規(guī)則
2.4 html文檔頭部的相關(guān)標記
2.4.1 設(shè)置頁面標題(title)
2.4.2 設(shè)置基底網(wǎng)址(base /)
2.4.3 設(shè)置基準字體(basefont /)
2.4.4 定義頁面元信息(meta /)
2.4.5 引用外部文件(link /)
2.5 習(xí)題
第3章 html頁面基本元素
3.1 html文本字符、注釋標記及標記分類
3.1.1 普通文本、實體字符與注釋標記
3.1.2 html文檔的標記與分類
3.2 文本與修飾標記
3.2.1 設(shè)置文本標記
3.2.2 文本修飾標記
3.2.3 塊級文本標記
3.2.4 樣式組織標記(span)(div)
3.3 列表標記
3.3.1 有序列表(ol)
3.3.2 無序列表(ul)
3.3.3 定義列表(dl)
3.3.4 目錄、菜單列表(dir)(menu)
3.3.5 列表嵌套應(yīng)用
3.4 插入圖像標記
3.5 超鏈接標記
3.5.1 超鏈接、設(shè)置錨點標記(a)
3.5.2 超鏈接頁面的url路徑
3.5.3 關(guān)于target屬性
3.5.4 鏈接到普通文檔、圖像或多媒體文件
3.5.5 設(shè)置錨點與e-mail鏈接
3.6 圖像映射標記
3.6.1 圖像映射方式
3.6.2 創(chuàng)建圖像映射標記
3.6.3 使用圖像映射的(img /)圖像
3.7 表格標記
3.7.1 表格的語法結(jié)構(gòu)
3.7.2 創(chuàng)建表格標記(table)
3.7.3 標題標記(caption)
3.7.4 行標記(tr)
3.7.5 單元格標記(th)(td)
3.7.6 表格結(jié)構(gòu)劃分標記(thead)(tfoot)(tbody)
3.8 表格與div頁面布局
3.8.1 布局示例一
3.8.2 布局示例二
3.8.3 簡單布局應(yīng)用
3.9 習(xí)題
第4章 html框架、表單、多媒體
4.1 框架集、框架標記
4.1.1 框架集文檔的結(jié)構(gòu)
4.1.2 框架集標記(frameset)
4.1.3 框架標記(frame /)
4.1.4 不支持框架標記(noframes)
4.1.5 浮動框架標記(iframe)
4.2 表單標記
4.2.1 創(chuàng)建表單標記(form)
4.2.2 表單輸入標記(input /)
4.2.3 文本區(qū)標記(textarea)
4.2.4 按鈕標記(button)
4.2.5 滾動列表與下拉列表標記(select)(option)
4.2.6 控件標簽標記(label)
4.2.7 表單分組及標題標記(fieldset)(legend)
4.3 ie瀏覽器滾動字幕、背景音樂與多媒體
4.3.1 ie瀏覽器滾動字幕標記(marquee)
4.3.2 ie瀏覽器播放背景音樂標記(bgsound /)
4.3.3 ie瀏覽器播放多媒體標記(embed)
4.4 xhtml播放多媒體標記
4.4.1 嵌入對象標記(object)(param)
4.4.2 以(object)播放flash文件
4.4.3 以(object)使用realplayer播放器
4.4.4 以(object)使用media player播放器
4.4.5 以(object)自動嵌入合適的播放器
4.5 習(xí)題
第5章 css樣式表基礎(chǔ)
5.1 css概述
5.2 css樣式規(guī)則與內(nèi)聯(lián)css樣式
5.2.1 css樣式規(guī)則
5.2.2 內(nèi)聯(lián)css樣式
5.3 css文本樣式規(guī)則
5.3.1 css大小尺寸量度的屬性值
5.3.2 css顏色的屬性值
5.3.3 文本字符的css樣式屬性
5.3.4 文本外觀css樣式屬性
5.3.5 行內(nèi)元素定位——垂直對齊
5.4 css樣式表
5.4.1 css樣式表結(jié)構(gòu)與使用
5.4.2 基本選擇符
5.4.3 元素指定選擇符
5.4.4 群組與通用選擇符
5.4.5 包含與子對象選擇符
5.4.6 ie7及以上或火狐的相鄰選擇符
5.4.7 ie7及以上或火狐的屬性選擇符
5.4.8 偽類選擇符
5.4.9 偽對象(偽元素)選擇符
5.5 樣式規(guī)則的優(yōu)先級
5.5.1 樣式規(guī)則的優(yōu)先級原則
5.5.2 用!important提高樣式優(yōu)先級
5.6 習(xí)題
第6章 css盒模型與布局樣式
6.1 元素區(qū)域與背景樣式
6.1.1 塊級元素的區(qū)域與溢出處理
6.1.2 設(shè)置元素背景
6.2 塊級元素的盒模型
6.2.1 盒模型分析
6.2.2 盒模型的寬度和高度
6.3 塊級元素的邊框
6.3.1 設(shè)置邊框樣式(border-style)
6.3.2 設(shè)置邊框?qū)挾?border-width)
6.3.3 設(shè)置邊框顏色(border-color)
6.3.4 綜合設(shè)置邊框樣式、寬度及顏色
6.4 塊級元素的內(nèi)外邊距與輪廓
6.4.1 設(shè)置內(nèi)邊距(padding)
6.4.2 設(shè)置外邊距(margin)
6.4.3 垂直外邊距的合并
6.4.4 設(shè)置元素輪廓(outline)
6.5 列表與表格樣式
6.5.1 設(shè)置列表樣式
6.5.2 設(shè)置表格樣式
6.6 設(shè)置鼠標指針及其他樣式
6.6.1 css設(shè)置鼠標形狀(cursor)
6.6.2 媒介類型樣式表、打印及聽覺樣式簡介
6.7 布局定位屬性(position)與裁剪(clip)
6.7.1 自動定位(static)
6.7.2 絕對定位(absolute)
6.7.3 絕對定位元素的裁剪(clip)
6.7.4 固定定位(fixed)
6.7.5 相對定位(relative)
6.8 布局浮動屬性(float)與清除浮動(clear)
6.8.1 浮動(float)
6.8.2 浮動環(huán)繞、行框清理
6.8.3 清除浮動(clear)
6.8.4 父子元素的嵌套浮動與浮動元素的外邊距合并
6.9 元素的層疊等級、顯示方式與可見性
6.9.1 層空間層疊等級(z-index)
6.9.2 元素的顯示方式(display)
6.9.3 元素的可見性(visibility)
6.10 習(xí)題
第7章 css布局應(yīng)用與瀏覽器兼容性
7.1 頁面布局應(yīng)用
7.1.1 單行單列布局
7.1.2 單行兩列布局
7.1.3 單行三列布局
7.1.4 多行多列綜合布局
7.1.5 不改變頁面代碼改變布局
7.2 常用頁面組件
7.2.1 橫向?qū)Ш浇M件
7.2.2 提示框
7.2.3 縱向?qū)Ш?br />7.3 不同瀏覽器的兼容性
7.3.1 瀏覽器兼容性概述
7.3.2 使用hack技術(shù)實現(xiàn)瀏覽器兼容
7.4 常見瀏覽器兼容問題的解決方法
7.4.1 ie5及以下瀏覽器的兼容問題
7.4.2 ie6及以下瀏覽器的兼容問題
7.4.3 ie7及以下瀏覽器的兼容問題
7.4.4 父元素不適應(yīng)子元素高度——外邊距合并
7.5 瀏覽器常用默認樣式
第8章 javascript基礎(chǔ)
8.1 javascript語言概述
8.1.1 javascript語言的特點
8.1.2 javascript的使用
8.2 javascript常量、變量與數(shù)組
8.2.1 數(shù)據(jù)類型與常量
8.2.2 變量
8.2.3 數(shù)組
8.3 javascript運算符與表達式
8.3.1 算數(shù)運算符與表達式
8.3.2 賦值運算符與表達式
8.3.3 比較、邏輯運算符與表達式
8.3.4 條件運算符與表達式
8.4 javascript語法與流程控制語句
8.4.1 javascript的語法
8.4.2 條件語句 if () ... else
8.4.3 多選擇開關(guān)語句switch
8.4.4 循環(huán)語句while、do-while、for
8.4.5 遍歷循環(huán)語句for (... in…)
8.5 javascript自定義函數(shù)
8.5.1 獨立函數(shù)
8.5.2 內(nèi)嵌函數(shù)與匿名函數(shù)
8.6 javascript事件處理
8.6.1 javascript常用事件
8.6.2 頁面相關(guān)事件與函數(shù)的記憶調(diào)用
8.6.3 鼠標相關(guān)事件
8.6.4 焦點、按鍵及表單相關(guān)事件
8.7 onerror事件與頁面錯誤提示
8.7.1 用onerror事件捕獲錯誤
8.7.2 用try...catch捕獲錯誤
8.7.3 用throw拋出錯誤對象
8.8 習(xí)題
第9章 javascript對象與系統(tǒng)對象
9.1 自定義類與對象
9.1.1 面向?qū)ο蟾攀?br />9.1.2 用函數(shù)自定義類
9.1.3 創(chuàng)建與使用對象
9.2 javascript全局對象
9.2.1 全局對象的屬性——全局變量
9.2.2 全局對象的方法——全局函數(shù)
9.3 瀏覽器窗口對象window
9.3.1 window對象的屬性
9.3.2 window對象的對話框
9.3.3 window對象的方法
9.4 瀏覽器信息對象navigator
9.4.1 navigator對象的屬性
9.4.2 navigator對象的方法
9.5 客戶端屏幕對象screen
9.6 當(dāng)前頁面url對象location
9.6.1 location對象的屬性
9.6.2 location對象的方法
9.7 瀏覽頁面歷史對象history
9.8 習(xí)題
第10章 javascript內(nèi)置對象與dom對象
10.1 array數(shù)組對象
10.1.1 array數(shù)組對象的創(chuàng)建與length屬性
10.1.2 array數(shù)組對象的方法
10.2 string字符串對象
10.3 regexp正則表達式對象
10.3.1 正則表達式的構(gòu)成
10.3.2 regexp正則表達式對象的創(chuàng)建與屬性
10.3.3 regexp正則表達式對象的方法
10.3.4 string字符串對象使用正則表達式的方法
10.3.5 自定義刪除字符串首尾空格的方法trim(str)
10.4 date日期時間對象
10.4.1 date日期時間對象的創(chuàng)建
10.4.2 date日期時間對象的方法
10.5 math類與boolean、number對象
10.5.1 math數(shù)學(xué)函數(shù)類
10.5.2 boolean對象
10.5.3 number對象
10.6 document文檔對象
10.6.1 document對象的屬性與cookie
10.6.2 document對象的集合屬性
10.6.3 document對象的方法
10.7 dom節(jié)點對象
10.7.1 dom節(jié)點對象的通用屬性
10.7.2 標記對象的所屬類
10.7.3 標記對象的屬性
10.7.4 標記對象的方法
10.7.5 某些標記對象的專有屬性或方法
10.8 event(事件)對象
10.9 style(樣式)對象
10.10 習(xí)題
第11章 javascript應(yīng)用
11.1 下拉列表導(dǎo)航
11.1.1 鼠標單擊折疊式下拉列表導(dǎo)航
11.1.2 鼠標指向展開式下拉列表導(dǎo)航
11.1.3 下拉列表導(dǎo)航與動態(tài)生成下拉列表
11.2 圖像操作
11.2.1 圖像與文本翻轉(zhuǎn)器
11.2.2 移動圖像——漂浮廣告
11.2.3 隨機顯示一條文本或一幅圖像
11.2.4 循環(huán)顯示圖像廣告
11.3 超鏈接與瀏覽器窗口操作
11.3.1 靈活使用超鏈接
11.3.2 在獨立窗口中打開超鏈接頁面
11.4 表單處理與驗證
11.4.1 使用正則表達式驗證表單內(nèi)容
11.4.2 目前流行的通用表單驗證方法
11.4.3 表單綜合驗證示例
11.5 樣式表切換器
附錄 習(xí)題參考答案
參考文獻

編輯推薦

　　注重基礎(chǔ)知識的學(xué)習(xí)與講解　　配有豐富的案例與上機實訓(xùn)題　　指導(dǎo)步驟清晰，參考源文件豐富　　每本教材均有配套的電子教案

圖書封面

評論、評分、閱讀與下載

---

    HTML+CSS+JavaScript網(wǎng)頁制作實用教程 PDF格式下載

---