Dreamweaver CS5网页制作案例教程 中文版PDF电子书下载

项目一 网页制作基础 1

项目描述 1

知识目标 1

能力目标 1

任务一 认识网站和网页 1

任务说明 1

预备知识 2

一、网页和网站 2

二、网页的构成元素 2

三、网页的本质 3

任务实施——指出新浪网主页的构成元素 4

任务二 网站开发基础 4

任务说明 4

预备知识 4

一、网站管理与网页制作相关软件 4

二、网页制作基础—— XHTML语言 5

三、IP地址、域名和网址 7

任务实施——网站建设基本流程 8

任务三 初识Dreamweaver CS5 12

任务说明 12

预备知识 12

一、启动Dreamweaver CS5 12

二、Dreamweaver CS5界面元素简介 13

任务实施——调整Dreamweaver CS5工作界面 16

任务四 站点基本操作 17

任务说明 17

预备知识 17

一、在Dreamweaver CS5中定义站点 17

二、在Dreamweaver CS5中管理站点 18

任务实施——在Dreamweaver CS5中定义站点“欧妮雅” 19

任务五 网页文档基本操作 20

任务说明 20

预备知识 20

一、网页文档和文件夹命名规则 20

二、新建和保存网页文档 20

三、打开、预览和关闭网页文档 22

四、利用“文件”面板管理站点文件和文件夹 23

任务实施——在站点“欧妮雅”中创建网页 24

项目总结 25

课后操作 25

项目二 应用表格布局网页 27

项目描述 27

知识目标 27

能力目标 27

任务一 创建和选择表格 27

任务说明 27

预备知识 27

一、创建表格 27

二、选择表格和单元格 29

任务实施——为“欧妮雅”网站主页构建主体结构 31

任务二 设置表格和单元格属性 32

任务说明 32

预备知识 33

一、设置表格属性 33

二、设置单元格属性 34

任务实施——完善“欧妮雅”网站主页的布局 34

任务三 表格的高级应用 38

任务说明 38

预备知识 38

一、拆分与合并单元格 38

二、在表格中添加或删除行与列 39

任务实施——为“欧妮雅”网站子页构建布局 40

项目总结 43

课后操作 43

项目三 设置网页内容 46

项目描述 46

知识目标 46

能力目标 46

任务一 网页基本设置 46

任务说明 46

预备知识 47

一、设置文档头信息 47

二、设置文档页面属性 48

任务实施——为“欧妮雅”网站主页设置基本信息 49

任务二 文本输入与编辑 50

任务说明 50

预备知识 51

一、输入文本 51

二、设置文本格式 52

三、插入水平线和特殊字符 54

任务实施 56

一、为“欧妮雅”网站主页设置文本内容 56

二、为“欧妮雅”网站子页设置文本内容 57

任务三 应用图像 59

任务说明 59

预备知识 59

一、插入与编辑图像 59

二、制作鼠标经过图像 61

任务实施 63

一、为“欧妮雅”网站主页设置图像内容 63

二、为“欧妮雅”网站子页设置图像内容 65

任务四 应用动画和多媒体 67

任务说明 67

预备知识 67

一、插入Flash动画 67

二、插入音频文件 69

任务实施——为“欧妮雅”网站主页设置动画内容 70

项目总结 73

课后操作 73

项目四 应用超链接和行为 75

项目描述 75

知识目标 75

能力目标 75

任务一 设置超链接（上） 75

任务说明 75

预备知识 76

一、设置常规超链接 76

二、设置热点链接 77

三、设置电子邮件链接 79

任务实施——为“欧妮雅”网站主页设置超链接 79

任务二 设置超链接（下） 82

任务说明 82

预备知识 82

一、设置图片链接和下载链接 82

二、设置命名锚记链接 82

任务实施——为“欧妮雅”网站子页设置链接 84

任务三 设置行为 85

任务说明 85

预备知识 85

一、认识行为 85

二、应用行为 86

三、编辑行为 87

任务实施——为“欧妮雅”网站主页设置行为 89

项目总结 91

课后操作 91

项目五 应用CSS样式 92

项目描述 92

知识目标 92

能力目标 92

任务一 样式表的基本应用 92

任务说明 92

预备知识 93

一、“CSS样式”面板 93

二、创建CSS样式 93

任务实施 97

