HTML/CSS/JavaScript標(biāo)準(zhǔn)教程

前言

　　本書適合誰(shuí)讀　　這是一本講解HTML、CSS、JavaScript最基本語(yǔ)法的書，可作為網(wǎng)頁(yè)制作初學(xué)者的入門教程。同時(shí)也可為網(wǎng)站建設(shè)的專業(yè)人士提供一些參考。　　本書以“講清語(yǔ)法、學(xué)以致用”為指導(dǎo)思想，不僅僅將筆墨局限于語(yǔ)法講解上，并通過一個(gè)個(gè)鮮活、典型的小實(shí)例來(lái)達(dá)到學(xué)以致用的目的。從本書的目錄可見一斑，每個(gè)語(yǔ)法都有相應(yīng)的實(shí)例，每章后面又配有綜合小實(shí)例?！　”緯谥v解的過程中，適當(dāng)采用對(duì)比法，比如，在講到CSS的作用時(shí)，筆者給出兩個(gè)對(duì)比圖，一個(gè)是使用CSS的網(wǎng)頁(yè)，一個(gè)是不使用CSS的網(wǎng)頁(yè)，如圖0-1所示。通過對(duì)比，讀者對(duì)CSS的作用體會(huì)更深?！　槭裁匆獙W(xué)習(xí)HTML、CSS、JavaScript　　小貓為什么要進(jìn)食、喝水、睡覺？最直接的答案就是為了活著，這是它必須做的。　　道理是一樣的，如果你想從事網(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ǔ)（詳見第1章）?！　”緯膶懽髟瓌t　　講清楚HTML、CSS、JavaScript各自的角色　　鍋是用來(lái)煮飯的，勺是用來(lái)舀湯的，如果你分不清鍋和勺各自在烹飪中的角色，用勺來(lái)煮飯，后果可想而知?！　”緯粌H僅局限于對(duì)語(yǔ)法的描述，還試圖為讀者描繪一幅HTML、CSS和JavaScript的角色圖。即HTML、CSS和JavaScript三者在網(wǎng)頁(yè)制作這個(gè)大的生態(tài)環(huán)境中，各自扮演什么角色?！　∑渲校琀TML是網(wǎng)頁(yè)制作的主要語(yǔ)言（詳見第1章），是網(wǎng)頁(yè)的基礎(chǔ)架構(gòu)；CSS簡(jiǎn)稱樣式表，是目前唯一的網(wǎng)頁(yè)頁(yè)面排版樣式標(biāo)準(zhǔn)，它能使任何瀏覽器都聽從指令，知道該以何種布局、格式顯示各種元素及其內(nèi)容；JavaScript是目前瀏覽器普遍支持的腳本語(yǔ)言，可開發(fā)Internet客戶端的應(yīng)用程序?！　」P者認(rèn)為，了解了這些，可以使讀者理清思路，避免盲目學(xué)習(xí)，不然讀者在學(xué)習(xí)的過程中會(huì)有一種盲人摸象的感覺。

內(nèi)容概要

　　《HTML/CSS/JavaScript標(biāo)準(zhǔn)教程：實(shí)例版（第2版）》是一本講解HTML、CSS、JavaScript最基本語(yǔ)法的書，可作為網(wǎng)頁(yè)制作初學(xué)者的入門教程。同時(shí)也可為網(wǎng)站建設(shè)的專業(yè)人士提供一些參考?！禜TML/CSS/JavaScript標(biāo)準(zhǔn)教程：實(shí)例版（第2版）》以“講清語(yǔ)法、學(xué)以致用”為指導(dǎo)思想，不僅僅將筆墨局限于語(yǔ)法講解上，并通過一個(gè)個(gè)鮮活、典型的小實(shí)例來(lái)達(dá)到學(xué)以致用的目的。從《HTML/CSS/JavaScript標(biāo)準(zhǔn)教程：實(shí)例版（第2版）》的目錄可見一斑，每個(gè)語(yǔ)法都有相應(yīng)的實(shí)例，每章后面又配有綜合小實(shí)例。

書籍目錄

