第2章站点及基本操作.ppt

第2课 站点的基本操作 课堂讲解 上机实战 课堂讲解 站点的规划 创建本地站点 创建远程站点 管理本地站点 管理站点地图 页面设置 站点的规划 Dreamweaver 8的站点类型 规划站点结构 绘制网站结构草图 Dreamweaver 8的站点类型 本地站点 远程站点 测试站点 二、创建与管理站点 为什么要建站点？ 建站点是制作网站的基础，可以把所用到的对象都放到站点文件夹下，方便管理、修改和上传。 站点的分类： 主要分为本地站点和远程站点 规划站点结构 规划站点结构是设计站点的必要前提，其操作是将不同的文件分类存放在文件夹中以便于设计者管理。合理地组织站点结构，可提高工作效率，加快对站点的设计。 绘制网站结构草图 站点规划好之后，就可以根据规划绘制出一个网站结构草图，以便于有一个清晰的思路。 创建本地站点 新建站点 新建文件夹 新建网页文件 1、创建前期： 首先在某个磁盘中建立一个一级文件夹（例如在D盘建立kyweb目录），然后在kyweb目录中再创建若干个相应的文件夹，用于分类存放其他各种类型的文件（例如图像文件可以存放在images文件夹中，动画存放在flash文件夹中，下载的文件存放在down文件夹中，等等。） 创建本地站点 创建本地站点 （6）【您如何连接到远程服务器？】选择无，单击下一步。 （7）再单击【完成】，结束【站点定义】对话框的设置。 （8）再次打开“管理站点”对话框，显示了刚建的站点，表示站点的创建已完成。 注：此建立速度非常慢，而且很麻烦，设计者可以直接通过【高级】来建立站点，方便快捷。 新建文件夹 建立好站点后就可以在站点中新建文件夹，该文件夹主要用来存储这个网站中用到的网页元素，如图片、音乐等。 新建网页文件 新建网页文件的方法与新建文件夹的方法相同 。 3、高级创建： 站点→新建站点→高级 进行如下设置： 站点名称为本地站点名 本地根文件夹 设置此文件夹的路径 默认图像文件夹- 设置此站点图像文件的默认存储路径 注意：当本地站点建立好后，会自动显示“站点”面板。 创建远程站点 创建远程站点的方法与创建本地站点的方法类似，只是无需在站点文件夹下再新建文件夹或网页文件。 管理本地站点 编辑本地站点 删除本地站点 编辑本地站点 选择本地站点 删除站点中的文 件和文件夹 更改站点信息 删除本地站点 如果不需要某个站点时，可以将其从站点列表中删除。 4、修改和管理站点 （1）打开【管理站点】对话框 单击【站点】→【管理站点】命令 单击文件控制面板中的【我的新网站】下拉列表菜单，从中选择【管理站点】命令，如图所示 （2）管理站点 a、在【管理站点】对话框中单击选择刚才新建的站点【我的新网站】 b、单击【编辑】按钮就可以再次编辑修改站点的名称和根文件夹；单击【复制】按钮可以复制选择的点，单击【删除】按钮可以删除选择的站点 （3）注意 无论是复制或删除站点，都不会影响到实际本地文件夹中的所有内容。这里的复制或删除只是复制或删除站点的连接与配置，并不会真正地复制或删除站点文件夹中的所有文件或文件夹 。 【管理站点】中的六项内容是： 新建、编辑、复制、删除、导出、导入 （4）导出站点 执行【站点】--【管理站点】，在打开的对话框中选中要导出的站点名称。单击【导出】按钮，打开导出站点对话框。选择导出位置，为导出的站点文件输入一个文件名。保存类型为“.ste”，单击【保存】按钮。 （5）导入站点 在导入站点之前，必须先从dreamweaver中导出站点，并确定站点保存扩展名为.ste的文件。执行【站点】--【管理站点】，打开对话框单击【导入】按钮。在打开的导入站点对话框中选择需要导入的站点文件，单击【打开】按钮。 三　创建和管理网页 1、创建网页 选择站点根目录或一个文件夹右击，从中选择【新建文件】命令，此时可以在本地站点新建一个网页文件，接下来输入文件的名称最后按【Enter】键即可。 首页的名称为index.html或index.htm 创建首页 2、管理网页 （a）在【文件】面板中右击网页文件选择【编辑】命令会显示如图所示的子菜单 （b）从中选择【删除】命令可以删除选择的文件，选择【复制】命令可以复制文件，选择【重命名】命令可以重新命名该文件的名称。 3、相应快捷键 【删除】命令的快捷键是【