网页设计与制作

第1章 网页制作基础 1

任务一 初识网页、网站 1

1．1．1 认识网页 2

1．1．2 HTML基础 3

1．1．3 URL、IP地址与域名 5

1．1．4 网站的分类 5

1．1．5 静态网页与动态网页 6

1．1．6 网页与网站 7

任务二 制作网页的常用工具 7

任务三 网站的创建流程 7

1．3．1 网站的创建流程 7

1．3．2 范例网站的创建流程 9

任务四　网页制作的注意事项 10

1．4．1 网页的特点 10

1．4．2　网页制作的基本原则 11

习题与上机练习 12

第2章 创建企业简介页面 15

任务一 了解Dreamweaver CS5 16

2．1．1　启动Dreamweaver CS5 16

2．1．2　创建本地站点 18

2．1．3　站点的修改和编辑 20

2．1．4　制作一个简单网页 20

2．1．5 载入“跟踪图像” 22

任务二 Web文档的常用操作 23

2．2．1 创建新的文档 23

2．2．2 保存文档 23

2．2．3 打开文档 24

2．2．4 设置新建网页的页面属性 24

任务三　了解页面布局工具 25

2．3．1 表格的排版原则 26

2．3．2 插入表格 27

2．3．3　选择表格元素 28

2．3．4　设置表格属性 29

2．3．5　设置单元格属性 29

2．3．6　表格嵌套 31

任务四　添加文本 31

2．4．1　文本的输入 32

2．4．2 设置文本格式 32

2．4．3 编辑字体列表 33

2．4．4 插入特殊符号 34

2．4．5　插入日期 35

2．4．6 插入水平线 35

2．4．7　文字的分行 36

2．4．8　编号与项目列表 36

2．4．9　段落的首行缩进 37

任务五　插入图像 38

2．5．1 图像格式 38

2．5．2 插入图像 38

2．5．3 插入图像占位符 39

2．5．4 设置图像的属性 40

2．5．5 插入鼠标经过图像 41

任务六　了解HTML和CSS 42

2．6．1　HTML基础 42

2．6．2　CSS样式 43

任务七 插入文件头内容 47

2．7．1 插入文档标题 47

2．7．2 插入说明信息和关键字 48

习题与上机练习 54

第3章 网站列表页面的实现 59

任务一　认识超链接 60

3．1．1　添加站点间的“友情链接” 60

3．1．2 添加站点内的文本超链接 62

3．1．3　添加E-mail链接 64

3．1．4　添加网页内的超链接 64

3．1．5 添加空链接及脚本链接 65

3．1．6　添加图像热点链接 65

任务二　用层布局页面 66

3．2．1　创建层 67

3．2．2　制作悬停广告 70

3．2．3　用“层+CSS”布局网页 71

任务三　了解框架 74

3．3．1　框架的类型 75

3．3．2 创建框架集页面 75

3．3．3　选择框架和框架集 77

3．3．4　设置框架属性 78

3．3．5　控制具有链接的框架内容 78

任务四　使用库项目重复网页元素 79

3．4．1 创建库项目 79

3．4．2 添加库项目 80

3．4．3 编辑库项目 80

任务五　用模板统一网页风格 81

3．5．1　创建模板 82

3．5．2　模板区域的类型 84

3．5．3　定义可编辑区域 84

3．5．4　使用模板创建统一风格的网页 84

3．5．5　在网页中添加模板 85

3．5．6 编辑模板文件 86

习题与上机练习 92

第4章 打造企业留言板 98

任务一　创建表单 99

4．1．1　创建表单 99

4．1．2　设置表单属性 100

任务二　在表单中添加表单对象 100

4．2．1　创建文本域 100

4．2．2　创建文件域 103

4．2．3　创建单选按钮组 104

4．2．4　创建复选框 105

4．2．5　创建列表和菜单 106

4．2．6　创建跳转菜单 107

4．2．7　创建表单按钮 108

4．2．8　创建图形提交按钮 108

4．2．9　创建隐藏域 109

任务三　检查表单 110

任务四　用电子邮件发送表单数据 111

习题与上机练习 116

第5章 制作网站的首页 119

任务一　插入Flash 120

5．1．1 Flash文件类型 120

5．1．2　插入Flash动画 120

5．1．3　插入Flash视频 121

任务二 添加音频音乐 123

5．2．1　添加背景音乐 123

5．2．2 链接到音频文件 123

任务三　创建滚动字幕 124

任务四　学习使用“行为”面板 125

5．4．1　关于“行为”面板 126

5．4．2 弹出信息 126

5．4．3 打开浏览器窗口 127

5．4．4　动态效果显示层 128

5．4．5　显示和隐藏层 129

任务五　使用JavaScript特效 130

5．5．1　制作图片漂浮广告 131

5．5．2　焦点大图切换 132

习题与上机练习 142

第6章 站点的发布 146

任务一 站点的本地测试 146

6．1．1 检查链接 146

6．1．2 检查浏览器的兼容性 147

任务二 申请域名和空间 148

6．2．1　申请域名 148

6．2．2 申请服务器空间 149

任务三 用Dreamweaver发布网站 153

6．3．1　设置站点信息 153

6．3．2　发布站点 154

6．3．3　用FTP方式上传网页文件 157

习题与上机练习 160

第7章 网页制作综合训练 162

项目一 创建企业网站 162

任务一 搭建网站的架构 163

任务二 设计网页版面 163

任务三 准备相关素材 166

任务四 创建本地站点 175

任务五 制作站点首页 175

任务六 制作站点正文页面 183

任务七 制作二级页面 183

项目二 打造小微企业网站 185

项目三 制作手机网站 190

任务一 制作跳转页面 190

任务二 制作首页 191

任务三 制作二级列表页 196

任务四 制作三级内容页面 200

项目四 制作个人网站 202

任务一 制作跳转页面 202

任务二 制作首页 203

任务三 制作二级链接列表页面 211

任务四 制作三级正文页面 213

习题与上机练习 215