网页设计与制作案例教程-电子教案3.pptVIP

* * 第3章 站点的创建与管理 认识了Dreamweaver 8的工作环境之后，接下来将要迈出制作网页的第一步了。无论是网页制作的新手，还是专业的网页设计师，都要从构建站点开始，理清网站结构。 课程引导 （1）掌握“文件”面板 （2）掌握站点的创建 （3）掌握站点的管理 知识技能目标 站点效果展示 本章所创建的实例网站“长沙世界之窗”的站点结构效果如图所示。 （1）创建一个命名为“长沙世界之窗”的网站，该网站保存在本地硬盘的文件夹“旅游网站”中。 （2）在站点“长沙世界之窗”中创建文件夹“00创建站点”，在文件夹“00创建站点”创建子文件夹“image”、“music”。 （3）在文件夹“00创建站点”中新建一个命名为“00.html”空白网页。 本章操作任务 3.1 网站的创建 3.2 管理站点 3.5 网页文档的基本操作 3.3 管理网站中的文件和文件夹 3.4 使用“资源面板”管理网站中的资源 3.1　网站的创建 文件面板主要有三个方面的功能： （1）管理本地站点，包括建立文件夹和文件，对文件夹和文件进行重命名等操作，也可以管理本地站点的结构； 3.1.1　认识文件面板 （2）管理远程站点，包括文件上传、文件更新等； （3）可以连接网络应用服务器，预览动态网页。 使用Dreamweaver 8创建站点的向导创建第一个本地站点“长沙世界之窗”，具体操作步骤如下。 3.1.2　创建本地网站 步骤1：在本地硬盘上建立一个用来存放站点的文件夹，命名为“旅游网站”，该文件夹就是本地站点的根目录，是为网站特别建立的一个文件夹。 步骤2：选择菜单【站点】→【新建站点】命令，打开“站点定义”向导。选择“基本”选项卡。 步骤3：在“你打算为您的站点起什么名字？”标签下面的文本框中填写要创建的网站名称：“长沙世界之窗”。 步骤4：单击【下一步】按钮，选择“否，我不想使用服务器技术”单选按钮。 步骤5：单击【下一步】按钮，选择“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”单选按钮。 步骤6：在窗口下方，“您将把文件存储在计算机上的什么位置”用来选择保存网站文件的文件夹。 步骤7：单击【下一步】按钮。选择“无”，等到网站建成后再与FTP连接。 步骤8：单击【下一步】按钮，站点定义对话框列出了刚才设置的主要内容，如果发现有错误，可以单击“上一步”按钮退回到合适的步骤进行更正，核对无误后，单击【完成】按钮，结束站点定义对话框的设置。 在文件面板左边的下拉列表框中选中某个已创建的站点，例如单击选中“我的班级网站”，就可切换到对这个站点进行操作的状态。 3.2　管理站点 1．切换站点 2．编辑站点 如果要对站点进行编辑，可以在“管理站点”对话框中，选择要编辑的站点，然后用鼠标单击“管理站点”对话框中的【编辑】按钮，重新打开“站点定义”向导，根据需要一步一步修改站点的属性即可。 3．复制站点 对某一个站点进行复制操作。复制站点的功能省去了重复建立多个结构相同的站点的操作 4．删除站点 对某一个站点进行删除操作，网站的文件仍保存在硬盘原来的位置上，并没有被删除。 5．导入站点 将选中的站点导出成一个XML文件，需要的时候还可以再次导入。 6．导出站点 把导出的保存站点设置的XML文件再次导入。 3.3　管理网站中的文件和文件夹 在文件面板中站点根目录上单击鼠标右键，然后从弹出的快捷菜单中单击菜单项【新建文件夹】或【新建文件】，接着给新的文件夹或文件命名。 1．创建文件夹和文件 （1）在站点根目录中创建一个名为“00创建站点”的文件夹。 （2）为刚才新建的文件夹“00创建站点”创建两个子文件夹“image”和“music”。 2．移动和复制文件 从“文件”面板的本地站点文件列表中，选中要移动或复制的文件夹或文件，如果要进行移动操作，则执行【编辑】→【剪切】命令；如果要进行复制操作，则执行【编辑】→【拷贝】命令；然后执行【编辑】→【粘贴】命令，将文件夹或文件移动或复制到相应的文件夹中。 3．重命名文件夹或文件 先选中需要重命名的文件夹或文件，然后单击快捷菜单中的【编辑】→【重命名】命令或者按【F2】快捷键，文件夹或文件的名称变为可编辑状态，重新输入新的名称，按Enter键确认即可。 4．删除文件夹或文件 要从本地站点文件列表中删除文件夹或文件，先选中要删除的文件夹或文件，然后执行【编辑】→【删除】命令或按Delete键，这时系统会弹出一个提示对话框，询问是否要真正删除文件夹或文件，单击【是】按钮确认