HTML/CSS/javascript標(biāo)準(zhǔn)教程實(shí)例版(第5版)(含CD光盤1張)
定 價(jià):55 元
- 作者:本書編委會(huì)
- 出版時(shí)間:2014/9/1
- ISBN:9787121240638
- 出 版 社:電子工業(yè)出版社
- 中圖法分類:TP312HT
- 頁碼:384
- 紙張:膠版紙
- 版次:1
- 開本:16開
這是一本講解HTML、CSS、JavaScript最基本語法的書,可作為網(wǎng)頁制作初學(xué)者的入門教程。同時(shí)也可為網(wǎng)站建設(shè)的專業(yè)人士提供一些參考。本書以“講清語法、學(xué)以致用”為指導(dǎo)思想,不僅僅將筆墨局限于語法講解上,并通過一個(gè)個(gè)鮮活、典型的小實(shí)例來達(dá)到學(xué)以致用的目的。從本書的目錄可見一斑,每個(gè)語法都有相應(yīng)的實(shí)例,每章后面又配有綜合小實(shí)例。配書光盤包括PPT課件、上機(jī)手冊(cè)、習(xí)題參考答案和源文件,方便讀者使用。第5版新增了移動(dòng)網(wǎng)站的設(shè)計(jì)。
目錄
第1章 HTML、CSS、JavaScript綜述
1.1 這就是HTML、CSS、JavaScript的代碼
1.2 HTML、CSS、JavaScript各自的角色
1.3 如何學(xué)習(xí)HTML、CSS、JavaScript
1.4 小實(shí)例——HTML、CSS、JavaScript的綜合應(yīng)用
1.5 總結(jié) 目錄
第1章 HTML、CSS、JavaScript綜述
1.1 這就是HTML、CSS、JavaScript的代碼
1.2 HTML、CSS、JavaScript各自的角色
1.3 如何學(xué)習(xí)HTML、CSS、JavaScript
1.4 小實(shí)例——HTML、CSS、JavaScript的綜合應(yīng)用
1.5 總結(jié)
1.6 習(xí)題
第2章 HTML基礎(chǔ)介紹
2.1 HTML文檔的結(jié)構(gòu)
2.2 HTML基本語法
2.3 HTML文件的命名
2.4 編寫HTML文件的注意事項(xiàng)
2.5 小實(shí)例——插入圖片與表格
2.6 習(xí)題
第3章 HTML文件的整體結(jié)構(gòu)
3.1 文件頭部?jī)?nèi)容
3.2 主體內(nèi)容<body>
3.3 習(xí)題
第4章 文字與段落
4.1 編輯內(nèi)容
4.2 文字效果
4.3 文字修飾
4.4 段落<p>
4.5 小實(shí)例——文字網(wǎng)頁
4.6 習(xí)題
第5章 建立和使用列表
5.1 列表類型
5.2 嵌套列表
5.3 小實(shí)例——列表在網(wǎng)頁中的使用
5.4 習(xí)題
第6章 超鏈接
6.1 超鏈接概述
6.2 超鏈接的路徑
6.3 超鏈接的建立
6.4 設(shè)置圖像映射
6.5 小實(shí)例——超鏈接的使用
6.6 習(xí)題
第7章 表格的應(yīng)用
7.1 表格概述
7.2 插入表格<table>
7.3 設(shè)置表格標(biāo)記屬性
7.4 設(shè)置表格行與單元格
7.5 表格嵌套
7.6 小實(shí)例——表格在網(wǎng)頁中的應(yīng)用
7.7 習(xí)題
第8章 層的應(yīng)用
8.1 圖層的創(chuàng)建——<div>
8.2 創(chuàng)建嵌套圖層
8.3 層的屬性設(shè)置
8.4 小實(shí)例——圖層的實(shí)際應(yīng)用
8.5 習(xí)題
第9章 框架的應(yīng)用
9.1 框架概述
9.2 框架的基本結(jié)構(gòu)
9.3 設(shè)置框架
9.4 設(shè)置框架集<frameset>
9.5 浮動(dòng)框架<iframe>
9.6 在框架上建立鏈接
9.7 小實(shí)例——框架的實(shí)際應(yīng)用
9.8 習(xí)題
第10章 表單的應(yīng)用
10.1 表單概述
10.2 表單標(biāo)記<form>
10.3 信息輸入<input>
10.4 小實(shí)例——表單的實(shí)際應(yīng)用
10.5 習(xí)題
第11章 CSS樣式表基礎(chǔ)
11.1 CSS的概述
11.2 CSS的使用
11.3 插入CSS樣式表
11.4 編寫CSS文件
11.5 習(xí)題
第12章 字體的設(shè)置
12.1 設(shè)置字體——font-family
12.2 設(shè)置字號(hào)——font-size
12.3 設(shè)置字體樣式——font-style
12.4 設(shè)置字體加粗——font-weight
12.5 設(shè)置字體變體——font-variant
12.6 組合設(shè)置字體屬性——font
12.7 小實(shí)例——綜合設(shè)置字體
12.8 習(xí)題
第13章 文本的精細(xì)排版
13.1 調(diào)整字符間距——letter-spacing
13.2 調(diào)整單詞間距——word-spacing
13.3 添加文字修飾——text-decoration
13.4 設(shè)置文本排列方式——text-align
13.5 設(shè)置段落縮進(jìn)——text-indent
13.6 調(diào)整行高——line-height
13.7 轉(zhuǎn)換英文大小寫——text-transform
13.8 小實(shí)例——綜合應(yīng)用文本屬性
13.9 習(xí)題
第14章 顏色和背景
14.1 設(shè)置顏色——color
14.2 設(shè)置背景顏色——background-color
14.3 插入背景圖片——background-image
14.4 插入背景附件——background-attachment
14.5 設(shè)置重復(fù)背景圖片——background-repeat
14.6 設(shè)置背景圖片位置——background-position
14.7 小實(shí)例——綜合設(shè)置顏色和背景
14.8 習(xí)題
第15章 邊框和邊距
15.1 設(shè)計(jì)邊框樣式——border-style
15.2 調(diào)整邊框?qū)挾取猙order-width
15.3 設(shè)置邊框顏色——border-color
15.4 設(shè)置邊框?qū)傩浴猙order
15.5 邊距——margin-top /margin-bottom /margin-left/ margin-right/margin
15.6 填充——padding-top/padding- bottom /padding-left / padding- right /padding
15.7 小實(shí)例——綜合設(shè)置邊框和邊距1
15.8 習(xí)題
第16章 JavaScript基礎(chǔ)
16.1 JavaScript語言概況
16.2 第一個(gè)JavaScript程序
16.3 習(xí)題
第17章 JavaScript基本語法
17.1 基本數(shù)據(jù)類型
17.2 運(yùn)算符
17.3 程序結(jié)構(gòu)
17.4 函數(shù)
17.5 小實(shí)例——修改密碼
17.6 習(xí)題
第18章 JavaScript事件分析
18.1 事件概述
18.2 主要事件分析
18.3 其他常用事件
18.4 習(xí)題
第19章 圖片和多媒體文件的使用
19.1 圖片
19.2 插入多媒體文件——<embed>
19.3 習(xí)題
第20章 CSS樣式的高級(jí)應(yīng)用
20.1 列表
20.2 定位
20.3 CSS層
20.4 鼠標(biāo)指針——cursor
20.5 小實(shí)例——綜合設(shè)置層樣式
20.6 習(xí)題
第21章 濾鏡特效的應(yīng)用
21.1 設(shè)置透明度——alpha
21.2 添加模糊效果——blur
21.3 設(shè)置水平/垂直翻轉(zhuǎn)——fliph/flipv
21.4 設(shè)置灰度——<gray>
21.5 設(shè)置反轉(zhuǎn)——<invert>
21.6 設(shè)置X射線效果——xray
21.7 設(shè)置波浪效果——wave
21.8 設(shè)置陰影——dropshadow
21.9 設(shè)置邊緣光暈效果——glow
21.10 設(shè)置遮罩——mask
21.11 設(shè)置漸變陰影——shadow
21.12 設(shè)定顏色透明——chroma
21.13 小實(shí)例——濾鏡的綜合應(yīng)用
21.14 習(xí)題
第22章 JavaScript對(duì)象的應(yīng)用
22.1 對(duì)象概述
22.2 瀏覽器內(nèi)部對(duì)象
22.3 內(nèi)置對(duì)象和方法
22.4 習(xí)題
第23章 綜合案例
23.1 HTML綜合案例
23.2 CSS綜合案例
23.3 網(wǎng)站開發(fā)流程
23.4 大綜合案例
第24章 移動(dòng)網(wǎng)站開發(fā)
24.1 移動(dòng)網(wǎng)站與傳統(tǒng)網(wǎng)站的區(qū)別
24.2 當(dāng)前移動(dòng)網(wǎng)站開發(fā)的主要標(biāo)準(zhǔn)
24.3 XHTML MP 語言
24.4 為已有網(wǎng)站增加移動(dòng)版本
附錄A HTML5基本介紹
附錄B HTML語法概述
附錄C CSS語法概述
附錄D JavaScript語法概述
附錄E 顏色關(guān)鍵字對(duì)照表
習(xí)題參考答案
第5版 前 言
本書適合誰讀
這是一本講解HTML、CSS、JavaScript最基本語法的書,可作為網(wǎng)頁制作初學(xué)者的入門教程。同時(shí)也可為網(wǎng)站建設(shè)的專業(yè)人士提供一些參考。
本書以“講清語法、學(xué)以致用”為指導(dǎo)思想,不僅僅局限于語法講解,還通過一個(gè)個(gè)鮮活、典型的小實(shí)例來達(dá)到學(xué)以致用的目的。從本書的目錄可見一斑,每個(gè)語法都有相應(yīng)的實(shí)例,每章后面又配有綜合小實(shí)例。
本書在講解的過程中,適當(dāng)采用對(duì)比法,比如,在講到CSS的作用時(shí),筆者給出兩個(gè)對(duì)比圖,一個(gè)是使用CSS的網(wǎng)頁,一個(gè)是不使用CSS的網(wǎng)頁。通過對(duì)比,讀者對(duì)CSS的作用體會(huì)更深。
為什么要學(xué)習(xí)HTML、CSS、JavaScript
小貓為什么要進(jìn)食、喝水、睡覺?最直接的答案就是為了活著,這是它必須做的。
道理是一樣的,如果你想從事網(wǎng)頁制作或正在從事網(wǎng)頁制作的相關(guān)工作,就必須要學(xué)習(xí)HTML、CSS、JavaScript,哪怕只是簡(jiǎn)單地了解。因?yàn)镠TML、CSS、JavaScript是網(wǎng)頁制作技術(shù)的核心與基礎(chǔ)(詳見第1章)。
本書的寫作原則
講清楚HTML、CSS、JavaScript各自的角色
鍋是用來煮飯的,勺是用來舀湯的,如果你分不清鍋和勺各自在烹飪中的角色,用勺來煮飯,后果可想而知。
本書不僅僅局限于對(duì)語法的描述,還試圖為讀者描繪一幅HTML、CSS和JavaScript的角色圖。即HTML、CSS和JavaScript三者在網(wǎng)頁制作這個(gè)大的生態(tài)環(huán)境中,各自扮演什么角色。
其中,HTML是網(wǎng)頁制作的主要語言(詳見第1章),是網(wǎng)頁的基礎(chǔ)架構(gòu);CSS簡(jiǎn)稱樣式表,是目前唯一的網(wǎng)頁頁面排版樣式標(biāo)準(zhǔn),它能使任何瀏覽器都聽從指令,知道該以何種布局、格式顯示各種元素及其內(nèi)容;JavaScript是目前瀏覽器普遍支持的腳本語言,可開發(fā)Internet客戶端的應(yīng)用程序。
筆者認(rèn)為,了解了這些可以使讀者理清思路,避免盲目學(xué)習(xí),不然讀者在學(xué)習(xí)的過程中會(huì)有一種盲人摸象的感覺。
講清楚HTML、CSS、JavaScript是如何配合工作的
你是否有過這樣的經(jīng)歷,當(dāng)你把Dreamweaver、Photoshop、Flash各自的功能都掌握了以后,在設(shè)計(jì)網(wǎng)頁的時(shí)候,卻不知道如何用Photoshop導(dǎo)出符合Dreamweaver的網(wǎng)頁圖片,Dreamweaver喜歡什么格式的Flash動(dòng)畫……
問題就在這里,許多技術(shù)圖書對(duì)軟件本身講解甚多,卻忽略了軟件的配合。本書就是要在講解HTML、CSS、JavaScript各自語法的同時(shí),講清楚JavaScript是如何嵌入HTML的,在HTML基礎(chǔ)架構(gòu)中,CSS外部樣式是如何被調(diào)用的,諸如此類的配合問題。
代碼環(huán)境——記事本
所見即所得的HTML開發(fā)工具,比如Dreamweaver、FrontPage等容易產(chǎn)生廢代碼,為了排除這些不必要的影響,使讀者致力于語法本身,因此本書的所有代碼都是在記事本中完成的。
舉例盡量簡(jiǎn)單、典型,以說明問題為主
本書舉例依據(jù)了簡(jiǎn)單、典型的原則,以說明問題為主。盡量把那些干擾講解對(duì)象的因素排除在外。
從代碼和效果來看,知識(shí)講解非常純粹,雖然有失美觀,但可以排除多余因素的干擾,使讀者專注于代碼本身。
當(dāng)然,有時(shí)為了例子的需要和視覺上的美觀,也可以將上面的例子做成如下表所示的樣子。因此,讀者在學(xué)習(xí)本書時(shí)要懂得抓住重點(diǎn)。
較好看的效果圖:
第5版新增內(nèi)容
以實(shí)際應(yīng)用為導(dǎo)向,摒棄過時(shí)代碼,修漏補(bǔ)遺,增加了移動(dòng)網(wǎng)站開發(fā)的內(nèi)容介紹,更全面實(shí)用。
致謝
本書編寫的過程是一個(gè)不斷解決困難的過程,有時(shí)舉步維艱,有時(shí)進(jìn)展順暢。幸好有兩個(gè)好伙伴:黃圍圍、張慧敏,在本書的編寫過程中,他倆是不遺余力,兢兢業(yè)業(yè),否則本書不可能成形,再版時(shí)又得到了同事石倩、王樂、侯士卿的支持,在此表示由衷的感謝。
寫作的過程是艱辛的,完成后是快樂的,快樂的是能為讀者提供一些幫助。當(dāng)然,書中也可能存在一些不足或疏漏,歡迎讀者指正。郵箱:jsj@phei.com.cn。