网页设计与制作教程与实训

第1章　网页制作基本知识 1

1.1　与网页制作相关的术语 1

1.1.1 网站与网页 1

1.1.2　服务器与浏览器 1

1.1.3　远程站点和本地站点 2

1.1.4　统一资源定位器 2

1.2　HTML简介 2

1.2.1　HTML基本格式及特点 2

1.2.2　HTML的基本语句 4

1.3 网页界面的构成要素 10

1.4　网站开发的流程 11

1.4.1　确定网站的目的和主题 11

1.4.2　定位网站CI形象 12

1.4.3　资料收集、制作与整理 13

1.4.4　规划网站的目录结构和链接结构 13

1.4.5　首页的设计与制作 14

1.4.6　网站测试与发布 15

1.4.7　网站维护与推广 18

1.5 网站设计的要求 18

1.5.1　题材引人注目 18

1.5.2　栏目布局合理 18

1.5.3 网站的结构清晰 20

1.5.4　色彩搭配悦目 21

1.6　实训 22

1.6.1　滚动字幕的制作 22

1.6.2　网页过渡效果 24

1.7　小结 27

1.8　习题 28

第2章　认识Dreamweaver MX 2004 29

2.1　Dreamweaver MX 2004简介 29

2.2　Dreamweaver MX 2004的工作界面 31

2.3　常用面板的使用 32

2.3.1　使用插入栏 32

2.3.2　使用属性面板 34

2.3.3　使用文件面板 35

2.3.4　资源面板 38

2.4　Dreamweaver MX 2004的个性设置 41

2.5　站点的基本操作 43

2.5.1 定义站点 43

2.5.2　编辑站点 45

2.5.3　操作站点文件 47

2.6　实训 49

2.7　小结 55

2.8　习题 55

第3章　创建文档 57

3.1　文档的操作 57

3.2　页面属性的设置 59

3.3　文本元素的添加和编辑 65

3.3.1　文字的格式化 65

3.3.2　其他文本的输入 69

3.3.3　查找和替换文本 72

3.4　图像和媒体的处理 73

3.4.1 图像的处理 73

3.4.2　插入Fireworks HTML 83

3.4.3　添加Flash影片 84

3.4.4　添加内置的Flash交互对象 86

3.5　超链接的创建与管理 88

3.5.1　超链接概述 88

3.5.2　超链接的创建 88

3.5.3　管理站点内的链接 102

3.6　创建文档的小技巧 105

3.6.1　去除页面的空白 105

3.6.2　文字空格的方法 106

3.7　实训 106

3.7.1　幻灯片动画 106

3.7.2　大小图的转换 111

3.8　小结 115

3.9　习题 116

第4章　样式 118

4.1　CSS样式 118

4.1.1　CSS样式概述 118

4.1.2　创建和应用新的CSS样式 118

4.1.3　编辑样式 122

4.1.4　将样式从选定内容中删除 123

4.1.5　CSS样式参数 123

4.2　实训 129

4.2.1　用图像美化项目符号列表 129

4.2.2　用CSS滤镜制作文字特效 132

4.3　小结 134

4.4　习题 134

第5章　Dreamweaver MX 2004的网页定位技术 136

5.1　表格 136

5.1.1　创建表格 136

5.1.2　选择表格 139

5.1.3　编辑表格 141

5.1.4　表格的格式化和排序 148

5.2　布局表格和布局单元格 155

5.2.1　使用布局视图和网格辅助线 155

5.2.2　绘制布局表格和布局单元格 158

5.2.3　绘制嵌套布局表格 161

5.2.4　设置布局表格和布局单元格的属性 163

5.3　框架 167

5.3.1　框架概述 167

5.3.2　创建框架 167

5.3.3　框架的编辑和制作 172

5.3.4　处理无框架浏览器 179

5.4　层 180

5.4.1　层的创建 180

5.4.2　层的基本操作 184

5.4.3　层与表格的相互转换 188

5.5　实训 189

5.5.1　个人网站设计与制作实例 189

5.5.2　网站电子相册 201

5.6　小结 203

5.7　习题 203

第6章　行为的操作 205

6.1　行为的基础 205

6.1.1　行为的基础 205

6.1.2　行为的编辑 208

6.2　行为的具体应用 210

6.2.1　调用JavaScript 210

6.2.2　弹出信息 211

6.2.3　转到URL 211

6.2.4　弹出广告窗口 212

6.2.5　播放背景音乐 213

6.2.6　时间轴行为 214

6.3　实训 221

6.3.1 动态文本 221

6.3.2　下拉菜单 225

6.3.3　脸谱游戏 231

6.4　小结 240

6.5　习题 240

第7章　模板和库 242

7.1　创建模板 242

7.2　编辑模板 245

7.3　应用模板 250

7.4　更新模板 252

7.5　库 254

7.6　实训 259

7.7　小结 265

7.8 习题 265

第8章　表单 267

8.1　创建表单 267

8.2　添加表单对象 269

8.3　实训 276

8.3.1 电子邮件表单 276

8.3.2　搜索引擎的添加 282

8.4　小结 285

8.5　习题 285

第9章　数据库与动态数据 287

9.1　动态网站执行流程 287

9.1.1　什么是动态网站 287

9.1.2　动态网站原理及开发流程 288

9.2　配置Web服务器 288

9.2.1　选择Web服务器软件 289

9.2.2　安装IIS 289

9.2.3　定义根目录 292

9.2.4　配置IIS 293

9.3　定义动态站点连接远程服务器 296

9.3.1　定义本地和远程站点 296

9.3.2　指定测试服务器 297

9.3.3　连接远程服务器 298

9.4　数据库配置与ODBC连接 299

9.4.1　创建数据库 300

9.4.2　创建数据源 301

9.4.3　连接数据库 304

9.5　创建动态网页 306

9.5.1　创建记录集 307

9.5.2　添加记录集 309

9.5.3　显示记录 310

9.5.4　分页显示多条记录 312

9.6 实训 314

9.7　小结 325

9.8 习题 326

第10章　网页设计范例 328

10.1　设计站点 328

10.1.1 网站的总体结构 328

10.1.2　建立站点 328

10.1.3　生成网页 329

10.2　制作进站页面 330

10.3　制作主页 331

10.3.1　整体效果设计 332

10.3.2　用表格进行整体布局并设置 332

10.3.3　网页横幅及标志部分的设计 333

10.3.4　导航区的设计 334

10.3.5　主体部分的设计 334

10.3.6　添加页面动态效果 335

10.4　制作“时尚话题”页面 336

10.4.1 网页横幅的制作 337

10.4.2　主体部分制作 337

10.5　制作“时尚话题”相关页面 338

10.5.1　创建“时尚话题模板”页 338

10.5.2　使用“时尚话题模板”创建文档 340

10.6　制作“心情文章”页面 342

10.6.1　网页横幅的制作 343

10.6.2　主体部分制作 343

10.7　制作“热点讨论”页面 343

10.7.1　网页横幅的制作 343

10.7.2　主体部分制作 344

10.8　测试和上传站点 344

10.8.1　测试站点 344

10.8.2　上传站点 345

10.9　小结 346

10.10　习题 346

参考文献 347