第1章　HTML、CSS、JavaScript綜述1.1　這就是HTML、CSS、JavaScript的代碼	21.2　HTML、CSS、JavaScript各自的角色	41.3　如何學(xué)習(xí)HTML、CSS、JavaScript	81.4　小實(shí)例——HTML、CSS、JavaScript的1.4　綜合應(yīng)用	111.5　總結(jié)	131.6　習(xí)題	13第2章　HTML基礎(chǔ)介紹2.1　HTML文檔的結(jié)構(gòu)	162.2　HTML基本語(yǔ)法	162.3　HTML文件的命名	182.4　編寫HTML文件的注意事項(xiàng)	192.5　小實(shí)例——插入圖片與表格	202.6　習(xí)題	22第3章　HTML文件的整體結(jié)構(gòu)3.1　文件頭部?jī)?nèi)容	253.2　主體內(nèi)容	293.3　習(xí)題	32第4章　文字與段落4.1　編輯內(nèi)容	354.2　文字效果	394.3　文字修飾	404.4　段落	444.5　小實(shí)例——文字網(wǎng)頁(yè)	504.6　習(xí)題	51第5章　建立和使用列表5.1　列表類型	545.2　嵌套列表	585.3　小實(shí)例——列表在網(wǎng)頁(yè)中的使用	615.4　習(xí)題	62第6章　超鏈接6.1　超鏈接概述	656.2　超鏈接的路徑	656.3　超鏈接的建立	666.4　設(shè)置圖像映射	686.5　小實(shí)例——超鏈接的使用	696.6　習(xí)題	70第7章　表格的應(yīng)用7.1　表格概述	737.2　插入表格	747.3　設(shè)置表格標(biāo)記屬性	797.4　設(shè)置表格行與單元格	837.5　表格嵌套	897.6　小實(shí)例——表格在網(wǎng)頁(yè)中的應(yīng)用	917.7　習(xí)題	92第8章　層的應(yīng)用8.1　圖層的創(chuàng)建——	958.2　創(chuàng)建嵌套圖層	968.3　層的屬性設(shè)置	978.4　小實(shí)例——圖層的實(shí)際應(yīng)用	988.5　習(xí)題	99第9章　框架的應(yīng)用9.1　框架概述	1029.2　框架的基本結(jié)構(gòu)	1039.3　設(shè)置框架	1049.4　設(shè)置框架集	1119.5　浮動(dòng)框架	1159.6　在框架上建立鏈接	1199.7　小實(shí)例——框架的實(shí)際應(yīng)用	1219.8　習(xí)題	123第10章　表單的應(yīng)用10.1　表單概述	12710.2　表單標(biāo)記	12710.3　信息輸入	12810.4　小實(shí)例——表單的實(shí)際應(yīng)用	13710.5　習(xí)題	139第11章　CSS樣式表基礎(chǔ)11.1　CSS的概述	14311.2　CSS的使用	14611.3　插入CSS樣式表	14911.4　編寫CSS文件	15111.5　習(xí)題	155第12章　字體的設(shè)置12.1　設(shè)置字體——font-family	15812.2　設(shè)置字號(hào)——font-size	15912.3　設(shè)置字體樣式——font-style	16112.4　設(shè)置字體加粗——font-weight	16212.5　設(shè)置字體變體——font-variant	16412.6　組合設(shè)置字體屬性——font	16512.7　小實(shí)例——綜合設(shè)置字體	16512.8　習(xí)題	166第13章　文本的精細(xì)排版13.1　調(diào)整字符間距——letter-spacing	16913.2　調(diào)整單詞間距——word-spacing	17013.3　添加文字修飾——text-decoration	17113.4　設(shè)置文本排列方式——text-align	17313.5　設(shè)置段落縮進(jìn)——text-indent	17413.6　調(diào)整行高——line-height	17513.7　轉(zhuǎn)換英文大小寫——text-transform	17613.8　小實(shí)例——綜合應(yīng)用文本屬性	17813.9　習(xí)題	179第14章　顏色和背景14.1　設(shè)置顏色——color	18214.2　設(shè)置背景顏色——background-color	18314.3　插入背景圖片——background-image	18414.4　插入背景附件——14.4　background-attachment	18514.5　設(shè)置重復(fù)背景圖片——14.4　background-repeat	18714.6　設(shè)置背景圖片位置——14.4　background-position	18814.7　小實(shí)例——綜合設(shè)置顏色和背景	19014.8　習(xí)題	191第15章　邊框和邊距15.1　設(shè)計(jì)邊框樣式——border-style	19415.2　調(diào)整邊框?qū)挾取猙order-width	19715.3　設(shè)置邊框顏色——border-color	19915.4　設(shè)置邊框?qū)傩浴猙order	20015.5　邊距——margin-top /margin-bottom14.4　/margin-left/ margin-right/margin	20215.6　填充——padding-top／padding-14.4　bottom /padding-left / padding- right14.4　/padding	20315.7　小實(shí)例——綜合設(shè)置邊框和邊距	20515.8　習(xí)題	206第16章　JavaScript基礎(chǔ)16.1　JavaScript語(yǔ)言概況	20916.2　第一個(gè)JavaScript程序	21016.3　習(xí)題	211第17章　JavaScript基本語(yǔ)法17.1　基本數(shù)據(jù)類型	21417.2　運(yùn)算符	21417.3　程序結(jié)構(gòu)	21817.4　函數(shù)	22417.5　小實(shí)例——修改密碼	22617.6　習(xí)題	228第18章　JavaScript事件分析18.1　事件概述	23118.2　主要事件分析	23118.3　其他常用事件	23818.4　習(xí)題	238第19章　圖片和多媒體文件的使用19.1　圖片	24119.2　滾動(dòng)文字	25219.3　插入多媒體文件——	26219.4　添加背景音樂——	26419.5　小實(shí)例——綜合設(shè)置圖片和多媒體	26619.6　習(xí)題	267第20章　CSS樣式的高級(jí)應(yīng)用20.1　列表	27020.2　定位	27420.3　CSS層	27920.4　鼠標(biāo)指針——cursor	28720.5　小實(shí)例——綜合設(shè)置層樣式	28920.6　習(xí)題	290第21章　濾鏡特效的應(yīng)用21.1　設(shè)置透明度——alpha	29421.2　添加模糊效果——blur	29621.3　設(shè)置水平/垂直翻轉(zhuǎn)——fliph/flipv	29821.4　設(shè)置灰度——	29921.5　設(shè)置反轉(zhuǎn)——	30021.6　設(shè)置X射線效果——xray	30121.7　設(shè)置波浪效果——wave	30321.8　設(shè)置陰影——dropshadow	30521.9　設(shè)置邊緣光暈效果——glow	30621.10　設(shè)置遮罩——mask	30821.11　設(shè)置漸變陰影——shadow	30921.12　設(shè)定顏色透明——chroma	31021.13　小實(shí)例——濾鏡的綜合應(yīng)用	31221.14　習(xí)題	313第22章　JavaScript對(duì)象的應(yīng)用22.1　對(duì)象概述	31622.2　瀏覽器內(nèi)部對(duì)象	31622.3　內(nèi)置對(duì)象和方法	32222.4　習(xí)題	323第23章　綜合案例23.1　HTML綜合案例	32623.2　CSS綜合案例	33723.3　網(wǎng)站開發(fā)流程	34523.4　大綜合案例	346附錄A　HTML語(yǔ)法概述	357附錄B　CSS語(yǔ)法概述	362附錄C　JavaScript語(yǔ)法概述	365附錄D　顏色關(guān)鍵字對(duì)照表	371

