网页设计基础篇 3
第1章网页设计概述 3
1.1网站、网页和主页 3
1.2网站设计的工作流程 6
1.2.1根据网站主题组织网站内容 6
1.2.2规划网站栏目和网站目录结构 7
1.2.3确定网页版面布局 8
1.2.4网页布局原则 11
1.2.5收集制作网页的素材 14
1.2.6整合网页素材 15
1.2.7添加网页特效 16
1.2.8测试和发布网站 17
1.3网页制作工具的配合使用 19
1.4本章小结 21
1.5思考与练习 22
第2章网页基本要素分析 23
2.1站标、导航栏、广告条和按钮 23
2.1.1站标的位置与设计要点 23
2.1.2导航栏设计要点 25
2.1.3广告条的尺寸和位置 27
2.1.4按钮的设计要点 28
2.2网页中的色彩 29
2.2.1网站主色调选择 29
2.3网页中的文本 31
2.2.2网页色彩应用 31
2.4网页中的图片 33
2.4.1网页图片的应用要点 33
2.4.2网页图片处理 34
2.5网页中的动画 37
2.5.1GIF图片动画 37
2.5.2Flash动画 38
2.6多媒体和其他插件 39
2.7本章小结 41
2.8思考与练习 41
3.1.1选择申请空间方式和服务器 43
3.1网站空间申请 43
第3章站点空间申请与管理 43
3.1.2申请免费空间的一般过程 44
3.1.3域名选取技巧 47
3.2网站的宣传与管理 47
3.2.1网站宣传推广 47
3.2.2网站维护更新 50
3.3本章小结 51
3.4思考与练习 51
网页设计工具篇 55
第4章Dreamweaver MX简介 55
4.1认识Dreamweaver MX 55
4.2.1全新的设计模式 56
4.2Dreamweaver MX的新增功能 56
4.2.2手工编写网页代码设计环境 60
4.2.3支持更多的网页程序设计环境 63
4.3Dreamweaver MX工作界面 63
4.3.1第一次启动Dreamweaver MX 64
4.3.2Dreamweaver MX的界面组成 65
4.4常用面板介绍 68
4.4.1插入栏各对象面板 69
4.4.2面板组 75
4.4.3其他面板 83
4.5.1隐藏／显示面板组 86
4.5Dreamweaver MX个性化的操作 86
4.5.2收缩和展开面板 87
4.5.3移动面板位置 87
4.5.4调整工作区的大小 88
4.5.5添加面板快速启动按钮 89
4.6本章小结 90
4.7思考与练习 91
第5章Flash MX简介 93
5.1认识Flash动画 93
5.2Flash MX的新增功能 93
5.2.1可选择的设计模式 94
5.2.2全新的用户界面 94
5.2.4增强的功能组件 95
5.2.3向下兼容Flash 5文档 95
5.2.5良好的扩展性和易用性 97
5.3Flash MX操作界面 99
5.3.1Flash MX中的课程面板 99
5.3.2认识Flash MX的工作环境 99
5.4Flash MX中的常用工具 109
5.4.1直线、矩形和椭圆形工具 109
5.4.2应用铅笔工具 110
5.4.3描绘与填充图形 111
5.4.4添加与编辑文本 112
5.4.5其他常用面板介绍 116
5.6思考与练习 119
5.5本章小结 119
第6章Fireworks MX简介 121
6.1认识Fireworks MX 121
6.2Fireworks MX的新增功能 122
6.2.1Fireworks MX用户界面 122
6.2.2增强的功能组件 122
6.2.3良好的易用性和兼容性 125
6.3Fireworks MX操作界面 128
6.4 Fireworks MX中的基本工具 134
6.4.1选择和变形对象 134
6.4.2绘制、绘画和编辑位图对象 137
6.4.3绘制与编辑矢量对象 141
6.5.1“优化”面板 143
6.5常用工具面板介绍 143
6.4.4添加与编辑文本 144
6.5.2“层”面板 144
6.5.3“样式”、“URL”和“库”面板 145
6.5.4“帧”面板 146
6.5.5“历史记录”面板 147
6.6本章小结 148
6.7思考与练习 148
网页设计范例篇 151
第7章“朝花夕拾”站点——Dreamweaver MX基础应用 151
7.1范例介绍 151
7.1.1网站的主题和内容 151
7.1.2风格、色彩和布局 152
7.1.3绘制网页草图和网站结构图 153
7.2制作要点 154
7.3制作步骤 154
7.3.1创建网站的站点文件夹 154
7.3.2在站点中添加网页和文件夹 157
7.3.3设置网页连接速度、窗口大小和网页标题 160
7.3.4表格的应用 162
7.3.5动态按钮的应用 167
7.3.6图片插入与保存 169
7.3.7设置网页文字效果 171
7.3.8制作其他网页 172
7.5思考与练习 176
7.4本章小结 176
第8章“蓝色世纪”站点——Dreamweaver与Fireworks整合应用 177
8.1范例介绍 177
8.2制作要点 179
8.3制作步骤 179
8.3.1Fireworks MX的图片制作 179
8.3.2Fireworks MX的动画制作 185
8.3.3Fireworks MX的按钮制作 188
8.3.4主页中表格与图片的插入 189
8.3.5图层的应用 191
8.3.6为图片添加热点 194
8.3.7创建模板 196
8.3.8应用模板创建其他网页 198
8.3.9添加弹出信息窗口行为 200
8.4本章小结 200
8.5思考与练习 200
第9章“云鹏科技”站点——DreamweaVer MX框架和行为应用 203
9.1范例介绍 203
9.2制作要点 205
9.3制作步骤 205
9.3.1制作网页图片 205
9.3.2制作框架网页 209
9.3.3为网页添加动态效果 215
9.3.5链接框架网页 221
9.3.4制作其他网页 221
9.3.6添加打开浏览器窗口效果 222
9.4本章小结 224
9.5思考与练习 225
第10章“浩瀚宇宙”站点——Flash MX动画网站制作 227
10.1范例介绍 227
10.2制作要点 228
10.3制作步骤 228
10.3.1创建与保存文档 229
10.3.2添加图像与文本 230
10.3.3制作按钮 235
10.3.4制作按钮补间动画 238
10.3.5创建其他场景框架 240
10.3.6为按钮动画创建动作 241
10.3.7制作逐帧动画 245
10.3.8设置其余4个场景 247
10.3.9设置【返回主页】按钮 250
10.3.10设置其他链接效果 251
10.3.11发布Flash动画 253
10.4本章小结 259
10.5思考与练习 260
第11章“花影袭人”站点——“三剑客”整合应用 261
11.1范例介绍 261
11.3.1配置系统 263
11.3准备工作 263
11.2制作要点 263
11.3.2使用Fireworks MX制作站标和美化图片 266
11.3.3使用Flash MX制作广告条 271
11.4制作步骤 275
11.4.1定义“花影袭人”站点 276
11.4.2制作首页 278
11.4.3主页组件整合 280
11.4.4应用行为添加弹出式菜单效果 283
11.4.5设置CSS样式 288
11.4.6框架网页制作 291
11.4.7制作内容网页 293
11.4.8制作与检查表单网页 295
11.4.9建立数据库 299
11.4.10连接数据库 301
11.4.11向数据库中提交记录 303
11.4.12制作显示数据库中的所有记录网页 304
11.4.13应用时间轴添加下拉式菜单效果 306
11.5站点测试、上传和管理 310
11.5.1测试本地站点 310
11.5.2上传站点 313
11.5.3管理站点 314
11.6本章小结 315
11.7思考与练习 315
习题答案 317