电子商务网站建设ppt第3章设计与管理站点课件

1、电子商务网站建设 第3章设计与管理站点 7/17/20221通过本章的学习，主要掌握以下知识点：站点的规划 站点的设计 站点的管理 7/17/202223.1站点的规划与设计 1创建具有浏览器兼容性的站点2站点结构的组织3创建设计外观4设计导航方案5规划和收集资源 7/17/202233.2设置站点“Dreamweaver站点”和“Internet web 站点”不完全相同。“Dreamweaver站点”是在Dreamweaver制作网页的过程中所使用的术语，是定义一个站点名称、存放文件的文件夹、使用的Web服务器和应用服务器技术等。“Internet Web 站点”则是把已经成功的网站内容放

2、到Internet 或Intranet的web服务器上供用户浏览，即运行系统的web服务器上的站点。网站的发布过程就是将Dreamweaver站点变成Internet Web 站点的过程。 7/17/202241本地文件夹是工作目录。称为“本地站点”。2远程文件夹是存储文件的位置，称为“远程站点”，可以是专供开发用的临时定义的文件夹，也可以使用运行系统为其定义的站点。3动态文件夹即测试服务器，是Dreamweaver处理动态页的过程。使用Dreamweaver MX 2004前必须至少设置一个本地文件夹。7/17/20225有两种：一是使用“站点定义向导”，这可以根据提示逐步完成设置过程；二是

3、使用“高级”设置，可以根据需要分别设置本地、远程和测试文件夹。 设置Dreamweaver站点的方法7/17/202263.2.1管理站点 1选择菜单栏中的“站点”-“管理站点”，出现“站点管理”对话框，在对话框中可以定义多个站点。 新建站点操作如下： 1）单击“新建”-“站点”，出现站点定义对话框2）单击“基本”选项卡以使用站点定义向导，或者单击“高级”选项卡以使用“高级”设置。 7/17/20227管理站点对话框 7/17/20228站点定义 7/17/202293.2.2设置本地文件夹1在“站点定义”对话框中选择“高级”选项卡和“本地信息”类别选项。2输入“站点名称”，如my site。

4、3输入“本地根文件夹”，或者单击文件夹图标以选择或新建一个本地文件夹，如D:/xwx11。4如果选中“自动刷新本地文件列表”选项，则当每次复制文件到本地文件夹时，系统将自动刷新本地文件列表。如果不选中此项，则可以在站点面板中手动刷新。5在“默认图像文件夹”中确定存放图像的默认文件夹，一般是根目录下的“Images”。6在“HTTP地址”文本框中，输入Web站点将使用的URL。这使Dreamweaver能够验证站点中使用绝对URL的链接。7“启用缓存”选项，指定是否创建本地缓存以提高链接和站点管理任务的速度。 7/17/202210完成后的本地文件夹对话框 7/17/2022113.2.3设置远

5、程文件夹 1在站点定义对话框中选择“高级”选项卡的“远程信息”分类选项 2选择一个“访问”选项。3确定一个“远程文件夹”。4“自动刷新远程文件列表”复选框。5“保存时自动将文件上传到服务器”复选框。6“启用文件存回和取出”。7单击“确定”按钮。 7/17/202212定义远程站点对话框 7/17/2022133.2.4用FTP连接到Web服务器 1输入FTP主机名。2输入远程站点的主目录名。3输入连接FTP服务器的登录名和密码。4如果你的防火墙配置要求被动FTP，则选择“Use Passive FTP”。5使用防火墙选项。 6在windows中使用安全FTP 选择FTP来访问远程文件夹时，在W

6、indows中可以选择使用SSH安全登录检查框以自动继续FTP的安全检查。7其它选项与“本地网络”中相同。8单击“确定”按钮。 7/17/202214使用ftp连接时的远程站点定义对话框 7/17/2022151在“站点定义”对话框中选择“高级”选项卡，然后从“类别”列表中选择“测试服务器”2服务器模型 3访问方式有“无”、“FTP”和“Local/Network”三种。 4测试服务器 5自动刷新远程文件列表选项6URL前缀 7单击“确定”按钮 3.2.5设置测试服务器7/17/202216测试服务器定义对话框 7/17/202217应用服务器技术列表 7/17/2022183.3.1“文件”

7、面板1使用“文件”面板 2设置“文件”面板参数 3设置“文件视图列” 4在“文件”面板中查看站点3.3管理站点文件7/17/202219展开的文件面板 7/17/202220折叠的文件面板 7/17/202221站点面板工具栏 7/17/202222站点首选参数对话框 7/17/202223站点面板的文件列表 7/17/202224站点定义中的“文件视图列”选项 7/17/2022253.3.2站点地图站点地图仅适用于本地站点，若要创建远程站点的地图，需将远程站点的内容复制到本地磁盘上的一个文件夹中，然后使用“编辑站点”命令将该站点定义为本地站点。 7/17/2022261. 设置站点 1）选

