网站建设与管理 第3章 站点的建设与规划.ppt

网站建设与管理网站建设与管理 第3章 站点的建设与规划 3.1站点概述 3.1.1 站点站点 从存从存贮贮角度看，多数站点其角度看，多数站点其实实就是一个文件就是一个文件夹夹，由超，由超链链接关接关联联在一起在一起的的一系列文档一系列文档组组成。利用成。利用浏览浏览器从一个文器从一个文档跳档跳转转到另一个文档，到另一个文档，实现实现整个网站的整个网站的浏览浏览。3.1站点概述3.1.2 规划站点规划站点 若站点的文件若站点的文件较较少，可以只用一个文件少，可以只用一个文件夹夹。若站点文件。若站点文件较较多，多，则则将所有相关文件分将所有相关文件分门别类门别类放在各自的子文件放在各自的子文件夹夹中。中。为为了在了在浏览浏览器地址器地址栏栏中中输输入方便，站点起名最好用入方便，站点起名最好用英文。英文。3.2创建本地站点l3.2.1在在Dreamweaver中新建站点中新建站点 举例如下：1 1“站站点点”菜菜单单“管管理理站站点点”，显显示示“管管理理站站点点”对对话框话框。2在在对对话话框框中中单单击击“新新建建”按按钮钮选选“站站点点”选选项项在在“站站点点定定义义”对对话话框框为为站站点点起起名名为为“new”new”在在“本本地地根文件夹根文件夹”框中输入框中输入“F:new”F:new”。3 3单击单击“确认确认”。一个新站点就建好了。一个新站点就建好了。3.2创建本地站点l3.2.2建立指向建立指向Windows文件夹的站点文件夹的站点举例如下：举例如下：1.先在先在WindowWindow中建好文件夹。中建好文件夹。2 2.在在“管理站点管理站点”对话对话框中框中单击单击“站点站点”。3 3.在在“站点名称站点名称”框中框中为为站点起名站点起名 。4 4.单击单击“本地根文件本地根文件夹夹”框的框的浏览浏览文件按文件按钮钮在打在打开的开的对话对话框中找框中找WindowsWindows文件文件夹夹单击单击“确确认认”。3.2创建本地站点l3.2.3站点的导出与导入站点的导出与导入 利利用用站站点点导导出出功功能能可可以以将将一一个个DreamweaverDreamweaver站站点点文件（扩展名为文件（扩展名为.steste）保存到盘上。方法为：保存到盘上。方法为：“站点站点”菜单菜单“管理站点管理站点”（显示（显示“管理站管理站点点”窗口）窗口）选择一个站点名（例如选选择一个站点名（例如选newnew站点）站点）单击单击“导出导出”按钮（显示按钮（显示“导出站点导出站点”对话框）对话框）在在“导出站点导出站点”对话框中为站点选保存位置对话框中为站点选保存位置（例如（例如E:E:）单击单击“保存保存”按钮。在按钮。在E E盘根目录盘根目录可以看到可以看到new.new.steste。3.2创建本地站点l3.2.3站点的导出与导入站点的导出与导入 利利用用站站点点导导入入功功能能可可以以从从磁磁盘盘上上导导入入一一个个站站点点文文件件，方方法为：法为：“站站点点”菜菜单单“管管理理站站点点”在在“管管理理站站点点”窗窗口口中中单单击击“导导入入”按按钮钮在在“导导入入站站点点”对对话话框框中中选选择择要要导导入的站点文件入的站点文件单击单击“打开打开”按钮。按钮。导入的站点文件显示在导入的站点文件显示在“管理站点管理站点”窗口中。如果导入窗口中。如果导入的站点名与已有的站点重名，的站点名与已有的站点重名，Dreamweaver会自动做出会自动做出处理以免重名。如果导入的站点处理以免重名。如果导入的站点new与已有的站点重名，与已有的站点重名，系统自动将导入的站点更名为系统自动将导入的站点更名为new0。3.3站点的操作l3.3.1站点面板站点面板 站点面板在Dreamweaver MX 2004中被称为“文件”面板。“文件”面板在文档窗口右边的面板组中，在“窗口”菜单中设置“文件”面板的打开或关闭，单击右边的“扩展/折叠”按钮可以展开或折叠面板窗口。对站点中文件的操作要在“文件”面板中进行。3.3站点的操作l3.3.1站点面板站点面板说明：说明：（1 1）“文文件件”面面板板上上方方有有2 2个个下下拉拉列列表表框框，左左边边框框中中是是所所有站点名称列表。右边框中是站点视图列表。有站点名称列表。右边框中是站点视图列表。（2 2）列列表表框框下下方方有有7 7个个工工具具按按钮钮，从从左左到到右右依依次次为为：连连接接到到远远端端主主机机、刷刷新新、获获取取文文件件、上上传传文文件件、取取出出文文件件、存回文件、扩展存回文件、扩展/折叠。折叠。（3 3）“文件文件”窗口中窗口中显显示当前站点的示当前站点的树树型型结结构，构，还显还显示本示本地地计计算机的整个算机的整个树树型型结结构。构。类类似于似于Windows Windows 的的资资源管理源管理器窗口。器窗口。3.3站点的操作l3.3.2管理本地站点管理本地站点1 1打开本地站点打开本地站点打打开开“文文件件”面面板板在在站站点点名名称称列列表表框框中中选选一一个个站站点点名名称称，即即打打开开了了本本地地站站点点。DreamweaverDreamweaver规规定定一一次次只只能能打打开开和和编编辑一个本地站点。辑一个本地站点。2 2编辑站点编辑站点“站点站点”菜单菜单“管理站点管理站点”在在“管理站点管理站点”对话对话框中选择站点框中选择站点单击单击“编辑站点编辑站点”按钮。或在站点面板按钮。或在站点面板的名称列表框中选的名称列表框中选“管理站点管理站点”单击单击“编辑站点编辑站点”按按钮。钮。3.3站点的操作l3.3.3编辑本地站点编辑本地站点1 1给站点创建文件夹给站点创建文件夹在在 “文文件件”面面板板左左列列表表框框中中选选一一个个站站点点（本本例例选选newnew站站点点）右右击击要要创创建建文文件件夹夹的的父父文文件件夹夹在在快快捷捷菜菜单单中中选选“新新建文件夹建文件夹”输入文件夹名称，如输入文件夹名称，如“image”image”。2 2给站点文件夹创建文件给站点文件夹创建文件 在在“文件文件”面板中右面板中右击击要要创创建文件的文件建文件的文件夹夹在快捷菜在快捷菜单单中中选选“新建文件新建文件”输输入新文件名称，如入新文件名称，如“logo”logo”。3.3站点的操作l3.3.3编辑本地站点编辑本地站点3 3站点文件夹和文件的复制、删除、重命名站点文件夹和文件的复制、删除、重命名 在在“文件文件”面板中右面板中右击击文件文件夹夹或文件或文件选选“编辑编辑”，显显示快示快捷菜捷菜单单。文件文件夹夹或文件的复制、或文件的复制、删删除、重命名等操作都除、重命名等操作都可以用快捷菜可以用快捷菜单实现单实现。说明如下：说明如下：（1 1）做做移移动动和和复复制制操操作作后后文文件件位位置置发发生生变变化化，其其中中的的链链接接信信息息也也发发生生变变化化，系系统统会会提提示示是是否否更更新新文文件件的的链链接接信信息息。一般应选择一般应选择“更新更新”。（2 2）删删除文件或文件除文件或文件夹夹与站点的与站点的删删除不同，站点的除不同，站点的删删除除只只删删除一个除一个对应对应关系，文件或文件关系，文件或文件夹夹不受影响，而不受影响，而删删除除文件或文件文件或文件夹则夹则是真正的磁是真正的磁盘盘操作。操作。3.3站点的操作l3.3.3编辑本地站点编辑本地站点4 4编辑站点文件编辑站点文件 要要编辑编辑站点文件，可以双站点文件，可以双击击“文件文件”面板上面板上该该文文件件图标图标，如果是，如果是HTMLHTML文档就会文档就会载载入入DreamweaverDreamweaver窗口，窗口，编辑编辑后保存文档，本地站点文件就会得到后保存文档，本地站点文件就会得到更新。如果是其他更新。如果是其他类类型的文件，双型的文件，双击击后会启后会启动动相相应应外部外部编辑编辑器，在其中器，在其中进进行行编辑编辑。3.3站点的操作l3.3.3编辑本地站点编辑本地站点5 5刷新本地站点刷新本地站点如如果果在在DreamweaverDreamweaver之之外外给给站站点点添添加加或或删删除除了了文文件件，或或对对站站点点文文件件结结构构作作了了修修改改，就就应应该该对对本本地地站站点点文文件件列列表表进行刷新。单击站点面板的进行刷新。单击站点面板的“刷新刷新”按钮按钮 即可。即可。6 6重建缓存重建缓存站站点点缓缓存存中中记记录录了了当当前前站站点点的的基基本本信信息息，如如页页面面间间的的链链接接关关系系。如如果果在在DreamweaverDreamweaver外外给给站站点点添添加加或或删删除除了了资资源源或修改了页面链接，就应该对本地站点重建缓存。或修改了页面链接，就应该对本地站点重建缓存。方法方法为为：“站点站点”菜菜单单“高高级级”“”“重建站点重建站点缓缓存存”。3.3站点的操作l3.3.3编辑本地站点编辑本地站点7 7本地站点的地图视图本地站点的地图视图本本地地站站点点的的“地地图图视视图图”用用图图形形化化方方式式显显示示网网页页之之间间的的链链接接和和站站点点结结构构，使使当当前前站站点点中中文文档档的的关关系一目了然。方法如下：系一目了然。方法如下：在在“文文件件”面面板板的的左左列列表表框框中中选选一一个个站站点点右右边边“视视图图”列列表表框框中中选选“地地图图视视图图”。选选中中的的站站点点将将以以地地图视图显图视图显示。示。