Dreamweaver CS5网页设计实例教程（高职高专计算机教学改革新体系规划教材）

　　本书介绍了运用DreamweaverCS5进行网页设计的基本方法和常用技巧。全书共分为12个项目。前两个项目介绍网页设计的基本知识，使读者理解网页设计的相关概念，掌握网页设计的基本步骤和流程。项目3～项目8介绍用DreamweaverCS5制作网页的常用方法，主要包括几种基本元素、超级链接、表格、框架的布局方法和目前较为流行的CSS+Div的布局方法。项目9介绍网页中常见的特效行为的制作方法。项目10介绍表单的相关知识，项目11介绍模板的制作和使用方法，最后一个项目详细介绍了一个网站开发的综合实例。

   本书既适合作为高职高专院校、培训机构学习网页设计的教学用书，也可以作为网页设计爱好者的自学用书。

项目1网页设计基础

任务1.1认识网页

1.1.1网页的分类

1.1.2网页设计常用术语

1.1.3网站开发流程

任务1.2了解HTML

1.2.1什么是HTML

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

1.2.3HTML中的常用标签符号

任务1.3Dreamweaver CS5的安装与使用

1.3.1安装Dreamweaver CS

1.3.2使用Dreamweaver CS

1.3.3用Dreamweaver CS5建立一个网页

项目小结

项目实训

实训1.1用HTML建立欢迎页面

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

项目2建立及管理网站

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

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

2.1.2本地站点的管理

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

任务2.2发布网站

2.2.1网站空间

2.2.2设置远程服务器

2.2.3上传网站

任务2.3网站的更新和维护

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

2.3.2下载站点中的文件

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

项目小结

项目实训

实训2.1为站点申请空间

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

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

任务3.1向网页中添加文本

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

3.1.2在Dreamweaver中创建普通文本

3.1.3一些特殊文本的输入

3.1.4文本的常用格式设置

3.1.5观察文本对应的代码

任务3.2向网页中添加图像

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

3.2.2网页中常用的图像格式

3.2.3插入图像

3.2.4给图像描边

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

3.2.6图像的编辑

3.2.7图文混排

3.2.8观察图像对应的代码

任务3.3向网页中添加声音

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

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

3.3.3在网页中应用背景声音

任务3.4向网页中添加视频

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

3.4.2向网页中添加Flash动画

3.4.3向网页中添加FLV视频

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

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

项目小结

项目实训

实训3.1建立文字编辑网页

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

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

任务4.1认识超级链接

4.1.1超级链接的分类

4.1.2超级链接的路径

任务4.2创建内部超级链接

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

4.2.2创建文字超级链接

4.2.3创建图像超级链接

4.2.4鼠标经过图像链接

4.2.5观察链接对应的代码

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

任务4.3创建锚记链接

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

4.3.2创建命名锚记

4.3.3链接到命名锚记

4.3.4创建虚链接

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

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

任务4.4创建其他超级链接

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

4.4.2创建外部超级链接

4.4.3创建E?mail链接

4.4.4创建下载文件超级链接

4.4.5创建脚本链接

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

任务4.5编辑超级链接

4.5.1设置超级链接的外观

4.5.2删除超级链接

项目小结

项目实训

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

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

项目5用表格布局页面

任务5.1表格的基本操作

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

5.1.2创建表格

5.1.3调整表格的结构

5.1.4表格输入内容

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

5.1.6观察表格对应的代码

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

任务5.2表格中数据处理

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

5.2.2数据的导入与导出

5.2.3数据的排序

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

任务5.3使用表格布局网页

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

5.3.2嵌套表格

5.3.3表格制作技巧

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

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

项目小结

项目实训

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

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

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

项目6用框架布局页面

任务6.1创建框架网页

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

6.1.2认识框架网页

6.1.3创建框架网页

6.1.4保存框架网页

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

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

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

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

6.2.2选择框架和框架集

6.2.3编辑框架集的属性

6.2.4编辑框架的属性

6.2.5调整框架的大小

6.2.6删除框架

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

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

6.3.1框架内的链接

6.3.2关键字的链接

项目小结

项目实训

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

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

项目7用CSS美化网页

任务7.1认识CSS

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

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

7.1.3CSS常用属性

任务7.2建立和管理CSS样式

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

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

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

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

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

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

7.2.7观察CSS样式对应的代码

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

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

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

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

任务7.4CSS常见应用

7.4.1用CSS控制段落样式

7.4.2用CSS控制图片样式

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

7.4.4用CSS美化列表

7.4.5应用CSS滤镜

项目小结

项目实训

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

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

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

项目8用CSS+Div布局页面

任务8.1认识Div与CSS盒模型

8.1.1Div标签

8.1.2CSS盒模型

任务8.2应用CSS实现定位

8.2.1CSS的定位方式

8.2.2相对定位

8.2.3绝对定位

8.2.4固定定位

8.2.5浮动

8.2.6清除浮动

任务8.3CSS+Div布局实例

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

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

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

项目小结

项目实训

实训8.1了解Dreamweaver CS5中的预设布局

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

项目9向网页添加行为

任务9.1了解行为

9.1.1认识行为

9.1.2附加行为

任务9.2使用Dreamweaver CS5内置的行为

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

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

9.2.3制作打开浏览器窗口

9.2.4制作可移动的面板

9.2.5下拉菜单的制作

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

任务9.3JavaScript行为的应用

9.3.1认识JavaScript

9.3.2调用JavaScript

9.3.3单击按钮背景颜色变换

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

9.3.5制作滚动文字

9.3.6实现鼠标跟随特效

9.3.7实现悬浮广告特效

9.3.8滚动图片特效

项目小结

项目实训

实训9.1制作下拉菜单

实训9.2实现JavaScript特效

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

项目10表单和Spry构件

任务10.1认识表单

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

10.1.2表单的组成

10.1.3创建表单域

任务10.2表单对象

10.2.1插入表单对象的方法

10.2.2文本域

10.2.3按钮

10.2.4复选框

10.2.5单选按钮

10.2.6列表菜单

10.2.7跳转菜单

10.2.8文件域

10.2.9图像域

10.2.10制作会员登记表

任务10.3Spry框架

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

10.3.2认识Spry构件

10.3.3验证文本域构件

10.3.4验证文本区域构件

10.3.5验证复选框构件

10.3.6验证选择构件

10.3.7验证密码构件

10.3.8验证确认构件

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

项目小结

项目实训

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

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

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

任务11.1了解Dreamweaver CS5模板

任务11.2模板区域的类型

11.2.1认识模板区域

11.2.2模板区域的3种类型

任务11.3模板的使用

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

11.3.2创建“中原在线”模板

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

任务11.4更新模板

项目小结

项目实训

实训11.1修改模板导航条

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

项目12网站制作实例

任务12.1网站布局规划分析

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

12.1.2网页布局规划

任务12.2制作主页

12.2.1页面的全局布局

12.2.2制作logo部分

12.2.3制作上部导航栏

12.2.4制作主体内容区

12.2.5制作弹出式子菜单

12.2.6制作图片循环播放效果

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

任务12.3制作子页

12.3.1进行页面的全局布局

12.3.2布局主体内容区

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

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

项目小结

项目实训

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

参考文献