一、为“欧妮雅”网站主页设置标签样式 97

二、为“欧妮雅”网站主页设置类样式（上） 99

三、为“欧妮雅”网站主页设置类样式（下） 101

四、为“欧妮雅”网站主页设置复合样式（上） 102

五、为“欧妮雅”网站主页设置复合样式（下） 104

任务二 样式表的高级应用 105

任务说明 105

预备知识 106

一、附加外部样式 106

二、CSS滤镜简介 107

任务实施——为“欧妮雅”网站子页附加外部样式 109

项目总结 110

课后操作 110

项目六 应用Div+CSS布局网页 112

项目描述 112

知识目标 112

能力目标 112

任务一Div+CSS布局基础 112

任务说明 112

预备知识 113

一、Web标准概述 113

二、Div简介 113

三、创建Div 114

四、选择Div 115

任务实施——构建“伊韵”网站主页结构 115

任务二Div+CSS布局中的定位方式 121

任务说明 121

预备知识 121

一、相对定位与绝对定位 121

二、浮动定位 123

任务实施——为“伊韵”网站主页设置样式 124

任务三 应用Spry布局对象 128

任务说明 128

预备知识 129

一、Spry菜单栏 129

二、Spry选项卡式面板 130

三、Spry折叠式 131

四、Spry可折叠面板 132

任务实施——为“伊韵”网站主页设置特殊效果 132

项目总结 135

课后操作 135

项目七 应用框架布局网页 137

项目描述 137

知识目标 137

能力目标 137

任务一 框架网页的创建 137

任务说明 137

预备知识 137

一、认识框架网页 137

二、创建框架网页 138

三、保存框架和框架集 141

任务实施——在“草根视频”网站中创建一个框架网页 142

任务二 框架和框架集基本操作 143

任务说明 143

预备知识 143

一、选择框架和框架集 143

二、设置框架和框架集属性 144

任务实施 145

一、设置框架网页内容 146

二、链接其他网页 147

项目总结 148

课后操作 149

项目八 应用模板和库 150

项目描述 150

知识目标 150

能力目标 150

任务一 创建和编辑模板 150

任务说明 150

预备知识 150

一、创建模板 150

二、编辑模板 153

任务实施——创建“宝宝成长日记”网站模板 155

任务二 应用和管理模板 156

任务说明 156

预备知识 156

一、应用模板 156

二、管理模板 159

任务实施——应用“宝宝成长日记”网站模板创建网页 159

任务三 创建库项目 162

任务说明 162

预备知识 162

一、认识库项目 162

二、创建库项目 162

任务实施——在“欧妮雅”网站中创建库项目 164

任务四 应用和编辑库项目 165

任务说明 165

预备知识 165

一、应用库项目 165

二、编辑库项目 166

任务实施——应用“欧妮雅”库项目创建网页 167

项目总结 173

课后操作 173

项目九 动态网页制作入门 175

项目描述 175

知识目标 175

能力目标 175

任务一 安装和配置IIS 175

任务说明 175

预备知识 176

一、安装IIS 176

二、配置IIS 177

任务实施——设置“欧妮雅”网站为IIS默认站点 180

任务二 配置动态站点 180

任务说明 180

预备知识 180

任务实施——配置“欧妮雅”动态站点信息 181

任务三 应用表单和表单对象 182

任务说明 182

预备知识 182

一、认识表单 182

二、应用表单 183

三、应用表单对象 184

任务实施 186

一、制作留言列表页面 187

二、制作用户留言页面 194

项目总结 200

课后操作 200

项目十 测试和发布网站 203

项目描述 203

知识目标 203

能力目标 203

任务一 虚拟空间和域名 203

任务说明 203

预备知识 204

一、虚拟空间 204

二、域名 204

任务实施 204

一、申请免费空间 204

二、申请免费域名 208

任务二 站点本地测试 210

任务说明 210

预备知识 211

一、检查网页链接 211

二、修复网页链接 212

任务实施——对“欧妮雅”网站进行本地测试 213

任务三 站点发布 215

任务说明 215

预备知识 215

一、连接服务器 215

二、上传站点 217

三、下载站点 218

四、使用扩展“文件”面板管理文件上传和取回 218

任务实施——将“欧妮雅”网站发布至免费空间 219

项目总结 220

课后操作 221