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

內(nèi)容概要

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

書籍目錄

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

編輯推薦

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

圖書封面

評(píng)論、評(píng)分、閱讀與下載

---

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

---