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

项目一 网页制作基础知识 1

项目描述 1

学习目标 1

项目分析 1

任务一 了解网页制作基础知识 2

任务描述 2

知识讲解 2

一、网站开发基础 2

二、认识网站和网页 4

三、网页配色基础知识 10

四、网站开发流程 14

五、网站管理与网页制作相关软件 16

任务实施——欣赏优秀网站 18

任务二 创建“石市科干院”站点及欢迎首页 21

任务描述 21

知识讲解 21

一、Dreamweaver CS6简介 21

二、启动Dreamweaver CS6 22

三、Dreamweaver CS6工作环境简介 23

四、网站站点相关操作 23

五、网页文档基本操作 28

任务实施 29

一、创建“石市科干院”网站站点 29

二、制作“石市科干院”网站欢迎首页 29

项目总结 32

项目考核 32

拓展训练 33

项目二 网站的规划与创建——制作“石市科干院”网站规划书并建立站点 35

项目描述 35

学习目标 35

项目分析 35

任务一 制作网站规划书 37

任务描述 37

知识讲解 38

任务实施——制作“石市科干院”网站规划书 40

实战演练 43

任务二 制作网站栏目结构 43

任务描述 43

知识讲解 43

任务实施——制作“石市科干院”网站栏目结构 44

经验技巧 46

任务三 制作网站目录结构 47

任务描述 47

知识讲解 47

任务实施——制作“石市科干院”网站目录结构 48

任务四 创建本地站点并管理 49

任务描述 49

知识讲解 50

任务实施——为“石市科干院”网站创建本地站点 50

经验技巧 51

任务五 利用“文件”面板创建文件夹和网页文档 53

任务描述 53

任务实施 53

一、为“石市科干院”网站创建文件夹 53

二、为“石市科干院”网站创建主页 53

经验技巧 54

项目总结 54

项目考核 55

拓展训练 55

项目三 添加网页对象——制作贸易公司网站网页 56

项目描述 56

学习目标 56

项目分析 57

任务一 制作“公司简介”“人才招聘”等子页——设置网页文本 60

任务描述 60

知识讲解 60

一、设置网页页面属性 60

二、设置网页“关键字” 63

三、添加普通文本 63

四、添加特殊符号 67

五、添加空格 67

六、添加与设置水平线 68

七、创建列表 68

任务实施 69

一、制作“公司简介”网页 69

二、制作“人才招聘”网页 74

实战演练 76

一、制作“公司动态”网页 76

二、制作“联系我们”网页 76

经验技巧 77

一、网页中文本的使用原则 77

二、网页中水平线颜色的设置 78

任务二 制作“产品中心”“招商加盟”子页——添加网页图像 78

任务描述 78

知识讲解 79

一、添加图像 79

二、设置图像属性 83

三、图像占位符 84

四、鼠标经过图像 85

任务实施 86

一、新建站点 86

二、新建“cpzx.html”网页文档 87

三、在页面中插入表格 89

四、插入公司Logo 90

五、插入导航图像 92

六、插入产品广告图像及分隔图像 93

七、插入“服务项目”图像及背景图像 93

八、插入“公司优势”图像及背景图像 95

九、插入“产品中心”图像 96

十、制作“系列产品”部分 97

十一、制作“名牌产品”部分 99

十二、制作页脚部分 102

十三、设置文字CSS样式 102

实战演练——制作“招商加盟”网页 103

一、网页中图像路径的选择 105

二、插入图像的快捷方法 106

三、图像素材命名 106

四、使用代码为单元格设置背景图像 106

任务三 制作贸易公司网站首页 107

任务描述 107

知识讲解 107

一、插入Flash动画 107

二、添加Flash FLV 109

三、添加插件 109

四、添加背景音乐 110

五、添加JavaScript特效 111

任务实施 113

一、准备工作 114

二、在Dreamweaver中创建站点 114

三、新建“index.html”网页文档 115

四、设置“index.html”网页页面属性 115

五、在页面中插入文本和图像 117

六、在网站“首页”中添加Flash动画 118

七、在网站“首页”添加图片无缝滚动效果 119

实战演练 119

