本書通過示例引導(dǎo)教學(xué),循序漸進(jìn)地講解了網(wǎng)頁制作的方法與技巧。全書共分 12 章,內(nèi)容主要包括 Dreamweaver CC 入門基礎(chǔ)知識,在網(wǎng)頁中使用文本、圖像和多媒體,在網(wǎng)頁中使用表格布局頁面,在網(wǎng)頁中使用超級鏈接,在網(wǎng)頁中應(yīng)用 CSS 樣式,應(yīng)用 Div CSS 布局網(wǎng)頁,使用模板和庫創(chuàng)建網(wǎng)頁,在網(wǎng)頁中創(chuàng)建表單,使用網(wǎng)頁行為創(chuàng)建動態(tài)效果,制作 jQuery Mobile 頁面,發(fā)布和推廣網(wǎng)站站點以及 HTML 5 CSS3 網(wǎng)頁制作綜合實例。本書內(nèi)容豐富且操作方法簡單易學(xué),不僅可以作為高職院校、獨立學(xué)院信息工程類專業(yè)的教學(xué)用書,也可供從事網(wǎng)頁設(shè)計、網(wǎng)頁制作、網(wǎng)站建設(shè)、Web 前端開發(fā)人員參考。
隨著互聯(lián)網(wǎng)的發(fā)展,網(wǎng)頁制作案例教程也成為一門熱門的學(xué)科,對于藝術(shù)設(shè)計和相關(guān)專業(yè)的學(xué)生老師,本書操作性強,講解詳細(xì),可以為讀者提供實用的網(wǎng)頁制作信息。
隨著互聯(lián)網(wǎng)的快速普及和應(yīng)用,現(xiàn)代人的學(xué)習(xí)、生活和工作越來越離不開內(nèi)容豐富的網(wǎng)站,而豐富多彩的網(wǎng)站也離不開實用、強大的網(wǎng)站制作軟件。Dreamweaver 是世界頂級軟件廠商 Adobe 推出的一套擁有可視化編輯界面,用于制作并編輯網(wǎng)站和移動應(yīng)用程序的網(wǎng)頁設(shè)計軟件,因其界面友好、人性化和實用性強而深受廣大網(wǎng)頁設(shè)計工作者的青睞。目前,DreamweaverCC 是新版本,該版本整合了常見的服務(wù)器端數(shù)據(jù)庫操作能力,全面支持新的 HTML5 和 CSS3 技術(shù),能夠快速生成專業(yè)的動態(tài)頁面。換言而之,Dreamweaver CC 是一個集網(wǎng)頁創(chuàng)作和站點管理于一身的重量級 Web 開發(fā)工具。無論是 Web 設(shè)計師、數(shù)據(jù)庫開發(fā)者,還是 Web 程序員,都可以依據(jù)Dreamweaver CC 的強大操作環(huán)境和成熟的代碼編輯工具設(shè)計出功能完善的動態(tài)網(wǎng)頁。本書在教學(xué)過程中,特別注重對各實例制作方法的講解與技巧總結(jié),循序漸進(jìn)地講解了網(wǎng)頁制作的方法與技巧,共分為 12 章,本書內(nèi)容豐富、操作方法簡單易學(xué),即使是初級入門的讀者,只需逐步按照書中介紹的步驟進(jìn)行操作,也能做出相同的效果。由于編者水平與時間的限制,書中難免存在不妥之處,懇請專業(yè)人員和廣大讀者提出寶貴意見。
耿陽,女,畢業(yè)于大連理工大學(xué),博士研究生。清華大學(xué)藝術(shù)設(shè)計系碩士學(xué)位。20062007年于美國普渡大學(xué)進(jìn)修,20142015年為美國康奈爾大學(xué)訪問學(xué)者。現(xiàn)任大連理工大學(xué)建筑與藝術(shù)學(xué)院設(shè)計學(xué)專業(yè)副教授。彭凌玲,女,武漢大學(xué)美學(xué)專業(yè),獲文學(xué)博士學(xué)位,F(xiàn)任大連理工大學(xué)建筑與藝術(shù)學(xué)院視覺傳達(dá)專業(yè)副教授。主持國家社科基金1項、省部級基金2項(其中教育部人文社科基金1項,遼寧省規(guī)劃社科基金1項)、大連市社科基金1項。發(fā)表國際期刊7篇(第*作者4篇),其中A&HCI檢索源重要國際期刊論文3篇(第*作者2篇)。出版藝術(shù)設(shè)計類教材9本,擔(dān)任主編6本。彭卉:2000年畢業(yè)于東北師范大學(xué)美術(shù)系,2007年取得遼寧師范大學(xué)教育碩士學(xué)位,現(xiàn)就職于大連市輕工業(yè)學(xué)校服裝工美專業(yè),局級骨干教師。2016年、2017年多次參加全國中等職業(yè)學(xué)校文明風(fēng)采大賽、大連市學(xué)生技能大賽,獲優(yōu)秀指導(dǎo)教師獎。
第一章? Dreamweaver?CC 入門基礎(chǔ)知識 /1
第一節(jié) 網(wǎng)頁制作基礎(chǔ) /1
第二節(jié) 初識 DreamweaverCC/5
第二章? 在網(wǎng)頁中使用文本、圖像和多媒體 /20
第一節(jié) 在網(wǎng)頁中使用文本 /20
第二節(jié) 在網(wǎng)頁中應(yīng)用圖像 /27
第三節(jié) 在網(wǎng)頁中插入多媒體元素 /30
第三章? 在網(wǎng)頁中使用表格布局頁面 /36
第一節(jié) 表格的創(chuàng)建與應(yīng)用 /36
第二節(jié) 設(shè)置表格和單元格屬性 /40
第三節(jié) 表格的常用操作 /42
第四節(jié) 表格布局實例 /48
第四章? 在網(wǎng)頁中使用超級鏈接 /50
第一節(jié) 認(rèn)識超級鏈接 /50
第二節(jié) 鏈接路徑 /50
第三節(jié) 創(chuàng)建、管理網(wǎng)頁鏈接 /51
第四節(jié) 使用熱點制作圖像映射 /56
第五章? 在網(wǎng)頁中應(yīng)用 CSS 樣式 /59
第一節(jié) CSS 樣式表的認(rèn)知 /59
第二節(jié) 使用【CSS 設(shè)計器】面板 /63
第三節(jié) 使用 CSS 樣式 /72
第四節(jié) 設(shè)置 CSS 樣式 /77
第五節(jié) 應(yīng)用 CSS3 過渡效果 /81
第六章? 應(yīng)用 Div?CSS 布局網(wǎng)頁 /84
第一節(jié) DivCSS 布局優(yōu)勢 /84
第二節(jié) CSS 盒模型 /85
第三節(jié) Div 層疊順序 /85
第四節(jié) CSS 布局塊 /87
第五節(jié) 常用 CSS 版式布局 /89
第六節(jié) Div 標(biāo)簽應(yīng)用實例 /90
第七章? 使用模板和庫創(chuàng)建網(wǎng)頁 /97
第一節(jié) 使用模板 /97
第二節(jié) 設(shè)置模板 /100
第三節(jié) 管理模板 /104