內容簡介
本書使用*新網頁製作工具Dreamweaver CC、*新Web 技術標準HTML5 和CSS3 設計與製作網頁。本書將教學內容劃分為8 個教學單元,理論知識分為“站點創建-超連結套用-表格套用-表單套用-網頁布局-模板套用-網頁特效-網站整合”這8 個部分,選取購物網站作為網頁設計載體,將訓練任務分為“製作商品簡介頁面-製作幫助信息頁面-製作購物車頁面-製作註冊登錄頁面-製作商品篩選頁面-製作商品推薦頁面-製作商品詳情頁面-製作購物網站首頁”8 類。每個教學單元設定了兩個教學層次(漸進訓練和探索訓練),“漸進訓練”部分循序漸進地練習電腦版網頁的製作,“探索訓練”部分主要訓練觸屏版網頁的製作。全書圍繞25 個真實的網頁設計製作任務展開,採用“任務驅動、案例教學、理論實踐一體化”的教學方法,全方位促進讀者網頁設計技能的提升,以滿足職業崗位的需求。
本書可以作為院校各專業“網頁設計與製作”課程的教材,也可以作為網頁設計與製作的培訓用書及技術參考書。
圖書目錄
單元 1 站點創建與製作商品簡介頁面 1
教學導航 1
漸進訓練 2
任務 1-1 製作電腦版商品簡介頁面0101.html 2
【任務1-1-1】啟動Dreamweaver CC 與初識其工作界面 2
【任務1-1-2】認識瀏覽器的基本組成和網頁的基本組成元素 8
【任務1-1-3】創建站點“易購網” 11
【任務1-1-4】管理本地站點 13
【任務1-1-5】管理網站中的檔案和資料夾 15
【任務1-1-6】設定網頁的首選項 16
【任務1-1-7】新建網頁文檔0101.html 與設定頁面屬性 18
【任務1-1-8】在網頁中輸入與編輯文本 24
【任務1-1-9】網頁文檔的基本操作 28
【任務1-1-10】在網頁中插入與編輯圖像 29
【任務1-1-11】使用【資源】面板管理網站中的資源 31
【任務1-1-12】設定頁面0101.html 的頭部內容 34
【任務1-1-13】定義CSS 代碼美化網頁的文本與圖片 35
探索訓練 39
任務 1-2 製作觸屏版商品簡介頁面0102.html 39
析疑解惑 41
單元小結 51
單元習題 51
單元 2 超連結套用與製作幫助信息頁面 53
教學導航 53
漸進訓練 53
任務 2-1 設計與製作電腦版幫助信息頁面0201.html 53
【任務2-1-1】規劃與設計“易購網”的通用布局結構 54
【任務2-1-2】規劃與設計“易購網”幫助頁面的布局結構 57
【任務2-1-3】在網頁中添加與編輯列表 59
【任務2-1-4】創建頂部導航欄和插入LOGO 圖片 61
【任務2-1-5】創建底部橫向友情連結導航欄 67
【任務2-1-6】創建左側幫助導航欄與添加相應的幫助內容 69
【任務2-1-7】創建底部幫助導航欄 75
【任務2-1-8】創建多種形式的超級連結 78
探索訓練 82
任務 2-2 製作觸屏版幫助信息頁面0202.html 82
析疑解惑 85
單元小結 86
單元習題 86
單元 3 表格套用與製作購物車頁面 88
教學導航 88
漸進訓練 88
任務 3-1 製作電腦版購物車頁面0301.html 88
【任務3-1-1】在網頁中插入與設定表格 89
【任務3-1-2】使用表格製作購物車頁面 95
探索訓練 99
任務 3-2 製作觸屏版購物車頁面0302.html 99
析疑解惑 104
單元小結 108
單元習題 108
單元 4 表單套用與製作註冊登錄頁面 110
教學導航 110
漸進訓練 110
任務 4-1 製作與美化電腦版用戶註冊網頁0401.html 110
【任務4-1-1】創建電腦版用戶註冊網頁 111
【任務4-1-2】美化電腦版用戶註冊網頁 120
任務 4-2 製作與美化電腦版用戶登錄網頁0402.html 126
【任務4-2-1】創建電腦版用戶登錄網頁 126
【任務4-2-2】美化電腦版用戶登錄網頁 128
探索訓練 133
任務 4-3 製作觸屏版用戶註冊網頁0403.html 133
任務 4-4 製作觸屏版用戶登錄網頁0404.html 136
析疑解惑 140
單元小結 140
單元習題 141
單元 5 網頁布局與製作商品篩選頁面 142
教學導航 142
漸進訓練 143
任務 5-1 設計與製作電腦版商品篩選頁面0501.html 143
【任務5-1-1】規劃與設計商品篩選頁面的布局結構 143
【任務5-1-2】布局與美化商品篩選頁面的左側列表內容 146
【任務5-1-3】布局與美化商品篩選頁面的右側主體內容 151
探索訓練 160
任務 5-2 製作觸屏版促銷商品頁面0502.html 160
析疑解惑 165
單元小結 180
單元習題 181
單元 6 模板套用與製作商品推薦頁面 182
教學導航 182
漸進訓練 182
任務 6-1 設計與製作電腦版商品推薦頁面0601.html 182
【任務6-1-1】規劃與設計商品推薦頁面的布局結構 183
【任務6-1-2】製作用於生成網頁模板的網頁0601.html 187
任務 6-2 製作基於模板的電腦版商品推薦頁面0602.html 193
【任務6-2-1】基於網頁0601.html 創建網頁模板0602.dwt 193
【任務6-2-2】創建基本模板的網頁0602.html 199
【任務6-2-3】在網頁0602.html 中插入庫項目和代碼片段 203
探索訓練 207
任務 6-3 設計與製作觸屏版商品促銷頁面0603.html 207
任務 6-4 設計與製作觸屏版商品促銷頁面0604.html 213
析疑解惑 214
單元小結 215
單元習題 215
單元 7 網頁特效與製作商品詳情頁面 216
教學導航 216
漸進訓練 217
任務 7-1 設計與製作電腦版商品詳情頁面0701.html 217
【任務7-1-1】規劃與設計商品詳情頁面的布局結構 218
【任務7-1-2】在網頁頂部顯示當前日期和問候語 223
【任務7-1-3】網頁中動態改變局部區域文本字型大小 227
【任務7-1-4】在網頁中自動滾動圖片 229
【任務7-1-5】在網頁中實現選項卡功能 231
【任務7-1-6】在網頁中實現商品圖片輪換展示與放大功能 234
探索訓練 241
任務 7-2 製作觸屏版商品詳情頁面0702.html 241
析疑解惑 247
單元小結 251
單元習題 251
單元 8 網站整合與製作購物網站首頁 253
教學導航 253
漸進訓練 253
任務 8-1 熟悉網站開發流程和規範 253
任務 8-2 分析與規劃購物網站 258
任務 8-3 設計與製作電腦版網站首頁0801.html 261
【任務8-3-1】規劃與設計電腦版網站首頁的主體布局結構 262
【任務8-3-2】設計與實現電腦版網站首頁的導航結構 267
【任務8-3-3】設計與實現電腦版網站首頁的各個局部版塊內容 278
【任務8-3-4】實現電腦版網站首頁的特效功能 284
【任務8-3-5】設定“易購網”的超連結 290
任務 8-4 測試網站 290
任務 8-5 發布網站 295
任務 8-6 推廣與維護網站 298
探索訓練 302
任務 8-7 設計與製作觸屏版網站首頁0802.html 302
析疑解惑 310
單元小結 313
單元習題 313
附錄 HTML5 的常用標籤及其屬性 315
作者簡介
陳承歡 三級教授 高級工程師 軟體設計師 湖南省省級專業帶頭人,國家精品課程與精品共享課程《網頁設計與製作》主持人,國家資源庫課程《計算機維護與維修》和《網頁樣式設計與套用》主持人,湖南省教育科學重點研究課題主持人,湖南省教學改革項目主持人。
多年來致力於總結教學規律、探索教學模式、創新教學方法、開發特色教材。主持開發高職特色教材20多本,其中“十一五”國家級規劃教材4本,“十二五”國家級規劃教材11本。成功地實現了以真實項目或任務為載體重構教學內容、面向教學全過程設定教學環節、“教、學、做、評”一體設計,在教學實施中取得了良好的教學效果。