网页设计与制作

单元1 网页设计基础知识 1
任务1 访问网站——www.lygtc.edu.cn 1
任务描述 1
一、网页与网站 1
二、页面布局设计与色彩搭配 3
三、网页制作常用软件和技术 5
任务实现 6
任务拓展 7
任务2 创建本地站点 8
任务描述 8
一、Dreamweaver CS6软件 8
二、Dreamweaver CS6站点 13
任务实现 15
任务拓展 16
课后实训 19
单元小结 20
单元2 HTML基础 21
任务1 制作图文混排网页 21
任务描述 21
一、HTML基本概念 22
二、文本排版 23
三、水平线标签 四、图像标签 26 任务实现 27
任务拓展 29
任务2 表格的使用 33
任务描述 33
一、表格 33
二、超链接 37
三、列表 41
任务实现 44
任务拓展 46
课后实训 48
单元小结 49
单元3 HTML高级应用 50
任务1 表单页面设计 50
任务描述 50
一、表单 50
二、表单控件 53
任务实现 62
任务拓展 63
任务2 框架多媒体页面设计 64
任务描述 64
一、框架 65
二、插入多媒体对象 69
任务实现 70
任务拓展 73
课后实训 75
单元小结 76
单元4 CSS的基础知识 77
任务 CSS的引用——制作风景页面 77
任务描述 77
一、CSS概述 78
二、CSS的引用方法 79
三、CSS选择器 82
任务实现 87
任务拓展 89
课后实训 92
单元小结 93
单元5 设置CSS文本、图像和背景 94
任务 使用样式美化网页 94
任务描述 94
一、CSS文本相关样式 94
二、CSS背景属性 98
任务实现 102
任务拓展 102
课后实训 104
单元小结 105
单元6 盒子模型 106
任务 海天酱页面布局 106
任务描述 106
一、初识盒子模型 107
二、盒子模型相关属性 107
三、盒子之间的关系 115
四、盒子在标准流中的
定位原则 116
任务实现 120
任务拓展 122
课后实训 123
单元小结 123
单元7 盒子的定位和浮动 124
任务 美食页面布局 124
任务描述 124
一、盒子的浮动 125
二、盒子的定位 129
任务实现 134
任务拓展 139
课后实训 142
单元小结 143
单元8 用CSS设置列表和链接 144
任务 通知公告页面 144
任务描述 144
一、设置项目列表样式 144
二、设置超链接 149
任务实现 150
任务拓展 152
课后实训 156
单元小结 156
单元9 常用布局结构 157
任务 绿色满园花卉网站 157
任务描述 157
一、布局流程 158
二、常见布局 159
任务实现 166
任务拓展 173
课后实训 174
单元小结 174
单元10 综合案例——教务网站设计 176
任务描述 175
一、内容分析 176
二、HTML结构设计 176
三、原型设计 177
四、页面方案 178
任务实现 179
任务拓展 189
课后实训 190
单元小结 190