本書(shū)是在“十二五”職業(yè)教育國(guó)家規(guī)劃教材,經(jīng)全國(guó)職業(yè)教育教材審定委員會(huì)審定的基礎(chǔ)上修訂而成的。
本書(shū)內(nèi)容分為十二個(gè)模塊:模塊一初識(shí)網(wǎng)頁(yè)與 Dreamweaver CC,模塊二站點(diǎn)管理與網(wǎng)站制作,模塊三網(wǎng)頁(yè)制作的基本知識(shí),模塊四插入網(wǎng)頁(yè)元素及超鏈接,模塊五使用表格技術(shù),模塊六使用 Div+CSS布局并美化網(wǎng)頁(yè),模塊七使用表單,模塊八使用行為制作特效網(wǎng)頁(yè),模塊九使用 jQuery Mobile技術(shù),模塊十使用模板和庫(kù),模塊十一網(wǎng)站規(guī)劃、建設(shè)、發(fā)布與維護(hù)。每個(gè)模塊結(jié)合實(shí)用性很強(qiáng)的綜合設(shè)計(jì)案例,讀者可在書(shū)中制作流程的指導(dǎo)下逐步完成各案例的制作,從而能獨(dú)立完成網(wǎng)頁(yè)與網(wǎng)站的設(shè)計(jì)制作。
本書(shū)適合大中專(zhuān)院校網(wǎng)頁(yè)設(shè)計(jì)與規(guī)劃的教學(xué),教師可根據(jù)自己的授課特點(diǎn),靈活調(diào)整各模塊的順序,也可以作為網(wǎng)頁(yè)設(shè)計(jì)初學(xué)者及希望提高網(wǎng)站設(shè)計(jì)實(shí)踐操作能力的專(zhuān)業(yè)人士參考。
模塊一 初識(shí)網(wǎng)頁(yè)與 Dreamweaver CC ........1
任務(wù)一網(wǎng)頁(yè)的基礎(chǔ)知識(shí)....................................2
子任務(wù) 1 什么是網(wǎng)頁(yè) .....................................2
子任務(wù) 2 網(wǎng)頁(yè)的基本元素..............................4
子任務(wù) 3 網(wǎng)頁(yè)中的專(zhuān)用術(shù)語(yǔ)..........................6
任務(wù)二認(rèn)識(shí) Dreamweaver CC ..........................7
子任務(wù) 1 啟動(dòng)與退出 Dreamweaver CC ........7
子任務(wù) 2 Dreamweaver CC的工作界面 ........7
子任務(wù) 3 應(yīng)用 Dreamweaver CC制作簡(jiǎn)單
網(wǎng)頁(yè) ...............................................12
學(xué)材小結(jié) ..........................................................15
模塊二 站點(diǎn)管理與網(wǎng)站制作.......................16
任務(wù)一創(chuàng)建和管理站點(diǎn)..................................17
子任務(wù) 1 站點(diǎn)規(guī)劃 ..................................17
子任務(wù) 2 創(chuàng)建站點(diǎn) ..................................18
子任務(wù) 3 管理站點(diǎn) ..................................20
任務(wù)二了解網(wǎng)頁(yè)制作的基本流程 ..................23
子任務(wù) 1 網(wǎng)頁(yè)制作流程................................23
子任務(wù) 2 網(wǎng)站制作流程................................23
任務(wù)三網(wǎng)站設(shè)計(jì)的基礎(chǔ)知識(shí)..........................24
子任務(wù) 1 網(wǎng)站設(shè)計(jì)的基本原則....................24
子任務(wù) 2 網(wǎng)頁(yè)的布局 ...................................24
子任務(wù) 3 網(wǎng)站的配色 ...................................25
任務(wù)四使用可視化向?qū)?.................................26
子任務(wù) 1 使用“標(biāo)尺”和“網(wǎng)格”............26
子任務(wù) 2 使用“跟蹤圖像”........................27
學(xué)材小結(jié) ..........................................................29
模塊三 網(wǎng)頁(yè)制作的基本知識(shí) ..................30
任務(wù)一認(rèn)識(shí) HTML .........................................31
子任務(wù) 1 什么是 HTML ...............................31
子任務(wù) 2 HTML文檔的基本結(jié)構(gòu) ...............32
子任務(wù) 3 HTML常用標(biāo)記及屬性 ...............33
任務(wù)二認(rèn)識(shí) CSS............................................. 46
子任務(wù) 1 什么是 CSS................................... 46
子任務(wù) 2 CSS的基本語(yǔ)法........................... 49
子任務(wù) 3 CSS的類(lèi)型................................... 51
任務(wù)三網(wǎng)頁(yè)設(shè)計(jì)常規(guī)設(shè)置 ............................. 57
子任務(wù) 1 設(shè)置頁(yè)面屬性............................... 57
子任務(wù) 2 設(shè)置文件頭屬性........................... 60
學(xué)材小結(jié).......................................................... 63
模塊四 插入網(wǎng)頁(yè)元素及超鏈接.................. 66
任務(wù)一設(shè)置頁(yè)面的相關(guān)屬性 ......................... 67
任務(wù)二創(chuàng)建基本文本網(wǎng)頁(yè) ............................. 70
子任務(wù) 1 編輯文本格式............................... 71
子任務(wù) 2 編輯段落格式............................... 73
任務(wù)三創(chuàng)建基本圖文混排網(wǎng)頁(yè) ..................... 75
子任務(wù) 1 了解網(wǎng)頁(yè)中常用的圖像格式 ....... 75
子任務(wù) 2 插入圖像及設(shè)置........................... 76
任務(wù)四圖像在網(wǎng)頁(yè)中的應(yīng)用 ......................... 79
子任務(wù) 1 設(shè)置網(wǎng)頁(yè)背景圖像 ....................... 79
子任務(wù) 2 制作跟蹤圖像............................... 82
子任務(wù) 3 制作鼠標(biāo)經(jīng)過(guò)圖像 ....................... 84
子任務(wù) 4 圖像作為導(dǎo)航條........................... 85
任務(wù)五插入多媒體內(nèi)容 ................................. 86
子任務(wù) 1 插入 Flash對(duì)象 ............................ 87
子任務(wù) 2 設(shè)置 Flash對(duì)象屬性 .................... 88
子任務(wù) 3 網(wǎng)頁(yè)中插入影片........................... 89
任務(wù)六創(chuàng)建背景音樂(lè) ..................................... 90
任務(wù)七使用超鏈接 ......................................... 91
子任務(wù) 1 關(guān)于超鏈接的基本概念 ............... 91
子任務(wù) 2 創(chuàng)建超鏈接的方法 ....................... 92
子任務(wù) 3 創(chuàng)建各種類(lèi)型的鏈接 ................... 94
子任務(wù) 4 管理超鏈接................................... 96
學(xué)材小結(jié).......................................................... 98
Dreamweaver CC網(wǎng)頁(yè)設(shè)計(jì)案例教程
Dreamweaver CC網(wǎng)頁(yè)設(shè)計(jì)案例教程
模塊五 使用表格技術(shù).............................. 102
任務(wù)一 認(rèn)識(shí)表格 ........................................... 103
子任務(wù)熟悉網(wǎng)頁(yè)中的表格 ........................ 103
任務(wù)二使用表格 ........................................... 104
子任務(wù)插入表格并添加內(nèi)容 .................... 104
任務(wù)三編輯表格 ........................................... 106
子任務(wù) 1 選擇編輯表格 ............................. 106
子任務(wù) 2 導(dǎo)入表格式數(shù)據(jù) ......................... 110
任務(wù)四使用表格布局網(wǎng)頁(yè) ........................... 111
子任務(wù)使用表格規(guī)劃布局網(wǎng)頁(yè)案例 ........ 111
學(xué)材小結(jié)........................................................ 120
模塊六使用Div+CSS布局并美化網(wǎng)頁(yè).... 123
任務(wù)一 Div的基礎(chǔ)概念 ................................ 124
子任務(wù) 1 HTML區(qū)塊................................. 124
子任務(wù) 2 HTML
標(biāo)簽 ........................ 129
子任務(wù) 3 HTML 元素 ..................... 141
任務(wù)二 CSS的基礎(chǔ)概念 ............................... 143
子任務(wù) 1 CSS樣式..................................... 143
子任務(wù) 2 CSS應(yīng)用..................................... 148
任務(wù)三 Div+CSS網(wǎng)頁(yè)布局 ........................... 157
子任務(wù)自適應(yīng)網(wǎng)頁(yè).................................... 157
模塊七使用表單 ........................................ 166
任務(wù)一創(chuàng)建表單 ........................................... 167
子任務(wù) 1 了解表單的概念 ......................... 167
子任務(wù) 2 認(rèn)識(shí)表單對(duì)象 ............................. 167
子任務(wù) 3 插入表單..................................... 169
任務(wù)二插入表單對(duì)象 ................................... 171
子任務(wù) 1 插入文本域和隱藏域 ................. 171
子任務(wù) 2 插入單選按鈕和復(fù)選框 ............. 173
子任務(wù) 3 插入列表..................................... 175
子任務(wù) 4 插入表單按鈕 ............................. 176
學(xué)材小結(jié)........................................................ 177
模塊八使用行為制作特效網(wǎng)頁(yè)................... 182
任務(wù)一認(rèn)識(shí)行為 ........................................... 183
任務(wù)二常用 Dreamweaver內(nèi)置行為 ........... 186
子任務(wù) 1 應(yīng)用交換圖像行為 ..................... 187
子任務(wù) 2 應(yīng)用轉(zhuǎn)到 URL行為 ................... 188
子任務(wù) 3 應(yīng)用打開(kāi)瀏覽器窗口行為 ......... 189
子任務(wù) 4 其他行為..................................... 190
任務(wù)三插入 JavaScript特效 .........................191
子任務(wù) 1 跟隨鼠標(biāo)的字符串......................192
*子任務(wù) 2 時(shí)鐘顯示在任意指定位置........194
學(xué)材小結(jié) ........................................................196
模塊九使用 jQuery Mobile技術(shù).................199
任務(wù)一創(chuàng)建 jQuery Mobile頁(yè)面 ..................200
子任務(wù) 1 了解 jQuery Mobile.....................200
子任務(wù) 2 認(rèn)識(shí) jQuery Mobile的元素 ........200
子任務(wù) 3 插入一個(gè) jQuery Mobile頁(yè)面 ....204
任務(wù)二制作通訊錄........................................207
子任務(wù) 1 制作通訊錄主頁(yè)面......................207
子任務(wù) 2 制作聯(lián)系人具體信息頁(yè)面..........210
子任務(wù) 3 制作添加聯(lián)系人界面..................212
學(xué)材小結(jié) ........................................................216
模塊十使用模板和庫(kù)...................................218
任務(wù)一使用模板............................................219
任務(wù)二使用模板創(chuàng)建文檔............................222
子任務(wù) 1 創(chuàng)建基于模板的文檔..................222
子任務(wù) 2 在現(xiàn)有文檔上應(yīng)用模板..............224
子任務(wù) 3 更新基于模板的頁(yè)面..................226
任務(wù)三創(chuàng)建、管理和編輯庫(kù)項(xiàng)目................228
子任務(wù) 1 創(chuàng)建庫(kù)項(xiàng)目 .................................229
子任務(wù) 2 使用庫(kù)項(xiàng)目 .................................230
任務(wù)四利用模板創(chuàng)建案例............................233
學(xué)材小結(jié) ........................................................234
模塊十一網(wǎng)站規(guī)劃、建設(shè)、發(fā)布與維護(hù) ...236
任務(wù)一網(wǎng)站前期規(guī)劃....................................237
任務(wù)二企業(yè)宣傳網(wǎng)站制作實(shí)例....................239
子任務(wù) 1 制作模板 .....................................240
子任務(wù) 2 利用模板制作主頁(yè)......................247
任務(wù)三發(fā)布網(wǎng)站............................................251
子任務(wù) 1 申請(qǐng)域名 .....................................251
子任務(wù) 2 申請(qǐng)網(wǎng)站空間 .............................257
子任務(wù) 3 發(fā)布網(wǎng)站到網(wǎng)站空間..................261
任務(wù)四使用 Dreamweaver CC維護(hù)遠(yuǎn)程
網(wǎng)站 ...................................................263
學(xué)材小結(jié) ........................................................264
參考文獻(xiàn) ..............................................................266