《Dreamweaver CS5网页设计教程》
配套教学教案
第1讲
1.2.7状态栏
1.2.8“属性”面板
1.3创建“千履千寻公司”站点
1.3.1站点规划
1.3.2创建本地站点
1.4管理“千履千寻公司”站点
1.4.1打开站点
1.4.2编辑站点
1.4.3删除站点
1.4.4复制站点
1.4.5管理站点文件和文件夹
1.5实训——创建“快乐旅游”站点
1.5.1实训目标
1.5.2专业背景
1.5.3操作思路
1.6疑难解析
1.7习题
拓展知识
课堂案例1——创建站点课堂案例2——管理站点上机实训——创建“快乐旅游”站点
小结1、掌握如何确定网站风格和布局、分析网站需求。
2、掌握如何规划网站内容、认识Dreamweaver CS5的工作界面、创建与管理站点等。
3、本章内容虽然尚未涉及到网页设计和制作，但却是网页设计制作的基础。学员应认
真理解和掌握，为后面制作网页打下基础。
第2讲
2.5习题
拓展知识
课堂案例1——“公司简介”页面课堂案例2——“企业文化”页面上机实训——制作“快乐旅游”网站首页
小结1、掌握输入和编辑文本的操作。
2、掌握水平线的插入以及滚动字幕的创建等操作。
3、本章是网页制作的基础内容，只有熟练掌握文本的各种设置方法后，才能创建出多
姿多彩的网页效果。
思考及作业想一想：
为什么在制作网页时常使用默认的字体？在使用一些特殊字体的文字时，为何需要将其制作为图片？
练一练：
（1）打开提供的“shouye-me.html”网页，通过分段、换行和插入连续空格等操作输入网页中的文本内容。
（2）利用CSS格式为各段文本设置不同的格式。
（3）在第一段文本后插入水平线。
（4）在倒数第二段文本后分段，输入“最近更新：”文本并设置格式，然后插入日期，要求保存时自动更新。
（5）将更新日期的上一段文本设置为滚动字幕，滚动方式为“scroll”，速度为“15”。
第3讲
3.5习题
拓展知识
课堂案例1——“关于我们”页面课堂案例2——“新品展台”网页上机实训——“旅游导航”网页
小结1、掌握在网页中插入和编辑图像的操作。
2、掌握设置鼠标经过图像、插入多媒体插件、插入页面背景音乐、插入SWF动画和插
入FLV视频等操作。
3、本章内容同样是网页制作的基础，只有掌握了这些对象的插入与使用方法，才能制
作出内容丰富的网页。
思考及作业想一想：
图像的使用在网页中通常起什么作用？怎样才能快速在网页中添加多媒体文件？练一练：
（1）打开“zhuye-me.html”网页，将提供的“01.jpg”、“02.jpg”和“03.jpg”图像插入到网页中，设置边框为“1”。
（2）在“我的动态”图像下插入“04.jpg”图像，设置对齐方式为“左对齐”，缩小图像尺寸，增加水平边距，然后适当降低图像品质。
（3）分别在“最新留言”图像和“动感相册”图像下插入多媒体插件和SWF动画，其中插件的尺寸为“538×45”。
第4讲
4.3.4设置框架集与框架属性
4.3.5制作框架网页
4.4实训——制作“景点介绍”网页
4.4.1实训目标
4.4.2专业背景
4.4.3操作思路
4.5疑难解析
4.6习题
拓展知识
课堂案例1——使用表格布局“产品展示”网页课堂案例2——利用AP Div制作首页课堂案例3——使用框架制作“公司公告”网页上机实训——制作“景点介绍”网页
小结1、掌握网页布局的几种方式。
2、掌握创建表格、设置表格、在表格中插入内容、创建AP Div、设置AP Div、创建
框架与框架集、编辑框架与框架集等操作。
3、本章内容是学习网页制作的重点和核心内容之一，对于掌控整个网页版面和设计风
格有至关重要的作用，读者应认真学习和掌握，并达到灵活运用和举一反三的程度。
思考及作业想一想：
随着网络的发展，程序语言也在发展，网页布局的方式方法也在改变，如今常用的网页布局方式有哪些？常用的与设计网页相关的编程语言有哪些？
练一练：
（1）创建“top.html”网页，在其中输入并设置“我的心情客栈”文本，并绘制4个AP Div对象，在其中插入提供的4张图片。
（2）创建“bottom.html”网页，插入13×2表格，合并最后一行单元格，并在其中插入1×4嵌套表格，设置表格背景颜色并在各单元格中输入文本。
（3）创建“上方固定”框架网页，在上方的框架中指定“top.html”网页，在下方的框架中指定“bottom.html”网页，适当调整后保存并预览效果。
第5讲
5.3.3操作思路
5.4疑难解析
5.5习题
拓展知识
课堂案例1——“公司地图”网页课堂案例2——“给我们留言”网页上机实训——“精品线路”网页
小结1、掌握文本超链接、图像超链接、外部超链接、图像热点超链接、锚点超链接、电子
邮件超链接、文件超链接、空链接和脚本链接的创建操作。
2、本章内容是制作网页的基础，读者应认真学习和掌握，并灵活运用到各种网页上。
思考及作业想一想：
还有没有其他链接方式？怎样可快速提高链接操作的效率？
练一练：
（1）打开“shouye-me.html”网页，将上方的“心情客栈”文本链接到“xqkz-me.html”网页。
（2）利用热点工具将“进入主页>>ENTER”和日志（圆形）分别连接到“zhuye-me.html”和“xqkz-me.html”网页。
（3）利用电子邮件链接将“邮件传情”文本链接到“****************”邮箱。
（4）分别利用各种脚本链接和空链接，实现“设为主页”、“收藏我吧”和“关闭窗口”文本对应的互动功能，其中网址为“”，收藏名称为“我的世界”。
