第1章 网页设计基础 1
1.1网页界面元素 1
1.1.1基本概念 1
1.1.2网站的主题与风格定位 3
1.2如何进行网页设计 3
1.2.1网页设计的基本流程 4
1.2.2网页设计的常用工具 4
1.2.3页面布局的介绍与欣赏 5
1.3习题 6
第2章 网站设计基础语言HTML与XHTML 7
2.1 HTML与XHTML 7
2.1.1 HTML概述及其语法 7
2.1.2使用记事本创建HTML文档 9
2.1.3 XHTML概述 10
2.1.4 HTML与XHTML有何区别 11
2.2页面标签 13
2.2.1排版标签 13
2.2.2超链接标签与图像标签 16
2.2.3列表标签 18
2.2.4表格标签 19
2.2.5表单标签 21
2.3课堂综合练习——使用“记事本”制作精美网页 23
2.3.1编写HTML文档 24
2.3.2预览并美化文档 24
2.4课堂综合实训——使用“记事本”制作简单网页 25
2.5习题 26
第3章Dreamweaver CS5的基本操作 27
3.1 Dreamweaver CS5界面介绍 27
3.1.1工作环境 27
3.1.2常用的工具栏与面板 28
3.2 Dreamweaver CS5的基本操作 31
3.2.1新建站点 31
3.2.2新建空白网页文档 32
3.2.3站点内的基本操作 33
3.3网页制作离不开CSS 35
3.3.1 CSS用来做什么 35
3.3.2如何创建CSS文档 36
3.3.3 CSS的基本语法 37
3.3.4常见的CSS样式类型 38
3.3.5 CSS的盒模型 40
3.4必须掌握的CSS选择符 42
3.4.1通配符与类型选择符 42
3.4.2类选择符与ID选择符 43
3.4.3包含选择符与群组选择符 44
3.5课堂综合练习——使用CSS制作简单网页 45
3.5.1布局分析 45
3.5.2制作过程 46
3.6课堂综合实训——使用CSS制作精美网页 51
3.7习题 52
第4章 网页中文本与图像的控制 54
4.1文本控制 54
4.1.1插入文本与特殊字符 54
4.1.2创建超链接 55
4.1.3 CSS控制文本的常见属性及其应用 59
4.2图像控制 63
4.2.1插入图像 63
4.2.2设置图像属性 65
4.2.3绘制热点区域 65
4.2.4插入鼠标经过图像 66
4.2.5 CSS控制图像的常见属性及其应用 67
4.3图文混排 72
4.4课堂综合练习——“健康养生网”首页的制作 73
4.4.1布局分析 73
4.4.2制作过程 73
4.5课堂综合实训——“餐饮项目网”的制作 77
4.6习题 78
第5章 列表元素、CSS浮动和定位 79
5.1列表元素 79
5.1.1列表修饰符的类型 80
5.1.2列表项图像 81
5.1.3纵向列表导航 83
5.2 CSS浮动 84
5.2.1浮动的基本概念 84
5.2.2浮动的实际应用 87
5.3 CSS定位 89
5.3.1相对定位 90
5.3.2绝对定位 91
5.3.3相对定位与绝对定位的混合使用 92
5.4课堂综合练习——“牛仔裤专题网”的设计与制作 92
5.4.1布局分析 92
5.4.2制作过程 93
5.5课堂综合实训——“宇泽通讯手机专卖网”的制作 96
5.6习题 97
第6章 表格与表单 99
6.1表格控制 99
6.1.1表格的创建 99
6.1.2表格的属性设置 100
6.1.3表格的基本操作 101
6.1.4表格中常用的CSS属性 106
6.1.5隔行换色CSS表格 107
6.2表单控制 110
6.2.1创建表单域 110
6.2.2插入多种表单对象 111
6.2.3表单的美化——CSS登录框的制作 116
6.3课堂综合练习——“宇泽品牌设计网”主页的制作 117
6.3.1布局分析 118
6.3.2制作过程 118
6.4课堂综合实训——“宇泽环保网”主页的制作 124
6.5习题 125
第7章 框架与模板 127
7.1框架 127
7.1.1框架的基本概念 127
7.1.2框架的基本操作 128
7.1.3框架的具体应用 131
7.2模板 134
7.2.1基本概念与基础操作 134
7.2.2利用模板快速创建页面 135
7.2.3模板的管理与分离 137
7.3课堂综合练习——“YUZE公司”网站的设计与制作 138
7.3.1布局分析 138
7.3.2制作过程 139
7.4课堂综合实训——网站后台的设计与制作 146
7.5习题 147
第8章 Photoshop CS5的基本操作 149
8.1认识Photoshop 149
8.1.1 Photoshop概述与常见术语 149
8.1.2 Photoshop CS5工作界面 151
8.1.3 Photoshop CS5工具箱介绍 152
8.1.4 Photoshop CS5常用面板介绍 153
8.2 Photoshop CS5的常用工具与基本操作 154
8.2.1新建与打开 154
8.2.2选框工具组 155
8.2.3套索工具组 156
8.2.4魔棒工具 157
8.2.5油漆桶工具 158
8.2.6渐变工具 159
8.2.7钢笔与文字工具 161
8.3图层 163
8.3.1创建与设置图层 163
8.3.2图层样式 164
8.4蒙版 166
8.4.1图层蒙版 166
8.4.2矢量蒙版 167
8.4.3剪贴蒙版 168
8.5课堂综合练习——专题类网站的效果图制作 169
8.6课堂综合实训——“小鸟钻石网”情人节活动页面效果图制作 172
8.7习题 173
第9章Photoshop CS5页面设计 174
9.1色彩的应用 174
9.1.1相近色与对比色 174
9.1.2色彩的选择与搭配 175
9.2网站Logo的设计与制作 176
9.2.1 Logo的设计要点 176
9.2.2 Logo的制作过程 177
9.3导航栏的设计与制作 180
9.3.1导航栏的设计风格 180
9.3.2导航栏的制作过程 182
9.4广告位的设计与制作——GIF动画 184
9.4.1 Photoshop中的动画面板 185
9.4.2 GIF动画的实现步骤 187
9.5应用切片工具生成所需图像 190
9.5.1切片的工具 190
9.5.2切片的方法 191
9.6课堂综合练习——“宇泽”首饰电子商务网站的效果图制作 193
9.7课堂综合实训——“上海天众汽车用品”公司主页效果图制作 195
9.8习题 195
第10章Flash CS5的基本操作 197
10.1认识Flash CS5 197
10.1.1常见术语 197
10.1.2 Flash CS5工作界面 198
10.1.3 Flash CS5工具箱 198
10.1.4 Flash CS5常用面板介绍 199
10.2 Flash CS5的常用工具与基本操作 201
10.2.1新建与打开 201
10.2.2时间轴 203
10.2.3场景和舞台 203
10.2.4笔触和填充 203
10.2.5多角星形工具 205
10.2.6元件 207
10.3测试与发布 211
10.4课堂综合练习——制作横向导航条 213
10.4.1导航条简介 213
10.4.2制作过程 213
10.5课堂综合实训——制作导航条 214
10.6习题 215
第11章 Flash CS5动画设计 216
11.1逐帧动画 216
11.2补间动画、传统补间动画与补间形状动画 218
11.2.1补间动画 218
11.2.2什么是传统补间动画 220
11.2.3什么是补间形状动画 222
11.3引导层动画与遮罩动画 225
11.3.1引导层动画 225
11.3.2遮罩动画 227
11.4 ActionScript在Flash中的应用 228
11.4.1 ActionScript概述 228
11.4.2使用AS制作网页中图片切换效果案例 232
11.5课堂综合练习——使用Flash制作广告 234
11.5.1任务分析 234
11.5.2制作过程 235
11.6课堂综合实训——制作“Come on”网购商城特价广告 237
11.7习题 239
第12章 综合练习——“宇泽首饰电子购物网站”的制作 241
12.1需求分析与布局分析 241
12.1.1网站需求分析简述 241
12.1.2根据效果图分析布局 242
12.2实现过程 243
12.2.1主页的实现 244
12.2.2检索页的实现 249
12.2.3产品信息页的实现 251
12.3习题 253