第1章 迈入网页制作之门 1
目录 1
1.1 认识网页 2
1.1.1 什么是网页 2
1.1.2 网页的类型 2
1.1.3 网页的相关概念 2
1 万维网 3
2 浏览器 3
3 URL 3
7 域名 4
1.1.4 网页中的专用术语 4
8 发布 4
6 IP地址 4
5 HTML 4
4 FTP 4
1 超级链接 5
2 Logo 5
3 Banner 5
4 表单 5
5 导航条 6
1.2 了解网站 6
1 门户网站 6
2 个人网站 6
1.3 网页构架 7
4 职能网站 7
3 专业网站 7
1.4 网页制作的常用软件 9
1 布局软件 9
2 网页动画制作软件 9
3 网页图像处理软件 10
4 网页源代码编辑工具 10
5 各软件间的相互关系 10
6 网页制作软件的获取 10
2 规划站点 11
3 制作网页 11
1 收集、整理素材 11
1.5 网页制作的一般步骤 11
4 测试站点 12
5 发布及维护站点 12
1.6 网页制作的技巧 12
1.6.1 用色技巧 12
1.6.2 网页基本元素的标准及使用技巧 13
1 Logo 14
2 Banner 14
3 导航栏 14
4 按钮 14
5 图像 15
6 文本 15
1.6.3 制作原则与技巧 15
1.7 如何学好网页制作 16
第2章 初识DreamweaverMX 2004 19
2.1 安装、启动与退出Dreamweaver MX 2004 20
2.1.1 安装DreamweaverMX 2004 20
2.1.2 启动与退出Dreamweaver MX 2004 21
1 启动Dreamweaver MX 2004 21
2 退出Dreamweaver MX 2004 23
2.2 Dreamweaver MX 2004的界面 23
1 插入栏 23
2 文档工具栏 25
3 浮动面板组 25
2.3 创建、保存与打开网页 26
2.3.1 创建新页面 26
5 扩展按钮 26
4 属性面板 26
2.3.2 保存网页 27
1 直接保存 27
2 另存为 28
2.3.3 打开已有网页 28
2.4 预览网页效果 28
第3章 创建站点与设置页面属性 31
3.1 创建站点的准备 32
1 什么是站点 32
2 规划站点结构 32
3.2.1 怎样创建站点 33
3.2 创建“tianchuang”站点 33
3 创建“天创桌面”网站导航草图 33
3.2.2 管理“tianchuang”站点 36
1 在站点中添加文件和文件夹 36
2 删除文件或文件夹 37
3 重命名文件或文件夹 37
4 编辑站点 38
5 删除站点 38
3.3 设置“遗失的童话”页面属性 39
1 设置外观属性 40
2 设置链接属性 42
4 标题／编码 43
3 设置标题属性 43
5 跟踪图像 44
第4章 制作“岳麓书院”网页 47
4.1 在网页中添加文本 48
4.1.1 为“岳麓书院”网页添加普通文本 48
4.1.2 为“岳麓书院”网页添加特殊字符 50
4.1.3 为“岳麓书院”网页添加空格 51
4.1.4 添加水平线 51
1 插入水平线 51
2 编辑水平线 52
4.1.5 添加日期 52
4.1.6 文本的换行与分段 53
1 设置字体列表 54
4.2.1 设置“岳麓书院”网页文本基本样式 54
4.2 编辑文本 54
2 设置文本的大小及字体 55
3 设置文本颜色 56
4.2.2 设置段落格式 57
1 设置“岳麓书院”网页文本段落缩进 57
2 对齐文本 57
4.2.3 设置列表项 58
1 编号列表 58
2 项目列表 59
3 定义列表 60
4 设置列表属性 61
1 标尺 62
4.3 用标尺和网格定位网页元素 62
2 网格 63
4.4 使用CSS样式美化“岳麓书院”网页元素 63
4.4.1 认识“CSS样式”面板 63
4.4.2 创建CSS样式 64
4.4.3 编辑CSS样式 65
1 类型 65
2 背景 66
3 区块 67
4 列表 68
4.4.4 应用CSS样式 69
4.4.5 链接外部CSS样式 69
第5章 制作“脸谱”网页 73
5.1 网页图像格式 74
5.2 图像文件的获取 75
5.3 为“脸谱”网页添加图像 75
1 直接添加图像 75
2 用占位符添加图像 77
5.4 设置图像属性 78
1 命名图像 78
2 改变图像大小 78
5 边距 79
7 对齐方式 79
6 图像边框 79
4 文本说明 79
3 设置源文件 79
8 裁切图像 80
9 链接 81
10 调整明暗度 81
11 锐化图像 81
12 低解析度源 81
5.5 创建鼠标经过图像 81
5.6 为“脸谱”网页创建导航条 83
1 创建导航条 84
2 修改导航条 85
5.7 与Fireworks的结合使用 85
5.8 创建网站相册 86
第6章 制作“茗香阁”网页 89
6.1 了解超级链接 90
1 源端点的链接 91
2 目标端点的链接 91
3 根据链接路径分类 92
6.2 创建超级链接 92
6.2.1 为“茗香阁”网页创建文本链接 92
6.2.2 为“茗香阁”网页创建图像链接 93
1 一般图像链接 93
2 热点图像链接 95
1 创建命名锚记 96
2 链接命名锚记 96
6.2.3 为“茗香阁”网页创建锚链接 96
6.2.4 为“茗香阁”网页创建电子邮件链接 97
6.2.5 创建空链接 98
第7章 制作“深忆动漫”网页 101
7.1 为“深忆动漫”网页添加Flash媒体元素 102
7.1.1 认识Flash媒体元素 102
1 Flash文件的格式 103
2 Flash文件的获取 103
7.1.2 添加Flash动画 104
7.1.3 添加Flash按钮 105
7.1.4 添加Flash文本 107
7.2 添加其他媒体元素 108
1 添加Shockwave影片 108
2 添加Applet 109
7.3 添加音乐元素 110
1 为“深忆动漫”网页添加背景音乐 110
3 添加插件 110
2 添加音乐链接 111
3 页面音乐的嵌入 112
第8章 制作“产品介绍”网页 115
8.1 为“产品介绍”网页创建表格 116
1 创建普通表格 116
2 创建嵌套表格 118
8.2 表格的基本操作 118
1 选中整个表格 119
2 选中行或列 119
8.2.1 选中表格 119
3 选中单元格 120
8.2.2 拆分与合并单元格 121
1 拆分单元格 121
2 合并单元格 121
8.2.3 调整表格的行列 122
1 单行或单列的插入 122
2 多行或多列的插入 123
3 删除行或列 123
8.3 在“产品介绍”网页中设置表格和单元格属性 124
1 设置表格属性 124
2 设置单元格属性 126
8.4 在“产品介绍”网页中添加表格内容 126
1 在外层表格中添加内容 127
2 在嵌套表格中添加内容 128
8.5 表格的高级操作 129
8.5.1 移动表格整行或整列内容 129
8.5.2 表格的排序 130
8.5.3 导入和导出表格数据 131
1 表格数据的导入 131
2 表格数据的导出 133
8.6 在布局模式中使用表格 133
8.6.1 创建布局表格和布局单元格 134
1 绘制布局表格 134
2 绘制布局单元格 134
8.6.2 设置布局模式的首选参数 135
3 绘制嵌套布局表格 135
第9章 制作“奇花异草”网页 139
9.1 认识框架及框架集 140
9.2 为“奇花异草”网页创建框架集 141
9.2.1 创建框架集 141
1 直接创建预定义框架集 141
2 加载预定义框架集 142
9.2.2 创建嵌套框架集 143
9.3 框架及框架集的基本操作 143
9.3.1 认识“框架”面板 143
1 在编辑窗口中选中框架和框架集 144
2 在“框架”面板中选中框架和框架集 144
9.3.2 选中框架和框架集 144
9.3.3 调整框架大小 145
9.3.4 拆分框架 145
9.3.5 删除框架 146
9.4 设置框架及框架集的属性 147
1 设置框架的属性 147
2 设置框架集的属性 148
9.5 为“奇花异草”网页添加内容 149
1 设置框架背景 149
2 添加网页元素 150
1 保存框架文档 153
2 保存框架集文档 153
9.6 保存框架及框架集 153
3 保存框架集中的所有文档 154
第10章 制作“网上购物”网页 157
10.1 创建层与设置层的首选参数 158
1 在“网上购物”网页中创建层 158
2 在“网上购物”网页中创建嵌套层 160
3 设置层首选参数 160
10.2 层的基本操作 162
10.2.1 认识“层”面板 162
10.2.2 选中层 162
1 选中单个层 162
2 选中多个层 163
10.2.3 拖动层 163
1 调整单个层的大小 164
10.2.4 调整层大小 164
2 调整多个层的大小 165
10.2.5 在“网上购物”网页中对齐层 165
10.3 层的高级操作 166
10.3.1 在“网上购物”网页中设置层的属性 166
1 设置单个层的属性 167
2 设置多个层的属性 168
10.3.2 显示或隐藏层 168
10.3.3 设置层的堆叠顺序 169
1 在“层”面板更改层的堆叠顺序 169
2 在“属性”面板中更改层的堆叠顺序 169
10.4 在“网上购物”网页中添加元素 169
1 在层“Layer1”和层“Layer2”中添加内容 170
2 在层“Layer3”中添加内容 171
10.5 层与表格的相互转换 172
1 将层转换为表格 172
2 将表格转换为层 173
第11章 制作“游戏港”网页 175
11.1 了解行为 176
11.2 认识“行为”面板 177
11.3 行为的操作 177
1 添加行为 177
2 修改行为 178
3 删除行为 178
4 获取更多的行为 178
11.4.1 添加“交换图像”行为 179
11.4 为“游戏港”网页添加行为 179
11.4.2 添加“弹出信息”行为 180
11.4.3 添加“打开浏览器窗口”行为 181
11.4.4 添加“拖动层”行为 182
1 设置“基本”选项卡 182
2 设置“高级”选项卡 183
11.4.5 显示弹出式菜单 184
1 “内容”选项卡 184
2 “外观”选项卡 185
3 “高级”选项卡 186
4 “位置”选项卡 186
11.4.6 添加“检查插件”行为 187
11.4.8 添加“调用JavaScript” 188
11.4.7 添加“设置导航栏图像”行为 188
11.4.9 跳转菜单 189
11.4.10 添加“转到URL”行为 189
11.4.11 添加“控制Shockwave或Flash”行为 189
11.4.12 添加“预先载入图像”行为 190
第12章 制作“注册”网页 193
12.1 创建表单 194
1 了解表单 194
2 为“注册”网页创建表单 195
3 设置表单属性 195
12.2 表单对象介绍 196
12.3.1 添加文本字段 198
12.3 为“注册”网页添加表单对象 198
1 添加单行文本字段 199
2 添加多行文本字段 200
3 添加密码域 201
12.3.2 添加隐藏域 201
12.3.3 添加文本区域 202
12.3.4 添加复选框 202
12.3.5 添加单选按钮 202
12.3.6 添加单选按钮组 203
12.3.7 添加列表／菜单 204
12.3.8 添加跳转菜单 205
12.3.9 添加按钮 205
12.3.10 添加图像域 206
12.3.11 添加文件域 207
第13章 制作“凌霄公司”网页 209
13.1 创建与编辑模板 210
13.1.1 创建模板 210
1 将“凌霄公司”网页另存为模板 211
2 创建空白模板 211
13.1.2 模板的编辑 212
1 在“凌霄公司”网页模板中创建可编辑区域 212
2 更改可编辑区域的名称 213
3 取消对可编辑区域的标记 214
1 使用“从模板新建”对话框创建网页 215
13.2.1 用模板创建网页 215
13.2 应用“凌霄”公司网页模板 215
2 在“资源”面板中使用模板创建新网页 216
3 将当前网页应用模板 216
13.2.2 用已有网页更新模板 217
13.3 管理模板 218
1 删除模板 218
2 打开网页所附模板 218
3 将网页脱离模板 219
13.4 在“凌霄公司”网页中添加内容 219
1 使用站点列表 220
13.5.2 使用站点列表 220
13.5.1 认识“资源”面板 220
13.5 使用资源列表 220
2 在页面中添加资源 221
3 改变资源顺序 221
13.5.3 使用收藏列表 222
1 打开收藏列表 222
2 添加资源到收藏列表 222
3 为收藏资源重命名 223
4 在收藏列表中将资源分组 224
5 从收藏列表中删除资源 224
第14章 数据库与网页开发语言 227
2 My SQL 228
14.1.2 常用数据库 228
1 Access 228
14.1.1 认识数据库 228
14.1 数据库基础 228
3 Oracle 229
4 SQL Server 229
14.2 创建数据库开发环境 229
14.2.1 安装与配置ⅡS V5.1 229
1 安装ⅡS 229
2 配置ⅡS 231
14.2.2 设置测试服务器 233
14.3 创建数据源 234
14.3.1 创建Access数据库的数据源 234
1 创建系统DSN 235
2 创建文件DSN 236
14.3.2 创建SQL Server数据库的数据源 238
14.4 动态网页开发语言 240
1 ASP 241
2 JSP 241
3 PHP 242
第15章 站点的发布 245
15.1 申请主页空间及域名 246
15.1.1 申请主页空间 246
1 申请免费主页空间 246
2 申请收费主页空间 248
15.1.2 查询域名 250
15.2.1 测试兼容性 252
15.2 站点的本地测试 252
1 检查网页链接 254
2 检查本地站点某部分的链接 254
15.2.2 测试链接 254
3 检查整个站点的链接 255
15.2.3 修复站点范围的链接 255
15.2.4 设置下载速度 256
15.3 发布站点 257
1 配置远程信息 257
2 发布站点 258
15.4.1 使用同步功能 259
1 确定新文件 259
15.4 管理站点 259
2 同步新版本文件 260
15.4.2 使用设计笔记 261
1 设置站点的设计笔记 261
2 在文档中添加设计笔记 262
15.4.3 使用站点报告 263
15.5 站点宣传 263
1 在搜索引擎注册、登记 264
2 设置关键字信息 264
3 媒体宣传 264
4 在留言板、BBS、聊天室、社区上做宣传 264
5 与其他网站互作链接 264
附录 事件功能及适用的浏览器 267