HTML5+CSS3網頁設計與制作實戰（項目式）（第5版）（微課版）
顏珍平 陳承歡 湯夢姣
- 出版商: 人民郵電
- 出版日期: 2023-02-01
- 售價: $419
- 語言: 簡體中文
- 頁數: 293
- ISBN: 7115604681
- ISBN-13: 9787115604682
-
相關分類:
HTML、CSS、Dreamweaver
下單後立即進貨 (約4週~6週)
相關主題
商品描述
編者認真調研網頁設計與制作工作的新需求，對本書的教學內容、教學過程、教學案例、教學
方法進行系統設計和整體優化，努力滿足教學需求和幫助教師提升教學效率。本書使用網頁制作工具
Dreamweaver 並基於 Web 技術標準 HTML5 和 CSS3 設計與制作網頁。
本書將教學內容劃分為 8 個模塊，理論知識分為創建站點、超鏈接應用、表格應用、表單應用、網頁布局、模板應用、特效制作、網站整合 8 個部分，選取購物網站“易購網”作為網頁設計示例，將訓練任務分為制作商品簡介網頁、制作幫助信息網頁、制作購物車網頁、制作註冊和登錄網頁、制
作商品篩選網頁、制作商品推薦網頁、制作商品詳情網頁、制作購物網站首頁 8 類。每個模塊設置了兩個教學層次：漸進訓練和探索訓練。漸進訓練可以幫助讀者循序漸進地學習和掌握電腦版網頁的制
作方法，探索訓練主要幫助讀者學習和掌握觸屏版網頁的制作方法。本書圍繞 25 個真實的網頁設計與制作任務展開，采用“行動導向、任務驅動、案例教學、理論實踐一體化”的教學方法，多方位促進讀者網頁設計技能水平的提升，以滿足職業崗位的需求。
本書可以作為普通高等院校、高等或中等職業院校和高等專科院校相關專業網頁設計與制作的教材，也可以作為網頁設計與制作的培訓用書及技術交流用書。
作者簡介
陳承歡，三級教授，高級工程師，軟件設計師，湖南省省級專業帶頭人，湖南省青年骨幹教師，武漢大學軟件工程專業，湖南鐵道職業技術學院教務處處長。2008年，曾赴澳大利亞坎培門理工學院培訓交流，2015年，曾赴加拿大聖力嘉學院培訓交流，2019年，曾赴英國、德國學習交流。主持開發職業教育特色教材50多本，其中國家級“十一五”規劃教材4本，國家級“十二五”規劃教材10本，國家級“十三五”規劃教材7本。國家精品課程與國家精品共享課程配套教材1本，國家職業教育資源庫配套教材3本。主持《網頁設計與制作》國家精品課程，主持《網頁設計與制作》國家精品共享課程，主持《計算機維護與維修》《實用工具軟件應用》《網頁樣式設計》3門國家資源庫課程。國家級教學成果獎二等獎1項，湖南省職業教育教學成果獎特等獎1項、三等獎1項，湖南省教育教學改革發展優秀成果獎參等獎1項。
目錄大綱
模塊1
創建站點與制作商品簡介
網頁 1
教學導航 1
漸進訓練 2
【任務1-1】 制作電腦版商品簡介
網頁0101.html 2
【任務1-1-1】啟動Dreamweaver與
初識其工作界面 2
【任務1-1-2】認識瀏覽器窗口的基本
組成和網頁的基本組成
元素 6
【任務1-1-3】創建站點
“易購網” 9
【任務1-1-4】管理本地站點 10
【任務1-1-5】管理網站中的文件夾和
文件 13
【任務1-1-6】設置網頁的首選項 14
【任務1-1-7】新建網頁文檔0101.html
與設置頁面屬性 16
【任務1-1-8】在網頁中輸入與編輯
文本 22
【任務1-1-9】網頁文檔的基本操作 24
【任務1-1-10】在網頁中插入與編輯
圖像 26
【任務1-1-11】使用“資源”面板管理
網站中的資源 28
【任務1-1-12】設置網頁0101.html的
頭部內容 30
【任務1-1-13】添加CSS代碼美化網頁
的文本與圖片 32
探索訓練 35
【任務1-2】 制作觸屏版商品簡介
網頁0102.html 35
析疑解惑 37
模塊小結 46
模塊習題 46
模塊2
超鏈接應用與制作幫助信息
網頁 49
教學導航 49
漸進訓練 49
【任務2-1】 設計與制作電腦版幫助
信息網頁0201.html 49
【任務2-1-1】規劃與設計“易購網”
的通用布局結構 50
【任務2-1-2】規劃與設計“易購網”
幫助信息網頁的布局
結構 53
【任務2-1-3】在網頁中添加與編輯
列表 55
【任務2-1-4】創建頂部導航欄和
插入Logo 57
【任務2-1-5】創建底部橫向友情鏈接
導航欄 62
【任務2-1-6】創建左側幫助導航欄與
添加相應幫助內容 64
【任務2-1-7】創建底部幫助導航欄 70
【任務2-1-8】創建多種形式的
超鏈接 73
探索訓練 76
【任務2-2】 制作觸屏版幫助信息
網頁0202.html 76
析疑解惑 79
模塊小結 80
模塊習題 80
模塊3
表格應用與制作購物車
網頁 82
教學導航 82
漸進訓練 82
【任務3-1】 制作電腦版購物車
網頁0301.html 82
【任務3-1-1】在網頁中插入與設置
表格 83
【任務3-1-2】使用表格制作購物車
網頁 88
探索訓練 92
【任務3-2】 制作觸屏版購物車
網頁0302.html 92
析疑解惑 97
模塊小結 101
模塊習題 101
模塊4
表單應用與制作註冊和登錄
網頁 103
教學導航 103
漸進訓練 103
【任務4-1】 制作與美化電腦版用戶
註冊網頁0401.html 103
【任務4-1-1】創建電腦版用戶註冊
網頁 104
【任務4-1-2】美化電腦版用戶註冊
網頁 112
【任務4-2】 制作與美化電腦版用戶
登錄網頁0402.html 118
【任務4-2-1】創建電腦版用戶登錄
網頁 118
【任務4-2-2】美化電腦版用戶登錄
網頁 119
探索訓練 123
【任務4-3】 制作觸屏版用戶註冊
網頁0403.html 123
【任務4-4】 制作觸屏版用戶登錄
網頁0404.html 127
析疑解惑 130
模塊小結 130
模塊習題 130
模塊5
網頁布局與制作商品篩選
網頁 132
教學導航 132
漸進訓練 133
【任務5-1】 設計與制作電腦版商品
篩選網頁0501.html 133
【任務5-1-1】規劃與設計商品篩選
網頁的布局結構 134
【任務5-1-2】布局與美化商品篩選
網頁的左側列表
內容 136
【任務5-1-3】布局與美化商品篩選
網頁的右側主體
內容 141
探索訓練 149
【任務5-2】 制作觸屏版促銷商品
頁面0502.html 149
析疑解惑 153
模塊小結 166
模塊習題 167
模塊6
模板應用與制作商品推薦
網頁 168
教學導航 168
漸進訓練 168
【任務6-1】 設計與制作電腦版商品
推薦網頁0601.html 168
【任務6-1-1】規劃與設計商品推薦
網頁的布局結構 169
【任務6-1-2】制作用於生成網頁模板的
網頁0601.html 173
【任務6-2】 制作基於模板的電腦版
商品推薦網頁0602.html 178
【任務6-2-1】基於網頁0601.html創建
網頁模板0601.dwt 178
【任務6-2-2】創建基於模板的網頁
0602.html 184
【任務6-2-3】在網頁0602.html中插入
庫項目和代碼片斷 188
探索訓練 192
【任務6-3】 設計與制作觸屏版商品
促銷頁面0603.html 192
【任務6-4】 制作基於模板的觸屏版商品
促銷頁面0604.html 197
析疑解惑 198
模塊小結 199
模塊習題 199
模塊7
特效制作與制作商品詳情
網頁 201
教學導航 201
漸進訓練 201
【任務7-1】 設計與制作電腦版商品
詳情網頁0701.html 201
【任務7-1-1】規劃與設計商品詳情
網頁的布局結構 202
【任務7-1-2】在網頁頂部顯示當前
日期和問候語 207
【任務7-1-3】網頁中動態改變局部
區域文本字體大小 212
【任務7-1-4】在網頁中自動滾動
圖片 213
【任務7-1-5】在網頁中實現選項卡
功能 215
【任務7-1-6】在網頁中實現商品圖片
輪換展示與放大
功能 218
探索訓練 224
【任務7-2】 制作觸屏版商品詳情
網頁0702.html 224
析疑解惑 230
模塊小結 234
模塊習題 234
模塊8
網站整合與制作購物網站
首頁 236
教學導航 236
漸進訓練 236
【任務8-1】 熟悉網站開發流程和
規範 236
【任務8-2】 分析與規劃購物網站 239
【任務8-3】 設計與制作電腦版網站
首頁0801.html 243
【任務8-3-1】規劃與設計電腦版網站
首頁的主體布局
結構 244
【任務8-3-2】設計與實現電腦版網站
首頁的導航結構 247
【任務8-3-3】設計與實現電腦版網站
首頁的各個局部板塊
內容 257
【任務8-3-4】實現電腦版網站首頁的
特效功能 263
【任務8-3-5】設置“易購網”的
超鏈接 267
【任務8-4】 測試網站 267
【任務8-5】 發布網站 271
【任務8-6】 推廣與維護網站 273
探索訓練 277
【任務8-7】 設計與制作觸屏版網站
首頁0802.html 277
析疑解惑 285
模塊小結 288
模塊習題 288
附錄A
HTML5常用標簽及其
屬性 290
附錄B
CSS屬性 294
附錄C
CSS選擇器 295
參考文獻 296
