HTML/CSS/JavaScript標(biāo)準(zhǔn)教程實(shí)例版

前言

　　本書(shū)適合誰(shuí)讀　　這是一本講解HTML、CSS、JavaScript最基本語(yǔ)法的書(shū)，可作為網(wǎng)頁(yè)制作初學(xué)者的入門(mén)教程。同時(shí)也可為網(wǎng)站建設(shè)的專業(yè)人士提供一些參考?！　”緯?shū)以“講清語(yǔ)法、學(xué)以致用”為指導(dǎo)思想，不僅僅將筆墨局限于語(yǔ)法講解上，并通過(guò)一個(gè)個(gè)鮮活、典型的小實(shí)例來(lái)達(dá)到學(xué)以致用的目的。從本書(shū)的目錄可見(jiàn)一斑，每個(gè)語(yǔ)法都有相應(yīng)的實(shí)例，每章后面又配有綜合小實(shí)例?！　”緯?shū)在講解的過(guò)程中，適當(dāng)采用對(duì)比法，比如，在講到CSS的作用時(shí)，筆者給出兩個(gè)對(duì)比圖，一個(gè)是使用CSS的網(wǎng)頁(yè)，一個(gè)是不使用CSS的網(wǎng)頁(yè)。通過(guò)對(duì)比，讀者對(duì)CSS的作用體會(huì)更深。　　為什么要學(xué)習(xí)HTML、CSS、JavaScript　　小貓為什么要進(jìn)食、喝水、睡覺(jué)？最直接的答案就是為了活著，這是它必須做的?！　〉览硎且粯拥模绻阆霃氖戮W(wǎng)頁(yè)制作或正在從事網(wǎng)頁(yè)制作的相關(guān)工作，就必須要學(xué)習(xí)HTML、CSS、JavaScript，哪怕只是簡(jiǎn)單地了解。因?yàn)镠TML、CSS、JavaScript是網(wǎng)頁(yè)制作技術(shù)的核心與基礎(chǔ)（詳見(jiàn)第1章）?！　”緯?shū)的寫(xiě)作原則　　講清楚HTML、CSS、JavaScript各自的角色　　鍋是用來(lái)煮飯的，勺是用來(lái)舀湯的，如果你分不清鍋和勺各自在烹飪中的角色，用勺來(lái)煮飯，后果可想而知。　　本書(shū)不僅僅局限于對(duì)語(yǔ)法的描述，還試圖為讀者描繪一幅HTML、CSS和JavaScript的角色圖。即HTML、CSS和JavaScript三者在網(wǎng)頁(yè)制作這個(gè)大的生態(tài)環(huán)境中，各自扮演什么角色?！　∑渲?，HTML是網(wǎng)頁(yè)制作的主要語(yǔ)言（詳見(jiàn)第1章），是網(wǎng)頁(yè)的基礎(chǔ)架構(gòu)；CSS簡(jiǎn)稱樣式表，是目前唯一的網(wǎng)頁(yè)頁(yè)面排版樣式標(biāo)準(zhǔn)，它能使任何瀏覽器都聽(tīng)從指令，知道該以何種布局、格式顯示各種元素及其內(nèi)容；JavaScript是目前瀏覽器普遍支持的腳本語(yǔ)言，可開(kāi)發(fā)Internet客戶端的應(yīng)用程序?！　」P者認(rèn)為，了解了這些，可以使讀者理清思路，避免盲目學(xué)習(xí)，不然讀者在學(xué)習(xí)的過(guò)程中會(huì)有一種盲人摸象的感覺(jué)?！　≈v清楚HTML、CSS、JavaScript是如何配合工作的　　你是否有過(guò)這樣的經(jīng)歷，當(dāng)你把Dreamweaver、Photoshop、Flash各自的功能都掌握了以后，在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，卻不知道如何用Photoshop導(dǎo)出符合Dreamweaver的網(wǎng)頁(yè)圖片，Dreamweaver喜歡什么格式的Flash動(dòng)畫(huà)……　　問(wèn)題就在這里，許多技術(shù)圖書(shū)對(duì)軟件本身講解甚多，卻忽略了軟件的配合。本書(shū)就是要在講解HTML、CSS、JavaScript各自語(yǔ)法的同時(shí)，講清楚JavaScript是如何嵌入HTML的，在HTML基礎(chǔ)架構(gòu)中，CSS外部樣式是如何被調(diào)用的，諸如此類的配合問(wèn)題?！　〈a環(huán)境——記事本　　所見(jiàn)即所得的HTML開(kāi)發(fā)工具，比如Dreamweaver、FrontPage等容易產(chǎn)生廢代碼，為了排除這些不必要的影響，使讀者致力于語(yǔ)法本身，因此本書(shū)的所有代碼都是在記事本中完成的?！　∨e例盡量簡(jiǎn)單、典型，以說(shuō)明問(wèn)題為上　　本書(shū)舉例依據(jù)了簡(jiǎn)單、典型的原則，以說(shuō)明問(wèn)題為上。盡量把那些干擾講解對(duì)象的因素排除在外?！　拇a和效果來(lái)看，知識(shí)講解非常純粹，雖然有失美觀，但可以排除多余因素的干擾，使讀者專注于代碼本身?！　‘?dāng)然，有時(shí)為了例子的需要和視覺(jué)上的美觀，也可以將上面的例子做成如下表所示的樣子。因此，讀者在學(xué)習(xí)本書(shū)時(shí)要懂得抓住重點(diǎn)?！　≥^好看的效果圖：　　第4版新增內(nèi)容　　以實(shí)際應(yīng)用為導(dǎo)向，摒棄過(guò)時(shí)代碼，修漏補(bǔ)遺，附錄中增加了HTML5的介紹，更全面實(shí)用　　致謝　　本書(shū)編寫(xiě)的過(guò)程是一個(gè)不斷解決困難的過(guò)程，有時(shí)舉步維艱，有時(shí)進(jìn)展順暢。幸好有兩個(gè)好伙伴：黃圍圍、張慧敏，在本書(shū)的編寫(xiě)過(guò)程中，他倆是不遺余力，兢兢業(yè)業(yè)，否則本書(shū)不可能成形，再版時(shí)又得到了同事石倩、王樂(lè)、侯士卿的支持，在此表示由衷的感謝。　　寫(xiě)作的過(guò)程是艱辛的，完成后是快樂(lè)的，快樂(lè)的是能為讀者提供一些幫助。

