Dreamweaver CS5网页设计实例教程2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

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

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

项目1 网页设计基础1

任务1.1 认识网页1

1.1.1 网页的分类2

1.1.2 网页设计常用术语2

1.1.3 网站开发流程5

任务1.2 了解HTML5

1.2.1 什么是HTML5

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

1.2.3 HTML中的常用标签符号7

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

1.3.1 安装Dreamweaver CS512

1.3.2 使用Dreamweaver CS516

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 认识CSS134

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

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 认识JavaScript211

9.3.2 调用JavaScript211

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