1、项目 2 搭建和管理本地站点一、教学建议该项目主要介绍站点、文档、Web 服务器、虚拟目录等网页制作专业术语，并通过实例操作，引导学生掌握创建和管理本地站点、使用 Dreamweaver CS3 创建网页、安装与配置 Web 服务器的方法，并简单介绍了在 Windows XP 环境下创建 Web 服务的操作方法以及IIS 的设置方法。该项目理论知识详尽，要求结合上机实践操作，巩固学生的理论知识，提高学生的学习兴趣，以“项目总结”的形式小结所学知识，加深学生的印象，增强学习效果。以掌握实际应用能力为导向，建议教师在教学的过程中辅导好项目后面“技能巩固”的操作题，让学生在实际操作的过程中提高专业技
2、能，达到理论实践一体化的效果，以便学生更好更牢固的掌握知识点，学以致用。二、教学简案课题 任务 1 创建和管理本地站点参考资料 教材 教学配套 光盘素材教学方法教师讲解、演示。学生讨论，上机实践操作。授课节数 1 课时教学目标 1 理解站点的含义。2.掌握创建和管理本地站点的方法。相关知识 1.站点。2.常用站点。学习重点 1.了解 Dreamweaver 中站点的定义以及三种常用的站点。2.掌握在 Dreamweaver CS3 中创建及管理本地站点的方法、步骤。实施建议1.使用 Dreamweaver CS3 制作网页时，第一步是建立站点，存放网页文件及所用到的素材文件，以便对这些文件进行
3、管理。2.通过指导学生建立一个站点，使学生掌握组织网站素材、创建站点、站点的编辑以及删除站点的方法。教学内容一、认识站点站点就是硬盘上的一个存储区（文件夹） ，它存储了一个网站中包含的所有网页文件和相关资源。二、常用的站点1. 本地站点：存放在本地计算机硬盘上的站点2. 远程站点：存放在远程服务器上的站点3. 测试站点：测试动态网页的站点三、创建站点1 在本地磁盘 F 盘中新建一个“mwmw”的文件夹，并在“mwmw”文件夹中新建若干个子文件夹，分别用于存放不同类型的网页素材文件。2 运行 Dreamweaver CS3，单击“站点”“新建站点” ，打开“站点定义对话框3 在对话框中的“您打算
4、为您的站点起什么名字？”文本框中输入站点的名称“example”4 单击“下一步” ，弹出“example 站点定义为”对话框，选择“否，我不想使用服务器技术”5 单击“下一步” ，定位站点文件夹为“F：mwmw”6 单击“下一步” ，在“您如何连接到远程服务器”下面选择“无”7 单击“下一步” ，此时站点的创建工作已完成，确认无误后，单击“确定”按钮。四、管理站点及站点中的文件1 通过“管理站点”对话框管理站点2 管理站点中的文件夹和文件（1） 新建文件或文件夹（2） 复制文件或文件夹（3） 重命名文件或文件夹（4） 删除文件或文件夹（5） 移动文件或文件夹课后评价创建、编辑、删除站点的操作
5、过程中，其学生难免会遇到困难不能继续下一步，教师应该指导并帮助其分析问题、找出问题、解决问题、总结经验。课题 任务 2 在站点中创建网页参考资料 教材 教学配套 光盘素材教学方法教师讲解、演示。学生讨论，上机实践操作。授课节数 1 课时教学目标 1.熟练使用 Dreamweaver CS3 创建网页。2.了解常用的网页元素。相关知识1.创建文档。2.保存文档。3.打开文档。4.关闭文档。5.预览页面效果。学习重点 1.熟练使用 Dreamweaver CS3 创建、编辑、保存、预览、打开、关闭网页文件。实施建议 1.该任务让学生制作一个简单的网页，进一步熟悉 Dreamweaver CS3。教
6、学内容网页由多种不同的元素组成：文本、图像、超链接、表格、层、表单、动画、音频、视频一、创建和保存网页1 通过“我的电脑”收集图片素材到站点文件夹 mwmw 中的 images文件夹中。图片分别是 top01.jpg、bg.jpg、index.jpg。2 运行 Dreamweaver CS3，在“文件”面板中右击站点文件夹名称，在快捷菜单中选择“新建文件” ，命名为“index.html”,回车3 双击 index.html 文件，在 Dreamweaver 的文档编辑区中就会打开这个空白的新网页。4 设置网页背景图案。5 设置网页标题。在标题文本框中输入“每味美味酒店”6 向网页中添加图片。
7、7 输入文本8 设置文本格式9 保存，并浏览网页二、打开和关闭网页文件1 打开网页文件的方法 在“文件”面板中双击该文件 单击“文件”菜单“打开” ，在弹出的“打开”对话框中选择文件后，单击“打开”按钮。2 关闭网页文件的方法 单击文档窗口右上角的“关闭”按钮。 单击“文件”菜单“关闭” ，关闭当前文件 单击“文件”菜单“全部关闭” ，关闭所有已打开的文件课后评价 通过制作一个简单的网页实例，让学生再次接触 Dreamweaver CS3，结合该项目后的“技能巩固” ，使学生能够举一反三。课题 任务 3 安装与配置本地 Web 服务器参考资料 教材 教学配套 光盘素材教学方法 教师讲解、演示。
8、学生讨论，上机实践操作。 授课节数 1 课时教学目标 了解创建 Web 服务器及虚拟目录的方法相关知识 1.Web 服务器。2.主目录。学习重点 1.能熟练地在 Windows XP 系统下，将本地计算机配置成一台 IIS 服务器2.了解虚拟目录的含义，并能在本地计算机上创建虚拟目录实施建议1.指导学生在 Windows XP 系统下，将本机计算机配置成一台 IIS 服务器，并在实践操作过程中，讲解 Web 服务器、IIS、主目录等网页制作术语。2.指导学生在 Windows XP 系统下，在本机计算机上创立一个虚拟目录，并能进行 IIS 的一般性设置，使得 Web 服务器能正常工作。教学内容
9、一、什么是 Web 服务器？1Web 服务器也称为 HTTP 服务器，又叫 www 服务器，主要功能是根据网页浏览器的请求提供各种网页服务2W服务器拥有一个主目录和若干虚拟目录用于发布站点二、在 windows 操作系统中安装 Web 服务器1依次单击“开始”按钮“设置”“控制面板” ，打开“控件面板”窗口，选择“添加/删除程序” ，再选择“添加/删除 windows 组件”2在打开的 windows 组件向导中选择“Internet 信息服务”3单击“下一步” ，系统进入安装过程4在弹出的“插入磁盘”对话框单击确定，弹出“所需文件”对话框。单击“浏览”按钮定位到安装包所在的文件夹后，单击“确
10、定”按钮，安装继续。5稍候，安装成功。单击“完成”按钮即可。三、设置 IIS 信息服务1.在“控制面板”窗口中选择“性能与维护” ，打开对话框。2选择管理工具，打开管理工具的对话框3.选择“Interent 信息服务” ，打开“Interent 信息服务” ，在右窗口中可以看到默认站点中的网页文件。4.右击左窗格中的“默认网站” ，在快捷菜单中选择“属性” ，打开“默认网站属性”对话框5.为网站设置“主目录” 。选择“主目录”选项卡，设置主目录的路经。6.为网站设置默认的首页文件。7.设置默认文档的优先级。8.单击“确定”按钮即设置好本地 IIS 服务器。课后评价 安装与配置 Web 服务器、
11、创建虚拟目录两个实例操作，比较复杂，操作步骤繁琐，学生操作时一定要按照步骤操作，以免无法安装。【组织教学】检查学生出勤情况，做好学生考勤记录。强调上课课堂纪律，活跃互动教学气氛。【课题导入】创建和管理好本地站点是制作网页的基础，本地站点中要建立合适的文件夹来分类存放不同的网页对象。一个网站能否良好运行和方便维护与建站前网站的规划有着极为重要的关系。Dreamweaver 有着强大的站点创建与管理功能，用户可以用它来完成 Web 站点的创建及网页文档的添加等工作。制作网页之前，我们需要先了解一些名词：站点、本地站点、远程站点、测试站点、web 服务器、虚拟目录。这些名词是什么意思呢？通过这个项目
12、的学习，我们就知道了。【技能训练】 （上机实训：2 课时）一、项目任务任务一：在本地计算机上，创建一个本地站点、并对其进行管理，掌握站点的编辑、复制、删除等操作。任务二：使用 Dreamweaver CS3 创建一个简单的网页文档。任务三：以 Windows XP 系统为平台，将本机计算机配置成一台 IIS 服务器，并建立一个虚拟目录。二、任务实训1.学生根据该项目的任务要求进行上机操作，教师在机房巡回指导。2.完成一个任务后，教师引导学生进行总结，然后进行下一个任务。3.在完成该项目所有任务的基础上，教师结合教材“技能巩固”的操作题及光盘中的实例题，布置课后上机实作题。【布置作业】1.教材项目 2 后面的“自我测评” 。
