網(wǎng)頁設計與制作

單元1 網(wǎng)頁設計基礎知識 1
任務1 訪問網(wǎng)站——www.lygtc.edu.cn 1
任務描述 1
一、網(wǎng)頁與網(wǎng)站 1
二、頁面布局設計與色彩搭配 3
三、網(wǎng)頁制作常用軟件和技術(shù) 5
任務實現(xiàn) 6
任務拓展 7
任務2 創(chuàng)建本地站點 8
任務描述 8
一、Dreamweaver CS6軟件 8
二、Dreamweaver CS6站點 13
任務實現(xiàn) 15
任務拓展 16
課后實訓 19
單元小結(jié) 20
單元2 HTML基礎 21
任務1 制作圖文混排網(wǎng)頁 21
任務描述 21
一、HTML基本概念 22
二、文本排版 23
三、水平線標簽 26
四、圖像標簽 26
任務實現(xiàn) 27
任務拓展 29
任務2 表格的使用 33
任務描述 33
一、表格 33
二、超鏈接 37
三、列表 41
任務實現(xiàn) 44
任務拓展 46
課后實訓 48
單元小結(jié) 49
單元3 HTML高級應用 50
任務1 表單頁面設計 50
任務描述 50
一、表單 50
二、表單控件 53
任務實現(xiàn) 62
任務拓展 63
任務2 框架多媒體頁面設計 64
任務描述 64
一、框架 65
二、插入多媒體對象 69
任務實現(xiàn) 70
任務拓展 73
課后實訓 75
單元小結(jié) 76
單元4 CSS的基礎知識 77
任務 CSS的引用——制作風景頁面 77
任務描述 77
一、CSS概述 78
二、CSS的引用方法 79
三、CSS選擇器 82
任務實現(xiàn) 87
任務拓展 89
課后實訓 92
單元小結(jié) 93
單元5 設置CSS文本、圖像和背景 94
任務 使用樣式美化網(wǎng)頁 94
任務描述 94
一、CSS文本相關(guān)樣式 94
二、CSS背景屬性 98
任務實現(xiàn) 102
任務拓展 102
課后實訓 104
單元小結(jié) 105
單元6 盒子模型 106
任務 海天醬頁面布局 106
任務描述 106
一、初識盒子模型 107
二、盒子模型相關(guān)屬性 107
三、盒子之間的關(guān)系 115
四、盒子在標準流中的
定位原則 116
任務實現(xiàn) 120
任務拓展 122
課后實訓 123
單元小結(jié) 123
單元7 盒子的定位和浮動 124
任務 美食頁面布局 124
任務描述 124
一、盒子的浮動 125
二、盒子的定位 129
任務實現(xiàn) 134
任務拓展 139
課后實訓 142
單元小結(jié) 143
單元8 用CSS設置列表和鏈接 144
任務 通知公告頁面 144
任務描述 144
一、設置項目列表樣式 144
二、設置超鏈接 149
任務實現(xiàn) 150
任務拓展 152
課后實訓 156
單元小結(jié) 156
單元9 常用布局結(jié)構(gòu) 157
任務 綠色滿園花卉網(wǎng)站 157
任務描述 157
一、布局流程 158
二、常見布局 159
任務實現(xiàn) 166
任務拓展 173
課后實訓 174
單元小結(jié) 174
單元10 綜合案例——教務網(wǎng)站設計 176
任務描述 175
一、內(nèi)容分析 176
二、HTML結(jié)構(gòu)設計 176
三、原型設計 177
四、頁面方案 178
任務實現(xiàn) 179
任務拓展 189
課后實訓 190
單元小結(jié) 190