Dreamweaver CS5网页设计实例教程PDF电子书下载

项目1 网页设计基础 1

任务1.1 认识网页 1

1.1.1 网页的分类 2

1.1.2 网页设计常用术语 2

1.1.3 网站开发流程 5

任务1.2 了解HTML 5

1.2.1 什么是HTML 5

1.2.2 用HTML编写自己的第一个网页 6

1.2.3 HTML中的常用标签符号 7

任务1.3 Dreamweaver CS5的安装与使用 11

1.3.1 安装Dreamweaver CS5 12

1.3.2 使用Dreamweaver CS5 16

1.3.3 用Dreamweaver CS5建立一个网页 16

项目小结 20

项目实训 21

实训1.1 用HTML建立欢迎页面 21

实训1.2 用Dreamweaver CS5建立欢迎页面 21

项目2 建立及管理网站 22

任务2.1 在计算机上建立本地网站 22

2.1.1 建立“我的第一个网站” 23

2.1.2 本地站点的管理 24

2.1.3 管理和编辑本地站点文件 27

任务2.2 发布网站 28

2.2.1 网站空间 28

2.2.2 设置远程服务器 30

2.2.3 上传网站 32

任务2.3 网站的更新和维护 33

2.3.1 本地和远程文件夹的结构 33

2.3.2 下载站点中的文件 33

2.3.3 本地文件和远程文件的同步 34

项目小结 35

项目实训 35

实训2.1 为站点申请空间 35

实训2.2 建立并上传网站“我的家” 35

项目3 向网页中添加各种元素 36

任务3.1 向网页中添加文本 36

3.1.1 案例导入——建立“班级简介”网页 36

3.1.2 在Dreamweaver中创建普通文本 37

3.1.3 一些特殊文本的输入 40

3.1.4 文本的常用格式设置 41

3.1.5 观察文本对应的代码 42

任务3.2 向网页中添加图像 43

3.2.1 案例导入——建立“汽车之家”网页 43

3.2.2 网页中常用的图像格式 44

3.2.3 插入图像 44

3.2.4 给图像描边 46

3.2.5 给无法显示的图像加注释 47

3.2.6 图像的编辑 47

3.2.7 图文混排 49

3.2.8 观察图像对应的代码 50

任务3.3 向网页中添加声音 50

3.3.1 案例导入——建立“音乐播放”网站 51

3.3.2 向网页中插入可控制播放的声音 51

3.3.3 在网页中应用背景声音 54

任务3.4 向网页中添加视频 56

3.4.1 案例导入——建立“视频播放”网页 56

3.4.2 向网页中添加Flash动画 56

3.4.3 向网页中添加FLV视频 60

3.4.4 向网页中添加其他视频文件 60

3.4.5 观察各种插入视频的方法对应的代码 62

项目小结 62

项目实训 62

实训3.1 建立文字编辑网页 63

实训3.2 建立“香香美食”网 64

项目4实现网页的超级链接 65

任务4.1 认识超级链接 65

4.1.1 超级链接的分类 65

4.1.2 超级链接的路径 66

任务4.2 创建内部超级链接 67

4.2.1 案例导入——设置“九寨沟四季”系列页面的内部超级链接 67

4.2.2 创建文字超级链接 67

4.2.3 创建图像超级链接 68

4.2.4 鼠标经过图像链接 70

4.2.5 观察链接对应的代码 72

4.2.6 设置“九寨沟四季”系列页面的内部超级链接 73

任务4.3 创建锚记链接 75

4.3.1 案例导入——设置“插花艺术”网页的锚记链接 75

4.3.2 创建命名锚记 75

4.3.3 链接到命名锚记 75

4.3.4 创建虚链接 75

4.3.5 观察锚记链接对应的代码 76

4.3.6 设置“插花艺术”网页的锚记链接 76

任务4.4 创建其他超级链接 78

4.4.1 案例导入——向“九寨沟四季”网页添加超级链接 78

4.4.2 创建外部超级链接 78

4.4.3 创建E-ma链接 78

4.4.4 创建下载文件超级链接 79

4.4.5 创建脚本链接 79

4.4.6 为“九寨沟四季”网页添加外部和电子邮件等链接 80

任务4.5 编辑超级链接 81

4.5.1 设置超级链接的外观 81