章節(jié)摘錄

　　在了解了基本語(yǔ)法，讀懂代碼后，就可以借助一些網(wǎng)頁(yè)設(shè)計(jì)工具，邊實(shí)踐，邊學(xué)習(xí)了。Dreamweaver就是一個(gè)很好的學(xué)習(xí)工具。　　1.軟件界面　　Dreamweaver是當(dāng)前制作網(wǎng)頁(yè)的主流工具之一，我們?cè)?．2．1節(jié)中講過，該軟件是一種混合型的HTML開發(fā)工具，既有所見即所得的功能，又有直接控制、編寫代碼的功能。這就為我們學(xué)習(xí)HTML帶來(lái)了方便。圖1-11所示為Dreamweaver的界面。　　Dreamweaver有3種視圖方式，第一種是設(shè)計(jì)視圖，在此視圖下操作，就是純粹的所見即所得，執(zhí)行某個(gè)菜單操作就可輕松插入一個(gè)表格或別的元素。軟件會(huì)自動(dòng)生成。HTML代碼。圖1-11所示的視圖就是設(shè)計(jì)視圖?！　〉诙N是代碼視圖，如圖1-12所示。在這種視圖下編寫HTML代碼，和在記事本中編寫是一樣的。這便于我們分析、查看代碼?！　〉谌N是拆分視圖，可以既顯示代碼，又顯示設(shè)計(jì)內(nèi)容，如圖1-13所示。這就為我們的學(xué)習(xí)帶來(lái)方便。

編輯推薦

　　代碼講解：以記事本為編寫環(huán)境，使讀者專注于代碼本身；小實(shí)例：簡(jiǎn)單、典型，詳細(xì)詳解，以講清語(yǔ)法為上；綜合案例：HTML、CSS、JavaScript配合使用，貼近實(shí)際應(yīng)用?！　≡侔娓拢骸　∨鋫?3章PPT教學(xué)課件：緊貼教程。　　配備上機(jī)練習(xí)手冊(cè)：上機(jī)動(dòng)手一學(xué)通?！　≡黾用空铝?xí)題量：溫故知新有辦法?！　∪珪槁﹥?yōu)化，品質(zhì)最佳。　　資深網(wǎng)頁(yè)設(shè)計(jì)師傾情奉獻(xiàn)，以“講清語(yǔ)法，學(xué)習(xí)致用”為指導(dǎo)思想，通過鮮活、典型的實(shí)例，令你快速掌握HTML、CSS、JavaScript標(biāo)準(zhǔn)語(yǔ)法，并在實(shí)踐中舉一反三?！　『?jiǎn)易小實(shí)例、課后習(xí)題貫穿全書，保證邊學(xué)邊練效果好。

圖書封面

圖書標(biāo)簽Tags

無(wú)

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

---

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

---