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

前言

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

內(nèi)容概要

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

書籍目錄

第1章　HTML、CSS、JavaScript綜述1.1　這就是HTML、CSS、JavaScript的代碼	21.2　HTML、CSS、JavaScript各自的角色	41.3　如何學(xué)習(xí)HTML、CSS、JavaScript	81.4　小實例——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基本語法	162.3　HTML文件的命名	182.4　編寫HTML文件的注意事項	192.5　小實例——插入圖片與表格	202.6　習(xí)題	22第3章　HTML文件的整體結(jié)構(gòu)3.1　文件頭部內(nèi)容	253.2　主體內(nèi)容	293.3　習(xí)題	32第4章　文字與段落4.1　編輯內(nèi)容	354.2　文字效果	394.3　文字修飾	404.4　段落	444.5　小實例——文字網(wǎng)頁	504.6　習(xí)題	51第5章　建立和使用列表5.1　列表類型	545.2　嵌套列表	585.3　小實例——列表在網(wǎng)頁中的使用	615.4　習(xí)題	62第6章　超鏈接6.1　超鏈接概述	656.2　超鏈接的路徑	656.3　超鏈接的建立	666.4　設(shè)置圖像映射	686.5　小實例——超鏈接的使用	696.6　習(xí)題	70第7章　表格的應(yīng)用7.1　表格概述	737.2　插入表格	747.3　設(shè)置表格標(biāo)記屬性	797.4　設(shè)置表格行與單元格	837.5　表格嵌套	897.6　小實例——表格在網(wǎng)頁中的應(yīng)用	917.7　習(xí)題	92第8章　層的應(yīng)用8.1　圖層的創(chuàng)建——	958.2　創(chuàng)建嵌套圖層	968.3　層的屬性設(shè)置	978.4　小實例——圖層的實際應(yīng)用	988.5　習(xí)題	99第9章　框架的應(yīng)用9.1　框架概述	1029.2　框架的基本結(jié)構(gòu)	1039.3　設(shè)置框架	1049.4　設(shè)置框架集	1119.5　浮動框架	1159.6　在框架上建立鏈接	1199.7　小實例——框架的實際應(yīng)用	1219.8　習(xí)題	123第10章　表單的應(yīng)用10.1　表單概述	12710.2　表單標(biāo)記	12710.3　信息輸入	12810.4　小實例——表單的實際應(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è)置字號——font-size	15912.3　設(shè)置字體樣式——font-style	16112.4　設(shè)置字體加粗——font-weight	16212.5　設(shè)置字體變體——font-variant	16412.6　組合設(shè)置字體屬性——font	16512.7　小實例——綜合設(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è)置段落縮進——text-indent	17413.6　調(diào)整行高——line-height	17513.7　轉(zhuǎn)換英文大小寫——text-transform	17613.8　小實例——綜合應(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è)置顏色和背景	19014.8　習(xí)題	191第15章　邊框和邊距15.1　設(shè)計邊框樣式——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è)置邊框和邊距	20515.8　習(xí)題	206第16章　JavaScript基礎(chǔ)16.1　JavaScript語言概況	20916.2　第一個JavaScript程序	21016.3　習(xí)題	211第17章　JavaScript基本語法17.1　基本數(shù)據(jù)類型	21417.2　運算符	21417.3　程序結(jié)構(gòu)	21817.4　函數(shù)	22417.5　小實例——修改密碼	22617.6　習(xí)題	228第18章　JavaScript事件分析18.1　事件概述	23118.2　主要事件分析	23118.3　其他常用事件	23818.4　習(xí)題	238第19章　圖片和多媒體文件的使用19.1　圖片	24119.2　滾動文字	25219.3　插入多媒體文件——	26219.4　添加背景音樂——	26419.5　小實例——綜合設(shè)置圖片和多媒體	26619.6　習(xí)題	267第20章　CSS樣式的高級應(yīng)用20.1　列表	27020.2　定位	27420.3　CSS層	27920.4　鼠標(biāo)指針——cursor	28720.5　小實例——綜合設(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　小實例——濾鏡的綜合應(yīng)用	31221.14　習(xí)題	313第22章　JavaScript對象的應(yīng)用22.1　對象概述	31622.2　瀏覽器內(nèi)部對象	31622.3　內(nèi)置對象和方法	32222.4　習(xí)題	323第23章　綜合案例23.1　HTML綜合案例	32623.2　CSS綜合案例	33723.3　網(wǎng)站開發(fā)流程	34523.4　大綜合案例	346附錄A　HTML語法概述	357附錄B　CSS語法概述	362附錄C　JavaScript語法概述	365附錄D　顏色關(guān)鍵字對照表	371

章節(jié)摘錄

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

編輯推薦

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

圖書封面

圖書標(biāo)簽Tags

無

評論、評分、閱讀與下載

---

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

---