网页设计与制作 工业和信息化普通高等教育“十二五”规划教材立项项目 作者 雷伟军 第3章 建立本地站点.pptVIP

第3章 建立本地站点 3.1 创建本地站点 3.1.1 什么是站点 1．什么是站点 在Dreamweaver中，站点是指属于某个 Web 站点的文档的本地或远程存储位置。简单地说，一个站点通常对应一个本地或远程的文件夹(包含网页文档及相关文件)。 2．站点类型 在Dreamweaver 中，常用的站点的类型有两种： (1)本地站点，即本地文件夹，存储您正在处理的文件，此文件夹通常位于本地计算机上，但也可能位于网络服务器上. 3.1 创建本地站点 (2)远程站点，即远程文件夹，存储用于测试、生产和协作等用途的文件，远程文件夹通常位于运行 Web 服务器的计算机上。远程文件夹包含用户从英特网访问的文件。 3.1 创建本地站点 3.1.2 创建本地站点 1．创建站点文件夹 建立本地站点就是在某台电脑硬盘上建立一个文件夹，然后将所有与制作网页相关的文件(图片、视频等)都存放在里面，以便进行网页的制作和管理。 通常一个网站包含多种类型的文件，比如图片、视频、CSS、脚本文件，为了方便上传和维护，在建立站点文件夹时，应注意以下几点： 3.1 创建本地站点 不要将所有的文件都存放在根文件夹下，否则容易混淆，不利于管理和上传。 按照文件的类型建立不同的子文件夹。 根文件夹、子文件夹、文件的命名最好使用简短有一定含义的小写英文或拼音。 按照以上原则，在磁盘上建立一个文件夹，例如：C:\mysite,用于存放站点中所有文件夹和文件，然后在mysite文件夹下新建三个名称为images、video、styles的子文件夹。images用 3.1 创建本地站点 于存放站点中所有装饰网页的图片文件， videos的子文件夹用于存放站点中的所有视频文件，styles文件夹用于存放所有的css(层叠样式表)文件，如图3-2所示。 3.1 创建本地站点 2．使用向导建立站点 下面利用Dreamweaver CS5的向导构建一个本地站点，具体操作步骤如下： (1)打开Dreamweaver CS5，在菜单栏中选择“站点”→“新建站点”菜单命令，弹出“站点设置”对话框，如图3-3所示。 在“站点名称”文本框中输入站点的名称，例如：mysite，此名称显示在“文件”面板和“管理站点”对话框中，不显示在浏览器中。 3.1 创建本地站点 3.1 创建本地站点 单击“本地站点文件夹”文本框后的按钮，打开“选择根文件夹”对话框，选择“mysite”文件夹作为根文件夹，当对话框左下角显示“选择：mysite”，单击“选择”按钮，如图3-4所示。这时回到了“站点设置”对话框界面，如图3-3所示。此时“C：\mysite”文件夹与“mysite”站点相对应，存放本站点的所有文件夹和文件。 提示：在“本地站点文件夹”文本框中可直接输入站点对应文件夹的路径。 3.1 创建本地站点 3.1 创建本地站点 (2)单击图3-3中的“保存”按钮。在Dreamweaver CS5界面右小角会出现“文件”面板，如图3-5所示，表示“mysite”站点已经建立成功。 图3-5 “文件”面板 提示：假如“文件”面板没有出现，单击菜单栏“窗口”→“文件”菜单命令。 以上操作步骤仅仅介绍了新建站点向导的最基本设置，还有很多设置设计服务器技术和动态网站开发语言的选择等，因为与本书内容关联不大，所以这里不再赘述。 3.2 管理本地站点 在制作多个网站时，需要对各个网站进行管理，这就需要使用Dreamweaver CS5中专门的工具来完成站点的切换、添加、删除等操作。 3.2.1 切换站点 在对网站进行编辑或进行管理时，每次只能操作一个站点。 单击右侧“文件”面板左边的下拉列表框中选中某个已创建的站点，如图3-6所示，就可以切换到对这个站点进行操作的状态。 3.2 管理本地站点 提示：在所有磁盘盘符后显示的文件夹图标是已建立的多个站点名称，例如当前Dreamweaver含有mysite、mysite1两个站点。 3.2 管理本地站点 3.2.2 站点的其他操作 1.“管理站点”对话框 “管理站点”对话框是进入Dreamweaver 站点功能的通路。从这个对话框中，您可以启动创建新站点、编辑现有站点、复制站点、删除站点或者导入或导出站点设置的过程。 要对站点进行管理，单击菜单栏“站点”→“管理站点”菜单命令，弹出“管理站点”对话框，如图3-7所示，选中左侧列表框中某个已建立好的站点，然后单击右侧的五个按钮(“新建”按钮不需先单击左侧的站点名称)。这六个按钮的功能如下： 3.2 管理本地站点 3.2 管理本地站点 新建：创建新的站点。单击“新建”按钮后，将会打开“站点设置”对话框，如图3-3所示，以便命名和指定新站点的位置。 编辑：修改某个已建立站点的设置信息。