內(nèi)容概要

　　這是一本講解HTML、CSS、JavaScript最基本語(yǔ)法的書(shū)，可作為網(wǎng)頁(yè)制作初學(xué)者的入門(mén)教程。同時(shí)也可為網(wǎng)站建設(shè)的專業(yè)人士提供一些參考。本書(shū)以“講清語(yǔ)法、學(xué)以致用”為指導(dǎo)思想，不僅僅將筆墨局限于語(yǔ)法講解上，并通過(guò)一個(gè)個(gè)鮮活、典型的小實(shí)例來(lái)達(dá)到學(xué)以致用的目的。從本書(shū)的目錄可見(jiàn)一斑，每個(gè)語(yǔ)法都有相應(yīng)的實(shí)例，每章后面又配有綜合小實(shí)例。配書(shū)光盤(pán)包括PPT課件、上機(jī)手冊(cè)、習(xí)題參考答案和源文件，方便讀者使用。第4版新增了HTML5的介紹，查漏補(bǔ)缺，修改了一些不常用的命令，品質(zhì)更佳。

書(shū)籍目錄

第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基本語(yǔ)法
　2.3 HTML文件的命名
　2.4 編寫(xiě)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)頁(yè)
　4.6 習(xí)題
第5章 建立和使用列表
　5.1 列表類型
　5.2 嵌套列表
　5.3 小實(shí)例——列表在網(wǎng)頁(yè)中的使用
　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è)中的應(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 編寫(xiě)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)換英文大小寫(xiě)——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è)置邊框和邊距
　15.8 習(xí)題
第16章 JavaScript基礎(chǔ)
　16.1 JavaScript語(yǔ)言概況
　16.2 第一個(gè)JavaScript程序
　16.3 習(xí)題
第17章 JavaScript基本語(yǔ)法
　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)站開(kāi)發(fā)流程
　23.4 大綜合案例
第24章 手持設(shè)備可訪問(wèn)頁(yè)面的設(shè)計(jì)
　24.1 XHTML MP語(yǔ)言
　24.2 WML語(yǔ)言
　附錄A HTML5基本介紹
　附錄B HTML語(yǔ)法概述
　附錄C CSS語(yǔ)法概述
　附錄D JavaScript語(yǔ)法概述
　附錄E 顏色關(guān)鍵字對(duì)照表
　習(xí)題參考答案

