基本介紹
- 書名:HTML5+CSS3跨平台網頁設計實例教程
- 作者:陳承歡、韓耀坤、顏珍平
- 出版社:清華大學出版社
- 出版時間:2018年8月
- 定價:49 元
- ISBN:9787302502142
內容簡介,圖書目錄,
內容簡介
本書從網頁設計實際套用的角度理解HTML5和CSS3的新元素和新功能,合理選取教學內容。本書設定了以下10個教學單元: 站點與網頁的創建、網頁中文本與段落的套用設計、網頁中圖像與背景的套用設計、網頁中列表與表格的套用設計、網頁中超連結與導航欄的套用設計、網頁中表單與控制項的套用設計、網頁中音頻與視頻的套用設計、網頁中圖形繪製與操作的套用設計、網頁中特效與互動的套用設計、網頁中元素與整體布局的套用設計,將HTML5和CSS3的相關知識合理安排到各個教學單元中。
本書編者充分調研HTML5、CSS3新技術的實際套用情況,優選了50多個來自真實網站的典型教學案例,採用“任務驅動、精講多練、理論實踐一體化”的教學方法,改進和最佳化教學內容的組織方法和網頁設計技能的訓練方法,全方位促進基於HTML5+CSS3網頁套用設計能力的提升。每個教學單元面向教學全過程設定“知識必備→引導訓練→同步訓練→技術進階→問題探究→單元習題”6個教學環節,同時還提供了豐富的配套教學資源。
本書可以作為普通高等院校、高職高專或中等職業院校各專業網頁設計的教材,也可以作為網頁設計的培訓用書及技術用書。
圖書目錄
單元1站點與網頁的創建1
【知識必備】1
【引導訓練】4
任務11創建“單元1”站點並瀏覽網頁4
任務111創建本地站點“單元1”4
任務112認識Dreamweaver CC的工作界面6
任務113打開與瀏覽網頁文檔0101.html10
任務12認知HTML5的典型標記和結構標籤13
任務121分析HTML代碼的組成結構13
任務122認知HTML5中典型的標記方法17
任務123認知HTML5主要的結構標籤17
【同步訓練】18
任務13打開並瀏覽網頁0103.html18
【技術進階】19
【問題探究】20
【單元習題】21
單元2網頁中文本與段落的套用設計22
【知識必備】22
【引導訓練】37
任務21製作阿壩概況的文本網頁37
任務211建立站點及其結構38
任務212創建與保存網頁文檔0201.html40
任務213設定網頁的首選項40
任務214設定頁面的整體屬性42
任務215在網頁中輸入文字48
任務216輸入與編輯網頁中的文本49
任務217格式化網頁文本50
任務218設定超連結與瀏覽網頁效果51
任務219在【代碼】視圖中查看CSS代碼和HTML代碼51
任務22使用CSS美化文本標題和文本段落55
【同步訓練】61
任務23製作介紹九寨溝概況的文本網頁61
【技術進階】62
【問題探究】65
【單元習題】67
單元3網頁中圖像與背景的套用設計68
【知識必備】68
【引導訓練】74
任務31製作介紹九寨溝景區景點的圖文混排網頁74
任務311使用【管理站點】對話框創建站點“單元3”75
任務312套用【檔案】面板新建網頁0301.html76
任務313設定頁面的背景圖像77
任務314在網頁中輸入所需的文本內容與設定文本格式78
任務315插入圖像與設定圖像屬性79
任務316在“代碼”視圖中查看CSS代碼和HTML代碼81
任務32使用CSS美化網頁文本與圖片82
任務33創建多張圖片並行排列的網頁0303.html88
【同步訓練】90
任務34在網頁中設定圖片與背景屬性90
任務35創建圖文混排的網頁0305.html91
【技術進階】91
【問題探究】96
【單元習題】98
單元4網頁中列表與表格的套用設計99
【知識必備】99
【引導訓練】105
任務41創建以項目列表形式表現新聞標題的網頁105
任務42創建以項目列表形式表現圖文按鈕的網頁109
任務43創建套用表格存放數據的網頁114
任務44創建包含個性化表格的網頁119
【同步訓練】122
任務45創建項目列表為主的旅遊攻略標題網頁122
任務46創建包含5行3列表格的網頁123
【技術進階】123
【問題探究】124
【單元習題】127
單元5網頁中超連結與導航欄的套用設計128
【知識必備】128
【引導訓練】131
任務51設定網頁中導航欄的超連結屬性131
任務52製作包含橫向主導航欄的網頁134
任務53製作包含縱向欄目導航欄的網頁139
任務54創建包含圖像熱點連結的網頁141
【同步訓練】145
任務55創建包含頂部橫嚮導航欄的網頁145
任務56創建包含多種不同形狀圖像連結的網頁146
【技術進階】146
【問題探究】150
【單元習題】151
單元6網頁中表單與控制項的套用設計152
【知識必備】152
【引導訓練】158
任務61在網頁中添加表單及表單控制項158
任務62創建用戶註冊的表單網頁164
【同步訓練】171
任務63創建用戶登錄的表單網頁171
任務64創建用戶留言反饋網頁172
【技術進階】172
【問題探究】174
【單元習題】174
單元7網頁中音頻與視頻的套用設計175
【知識必備】175
【引導訓練】177
任務71設計基於HTML5的網頁音樂播放器之一177
任務72設計基於HTML5的網頁視頻播放器之一179
【同步訓練】180
任務73設計基於HTML5的網頁音樂播放器之二180
任務74設計基於HTML5的網頁視頻播放器之二181
【技術進階】182
【問題探究】183
【單元習題】184
單元8網頁中圖形繪製與操作的套用設計185
【知識必備】185
【引導訓練】194
任務81網頁中套用純CSS繪製各種規則圖形194
任務82網頁中套用純CSS繪製各種特色圖形197
任務83網頁中套用canvas元素繪製各種圖形和文字200
任務84網頁中繪製菊花圖形206
【同步訓練】208
任務85網頁中繪製陰陽圖和五角星208
任務86網頁中繪製多種圖形和圖片208
【技術進階】209
【問題探究】210
【單元習題】213
單元9網頁中特效與互動的套用設計214
【知識必備】214
【引導訓練】227
任務91網頁中顯示當前日期227
任務92網頁中不同時間段顯示不同的問候語231
任務93網頁中製作圓角按鈕和圓角圖片234
任務94設計網頁中的圓形導航按鈕239
任務95網頁中實現搜尋框聚焦變長的效果242
任務96網頁中套用CSS實現超酷導航選單243
任務97網頁中實現仿Office風格的多級選單246
任務98網頁中實現圖片拖動操作251
【同步訓練】254
任務99網頁中不同的節假日顯示不同的問候語254
任務910網頁中創建下拉導航選單255
【技術進階】255
【問題探究】255
【單元習題】261
單元10網頁中元素與整體布局的套用設計262
【知識必備】262
【引導訓練】276
任務101體驗網頁的不同布局方式276
任務102創建浮動定位2列式布局的網頁281
任務103創建等距排列的4列式布局網頁289
任務104創建不規則布局網頁295
【同步訓練】300
任務105創建浮動定位2列規則分塊的網頁300
任務106創建3列式與4列式等距布局的網頁301
【技術進階】301
【問題探究】302
【單元習題】304
參考文獻305
附錄ACSS的屬性306
附錄BCSS的選擇器307