4.5.2 删除超级链接 82

项目小结 82

项目实训 83

实训4.1 制作“犬类美容”网页的导航条 83

实训4.2 制作“黄山四绝”系列页面 83

项目5 用表格布局页面 84

任务5.1 表格的基本操作 84

5.1.1 案例导入——制作“全球经典电影TOP 10”网页 84

5.1.2 创建表格 85

5.1.3 调整表格的结构 86

5.1.4 表格输入内容 89

5.1.5 利用“属性”面板设置表格的外观效果 90

5.1.6 观察表格对应的代码 91

5.1.7 制作“全球经典电影TOP 10”网页 91

任务5.2 表格中数据处理 93

5.2.1 案例导入——制作“各专业毕业生人数统计”网页 93

5.2.2 数据的导入与导出 93

5.2.3 数据的排序 96

5.2.4 制作“各专业毕业生人数统计”网页 98

任务5.3 使用表格布局网页 102

5.3.1 案例导入——制作“毕业生就业信息网”首页 102

5.3.2 嵌套表格 102

5.3.3 表格制作技巧 103

5.3.4 表格布局网页的设计要点 105

5.3.5 制作“毕业生就业信息网”首页 106

项目小结 110

项目实训 110

实训5.1 制作“信息工程系图形图像11—2班课程表”网页 110

实训5.2 制作“花影袭人”网站中“菊花简介”的网页 111

实训5.3 制作“信息工程系教学评估网”首页 111

项目6 用框架布局页面 113

任务6.1 创建框架网页 113

6.1.1 案例导入——制作“信息工程系课程表”网页 113

6.1.2 认识框架网页 114

6.1.3 创建框架网页 114

6.1.4 保存框架网页 116

6.1.5 观察框架集文件对应的代码 119

6.1.6 制作“信息工程系课程表”框架网页 119

任务6.2 框架和框架集的基本操作 122

6.2.1 案例导入——制作“花卉护理——牡丹”网页 122

6.2.2 选择框架和框架集 123

6.2.3 编辑框架集的属性 123

6.2.4 编辑框架的属性 124

6.2.5 调整框架的大小 125

6.2.6 删除框架 125

6.2.7 制作“花卉护理——牡丹”网页 125

任务6.3 设置框架网页的链接 128

6.3.1 框架内的链接 128

6.3.2 关键字的链接 130

项目小结 131

项目实训 131

实训6.1 用框架技术制作“暗香盈袖”网站系列页面 131

实训6.2 用框架技术制作“心情驿站”个人博客的首页 132

项目7 用CSS美化网页 134

任务7.1 认识CSS 134

7.1.1 案例导入——对“影迷俱乐部”网站中的网页应用CSS 134

7.1.2 打开“新建CSS规则”的几种方法 137

7.1.3 CSS常用属性 138

任务7.2 建立和管理CSS样式 143

7.2.1 建立可应用于任何HTML元素的CSS样式 144

7.2.2 建立应用于一个HTML元素的CSS样式 145

7.2.3 建立应用于指定标签的CSS样式 147

7.2.4 建立应用于指定范围内标签的CSS样式 149

7.2.5 建立应用于多个标签的CSS样式 151

7.2.6 建立定义超级链接的CSS样式 153

7.2.7 观察CSS样式对应的代码 155

7.2.8 用“CSS样式”面板管理CSS样式 157

任务7.3 建立并应用外部CSS样式 158

7.3.1 建立外部CSS样式定义页面文字和背景 159

7.3.2 在一个网页中应用已建好的外部样式 162

任务7.4 CSS常见应用 163

7.4.1 用CSS控制段落样式 163

7.4.2 用CSS控制图片样式 164

7.4.3 用CSS控制背景图片的样式 167

7.4.4 用CSS美化列表 168

7.4.5 应用CSS滤镜 169

项目小结 171

项目实训 172

实训7.1 为“影迷俱乐部”网站中的网页设置格式 172

实训7.2 设置“茶文化”网页 172

实训7.3 设置“新闻公告”网页 173

项目8 用CSS+Div布局页面 174

任务8.1 认识Div与CSS盒模型 174

8.1.1 Div标签 174

8.1.2 CSS盒模型 176

任务8.2 应用CSS实现定位 180

8.2.1 CSS的定位方式 180

8.2.2 相对定位 181

