Dreamweaver-8中文版网页制作基础项目课件.ppt

1、任务一任务一 新建站点新建站点 任务任务二二 管理站点管理站点 任务三任务三 管理站点内容管理站点内容 实实 训训 导入和导出站点导入和导出站点 本项目主要是介绍在本项目主要是介绍在Dreamweaver 8中创建和管理站点的基本方法。首先介绍中创建和管理站点的基本方法。首先介绍通过【站点定义】对话框定义站点的详细通过【站点定义】对话框定义站点的详细过程和通过【管理站点】对话框管理站点过程和通过【管理站点】对话框管理站点的基本方法以及设置首选参数、创建文件的基本方法以及设置首选参数、创建文件夹和文件的基本方法。夹和文件的基本方法。 （一）（一） 设置首选参数设置首选参数 （二）（二） 定义站点

2、定义站点 在主菜单中选择【编辑】【首选参数】命令，打在主菜单中选择【编辑】【首选参数】命令，打开【首选参数】对话框，根据需要进行设置即可。开【首选参数】对话框，根据需要进行设置即可。 需要掌握的内容主要有：需要掌握的内容主要有： 1、定义站点的详细过程、定义站点的详细过程 2、 【文件】面板【文件】面板 3、站点管理器、站点管理器 掌握定义动态站点的方法，并学会【站点定掌握定义动态站点的方法，并学会【站点定义】对话框【基本】和【高级】两种状态的使用。义】对话框【基本】和【高级】两种状态的使用。这两种方式都可以完成站点的定义工作，不同点这两种方式都可以完成站点的定义工作，不同点如下。如下。 【基

3、本】：将会按照向导一步一步地进行，【基本】：将会按照向导一步一步地进行，直至完成定义工作，适合初学者。直至完成定义工作，适合初学者。 【高级】：可以在不同的步骤或者不同的分【高级】：可以在不同的步骤或者不同的分类选项中任意跳转，而且可以做更高级的修改和类选项中任意跳转，而且可以做更高级的修改和设置，适合在站点维护中使用。设置，适合在站点维护中使用。 在在Dreamweaver 8的【文件】面板中有的【文件】面板中有3个选项卡，个选项卡，其中【文件】选项卡就是站点管理器的缩略图。左图是其中【文件】选项卡就是站点管理器的缩略图。左图是没有定义站点时的状态，右图是已定义站点时的状态。没有定义站点时的

4、状态，右图是已定义站点时的状态。 在【文件】面板中单击在【文件】面板中单击 （展开（展开/折叠）按钮，将折叠）按钮，将展开站点管理器。再次单击该按钮，将又切换回到缩略展开站点管理器。再次单击该按钮，将又切换回到缩略图状态。如果站点管理器主菜单中的命令或者工具栏中图状态。如果站点管理器主菜单中的命令或者工具栏中的按钮显示为灰色，说明这部分功能目前不可用。的按钮显示为灰色，说明这部分功能目前不可用。 （一）（一） 复制和编辑站点复制和编辑站点 （二）（二） 导出、删除和导入站点导出、删除和导入站点 1、复制站点、复制站点 在主菜单中选择【站点】【管理站点】命令，打开在主菜单中选择【站点】【管理站点

5、】命令，打开【管理站点】对话框，在列表框中选中要复制的站点，【管理站点】对话框，在列表框中选中要复制的站点，然后单击【复制】按钮将复制一个站点。然后单击【复制】按钮将复制一个站点。 2、编辑站点、编辑站点 选中复制的站点，然后单击【编辑】按钮，打开站选中复制的站点，然后单击【编辑】按钮，打开站点定义对话框进行编辑。点定义对话框进行编辑。 1、导出站点、导出站点 在【管理站点】对话框中选中要导出的站点，然后在【管理站点】对话框中选中要导出的站点，然后单击【导出】按钮打开【导出站点】对话框，设置导出单击【导出】按钮打开【导出站点】对话框，设置导出站点文件的路径和文件名称保存即可。站点文件的路径和文

6、件名称保存即可。 2、删除站点、删除站点 在【管理站点】对话框中选中要删除的站点，然后在【管理站点】对话框中选中要删除的站点，然后单击【删除】按钮。单击【删除】按钮。 3、导入站点、导入站点 在【管理站点】对话框中单击【导入】按钮，打开在【管理站点】对话框中单击【导入】按钮，打开【导入站点】对话框，选中要导入的站点文件，单击【导入站点】对话框，选中要导入的站点文件，单击【打开】按钮即可导入站点。【打开】按钮即可导入站点。 （一）（一） 创建文件夹和文件创建文件夹和文件 （二）（二） 在站点地图中链接文件在站点地图中链接文件 1、创建文件夹、创建文件夹 在【文件】【文件】面板中右击根文件夹，在弹

7、在【文件】【文件】面板中右击根文件夹，在弹出的快捷菜单中选择【新建文件夹】命令，在出的快捷菜单中选择【新建文件夹】命令，在“untitled”处输入文件夹名并按回车键确认。处输入文件夹名并按回车键确认。 2、创建文件、创建文件 在【文件】【文件】面在【文件】【文件】面板中右击根文件夹，在弹出的板中右击根文件夹，在弹出的快捷菜单中选择【新建文件】快捷菜单中选择【新建文件】命令，在命令，在“untitled.asp”处输处输入文件名，并按回车键确认。入文件名，并按回车键确认。 在站点管理器中，单击在站点管理器中，单击 （站点地图）按钮，从其（站点地图）按钮，从其下拉菜单中选择下拉菜单中选择“地图和

8、文件地图和文件”命令命令 ，用鼠标单击左侧，用鼠标单击左侧站点导航中的主页文件，然后依次拖动其右上方的站点导航中的主页文件，然后依次拖动其右上方的 图图标到右侧本地文件夹中相应的文件上，这样就建立了主标到右侧本地文件夹中相应的文件上，这样就建立了主页文件和其他文件的链接。页文件和其他文件的链接。 本项目主要介绍了创建和管理站点及其内容的基本本项目主要介绍了创建和管理站点及其内容的基本方法。本实训主要是让读者进一步巩固导入和导出站点方法。本实训主要是让读者进一步巩固导入和导出站点的方法。的方法。 要求：从要求：从“项目实训项目实训/素材素材”文件夹中导入站点文件夹中导入站点“myownsite”

9、，然后对站点名称和保存位置进行修改，然后对站点名称和保存位置进行修改，最后导出站点信息，文件名为最后导出站点信息，文件名为“myownsite2”。制作“送孟浩然之广陵”网页 本项目主要介绍了创建和管理站点的本项目主要介绍了创建和管理站点的基本知识，包括设置首选参数的方法、定基本知识，包括设置首选参数的方法、定义站点的方法、复制和编辑站点的方法、义站点的方法、复制和编辑站点的方法、导入和导出站点的方法、删除站点的方法、导入和导出站点的方法、删除站点的方法、创建文件夹和文件的方法以及在站点地图创建文件夹和文件的方法以及在站点地图中链接文件的方法等。希望读者通过本项中链接文件的方法等。希望读者通过本项目的学习，能够熟练掌握在目的学习，能够熟练掌握在Dreamweaver 8中创建和管理站点的基本方法。中创建和管理站点的基本方法。