前言

Dreamweaver軟件具有前端靜態(tài)頁面開發(fā)功能，提供了“所見即所得”的可視化操作方式，其還具有服務(wù)器端動(dòng)態(tài)頁面的工程開發(fā)能力，贏得了國內(nèi)外眾多網(wǎng)站頁面設(shè)計(jì)師和技術(shù)開發(fā)工程師的青睞，同時(shí)讓網(wǎng)站頁面藝術(shù)設(shè)計(jì)變得直觀和簡單易行，因此采用Dreamweaver軟件作為網(wǎng)頁設(shè)計(jì)課程的載體，就成為眾多高等院校藝術(shù)類專業(yè)的必然選擇。

本書第1版自2013年2月出版以來，受到廣大教師、學(xué)生和讀者的喜愛，被全國許多所院校選為“網(wǎng)頁設(shè)計(jì)”課程教材。本書是《網(wǎng)頁設(shè)計(jì)與制作——Dreamweaver CS6標(biāo)準(zhǔn)教程（第2版）》的升級版教材，編者在Dreamweaver CC軟件（2017版本）環(huán)境下，對全書內(nèi)容進(jìn)行了重寫。編者基于對網(wǎng)站設(shè)計(jì)和Web開發(fā)技術(shù)發(fā)展的理解，以及在“網(wǎng)頁設(shè)計(jì)”精品課程教學(xué)中積累的經(jīng)驗(yàn)，對教材內(nèi)容和結(jié)構(gòu)進(jìn)行了大幅度的修改和調(diào)整，主要體現(xiàn)在以下幾個(gè)方面。

（1）基于Dreamweaver CC的技術(shù)體系，對全書知識體系和架構(gòu)進(jìn)行了調(diào)整，刪除了上一版第9章框架、第10章APDiv和Spry等過時(shí)的內(nèi)容，新增了第11章HTML5和彈性布局、第13章jQuery Mobile的內(nèi)容。

（2）全面引入HTML5。在第4章講解了HTML5多媒體元素，Video元素和Audio元素；在第11章對HTML5結(jié)構(gòu)語義標(biāo)簽進(jìn)行了深入剖析，描述了利用彈性盒子實(shí)現(xiàn)響應(yīng)式的頁面布局方法；在12章中還對HTML5表單元素進(jìn)行了說明。

（3）對CSS樣式進(jìn)行了升級，深入剖析了CSS3內(nèi)容和使用技巧，將第7章CCS樣式案例進(jìn)行更換，融入CSS3內(nèi)容，并增加了CSS過渡效果和CSS動(dòng)畫內(nèi)容；在第11章介紹了媒體查詢的使用方法。

（4）緊扣移動(dòng)技術(shù)發(fā)展，增加了移動(dòng)端網(wǎng)頁設(shè)計(jì)技術(shù)，在新增的第13章jQuery Mobile中，系統(tǒng)講述了jQuery Mobile的框架內(nèi)容和使用方法。

（5）滿足應(yīng)用開源技術(shù)的需要，在第14章動(dòng)態(tài)網(wǎng)頁技術(shù)中，棄用了ASP動(dòng)態(tài)網(wǎng)頁開發(fā)技術(shù)內(nèi)容，引入PHP動(dòng)態(tài)網(wǎng)頁開發(fā)技術(shù)和MySQL數(shù)據(jù)庫；在第12章表單和jQuery UI中介紹了jQuery UI的內(nèi)容和使用方法。

本書共15章，第1章到第10章主要講授網(wǎng)頁設(shè)計(jì)和制作的基本技術(shù)。第1章介紹網(wǎng)頁設(shè)計(jì)基礎(chǔ)；第2章對Dreamweaver CC的操作環(huán)境、站點(diǎn)管理和頁面頭部信息加以介紹；第3章頁面與文本、第4章圖像與多媒體和第5章超鏈接介紹了網(wǎng)頁設(shè)計(jì)的基本元素；第6章表格著重介紹了網(wǎng)頁傳統(tǒng)的表格布局方式；第7章CSS樣式介紹了樣式的定義和使用；第8章CSS+Div布局介紹了網(wǎng)頁常見的Div布局方式；第9章行為介紹了網(wǎng)頁動(dòng)態(tài)效果的設(shè)計(jì)方法；第10章介紹了模板與庫在大型網(wǎng)站制作中的應(yīng)用方法。

第11章到第15章側(cè)重于網(wǎng)頁設(shè)計(jì)和制作的新技術(shù)和擴(kuò)展內(nèi)容。第11章HTML5和彈性布局介紹了HTML5中新添的結(jié)構(gòu)語義標(biāo)簽和網(wǎng)頁彈性布局技術(shù)，介紹了媒體查詢的使用方法；第12章表單和jQuery UI介紹了客戶與服務(wù)器端進(jìn)行交互的網(wǎng)頁設(shè)計(jì)方法；第13章jQuery Mobile全面介紹了jQuery Mobile移動(dòng)框架的構(gòu)成和使用方法；第14章動(dòng)態(tài)網(wǎng)頁技術(shù)介紹了設(shè)計(jì)制作動(dòng)態(tài)網(wǎng)站的基本模式和技術(shù)；第15章綜合實(shí)訓(xùn)采用CSS+Div布局方式展示了一個(gè)商業(yè)化網(wǎng)站設(shè)計(jì)和制作的整個(gè)流程。

本書的參考學(xué)時(shí)為64學(xué)時(shí)，也可根據(jù)教學(xué)內(nèi)容的取舍，做出適當(dāng)調(diào)整。

本書由修毅、洪穎、邵熹雯共同編寫，修毅統(tǒng)稿。修毅編寫了第1章網(wǎng)頁設(shè)計(jì)基礎(chǔ)、第7章CSS樣式、第8章CSS+Div布局、第11章HTML5和彈性布局的第4節(jié)媒體查詢應(yīng)用、第13章jQuery Mobile、第14章動(dòng)態(tài)網(wǎng)頁技術(shù)，洪穎編寫了第2章Dreamweaver CC基礎(chǔ)、第3章頁面與文本、第4章圖像與多媒體、第5章超鏈接、第12章表單和jQuery UI、第15章綜合實(shí)訓(xùn)，邵熹雯編寫了第6章表格、第9章行為、第10章模板和庫、第11章HTML5和彈性布局除第4節(jié)之外的其他內(nèi)容。

本書配套資源下載地址為http://www.ryjiaoyu.com。由于編者水平和經(jīng)驗(yàn)有限，書中難免有欠妥和錯(cuò)誤之處，懇請讀者批評指正。編者電子郵箱：xiuyi@bift.edu.cn。

編者
2018年4月