網(wǎng)頁(yè)設(shè)計(jì)與制作

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