8、择“站点”-“管理站点”，出现“管理站点”对话框。2）选择一个“站点”并单击“编辑”按钮，出现“站点定义”对话框。3）从左侧的“分类”列表中选择“站点地图布局”，“站点定义”对话框即可显示“站点地图布局”选项 4）单击文件夹图标以通过浏览查找站点的主页。7/17/2022275）在“列数”文本框中，键入一个数字以设置在站点地图窗口中每行要显示的页数。6）在“列宽”文本框中，键入一个数字以设置站点地图列的宽度。7）在“图标标签”下，选择在站点地图中与文档图标一起显示的名称表示为文件名还是页标题。8）在“选项”下，选择要在站点地图中显示的文件 。9)单击“确认”按钮 7/17/202228站点地图

9、布局对话框 7/17/202229站点地图例图 7/17/2022302.站点地图 站点地图的显示规则如下：（1）以红色显示的文本指示断开的链接；（2）以蓝色显示并标有地球图标的文本，指示其它站点上的文件或特殊链接；（3）绿色选中标记指示你已取出的文件；（4）红色选中标记指示他人取出的文件；（5）锁形图标指示只读或锁定的文件。 7/17/202231若要在站点地图中打开某页进行编辑，可执行以下操作之一（1）双击该文件；（2）选择该文件，然后选择“文件”-“打开”或“站点”-“打开”。 7/17/202232创建新文件并在站点中添加链接（1）在站点地图中选择一个HTML文件， 然后执行以下操作之

10、一。1）选择“站点”-“连接到新文件”或“站点”-“站点地图视图”-“连接到新文件”。2）从上下文菜单中选择“连接到新文件”。（2）输入该链接的名称、标题和文本。（3）单击“确认”按钮。 7/17/202233“链接到新文件”对话框 7/17/202234若要在站点地图中将文件标记为隐藏（1）在站点地图中选择一个或多个文件。（2）选择“视图”-“显示/隐藏链接”或选择“站点”-“站点地图视图”-“显示/隐藏链接”。若要显示或隐藏站点地图中标记为隐藏文件：选择“查看”-“显示标记为隐藏的文件”或“站点”-“站点地图视图”-“显示标记为隐藏的文件”。若要在站点地图中显示相关文件：选择“查看”-“显

11、示相关文件”或“站点”-“站点地图视图”-“显示标记为相关文件”。 7/17/202235若要在站点地图中取消文件的隐藏标记，可执行下面的操作。（1）在站点地图中选择一个或多个文件。（2）再次选择“显示标记为隐藏的文件”以取消选择标记“”。（3）再次选择“显示/隐藏链接”以取消选择标记“”。 7/17/2022363.3.3从站点列表中删除站点 1选择“站点”-“管理站点”，出现“管理站点”对话框。2选择一个站点名称。3单击“删除”按钮，出现一个对话框，要求确认删除。如图 316所示。4单击“是”，从列表中删除站点，或单击“NO”保留站点名称。5单击“完成”，关闭“编辑站点” 对话框。 7/1

12、7/202237确认删除站点对话框 7/17/2022383.3.4获取和上传文件 1从远程或测试服务器或取文件 （1）在“文件”面板上，从“站点”弹出式菜单中选择一个“站点”。（2）如果在使用FTP传输文件，请单击“连接”按钮打开于远程服务器的连接。如果可以在前以链接的“远程”窗格中看到远程文件，则无需单击“连接”；当单击“获取”时，Dreamweaver会自动连接。7/17/202239 （3）选择所需文件进行下载。通常在“远程视图”或“测试服务器”视图中选择这些文件， 也可以在“本地视图”中选择相应的文件。（4）单击“文件”面板工具栏上的“获取”按钮，或者选择“站点”-“获取”。如果文件

13、当前已在文档窗口中打开，则可以从文档窗口中选择“站点”“获取”，出现一个对话框，询问是否要获取相应文件。（5）若要下载相关文件，则单击“是”；否则单击“否”按钮。 7/17/202240 3.3.5同步本地和远程站点上的文件 （1）在“文件”面板上选择一个站点。（2）选择要上传的文件。通常在“本地”视图中选择这些文件，也可以在“远程”视图中选择相应的文件。（3）单击“文件”面板工具栏上的“上传”按钮。如果文件当前已经在文档窗口中打开，则可以从文档窗口种选择“站点”“上传”命令，（4）若要上传相关文件，则单击“是”；否则单击“否”按钮。 7/17/202241确认获取相关文件对话框 7/17/202242 如果远程站点为ftp服务器，则使用ftp来同步文件，其操作如下。1在“文件”面板中，从“当前站点”列表弹出式菜单中选择一个站点。2选择特定的文件或文件夹。如果要同步整个站点，则跳过此步骤。3从上下菜单中选择“同步”，出现“同步文件”对话框。4完成该对话框。 7/17/202243本章小结 主要介绍在Dreamweaver中如何规划、设计和管理站点，可以用多种方法创建站点，如果开发Web应用程序，则必须根据需要设置服务器和数据库，然后再设计该站点