电子教案第4章第2节剖析.ppt

4.2 规划和设置站点 有效地规划和组织站点，对建立网站是非常必要的。合理的站点结构能够加快对网站的设计，节省时间，提高工作效率。 以 “新疆之旅”网站为例，设计7个栏目模块，分别是：首页、内文主页、旅游地图、新疆美食、相关信息、驴友游记、西域采风。 （请观察教材所附光盘中的“范例网站初始版\index.html”文档） 4.2 规划和设置站点 规划站点就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。规划站点就是设置主题，定义风格，然后对自己手中的素材和资料进行管理和规划：包括对网站中栏目的设置，颜色的搭配，版面的设计，文字、图片的运用等进行规划。 网站模块规划好后，接下来需要对站点内文件夹结构进行规划。一般而言，站点中所用图片和按钮等图形元素放在“images”子文件夹中，HTML文件放在根目录下，而动画和视频等多媒体文件则放在“media”子文件夹中。对站点中的素材放在不同子文件夹中是为了便于日后管理。 （请观察教材所附光盘中的“范例网站完成版\xinjiangweb”文件夹 ） 4.2 设置站点的具体步骤 启动Dreamweaver CS4，选择“站点”→“新建站点”命令，弹出“站点定义为”对话框，在对话框中输入站点名称，然后单击“下一步”按钮 4.2 设置站点的具体步骤 出现向导的下一个页面，询问是否要使用服务器技术。选中“否，我不想使用服务器技术”单选按钮，然后单击“下一步”按钮 4.2 设置站点的具体步骤 出现向导的下一个页面，询问要如何使用文件。在提示工作方式的界面中有两个选项，分别为“编辑我的计算机上的本地副本，完成后再上传到服务器”和“使用本地网络直接在服务器上进行编辑”，这里选择前者。 如果是从头建设一个新站点，需要为站点设置好一个文件夹位置，就是网站的根目录，单击浏览文件图标，在弹出的对话框中选择设置网站本地根文件夹的位置。本例在D盘根目录创建一个“xinjiangweb”文件夹并将它作为网站根文件夹，单击“下一步”按钮。 4.2 设置站点的具体步骤 在选择远处服务器连接方式的页面里，在下拉列表中选择“无”选项。然后单击“下一步”按钮 备注： 选择“无”选项，表明不使用远程站点，只在本机编辑站点。完成后会在第6章介绍如何连接到服务器 4.2 设置站点的具体步骤 出现确认信息页面，显示前面已经设置完成的内容，单击“完成”按钮。 本地站点创建完成在后，“文件”面板中的“本地文件”栏中会显示该站点的根目录 4.2 应用“文件”面板管理站点 创建子文件夹的具体步骤 选择“窗口”→“文件”命令，打开“文件”面板，在准备新建文件夹的位置单击鼠标右键，在弹出的快捷菜单中选择“新建文件夹”命令。此时新建文件夹的名称处于可编辑状态，可以对新建文件夹重新命名。 将新建文件夹重新命名，单击新建文件夹以外的任意位置，即可完成文件夹的新建和重命名操作。 备注： 如果想修改文件夹名，选定文件夹后，单击文件夹的名称或按F2键，文件夹名称便处于可编辑状态，然后输入新的名称即可。 4.2 应用“文件”面板管理站点 文件或文件夹的移动和复制的具体步骤 选择“窗口”→“文件”命令，打开“文件”面板。在“文件”面板中，选中要移动的文件或文件夹，然后拖动到相应的位置即可。 也可以利用剪切和粘贴的方法来移动或复制文件或文件夹。在“文件”面板中，选中要移动或复制的文件或文件夹，右击鼠标，在弹出的快捷菜单中选择“编辑”→“剪切”（移动操作）或“拷贝”（复制操作）命令。选中目标文件夹，右击鼠标，在弹出的快捷菜单中选择“编辑”→“粘贴”命令。这样，文件或文件夹就会被移动或复制到相应的文件夹中。 4.2—应用“文件”面板管理站点 删除文件或文件夹的具体步骤 在“文件”面板中，选中要删除的文件或文件夹。单击鼠标右键，在弹出菜单中选择“编辑”→“删除”命令或直接按Delete键。弹出提示对话框，询问是否要删除所选文件或文件夹。单击“是”按钮，即可将文件或文件夹从本地站点中删除。 4.2 规划和设置站点 扩展知识 打开站点：选择“窗口”→“文件”命令，在打开的“文件”面板中单击左边的站点下拉列表框，从中选择“管理站点”选项。弹出“管理站点”对话框，单击站点名称列表框中的站点名称选项，然后单击“完成”按钮，即可打开站点。 编辑站点：在创建了站点之后，还可以对站点属性进行编辑。选择“站点”→“管理站点”命令，打开“管理站点”对话框。在对话框中选定要编辑的站点名称，单击“编辑”按钮。打开“站点定义为”对话框，可以在该对话框中再次对本地站点进行编辑。编辑完成后单击“确定”按钮，返回“管理站点”对话框，然后单击“完成”按钮，即可完成编辑操作。 4.2 规划和设置站点 扩展知识 删除站点：如果不再需要利用Dreamw