Dreamweaver网页制作基础教程任务二制作“学校简介”3培训资料.pptVIP

王焕杰 电话 邮箱:cnsyjsj@163.com 沈阳市信息工程学校 项目一 制作“简介” 任务二 制作 “学校简介” 任务描述 在进行网站设计时，一个网站中的网页、图片及网站内的其他资源会很多，这些零散的资源如果仅利用系统的资源管理器来管理会比较零乱。 在Dreamweaver中可以利用站点的模式来进行管理。 因此，在对一个网站进行修改或设计时，首先需要建立站点。要求网站设计人员建立一个方便育才学校网站进行修改的站点。 工作过程 步骤1：建立站点 选择菜单“站点”→“新建站点”选项，如图1.3.1所示。 设定站点的名称，如yucai，单击“下一步”按钮，如图1.3.2所示。 为了便于对网站中大量文件进行管理，在Dreamweaver中提供了建立站点的方式。在站点中可以方便管理网站中的静态页面、动态页面及相关的其他资源。 图1.3.1 ［站点］菜单 图1.3.2 站点定义1 选择［否，我不想使用服务器技术］→“下一步”按钮，如图1.3.3所示。 图1.3.3 站点定义2 设定“编辑本地副本，完成后再上传到服务器”并设定文件存储目录，如图1.3.4所示，单击“下一步”按钮。 图1.3.4 选择目录 步骤2：文件的测试 双击图1.3.7中的“项目1/JianJie.html”，打开“个人简介”的设计页面。选择文件工具栏上的“浏览调试按钮”（或者按键盘上的“F12”键）。在IE或其他浏览器中查看最后的效果，如图1.3.8所示。 图1.3.8 网页浏览效果 注意地址栏的内容 知识拓展 知识点: 网站的所有东西合起来，叫站点，这里包括一个网站的所有网页、素材和它们之间的联系（链接）。管理站点是Dreamweaver软件的一大特色，也是它区别于其他网页编辑软件的一大亮点。 （1）通过站点，可以使用Dreamweaver高级功能。例如，在新建页面时可以使用Dreamweaver预载的模板，如页面设计（CSS）、入门页面、页面设计（有辅助功能的）等。这些都是需要在Dreamweaver中建立站点后才能使用的。 （2）建立站点，可以对站点里的网页中断掉的链接进行检查，即坏链检查。 （3）建立站点，可以生成站点报告，对站点中的文件形成预览。 （4）建立站点，并添加FTP信息，可以直接使用Dreamweaver将网页上传到服务器空间中。 （5）建立站点，并建立本地测试环境，可以调试动态脚本。 （6）最关键的是建立站点后，可以形成清晰的站点组织结构图，对站点结构了如指掌，方便增减站点文件夹及文件等。 在Dreamweaver中建立的站点一般都是本地站点，站点的文件都存在本地计算机中，然后通过Dreamweaver站点管理提供的功能对这些文件跟踪、维护链接、共享文件，以及将站点文件传输到Web服务器中。 关于Dreamweaver站点所需要介绍的内容包括三部分：本地视图、远程视图和测试服务器。 本地视图是工作目录，就是Dreamweaver 的本地站点，通常就是自己计算机上的文件夹，用于存储网页文件等内容。 远程视图是存储文件的位置，这些文件用于测试、生产、协作和发布等，具体取决于测试的环境。Dreamweaver将此视图称为远程站点，远程视图是运行Web服务器的计算机上的某个文件夹，通常它是网络中可被公开访问的计算机（即服务器）。但如果是在本机调试，则它也是在本机的文件夹。 动态页文件夹（“测试服务器”文件夹）是 Dreamweaver用于处理动态页的文件夹。此文件夹与远程文件夹通常是同一个文件夹，一般应用在网站后台开发中。建立站点有两种方法，一种是通过“站点定义向导”设置 Dreamweaver站点，另外一种是通过“站点定义”的“高级”设置新建站点。 * *