第二单元 扬帆启航——网站规划与站点管理

1、第二单元 扬帆启航网站规划与站点管理第4课治“家”有方站点管理任务导航同学，制作网站所用的素材你搜集的怎么样啦？下一步的工作就该是筛选素材并规划站点的目录结构了。网站的结构往往不是一蹴而就的，随着学习进程的逐步深入，站点的结构也将逐渐完善。在本节课中，我们将学习如何合理地规划站点的目录结构并应用Dreamweaver的“站点”面板管理本地站点内的资源。本课任务完成效果图（仅供参考）图2-3 根据素材类型规划站点结构 图2-4 根据栏目名称规划站点结构 DIY请参照班级之家的站点规划方法（见表2-2和表2-3）以列表的方式规划自己网站的站点结构。图2-5 网站班级之家的首页表2.2 根据素材类型

2、规划班级之家的站点结构素材的类型子文件夹命名用途网页htm存放除主页index.htm之外的其它网页文件图片images存放图像文件。如果图片量大，可将在文件命名上按栏目区分，也可再为每个栏目创建下一级文件夹。声音sound存放声音文件Flash动画swf存放Flash动画文件效果图见图2-3表2.3 根据网站栏目规划班级之家的站点结构栏目名称子文件夹命名用途班级风采bjfcimages存放图像文件music存放声音文件swf存放动画文件花季心语hjxy存放制作“花季心语”所需要的素材师恩难忘senw存放制作“师恩难忘”所需要的素材习作园地xzyd存放制作“习作园地”所需要的素材主页index

3、存放制作“主页”所需要的素材效果图见图2-4我设计的站点结构：一点通站点（或称网站）结构是指建立网站时创建的目录。一般来说，规划站点结构的方法是：首先为站点创建一个根文件夹，然后在其中创建多个子文件夹，再将文档分门别类存储到相应的文件夹下。合理的站点结构，能够加快对站点的设计，提高工作效率，节省时间。 FOLLOW ME 创建本地站点所谓创建本地站点，就是指定本地计算机磁盘上的一个文件夹作为站点。只要启动了DreamweaverMX就可以指定一个文件夹作为本地站点了。现在就以图2-3为例创建本地站点。从图上可看出本地站点指定的文件夹是d:bjzj，站点名称为example。步骤：单击“开始”菜

4、单，依次选择“程序”à“Macromedia”à“Macromedia Dreamweaver MX”，启动 DreamweaverMX。步骤2：在菜单栏中，单击“站点”菜单，在弹出的下拉菜单中，选择“新建站点”选项，弹出“站点定义”对话框。步骤3：在弹出的“站点定义”对话框中，为“站点名称”起名为“example”。名称输入完毕，单击“高级”标签。见图2-6。图2-6 站点定义对话框步骤4：选中“高级”标签之后，在“本地根文件夹”一栏中指定根文件夹的位置和名称。由于还没有为这个站点申请主页空间，因此，http地址这一栏暂时不填。见图2-7。图2-7 创建本地站点步骤5：设

5、置完毕，单击图2-7中的“确定”按钮，随即在组合面板中弹出“站点”面板，本地站点创建完毕。一点通见图2-7，在“站点定义”的对话框中既可以在“本地根文件夹”一栏中指定磁盘上一个现有的文件夹作为本地站点也可以直接创建一个新文件夹作为本地站点。以后，所有制作网站所用的的素材和制作完成的网页都要分门别类地存放在这个指定的根文件夹内。DIY练习改变站点的名称可采用图的方法编辑站点。图2-8 编辑本地站点FOLLOW ME 在“站点”面板中创建文件夹以图2-3为例，在“example”站点中创建一个名为images的文件夹。步骤1：在“站点”面板中单击“站点-example”字样，见图2-9。步骤2：单

6、击“文件”菜单 ，弹出下拉菜单，见图2-9。步骤3：在“文件”的下拉菜单中选择“新建文件夹”选项，执行创建新文件夹的命令，站点内新增了一个名为“untitled”的文件夹。图2-9 执行“新建文件夹”命令步骤4：如果光标插入点在“untitled”的右侧闪动，则直接键入“images”，就可把“untitled”改为“images”。操作完毕，新文件夹就创建成功了。 图2-10 创建新文件夹一点通见图2-10，“站点”面板出现这个效果后，最好不要将鼠标单击任何地方，否则，光标插入点的位置就会发生变化。这样一来就无法按照第四步所讲的方法来命名了。此时，补救的方法是改用“重命名”。FOLLOW M

7、E 在“站点”面板中重命名文件夹重命名文件夹的方法有很多种，在此介绍的是使用快捷菜单实现重命名文件夹。步骤1：右击“untitled”文件夹，弹出快捷菜单，见图2-11。步骤2：在弹出的快捷菜单中选择“重命名”选项。重新出现图2-10的显示效果，直接键入“images”即可。图2-11 快捷菜单DIY请依照图2-3继续创建htm、sound、swf文件夹。注意:1. 在创建htm、sound、swf文件夹时，应像图2-9中所提示的那样，先选中“站点-example”字样；如果在images文件夹下再创建它的子文件夹，则要改为选中images文件夹。2 对于站点中不需要的文件夹，只要单击选中要删

8、除的文件夹，按下鼠标右键，在弹出的快捷菜单中选择“删除”命令就行了。一点通使用“站点”面板删除文件夹一定要慎重，因为，一旦执行了“删除”命令，被删的文件夹将不进入回收站，无法还原；使用“站点”面板删除文件后，被删的文件则可以从回收站中还原回来。FOLLOW ME 在“站点”面板中创建index.htm文件步骤1：在“站点”面板中单击“站点-example”字样。步骤2：单击“文件”菜单 ，弹出下拉菜单。步骤3：在“文件”的下拉菜单中选择“新建文件”选项，执行创建新文件的命令，站点内新增了一个名为“untitled.htm”的文件。步骤4：将当前光标定位在“untitled.htm”中字母u的左

9、侧，按下删除键Del ,删除“untitled”，重新键入“index”，主页文件index.htm就创建成功了。 一点通使用合理的文件名非常重要，特别是在网站的规模变得很大时。文件名应该让人看了就知道网页表述的内容。尽管中文文件名对于中国人来说，更清晰易懂，但是应该避免使用中文文件名，因为很多INTERNET服务器使用的是英文操作系统，不能对中文文件名提供很好的支持。主页的文件名有特殊约定，一般为index.htm。使用“站点”创建新文件后，只要双击该文件名就能打开该网页进行编辑。知识着陆所谓创建本地站点，其实就是指定一个文件夹作为站点的根文件夹。该文件夹包含了站点的所有文件，并且在该文件夹中创建并编辑 Web文档。在DreamweaverMX中，建立本地站点也就意味着可以通过FTP(文件传输协议)将站点上传到提供主页空间的Web服务器上去，并且可以自动跟踪和维护链接，以及共享文件。这样做的好处是，在正式发布到网上与公