本書采用模塊化的項目教學模式編寫，教材內(nèi)容包括14個項目活動、一個拓展提高模塊和兩個實訓參考案例。每個項目模塊包括任務、成長加油站、代碼解讀、實踐演練幾個環(huán)節(jié)�！ 忻總�項目由幾個活動任務組成，以活動任務為驅(qū)動，激發(fā)學生的學習興趣，讓學生從實踐過程中掌握網(wǎng)頁技術(shù)的應用。學生通過學習并完成所創(chuàng)設(shè)的項目，能夠熟練掌握網(wǎng)頁的設(shè)計與制作。教材中還植入職業(yè)崗位能力、鄉(xiāng)土文化等元素，以“膠南旅游網(wǎng)”相關(guān)頁面制作為主線進行課堂實踐，培養(yǎng)學生的綜合職業(yè)能力�！ ”緯勺鳛橹械嚷殬I(yè)學校計算機、電子商務、物流等專業(yè)的“網(wǎng)頁設(shè)計與制作”課程的教材，也可作為對網(wǎng)頁設(shè)計與制作感興趣的初學者的參考資料。
本書以Dreamweaver cs3版本為例，采用任務驅(qū)動和項目教學相結(jié)合的方法編寫，通過多個真實案例制作，專業(yè)與行業(yè)接軌，拓展學生的職業(yè)技能。
目 錄
項目活動一 初識網(wǎng)頁 1
任務一 優(yōu)秀網(wǎng)頁賞析 1
一、優(yōu)秀網(wǎng)頁賞析 2
二、網(wǎng)頁的版面布局 3
三、網(wǎng)頁的色彩搭配 5
四、網(wǎng)頁的基本元素 7
成長加油站 9
實踐演練 網(wǎng)頁賞析 9
任務二 瀏覽網(wǎng)頁 10
一、WWW服務 11
二、認識網(wǎng)頁和網(wǎng)站 11
三、靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁 14
四、常用網(wǎng)頁設(shè)計軟件 15 目 錄
項目活動一 初識網(wǎng)頁 1
任務一 優(yōu)秀網(wǎng)頁賞析 1
一、優(yōu)秀網(wǎng)頁賞析 2
二、網(wǎng)頁的版面布局 3
三、網(wǎng)頁的色彩搭配 5
四、網(wǎng)頁的基本元素 7
成長加油站 9
實踐演練 網(wǎng)頁賞析 9
任務二 瀏覽網(wǎng)頁 10
一、WWW服務 11
二、認識網(wǎng)頁和網(wǎng)站 11
三、靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁 14
四、常用網(wǎng)頁設(shè)計軟件 15
實踐演練 淘寶網(wǎng)頁面體驗 16
項目活動二 Dreamweaver初體驗 18
任務一 創(chuàng)建和管理站點 18
一、Dreamweaver的工作環(huán)境 19
二、站點的創(chuàng)建與管理 20
三、網(wǎng)頁頁面屬性的設(shè)置 26
成長加油站 Dreamweaver的操作界面 27
實踐演練 膠南旅游——膠南民間藝術(shù)網(wǎng)頁 28
任務二 HTML語言 30
HTML標記 30
成長加油站 HTML結(jié)構(gòu) 33
實踐演練 珠山秀色掩古剎網(wǎng)頁 33
任務三 文本操作 35
一、在網(wǎng)頁中輸入與編輯文本 36
二、在網(wǎng)頁中添加與編輯列表 37
代碼解讀 HTML的列表標記 40
實踐演練 大珠山·小珠山網(wǎng)頁 40
任務四 圖像操作 41
一、在網(wǎng)頁中插入和編輯圖像 42
二、設(shè)置交換圖像 43
三、設(shè)置圖像導航條 44
成長加油站 圖像文件的格式 46
實踐演練 美圖膠南網(wǎng)頁 47
項目活動三 表格布局 49
任務一 表格的基本操作 49
成長加油站 表格的基本操作 51
代碼解讀 52
任務二 表格屬性的設(shè)置 52
成長加油站 表格相關(guān)成長 54
一、表格的屬性 54
二、單元格屬性 56
三、表格常用的裝飾方法 56
實踐演練 青島西海岸度假勝地 57
項目活動四 布局表格 59
任務 設(shè)置跟蹤圖像 59
成長加油站 跟蹤圖像相關(guān)成長 61
一、什么是跟蹤圖像 61
二、跟蹤圖像的優(yōu)點 61
三、設(shè)置跟蹤圖像的步驟 62
實踐演練 青島西海岸度假勝地 63
項目活動五 層的布局 64
任務一 創(chuàng)建層 64
成長加油站 層屬性的設(shè)置 65
一、層的創(chuàng)建 65
二、屬性的設(shè)置 65
任務二 應用層 68
成長加油站 層的應用 70
代碼解讀 HTML的層標記 70
實踐演練 青島西海岸度假勝地 71
項目活動六 框架頁面設(shè)計與制作 73
任務 使用框架制作網(wǎng)頁 73
成長加油站 框架相關(guān)知識 77
代碼解讀 框架代碼和浮動框架代碼 78
實踐演練 青島西海岸度假勝地 79
項目活動七 超鏈接與導航欄 81
任務一 常見的幾種超鏈接 81
成長加油站 超鏈接的概念和路徑 84
代碼解讀 84
任務二 導航條超鏈接的設(shè)置 84
成長加油站 超鏈接的分類 88
一、超鏈接的分類(按要鏈接的文件所處的位置分類) 88
二、超鏈接的創(chuàng)建 88
實踐演練 青島西海岸度假勝地 89
項目活動八 網(wǎng)頁中的動感元素 90
任務一 Flash文本 90
成長加油站 插入Flash文本對象 91
任務二 Flash按鈕 92
成長加油站 插入Flash按鈕 93
任務三 插入Shockwave影片 94
成長加油站 Shockwave影片的插入 96
代碼解讀 Flash動畫標記 97
實踐演練 青島西海岸度假勝地 97
項目活動九 模板和庫 99
任務一 模板的創(chuàng)建 99
成長加油站 模板相關(guān)成長 101
一、模板簡介 101
二、創(chuàng)建模板 101
任務二 應用模板制作網(wǎng)頁 103
成長加油站 105
一、用模板創(chuàng)建網(wǎng)頁 105
二、利用模板更新頁面 105
三、與模板脫離 105
任務三 庫在網(wǎng)頁制作中的應用 105
成長加油站 庫的基礎(chǔ)知識 106
實踐演練 青島西海岸度假勝地 107
項目活動十 表單頁面設(shè)計與制作 109
任務 表單的制作 109
成長加油站 表單相關(guān)成長 114
一、表單 114
二、設(shè)置表單結(jié)果的處理方式 115
代碼解讀 表單標記 115
實踐演練 留言板 117
項目活動十一 用CSS美化網(wǎng)頁 118
任務一 使用CSS樣式美化網(wǎng)頁文本 118
成長加油站 CSS其他美化設(shè)置 119
任務二 使用CSS樣式美化表單 120
一、新建CSS樣式 120
二、將CSS樣式添加到頁面 122
三、修改邊框效果 122
四、添加各種不同的邊框效果 123
成長加油站 CSS相關(guān)成長 125
一、CSS的基本語法 125
二、建立CSS樣式 126
三、在網(wǎng)頁中插入CSS的方法 126
代碼解讀 去掉文字超鏈接的下畫線和顏色的HTML代碼 126
實踐演練 珠山秀色掩古剎 127
項目活動十二 特效頁面設(shè)計與制作 129
任務一 浮動圖片的制作 129
任務二 彈出窗口的制作 132
成長加油站 行為和事件的相關(guān)成長 134
代碼解讀 調(diào)用JavaScript代碼 135
一、JavaScript代碼如何加入html頁面中 135
二、外部獨立的JS文件，鏈入html代碼中，JS文件名通常是“文件名.js” 135
實踐演練 青島西海岸度假勝地 136
項目活動十三 整站開發(fā)案例解析 137
任務一 讀書網(wǎng)案例解析 137
一、讀書網(wǎng) 138
二、編輯首頁頁面 139
三、次頁面的編輯 143
任務二 尚實教育網(wǎng)案例解析 145
任務三 電子相冊案例解析 151
實踐演練 美化網(wǎng)頁 155
項目活動十四 發(fā)布與維護網(wǎng)站 156
任務一 網(wǎng)站的發(fā)布 156
一、發(fā)布站點前的準備工作 157
二、發(fā)布網(wǎng)站 160
成長加油站 虛擬主機 161
任務二 站點的日常維護 163
成長加油站 網(wǎng)站維護的主要內(nèi)容 163
實踐演練 發(fā)布“膠南旅游網(wǎng)”網(wǎng)站 164
拓展提高 網(wǎng)頁藝術(shù)設(shè)計的借鑒與模仿 165
一、網(wǎng)頁藝術(shù)設(shè)計 165
二、借鑒和模仿 168
實訓參考實例 170
實例一 旅游信息類網(wǎng)站——瑯琊臺旅游網(wǎng)網(wǎng)站 170
一、制作瑯琊臺旅游網(wǎng)首頁 170
二、制作二級公司介紹頁面 177
實例二 網(wǎng)上商城類網(wǎng)站——茶園網(wǎng)站前臺制作 179
一、建立“茶園”站點 180
二、“茶園”首頁制作 183
書單推薦