8.2.3 绝对定位 182

8.2.4 固定定位 184

8.2.5 浮动 185

8.2.6 清除浮动 186

任务8.3 CSS+Div布局实例 188

8.3.1 案例导入——个人博客页面 188

8.3.2 用CSS+Div布局网页的步骤 188

8.3.3 用CSS+Div布局个人博客网页 190

项目小结 199

项目实训 199

实训8.1 了解DreammweaverCS5中的预设布局 199

实训8.2 用CSS+Div布局“园林设计”网页 199

项目9 向网页添加行为 201

任务9.1 了解行为 201

9.1.1 认识行为 202

9.1.2 附加行为 202

任务9.2 使用DreamweaverCS5内置的行为 204

9.2.1 用“行为”面板实现交换图像行为 204

9.2.2 制作页面打开时弹出广告信息 205

9.2.3 制作打开浏览器窗口 206

9.2.4 制作可移动的面板 207

9.2.5 下拉菜单的制作 208

9.2.6 为元素添加特殊的动画效果 210

任务9.3 JavaScript行为的应用 211

9.3.1 认识JavaScript 211

9.3.2 调用JavaScript 211

9.3.3 单击按钮背景颜色变换 212

9.3.4 添加到收藏夹和设为首页 214

9.3.5 制作滚动文字 215

9.3.6 实现鼠标跟随特效 216

9.3.7 实现悬浮广告特效 220

9.3.8 滚动图片特效 221

项目小结 223

项目实训 223

实训9.1 制作下拉菜单 223

实训9.2 实现JavaScript特效 223

实训9.3 给校园新闻网添加行为 224

项目1 O 表单和Spry构件 225

任务10.1 认识表单 225

10.1.1 案例导入——制作会员登记表 225

10.1.2 表单的组成 225

10.1.3 创建表单域 226

任务10.2 表单对象 228

10.2.1 插入表单对象的方法 228

10.2.2 文本域 228

10.2.3 按钮 230

10.2.4 复选框 230

10.2.5 单选按钮 232

10.2.6 列表／菜单 233

10.2.7 跳转菜单 234

10.2.8 文件域 235

10.2.9 图像域 235

10.2.1 0制作会员登记表 236

任务10.3 Spry框架 238

10.3.1 案例导入——制作“中原在线注册”页面 238

10.3.2 认识Spry构件 239

10.3.3 验证文本域构件 239

10.3.4 验证文本区域构件 242

10.3.5 验证复选框构件 243

10.3.6 验证选择构件 244

10.3.7 验证密码构件 245

10.3.8 验证确认构件 245

10.3.9 用Spry验证构件制作“中原在线注册”页面 246

项目小结 248

项目实训 248

实训10.1 利用表单制作个人简介页面 248

实训10.2 利用Spry验证表单制作个人注册页面 249

项目11 制作网站模板并使用模板创建网页 250

任务11.1 了解DreamweaverCS5模板 250

任务11.2 模板区域的类型 251

11.2.1 认识模板区域 251

11.2.2 模板区域的3种类型 251

任务11.3 模板的使用 251

11.3.1 案例导入——通过模板创建“中原在线”网站 251

11.3.2 创建“中原在线”模板 252

11.3.3 使用模板创建“中原在线”子页面 254

任务11.4 更新模板 257

项目小结 258

项目实训 258

实训11.1 修改模板导航条 258

实训11.2 创建院系网页模板，并创建院系网站 259

项目12 网站制作实例 260

任务12.1 网站布局规划分析 260

12.1.1 案例导入——制作“海南旅游”网站 260

12.1.2 网页布局规划 260

任务12.2 制作主页 263

12.2.1 页面的全局布局 263

12.2.2 制作logo部分 265

12.2.3 制作上部导航栏 266

12.2.4 制作主体内容区 268

12.2.5 制作弹出式子菜单 272

12.2.6 制作图片循环播放效果 274

12.2.7 制作版权信息部分并使用分隔线 275

任务12.3 制作子页 276

12.3.1 进行页面的全局布局 276

12.3.2 布局主体内容区 277

12.3.3 制作主体内容区左侧图片链接 278

12.3.4 制作主体内容区右侧图片链接 281

项目小结 282

项目实训 282

实训 完成本项目网页的制作 282

参考文献 283