本書集HTML5、CSS3、JavaScript技術(shù)于一體,基于Web標(biāo)準(zhǔn),詳細(xì)介紹了Web前端設(shè)計技術(shù)的基礎(chǔ)知識,對Web體系結(jié)構(gòu)、HTML5、CSS3、JavaScript和網(wǎng)站制作流程進(jìn)行了詳細(xì)的講解;為了使廣大的Web開發(fā)者真正了解與全面掌握HTML5、CSS3、JavaScript等技術(shù),本書對HTML5和CSS3樣式布局進(jìn)行了深入的介紹,同時介紹了使用JavaScript腳本語言實現(xiàn)網(wǎng)頁動態(tài)效果。書中引入了豐富的案例,對案例進(jìn)行了細(xì)致的分析,便于學(xué)生理解所學(xué)知識,加強實操訓(xùn)練,提高實踐能力。本書結(jié)構(gòu)合理、內(nèi)容緊湊,每個知識點都精心設(shè)計了案例。本書既適合作為高職院校計算機專業(yè)程序設(shè)計課程的教材,也適合Web前端和對HTML5及未來Web應(yīng)用技術(shù)感興趣的讀者參考。
HTML5、CSS3、JavaScript技術(shù)是網(wǎng)頁設(shè)計的精髓。當(dāng)今時代,網(wǎng)絡(luò)應(yīng)用正處在不斷變革中,而作為與應(yīng)用密切相關(guān)的前端技術(shù)更是備受矚目。其中,以HTML5為代表的新一代技術(shù)尤為受到多方的關(guān)注,因為HTML5不僅僅是一次簡單的技術(shù)升級,更代表了未來Web開發(fā)的方向,對于當(dāng)今整個Web開發(fā)領(lǐng)域來說,HTML5可謂最熱門的話題之一,被寄予了太多的期望與依托。在Web開發(fā)中采用CSS技術(shù)可以顯著地美化應(yīng)用程序,有效地控制頁面的布局、字體、顏色、背景和其他效果。利用好CSS還可以更快捷地得到以往要用很多插件才能達(dá)到的效果。
HTML5相較于HTML4做出了一定程度的修改。這些修改包括一些標(biāo)簽的增加或刪減、語法結(jié)構(gòu)的簡化等。與Flash相比,HTML5的優(yōu)點是無須插件、對搜索引擎友好,且在性能與穩(wěn)定性方面的表現(xiàn)更優(yōu)。HTML5的框架在原版本的基礎(chǔ)上,廢除了許多HTML4中不合理的效果標(biāo)記,創(chuàng)造性地增加了很多用于富媒體、富圖形的新標(biāo)記,最大限度地減少了對外部插件的依賴;本書第2章介紹了許多新增加的元素屬性,需要借助相關(guān)的書籍來引導(dǎo)開發(fā)者進(jìn)行學(xué)習(xí),使其快速掌握HTML5。
本書共14章,內(nèi)容包括:
第1章 HTML5概述,介紹HTML5的基礎(chǔ)知識,幫助大家了解HTML的輪廓和發(fā)展歷程,并介紹HTML5頁面的創(chuàng)建方法。
第2章 全新的HTML5,詳細(xì)介紹了HTML5中新增的結(jié)構(gòu)元素,還增加了一些表示邏輯結(jié)構(gòu)或附加信息的非主體結(jié)構(gòu)元素、新增的屬性及其用法,以及HTML5中廢除的元素。
第3章 認(rèn)識HTML5的文檔結(jié)構(gòu),介紹了Web標(biāo)準(zhǔn)、HTML5的基本結(jié)構(gòu),幫助大家了解HTML5的輪廓,并通過一個實例介紹符合Web標(biāo)準(zhǔn)的HTML5文檔結(jié)構(gòu)。
第4章 網(wǎng)頁文本設(shè)計,通過實例介紹網(wǎng)頁中文本的插入和文本的斜體、粗體等特殊樣式的知識,講解文檔排版的段落標(biāo)記和標(biāo)題標(biāo)記,以及使用標(biāo)記創(chuàng)建無序列表、有序列表和自定義列表。
第5章 美化網(wǎng)頁 使用CSS3技術(shù),詳細(xì)介紹CSS3的基本概念、定義和使用語法,介紹層疊樣式表文件的使用語法規(guī)則、定義方式、在網(wǎng)頁中的引用方法,CSS構(gòu)造樣式的規(guī)則及樣式選擇器的類型。
第6章 文本格式的高級設(shè)置,詳細(xì)介紹CSS3中文本樣式表的高級設(shè)置,通過實例對文本樣式中的文本字體、風(fēng)格、字號、大小寫轉(zhuǎn)換、行間距、字間距、溢出處理等常用文本樣式屬性進(jìn)行講解。
第7章 網(wǎng)頁色彩和圖片設(shè)計,介紹網(wǎng)頁中的色彩和圖片的關(guān)系,以及圖像的應(yīng)用。
第8章 網(wǎng)頁超鏈接設(shè)計,通過實例講解網(wǎng)頁超鏈接設(shè)計的相關(guān)知識,包括創(chuàng)建超文本/ 圖片鏈接、下載鏈接,使用絕對/相對路徑、在不同窗口打開鏈接,使用超文本鏈接發(fā)送電子郵件,使用錨點制作電子書閱讀網(wǎng)頁,創(chuàng)建熱點區(qū)域及浮動框架。
第9章 用HTML5創(chuàng)建表格,介紹頁面中表格的各種HTML標(biāo)簽,如表格標(biāo)簽<table>、行標(biāo)簽<tr>、單元格標(biāo)簽<td>、標(biāo)題標(biāo)簽<caption>等,以及跨行跨列的處理方法和分組設(shè)置表格列樣式的處理方法。
第10章 網(wǎng)頁表單設(shè)計,主要介紹表單的基本標(biāo)簽,如表單<form>、輸入<input>、下拉列表<select>、多行文本<textarea>等和表單的工作原理。
第11章 網(wǎng)頁多媒體設(shè)計,學(xué)習(xí)在HTML5中增加audio和video進(jìn)行多媒體播放的方法。通過audio或video的屬性能夠獲取多媒體播放的進(jìn)度、總時間等信息,通過自定義播放器可以設(shè)置播放器的播放、暫停、音量調(diào)整等動作。
第12章 HTML5布局,介紹關(guān)于頁面布局的一系列基礎(chǔ)知識和一些布局案例,它們基本涵蓋了當(dāng)前的主流布局方式,具有很強的代表性。
第13章 使用JavaScript腳本語言實現(xiàn)網(wǎng)頁動態(tài)效果,主要介紹JavaScript的基本語法、常用內(nèi)置對象、文檔對象模型、用戶驗證等知識。
第14章 網(wǎng)頁設(shè)計與開發(fā)綜合范例,通過實例講解網(wǎng)頁規(guī)劃、結(jié)構(gòu)、布局的相關(guān)知識,最后通過一個綜合實例介紹網(wǎng)頁設(shè)計與開發(fā)的過程。
本書注重理論結(jié)合實際,注重基本知識的傳授與基本技能的培養(yǎng),適合作為高職院校計算機專業(yè)HTML5 CSS3 JavaScript的教學(xué)用書。
本書由羅保山、孫琳擔(dān)任主編,張松慧、趙丙秀、張克斌擔(dān)任副主編,參加編寫的人員還有董寧、江平、汪曉青、劉波等。本書在編寫過程中參考了許多資料和國內(nèi)外的優(yōu)秀教材,在此對其作者一并表示衷心的感謝。
為了方便教師教學(xué),本書提供了教學(xué)參考資料包,內(nèi)容包括電子課件、案例源代碼、課后上機實訓(xùn)、習(xí)題解答等,請有此需要的教師登錄華信教育資源網(wǎng)(www.hxedu.com.cn)注冊后免費下載,如有問題可在網(wǎng)站留言板留言或與電子工業(yè)出版社聯(lián)系(E-mail:hxedu@phei.com.cn)。
由于編寫時間緊張,編者水平有限,書中難免存在疏漏,敬請讀者批評指正。
編 者
羅保山,教授,武漢軟件工程職業(yè)學(xué)院計算機學(xué)院副院長,畢業(yè)于華中師范大學(xué)計算機軟件專業(yè),現(xiàn)任教于計算機學(xué)院物聯(lián)網(wǎng)技術(shù)教研室。從事計算機教學(xué)20年,主講《HTML與CSS程序設(shè)計》、《數(shù)據(jù)庫技術(shù)》、《C#高級程序設(shè)計》等課程。主、參編教材11本,公開發(fā)表論文13篇,主持或參與市級以上科研課題20余項,取得軟件著作權(quán)、專利7項。