任务四 完善贸易公司网站 120

任务描述 120

知识讲解 121

一、超链接的含义 121

二、超链接的分类 121

三、设置链接属性 122

四、设置文本超链接 123

五、设置图像超链接 124

六、快速创建站点内部超链接 125

七、设置超链接“目标”选项 126

八、设置锚点链接 126

九、设置电子邮件链接 127

十、文件下载链接 128

十一、设置空链接 129

任务实施 129

一、完善公司网站首页 129

二、为“人才招聘”网页添加文件下载链接 131

三、为“产品中心”网页添加锚点链接 133

四、为“联系我们”网页添加电子邮件链接 135

实战演练 136

一、制作“公司简介”等网页的站内链接 136

二、制作“公司简介”等网页的站外链接 136

项目总结 136

项目考核 137

拓展训练——制作个人博客网站 139

项目描述 139

网页设计 139

项目四 网页布局——制作企业宣传型网站 143

项目描述 143

学习目标 143

项目分析 143

任务一 使用表格布局网站首页 146

任务描述 146

知识讲解 146

一、网页布局基础知识 146

二、表格 148

任务实施 155

实战演练 161

经验技巧 161

任务二 使用CSS样式美化“时政要闻”页面 162

任务描述 162

知识讲解 162

一、CSS样式概述 162

二、CSS的基本语法 163

三、CSS样式表的操作 167

四、CSS属性 172

任务实施 180

一、为“时政要闻”页面设置标签样式 180

二、为“时政要闻”页面设置类样式 183

三、为“时政要闻”页面设置ID样式 185

四、为“时政要闻”页面设置复合样式 186

五、为“时政要闻”页面设置图像样式 188

实战演练 189

任务三 使用Div+CSS布局“物业服务”网页 189

任务描述 189

知识讲解 190

一、Div概述 190

二、Div+CSS布局 191

三、AP Div 193

课堂小制作 198

一、制作要求 198

二、制作分析 198

三、制作流程 198

四、制作步骤 199

任务实施 202

一、使用Div标签构建“物业服务”页面的主体结构 202

二、为“物业服务”页面添加CSS样式 207

实战演练 214

经验技巧 215

项目总结 215

项目考核 215

拓展训练 217

项目五 模板和库的应用——制作教育网站 219

项目描述 219

学习目标 219

项目分析 219

任务一 设计页面模板 224

任务描述 224

知识讲解 224

一、模板 224

二、使用模板创建网页 225

三、修改模板与更新页面 229

任务实施 230

一、创建“关于我们”页面并生成模板页 230

二、基于模板创建“联系我们”等页面 232

任务二 制作“博尔乐早教”网“访客留言”页面 233

任务描述 233

知识讲解 233

一、表单基础知识 233

二、插入表单 234

任务实施 247

任务三 “行为”添彩“早教课程”页面 249

任务描述 249

知识讲解 249

一、行为的概念 249

二、对象、事件、动作和行为的区别 250

三、常见行为的应用 253

任务实施 255

一、添加弹出信息 255

二、添加“交换图像”行为 256

任务四 上传并发布“博尔乐早教”网站 256

任务描述 256

知识讲解 257

一、网站的测试 257

二、站点的上传 260

三、维护与推广 266

任务实施 271

项目总结 272

项目考核 272

项目六 综合实训——学院精品课网站设计与制作 273

项目描述 273

学习目标 273

项目分析 273

任务一 网站策划 274

任务描述 274

任务实施 274

一、了解需求 274

二、学习相关资料 275

三、写出网站策划书 275

任务二 制作首页及二级页面效果图 278

任务描述 278

任务实施 278

任务三 网站制作 282

任务描述 282

任务实施 282

一、创建站点 282

二、制作网站首页 282

三、制作二级页面 283

任务四 网站测试 283

任务描述 283

任务实施 284

一、浏览器兼容性测试 284

二、网页链接测试 284

任务五 网站发布 285

任务描述 285

任务实施 285

一、申请域名 285

二、申请空间 285

项目总结 286

拓展训练 286

一、规划要求 286

二、设计要求 287

三、页面要求 287