《Dreamweaver CS5网页设计教程》
配套教学教案
第1讲
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、本章内容虽然尚未涉及到网页设计和制作，但却是网页设计制作的基础。

学员应认
真理解和掌握，为后面制作网页打下基础。

思考及作
业
想一想：
站点的作用是什么？站点有何意义？举例日常浏览网页时遇到的站点，并分析其分为几大板块？
练一练：
（1）查看Dreamweaver CS5中“表单”插入栏包含的内容。

（2）在浮动面板组中将“资源”、“行为”和“组件”3个面板排列到同一个面板中（首先需要利用“窗口”菜单显示出这些面板）。

（3）创建名为“wodewangzhan”的站点，将位置设置在D盘的“OK”文件夹中，然后通过编辑站点的方法将其重命名为“mynet”，最后删除站点并取消操作。

（4）规划并构思一个美食站点，创建一个导航草图，其中必须包含“菜谱”和“食材”两大板块，要求整个站点结构能满足一般的浏览和查询美食资源的要求。

（5）在上一题的基础上，启动Dreamweaver CS5，创建该美食站点并在其中添加相应的文件夹和文件。

第2讲
课堂案例1——“公司简介”页面课堂案例2——“企业文化”页面上机实训——制作“快乐旅游”网站首页小结
1、掌握输入和编辑文本的操作。

2、掌握水平线的插入以及滚动字幕的创建等操作。

3、本章是网页制作的基础内容，只有熟练掌握文本的各种设置方法后，才能创建出多
姿多彩的网页效果。

思考及作
业
想一想：
为什么在制作网页时常使用默认的字体？在使用一些特殊字体的文字时，为何需要将其制作为图片？
练一练：
（1）打开提供的“shouye-me.html”网页，通过分段、换行和插入连续空格等操作输入网页中的文本内容。

（2）利用CSS格式为各段文本设置不同的格式。

（3）在第一段文本后插入水平线。

（4）在倒数第二段文本后分段，输入“最近更新：”文本并设置格式，然后插入日期，要求保存时自动更新。

（5）将更新日期的上一段文本设置为滚动字幕，滚动方式为“scroll”，速度为“15”。

第3讲
课堂案例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.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讲
拓展知识
课堂案例1——“公司地图”网页课堂案例2——“给我们留言”网页上机实训——“精品线路”网页
小结1、掌握文本超链接、图像超链接、外部超链接、图像热点超链接、锚点超链接、电子
邮件超链接、文件超链接、空链接和脚本链接的创建操作。

2、本章内容是制作网页的基础，读者应认真学习和掌握，并灵活运用到各种网页上。

思考及作业想一想：
还有没有其他链接方式？怎样可快速提高链接操作的效率？
练一练：
（1）打开“shouye-me.html”网页，将上方的“心情客栈”文本链接到“xqkz-me.html”网页。

（2）利用热点工具将“进入主页>>ENTER”和日志（圆形）分别连接到“zhuye-me.html”和“xqkz-me.html”网页。

（3）利用电子邮件链接将“邮件传情”文本链接到“myworld@”邮箱。

（4）分别利用各种脚本链接和空链接，实现“设为主页”、“收藏我吧”和“关闭窗口”文本对应的互动功能，其中网址为“”，收藏名称为“我的世界”。