全書采用全新流行的Web標(biāo)準(zhǔn), 通過(guò)豐富的網(wǎng)頁(yè)設(shè)計(jì)案例, 由淺入深、完整詳細(xì)的介紹了XHTML、CSS及JavaScript網(wǎng)頁(yè)制作相關(guān)技術(shù)與內(nèi)容, 適當(dāng)引入了CSS3及HTML5的部分知識(shí), 對(duì)常用的、不同瀏覽器的兼容問(wèn)題進(jìn)行針對(duì)性的介紹, 可以幫助讀者系統(tǒng)、全面地掌握網(wǎng)頁(yè)制作技術(shù)。
根據(jù)Web標(biāo)準(zhǔn)規(guī)范,目前設(shè)計(jì)網(wǎng)頁(yè)是采用HTML+CSS+JavaScript,將網(wǎng)頁(yè)的內(nèi)容、外觀樣式及動(dòng)態(tài)效果徹底分離,從而簡(jiǎn)化頁(yè)面代碼,方便用戶訪問(wèn)和使用。
作者根據(jù)多年網(wǎng)頁(yè)制作的教學(xué)、實(shí)踐經(jīng)驗(yàn)以及學(xué)生的認(rèn)知規(guī)律,精心編寫了這本教材。
本書采用全新的Web標(biāo)準(zhǔn),以DHTML技術(shù)為基礎(chǔ),由淺入深、完整詳細(xì)地介紹了HTML、CSS及JavaScript網(wǎng)頁(yè)制作內(nèi)容,除此以外,還適當(dāng)增加了部分應(yīng)用較為廣泛的HTML5元素和CSS3樣式屬性,可以使讀者系統(tǒng)、全面地掌握網(wǎng)頁(yè)制作技術(shù),緊跟時(shí)代潮流。
本書內(nèi)容系統(tǒng)、全面,例題豐富,實(shí)用性強(qiáng),既可以作為應(yīng)用型本科和高職院校相關(guān)專業(yè)的教材,也可作為網(wǎng)站開(kāi)發(fā)人員的自學(xué)或參考用書。
前言
在“互聯(lián)網(wǎng)+”時(shí)代,各種網(wǎng)站的需求越來(lái)越多,規(guī)范性標(biāo)準(zhǔn)越來(lái)越高,技術(shù)越來(lái)越先進(jìn),傳統(tǒng)的網(wǎng)站制作教材從技術(shù)實(shí)現(xiàn)的角度來(lái)看,使用的技術(shù)比較落后;從代碼結(jié)構(gòu)來(lái)看,沒(méi)有將頁(yè)面內(nèi)容和樣式進(jìn)行分離,導(dǎo)致代碼過(guò)于煩瑣,不便于學(xué)習(xí)者閱讀。
為適應(yīng)現(xiàn)代技術(shù)的飛速發(fā)展,幫助眾多喜愛(ài)網(wǎng)站開(kāi)發(fā)的人員學(xué)習(xí)標(biāo)準(zhǔn)的網(wǎng)頁(yè)設(shè)計(jì)規(guī)范,提高網(wǎng)站的設(shè)計(jì)及編碼水平,編者根據(jù)多年的教學(xué)經(jīng)驗(yàn)和學(xué)生的認(rèn)知規(guī)律,在潛心研讀網(wǎng)站制作的前沿技術(shù)之后,由眾多教師經(jīng)過(guò)多次討論、多次修改之后精心編寫了這本教材。本書既可作為應(yīng)用型本科、高職院校、成人繼續(xù)教育的教材,也可作為網(wǎng)頁(yè)開(kāi)發(fā)人員的自學(xué)或參考用書。
本書采用全新的Web標(biāo)準(zhǔn),由淺入深、系統(tǒng)全面地介紹了HTML、CSS和JavaScript的基本知識(shí)及常用技巧,打破傳統(tǒng)教材獨(dú)立講解三個(gè)模塊的做法,摒棄了傳統(tǒng)HTML元素中大部分屬性的應(yīng)用,完全按照當(dāng)前流行網(wǎng)站的設(shè)計(jì)特點(diǎn),將HTML每種元素及針對(duì)該元素能夠使用的各種樣式有效整合,做到每種元素都會(huì)按照標(biāo)準(zhǔn)方式在頁(yè)面中出現(xiàn),讓讀者通過(guò)各種豐富實(shí)用的案例直接學(xué)習(xí)到最新標(biāo)準(zhǔn)下的知識(shí),內(nèi)容翔實(shí)、完整、實(shí)用。考慮到網(wǎng)頁(yè)制作較強(qiáng)的實(shí)踐性,本書配備了大量的頁(yè)面例題和豐富的運(yùn)行效果圖,能夠有效幫助讀者理解所學(xué)習(xí)的理論知識(shí)、全面系統(tǒng)地掌握網(wǎng)頁(yè)制作技術(shù)。
除此之外,本書中還適當(dāng)引入了當(dāng)前較為廣泛應(yīng)用的HTML5和CSS3中的部分知識(shí),引領(lǐng)讀者走向Web開(kāi)發(fā)的更前沿。
本書在每章之后附有適量的理論與實(shí)踐操作習(xí)題,并在附錄中給出了習(xí)題答案,供讀者鞏固所學(xué)的內(nèi)容。
全書共分8章。各章的主要內(nèi)容說(shuō)明如下:
第1章介紹Web服務(wù)器、網(wǎng)站部署與發(fā)布等與網(wǎng)站制作相關(guān)的基礎(chǔ)知識(shí),說(shuō)明在Web服務(wù)器下頁(yè)面的運(yùn)行方式,并且采用簡(jiǎn)單易懂的實(shí)例和文字說(shuō)明了HTML、CSS和JavaScript在頁(yè)面中的功能、特點(diǎn)及應(yīng)用方法,簡(jiǎn)單講述了HTML和XHTML文檔的結(jié)構(gòu)及HTML中的基本語(yǔ)法。
第2章主要以頁(yè)面中的段落、文本塊為切入點(diǎn),詳細(xì)介紹CSS樣式表在網(wǎng)頁(yè)制作中的重要應(yīng)用,包括樣式表的結(jié)構(gòu)、分類、樣式規(guī)則、各種選擇符的特點(diǎn)及用法,文本和顏色相關(guān)的樣式屬性和樣式規(guī)則的優(yōu)先級(jí)問(wèn)題。
第3章圍繞盒模型展開(kāi)相關(guān)知識(shí)的講解,包括盒狀模型的寬度、高度、邊框、填充、邊距和居中、浮動(dòng)和定位等布局樣式屬性,適當(dāng)引入了CSS3中設(shè)置盒子的陰影、圓角邊框等當(dāng)前頁(yè)面中廣泛使用的樣式。
第4章講解頁(yè)面設(shè)計(jì)中常用的標(biāo)記元素及各種元素的相關(guān)樣式,例如圖像、超鏈接、表格、列表等,同時(shí)強(qiáng)調(diào)各種元素樣式在不同瀏覽器下兼容性的標(biāo)準(zhǔn)做法。本章最后以山東商職學(xué)院網(wǎng)站首頁(yè)的設(shè)計(jì)為案例,詳細(xì)介紹了頁(yè)面的布局和實(shí)現(xiàn)過(guò)程,并給出了全部代碼幫助讀者提高頁(yè)面設(shè)計(jì)能力。第5章講解框架、表單和頁(yè)面中的媒體元素,以豐富的案例講解交互式頁(yè)面中表單的應(yīng)用,并引入了HTML5中新增的表單輸入元素,增強(qiáng)表單頁(yè)面的功能。
第6~8章通過(guò)豐富實(shí)用的案例詳細(xì)介紹JavaScript腳本語(yǔ)言的相關(guān)知識(shí),包括基礎(chǔ)語(yǔ)句語(yǔ)法、流行的事件處理方式、函數(shù)(包括匿名函數(shù)和閉包)、自定義類與對(duì)象、全局對(duì)象、系統(tǒng)對(duì)象、內(nèi)置對(duì)象、各種DOM標(biāo)記對(duì)象、事件對(duì)象以及樣式對(duì)象。
本書由王愛(ài)華、劉錫冬、王軼鳳編著,參加編寫的還有朱佳、孟繁興、曹福德。
本書雖然傾注了編者的很多努力,但是難免會(huì)存在一些錯(cuò)誤,讀者遇到錯(cuò)誤或問(wèn)題時(shí)敬請(qǐng)與我們聯(lián)系,并誠(chéng)懇歡迎提出寶貴的建議。
編者Email:aihuamengru@163.com。
編者
2017年5月
目錄
第1章HTML、CSS、JavaScript基礎(chǔ)知識(shí)和基本語(yǔ)法/1
1.1Web網(wǎng)頁(yè)的基本概念/1
1.1.1網(wǎng)頁(yè)/1
1.1.2網(wǎng)站/2
1.2靜態(tài)網(wǎng)頁(yè)工作原理與制作工具/3
1.2.1靜態(tài)網(wǎng)頁(yè)的工作原理/3
1.2.2運(yùn)行Web服務(wù)器中的頁(yè)面/4
1.2.3靜態(tài)網(wǎng)頁(yè)制作工具/8
1.3HTML、CSS、JavaScript簡(jiǎn)介/8
1.3.1HTML超文本標(biāo)記語(yǔ)言/8
1.3.2CSS層疊樣式表/10
1.3.3JavaScript腳本語(yǔ)言/11
1.4頁(yè)面文檔結(jié)構(gòu)和基本語(yǔ)法/11
1.4.1HTML文檔結(jié)構(gòu)/11
1.4.2HTML基本語(yǔ)法/12
1.4.3XHTML文檔結(jié)構(gòu)/14
1.5頁(yè)面文檔頭部的相關(guān)標(biāo)記/15
1.5.1設(shè)置頁(yè)面標(biāo)題