Web网页设计教程

第1章网页制作基础概述 1
1.1什么是网页 1
1.1.1Web概述 1
1.1.2网页的本质——HTML 1
1.2网页包括的主要元素 2
1.3网页制作工具简介 4
1.3.1网页编辑工具 4
1.3.2网页图像与动画制作工具 5
1.4网站开发 5
1.4.1网站规划 6
1.4.2网站设计 7
1.4.3测试与发布 8
1.4.4网站维护 8
1.5习题 8
第2章DreamweaverMX概述 9
2.1DreamweaverMX新增功能 9
2.2DreamweaverMX的操作界面 11
2.2.1DreamweaverMX文档窗口 11
2.2.2DreamweaverMX浮动面板 14
2.2.3DreamweaverMX参数设置 16
2.3创建站点 18
2.3.1设置站点存储位置 18
2.3.2建立Dreamweaver站点 18
2.3.3建立站点文件夹 20
2.3.4建立网页新文件 21
2.4页面文档基本操作 22
2.4.1创建空白文档 22
2.4.2打开旧文档 22
2.4.3使用模板创建文档 23
2.4.4保存文档 24
2.5习题 24
第3章文本 25
3.1设置字体.样式.颜色和对齐方式 25
3.1.1设置字符格式 25
3.1.2使用段落和标题 29
3.1.3改变字体及其颜色 31
3.1.4对齐文本 34
3.2创建项目列表 34
3.2.1无序项目列表和有序项目列表 34
3.2.2创建新项目列表 35
3.2.3创建嵌套项目列表 36
3.2.4设置项目列表属性 36
3.2.5用图像作项目列表 37
3.3加入特殊对象 37
3.3.1插入更新日期 37
3.3.2插入特殊的文本字符 38
3.3.3插入水平线 39
3.3.4插入分隔线 40
3.3.5复制和粘贴HTML源代码 41
3.4小结 41
3.5习题 41
第4章图像 42
4.1图像的格式 42
4.1.1GIF格式的图像 42
4.1.2JPEG格式的图像 43
4.1.3PNG格式的图像 43
4.2插入图像 44
4.3修改图片的属性 45
4.4图片的对齐 46
4.5给网页加上背景图像 47
4.6创建图像映射 48
4.7小结 49
4.8习题 50
第5章创建超链接 51
5.1链接的分类 51
5.1.1按目标端点的分类 51
5.1.2按文档路径分类 51
5.2创建超级链接 52
5.2.1创建链接的一般方法 52
5.2.2创建超级链接的快速方法 55
5.2.3创建到文档的锚链接 56
5.2.4创建E-mail链接与空链接 57
5.3创建导航条和状态栏 59
5.4小结 61
5.5习题 61
第6章表格 62
6.1表格概述 62
6.2创建表格 62
6.2.1在网页中插入表格 62
6.2.2创建嵌套表格 63
6.3编辑表格 63
6.3.1设置表格参数 64
6.3.2修改行.列及单元格的属性 65
6.3.3表格的边框 66
6.3.4增加.删除行或列 67
6.3.5单元格的拆分与合并 67
6.3.6套用格式 68
6.3.7表格排序 70
6.4小结 71
6.5习题 71
第7章层的应用 72
7.1创建层 72
7.1.1创建新的层 72
7.1.2使用层面板 74
7.1.3创建嵌套层 74
7.2层的操作 75
7.2.1选定层 75
7.2.2调整层的大小 76
7.2.3层的移动与对齐 76
7.2.4改变层的可见性 77
7.3层与表格 77
7.3.1将表格转换为层 78
7.3.2将层转换为表格 78
7.4层的高级应用 80
7.4.1下拉菜单的制作 80
7.4.2层的定位技巧 80
7.5小结 81
7.6习题 81
第8章表单 82
8.1使用表单 82
8.2创建表单 82
8.2.1创建文本域 83
8.2.2创建复选框 84
8.2.3创建单选框 84
8.2.4创建列表框 85
8.2.5创建跳转菜单 85
8.2.6创建文件域 86
8.2.7创建图像域 87
8.2.8创建隐藏域 87
8.3表单的实例 88
8.4小结 90
8.5习题 91
第9章应用时间线 92
9.1创建时间线 92
9.2创建时间轴动画 93
9.3通过拖动路径创建时间轴动画 94
9.4修改时间轴及其对象的属性 94
9.5小结 96
9.6习题 96
第10章CSS样式 97
10.1CSS概述 97
10.2CSS样式的基本操作 97
10.2.1显示CSS样式面板 98
10.2.2创建新的CSS样式 98
10.2.3使用外部的CSS样式 99
10.3CSS样式冲突 100
10.4CSS样式应用示例 100
10.5小结 100
10.6习题 101
第11章行为 102
11.1行为的概述 102
11.1.1认识行为面板 102
11.1.2显示事件 103
11.1.3为时间线附加行为 103
11.2DreamweaverMX的内置行为 104
11.2.1调用JavaScript 104
11.2.2更改网页元素的属性 105
11.2.3检查浏览器 106
11.2.4检查插件 107
11.2.5打开浏览器窗口 108
11.2.6播放声音 109
11.2.7弹出信息 110
11.2.8弹出信息的常见应用 110
11.2.9控制状态栏 111
11.3小结 112
11.4习题 112
第12章框架 113
12.1使用框架 113
12.1.1创建框架 113
12.1.2选择框架集或框架 116
12.1.3保存框架和框架集文件 117
12.2设置框架属性 120
12.2.1设置框架属性 120
12.2.2设置框架集属性 121
12.3在框架中使用链接 122
12.4框架应用示例 123
12.5小结 126
12.6习题 126
第13章使用模板和库 127
13.1生成模板和模板的页面属性设置 127
13.1.1生成一个模板 127
13.1.2设置模板的页面属性 128
13.1.3定义模板的可编辑区 128
13.2管理模板 129
13.2.1模板的参数设置 129
13.2.2寻找可编辑区 130
13.2.3可编辑标记属性 130
13.3定制库项目 131
13.3.1认识库项目 131
13.3.2创建库项目 132
13.3.3应用库元素 132
13.3.4修改库元素 132
13.3.5添加库项目到页面 132
13.4小结 133
13.5习题 133
第14章测试并上传网站 134
14.1网站上传 134
14.1.1上传的准备工作 134
14.1.2上传步骤 134
14.2专业上传软件CuteFTP的使用 135
14.3CuteFTP最新实用技巧 137
14.3.1CuteFTP最新实用技巧 137
14.3.2直接在远程服务器上编辑网页 138
14.3.3使用CuteFTP加快速度的几种技巧 138
14.3.4只下载或上传最新文件的技巧 138
14.3.5导入站点数据到新版CuteFTP中 138
14.3.6用CuteFTP给文件自动更名 139
14.3.7定制CuteFTP工具栏的技巧 139
14.3.8显示远程服务器上隐藏文件的技巧 140
14.4小结 140
14.5习题 140
第15章Flash基础 141
15.1FlashMX简介 141
15.1.1FlashMX与Flash5.0异同点 142
15.1.2FlashMX的新功能 142
15.2Flash工作环境 143
15.2.1FlashMX工作环境 143
15.2.2时间轴窗口 144
15.2.3图层 145
15.3绘图工具的使用 146
15.3.1绘图工具介绍 146
15.3.2绘图工具的使用之铅笔工具 148
15.3.3绘图工具的使用之椭圆工具和矩形工具 148
15.3.4绘图工具的使用之定制颜色 149
15.3.5绘图工具的使用之墨水瓶工具和滴管工具 150
15.3.6绘图工具的使用之颜料桶工具 150
15.4对象的处理 151
15.4.1移动.复制和删除对象 151
15.4.2对齐对象 152
15.4.3集合和打散对象 152
15.4.4镜像对象 152
15.4.5修改对象 152
15.5图符与实例 153
15.6声音 154
15.6.1导入声音 154
15.6.2为按钮添加声音 155
15.7小结 155
15.8习题 155
第16章FlashMX动画入门 156
16.1运动的小球的制作 156
16.2沿路径运动的小球 158
16.3形体渐变之延伸的直线 159
16.4按钮的制作 160
16.5遮罩 161
16.6制作星星电影剪辑 162
16.7小结 163
16.8习题 163
第17章FlashMX之Action入门 164
17.1FlashMXActionScript基本术语解释 164
17.2FlashMXActionScript语法基础 166
17.3FlashMXActionScript中的数据类型 169
17.4FlashMXActionScript中的变量 171
17.5FlashMXActionScrip中的运算符 174
17.6FlashMXActionScript使用动作实现对象控制 178
17.7FlashMXActionScript通过路径指定目标对象 179
17.8FlashMXActionScript控制脚本流程 179
17.9FlashMXActionScript调用和创建函数 181
17.10小结 183
17.11习题 183
第18章FlashMX模板实例制作 184
18.1幻灯片模板课件 184
18.1.1演示文稿模板课件 185
18.1.2测验题模板课件 190
18.2小结 196
18.3习题 197
第19章FireworksMX入门 198
19.1安装系统要求 198
19.2FireworksMX的新增功能 198
19.3图形设计基础教程 201
19.3.1创建和保存新文档 201
19.3.2创建和编辑矢量对象 202
19.3.3使用层和对象 204
19.3.4创建和编辑蒙版 206
19.4创建和编辑文本 207
19.4.1设置文本属性 208
19.4.2添加投影 210
19.5导出文档 210
19.5.1优化图形 210
19.5.2导出图形 211
19.5.3查看导出的文档 211
19.6小结 212
19.7习题 212
第20章FireworksMX应用 213
20.1层.蒙版和混合 213
20.1.1使用层 213
20.1.2用蒙版掩盖图像 217
20.1.3关于位图蒙版 218
20.2使用样式.元件和URL 220
20.2.1使用样式 221
20.2.2创建和删除样式 222
20.2.3编辑样式 222
20.2.4导出和导入样式 223
20.2.5使用元件 224
20.2.6导入和导出元件 226
20.3切片.变换图像和热点 228
20.3.1创建和编辑切片 228
20.3.2编辑切片 230
20.3.3使切片交互 231
20.4创建按钮和弹出菜单 233
20.4.1创建按钮元件 234
20.4.2将Fireworks变换图像转换为按钮 236
20.4.3将按钮插入到文档中 236
20.4.4导入按钮元件 237
20.4.5编辑按钮元件 237
20.4.6创建弹出菜单 241
20.4.7创建弹出菜单的子菜单 243
20.4.8创建弹出子菜单的菜单 243
20.5创建动画 243
20.5.1制作动画 244
20.5.2使用动画元件 244
20.5.3创建动画元件 245
20.5.4编辑动画元件 245
20.6使用帧 247
20.6.1设置帧延时 248
20.6.2显示和隐藏要播放的帧 248
20.6.3命名动画帧 249
20.6.4添加.移动.复制和删除帧 249
20.7补间 251
20.8预览动画 252
20.9小结 254
20.10习题 255