章節(jié)摘錄

版權(quán)頁(yè)：   插圖：   網(wǎng)頁(yè)的基本組成元素是文字、圖片、音樂(lè)和動(dòng)畫(huà)。雖然文字在元素中占有首要地位，但是圖片、音樂(lè)和動(dòng)畫(huà)也是不可缺少的，因?yàn)樵诰W(wǎng)頁(yè)中最能體現(xiàn)其特色效果的正是這些元素。本章介紹的就是圖片及多媒體文件，其中多媒體有滾動(dòng)文字、flash動(dòng)畫(huà)、音頻和視頻文件。 19.1 圖片 圖片作為網(wǎng)頁(yè)中必需的元素，其靈活的應(yīng)用會(huì)給網(wǎng)頁(yè)增添不少特效。而且圖片的直觀、明了、絢麗和美觀等都是文字無(wú)法代替的。同時(shí)圖片的選用也是很重要的，選用時(shí)除了要考慮圖片的格式外，還有圖片的顏色搭配及大小。 圖片的大小選用，一般最好不超過(guò)8KB。如果圖片過(guò)大，會(huì)增加整個(gè)HTML文件的體積，這樣既不利于網(wǎng)頁(yè)的上傳，也不利于瀏覽者進(jìn)行瀏覽。當(dāng)必須要使用大圖片時(shí)，也可以對(duì)其進(jìn)行一些處理，將其切割成幾個(gè)小圖。 圖片的顏色選用，主要是依賴于本網(wǎng)頁(yè)的整體風(fēng)格。圖片的顏色和網(wǎng)頁(yè)的整體顏色風(fēng)格盡量保持一致，不要過(guò)于花哨。 19.1.1 網(wǎng)頁(yè)的圖片格式 網(wǎng)頁(yè)中圖片格式的選用更是圖片的關(guān)鍵因素，因?yàn)椴煌膱D片格式表現(xiàn)出來(lái)的顏色分辨率和顏色標(biāo)準(zhǔn)也不同，同時(shí)還會(huì)影響到圖片的體積大小。網(wǎng)頁(yè)作為信息的載體，每天都會(huì)被好多計(jì)算機(jī)瀏覽，而且圖片信息作為網(wǎng)頁(yè)中不可缺少的元素，當(dāng)然要有統(tǒng)一的標(biāo)準(zhǔn)。目前，網(wǎng)頁(yè)中使用比較普遍的圖片格式有GIF和JPEG，還有一種較常用的格式PNG，下面就逐一解釋。

編輯推薦

《HTML/CSS/JavaScript標(biāo)準(zhǔn)教程實(shí)例版(第4版)》是一本講解HTML、CSS、JavaScript最基本語(yǔ)法的書(shū)，可作為網(wǎng)頁(yè)制作初學(xué)者的入門(mén)教程。同時(shí)也可為網(wǎng)站建設(shè)的專業(yè)人士提供一些參考。由北京電子工業(yè)出版社出版。

圖書(shū)封面

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

---

    HTML/CSS/JavaScript標(biāo)準(zhǔn)教程實(shí)例版 PDF格式下載

---