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

1、电子商务网站建设电子商务网站建设 第第3 3章章设计与管理站点设计与管理站点 2022-4-172通过本章的学习，主要掌握以下知识点：通过本章的学习，主要掌握以下知识点：站点的规划站点的规划 站点的设计站点的设计 站点的管理站点的管理 2022-4-1733.1站点的规划与设计站点的规划与设计 1创建具有浏览器兼容性的站点创建具有浏览器兼容性的站点2站点结构的组织站点结构的组织3创建设计外观创建设计外观4设计导航方案设计导航方案5规划和收集资源规划和收集资源 2022-4-1743.2设置站点设置站点“Dreamweaver站点站点”和和“Internet web 站点站点”不完全相同。不完全

2、相同。“Dreamweaver站点站点”是在是在Dreamweaver制作网页的过程中所使用的制作网页的过程中所使用的术语，是定义一个站点名称、存放文件的术语，是定义一个站点名称、存放文件的文件夹、使用的文件夹、使用的Web服务器和应用服务器服务器和应用服务器技术等。技术等。“Internet Web 站点站点”则是把已则是把已经成功的网站内容放到经成功的网站内容放到Internet 或或Intranet的的web服务器上供用户浏览，即运行系统的服务器上供用户浏览，即运行系统的web服务器上的站点。服务器上的站点。网站的发布过程就是将网站的发布过程就是将Dreamweaver站点变成站点变成I

3、nternet Web 站点的过程。站点的过程。 2022-4-1751本地文件夹本地文件夹是工作目录。称为是工作目录。称为“本地站点本地站点”。2远程文件夹远程文件夹是存储文件的位置，称为是存储文件的位置，称为“远程站点远程站点”，可，可以是专供开发用的临时定义的文件夹，也可以是专供开发用的临时定义的文件夹，也可以使用运行系统为其定义的站点。以使用运行系统为其定义的站点。3动态文件夹动态文件夹即测试服务器，是即测试服务器，是Dreamweaver处理动态页处理动态页的过程。的过程。使用使用Dreamweaver MX 2004前必须至少设置前必须至少设置一个本地文件夹。一个本地文件夹。202

4、2-4-176有两种：有两种：一是使用一是使用“站点定义向导站点定义向导”，这可以，这可以根据提示逐步完成设置过程；根据提示逐步完成设置过程；二是使用二是使用“高级高级”设置，可以根据需设置，可以根据需要分别设置本地、远程和测试文件夹。要分别设置本地、远程和测试文件夹。 设置设置Dreamweaver站点的方法站点的方法2022-4-1773.2.1管理站点管理站点 1选择菜单栏中的选择菜单栏中的“站点站点”-“管理站点管理站点”，出现，出现“站点管理站点管理”对对话框，在对话框中可以定义多个站点。话框，在对话框中可以定义多个站点。 新建站点操作如下：新建站点操作如下： 1）单击）单击“新建新

5、建”-“站点站点”，出现站，出现站点定义对话框点定义对话框2）单击）单击“基本基本”选项卡以使用站点定选项卡以使用站点定义向导，或者单击义向导，或者单击“高级高级”选项卡以使用选项卡以使用“高级高级”设置。设置。 2022-4-178管理站点对话框 2022-4-179站点定义站点定义 2022-4-17103.2.2设置本地文件夹设置本地文件夹1在在“站点定义站点定义”对话框中选择对话框中选择“高级高级”选项卡和选项卡和“本地信息本地信息”类别选项。类别选项。2输入输入“站点名称站点名称”，如，如my site。3输入输入“本地根文件夹本地根文件夹”，或者单击文件夹图标以选择或新建，或者单击

6、文件夹图标以选择或新建一个本地文件夹，如一个本地文件夹，如D:/xwx11。4如果选中如果选中“自动刷新本地文件列表自动刷新本地文件列表”选项，则当每次复制文选项，则当每次复制文件到本地文件夹时，系统将自动刷新本地文件列表。如果不选件到本地文件夹时，系统将自动刷新本地文件列表。如果不选中此项，则可以在站点面板中手动刷新。中此项，则可以在站点面板中手动刷新。5在在“默认图像文件夹默认图像文件夹”中确定存放图像的默认文件夹，一般中确定存放图像的默认文件夹，一般是根目录下的是根目录下的“Images”。6在在“HTTP地址地址”文本框中，输入文本框中，输入Web站点将使用的站点将使用的URL。这使这

7、使Dreamweaver能够验证站点中使用绝对能够验证站点中使用绝对URL的链接。的链接。7“启用缓存启用缓存”选项，指定是否创建本地缓存以提高链接和站选项，指定是否创建本地缓存以提高链接和站点管理任务的速度。点管理任务的速度。 2022-4-1711完成后的本地文件夹对话框 2022-4-17123.2.3设置远程文件夹设置远程文件夹 1在站点定义对话框中选择在站点定义对话框中选择“高级高级”选项卡的选项卡的“远程信息远程信息”分类选项分类选项 2选择一个选择一个“访问访问”选项。选项。3确定一个确定一个“远程文件夹远程文件夹”。4“自动刷新远程文件列表自动刷新远程文件列表”复选框。复选框。

8、5“保存时自动将文件上传到服务器保存时自动将文件上传到服务器”复选框。复选框。6“启用文件存回和取出启用文件存回和取出”。7单击单击“确定确定”按钮。按钮。 2022-4-1713定义远程站点对话框 2022-4-17143.2.4用用FTP连接到连接到Web服务器服务器 1输入输入FTP主机名。主机名。2输入远程站点的主目录名。输入远程站点的主目录名。3输入连接输入连接FTP服务器的登录名和密码。服务器的登录名和密码。4如果你的防火墙配置要求被动如果你的防火墙配置要求被动FTP，则选择，则选择“Use Passive FTP”。5使用防火墙选项。使用防火墙选项。 6在在windows中使用安

9、全中使用安全FTP 选择选择FTP来访问远来访问远程文件夹时，在程文件夹时，在Windows中可以选择使用中可以选择使用SSH安全安全登录检查框以自动继续登录检查框以自动继续FTP的安全检查。的安全检查。7其它选项与其它选项与“本地网络本地网络”中相同。中相同。8单击单击“确定确定”按钮。按钮。 2022-4-1715使用ftp连接时的远程站点定义对话框 2022-4-17161在在“站点定义站点定义”对话框中选择对话框中选择“高级高级”选项卡，然后从选项卡，然后从“类别类别”列表中选择列表中选择“测试服测试服务器务器”2服务器模型服务器模型 3访问方式访问方式有有“无无”、“FTP”和和“L

10、ocal/Network”三三种。种。 4测试服务器测试服务器 5自动刷新远程文件列表选项自动刷新远程文件列表选项6URL前缀前缀 7单击单击“确定确定”按钮按钮 3.2.5设置测试服务器设置测试服务器2022-4-1717测试服务器定义对话框 2022-4-1718应用服务器技术列表 2022-4-17193.3.1“文件文件”面板面板1使用使用“文件文件”面板面板 2设置设置“文件文件”面板参数面板参数 3设置设置“文件视图列文件视图列” 4在在“文件文件”面板中查看站点面板中查看站点3.3管理站点文管理站点文件件2022-4-1720展开的文件面板 2022-4-1721折叠的文件面板

11、2022-4-1722站点面板工具栏 2022-4-1723站点首选参数对话框 2022-4-1724站点面板的文件列表 2022-4-1725站点定义中的“文件视图列”选项 2022-4-17263.3.2站点地图站点地图站点地图仅适用于本地站点，若要创站点地图仅适用于本地站点，若要创建远程站点的地图，需将远程站点的建远程站点的地图，需将远程站点的内容复制到本地磁盘上的一个文件夹内容复制到本地磁盘上的一个文件夹中，然后使用中，然后使用“编辑站点编辑站点”命令将该命令将该站点定义为本地站点。站点定义为本地站点。 2022-4-17271. 设置站点设置站点 1）选择）选择“站点站点”-“管理站

12、点管理站点”，出，出现现“管理站点管理站点”对话框。对话框。2）选择一个）选择一个“站点站点”并单击并单击“编辑编辑”按按钮，出现钮，出现“站点定义站点定义”对话框。对话框。3）从左侧的）从左侧的“分类分类”列表中选择列表中选择“站点站点地图布局地图布局”，“站点定义站点定义”对话框即可显对话框即可显示示“站点地图布局站点地图布局”选项选项 4）单击文件夹图标以通过浏览查找站点）单击文件夹图标以通过浏览查找站点的主页。的主页。2022-4-17285）在）在“列数列数”文本框中，键入一个数字以文本框中，键入一个数字以设置在站点地图窗口中每行要显示的页数。设置在站点地图窗口中每行要显示的页数。6

13、）在）在“列宽列宽”文本框中，键入一个数字以文本框中，键入一个数字以设置站点地图列的宽度。设置站点地图列的宽度。7）在）在“图标标签图标标签”下，选择在站点地图中下，选择在站点地图中与文档图标一起显示的名称表示为文件名与文档图标一起显示的名称表示为文件名还是页标题。还是页标题。8）在）在“选项选项”下，选择要在站点地图中显下，选择要在站点地图中显示的文件示的文件 。9)单击单击“确认确认”按钮按钮 2022-4-1729站点地图布局对话框 2022-4-1730站点地图例图 2022-4-17312.站点地图 站点地图的显示规则如下：（1）以红色显示的文本指示断开的链接；（2）以蓝色显示并标有

14、地球图标的文本，指示其它站点上的文件或特殊链接；（3）绿色选中标记指示你已取出的文件；（4）红色选中标记指示他人取出的文件；（5）锁形图标指示只读或锁定的文件。 2022-4-1732若要在站点地图中打开某页进行若要在站点地图中打开某页进行编辑，可执行以下操作之一编辑，可执行以下操作之一（1）双击该文件；）双击该文件；（2）选择该文件，然后选择）选择该文件，然后选择“文件文件”-“打开打开”或或“站点站点”-“打开打开”。 2022-4-1733创建新文件并在站点中添加链接创建新文件并在站点中添加链接（1）在站点地图中选择一个）在站点地图中选择一个HTML文件，文件， 然后执行以下操作之一。然

15、后执行以下操作之一。1）选择）选择“站点站点”-“连接到新文件连接到新文件”或或“站点站点”-“站点地图视图站点地图视图”-“连接到新连接到新文件文件”。2）从上下文菜单中选择）从上下文菜单中选择“连接到新文连接到新文件件”。（2）输入该链接的名称、标题和文本。）输入该链接的名称、标题和文本。（3）单击）单击“确认确认”按钮。按钮。 2022-4-1734“链接到新文件”对话框 2022-4-1735若要在站点地图中将文件标记为隐藏若要在站点地图中将文件标记为隐藏（1）在站点地图中选择一个或多个文件。）在站点地图中选择一个或多个文件。（2）选择）选择“视图视图”-“显示显示/隐藏链接隐藏链接”

16、或或选择选择“站点站点”-“站点地图视图站点地图视图”-“显示显示/隐隐藏链接藏链接”。若要显示或隐藏站点地图中标记为隐藏文件：若要显示或隐藏站点地图中标记为隐藏文件：选择选择“查看查看”-“显示标记为隐藏的文件显示标记为隐藏的文件”或或“站点站点”-“站点地图视图站点地图视图”-“显示标记为显示标记为隐藏的文件隐藏的文件”。若要在站点地图中显示相关文件：选择若要在站点地图中显示相关文件：选择“查查看看”-“显示相关文件显示相关文件”或或“站点站点”-“站点站点地图视图地图视图”-“显示标记为相关文件显示标记为相关文件”。 2022-4-1736若要在站点地图中取消文件的若要在站点地图中取消文

17、件的隐藏标记，可执行下面的操作。隐藏标记，可执行下面的操作。（1）在站点地图中选择一个或多个文件。）在站点地图中选择一个或多个文件。（2）再次选择）再次选择“显示标记为隐藏的文件显示标记为隐藏的文件”以取消选择标记以取消选择标记“”。（3）再次选择）再次选择“显示显示/隐藏链接隐藏链接”以取消以取消选择标记选择标记“”。 2022-4-17373.3.3从站点列表中删除站点从站点列表中删除站点 1选择选择“站点站点”-“管理站点管理站点”，出，出现现“管理站点管理站点”对话框。对话框。2选择一个站点名称。选择一个站点名称。3单击单击“删除删除”按钮，出现一个对话框，按钮，出现一个对话框，要求确

18、认删除。如图要求确认删除。如图 3 16所示。所示。4单击单击“是是”，从列表中删除站点，或，从列表中删除站点，或单击单击“NO”保留站点名称。保留站点名称。5单击单击“完成完成”，关闭，关闭“编辑站点编辑站点” 对话框。对话框。 2022-4-1738确认删除站点对话框 2022-4-17393.3.4获取和上传文件获取和上传文件 1从远程或测试服务器或取文件从远程或测试服务器或取文件 （1）在）在“文件文件”面板上，从面板上，从“站点站点”弹弹出式菜单中选择一个出式菜单中选择一个“站点站点”。（2）如果在使用）如果在使用FTP传输文件，请单击传输文件，请单击“连接连接”按钮打开于远程服务器

19、的连接。按钮打开于远程服务器的连接。如果可以在前以链接的如果可以在前以链接的“远程远程”窗格中窗格中看到远程文件，则无需单击看到远程文件，则无需单击“连接连接”；当单击当单击“获取获取”时，时，Dreamweaver会自会自动连接。动连接。2022-4-1740 （3）选择所需文件进行下载。通常在）选择所需文件进行下载。通常在“远程视图远程视图”或或“测试服务器测试服务器”视图中选择这些文件，视图中选择这些文件， 也可以在也可以在“本地视图本地视图”中选择相应的文件。中选择相应的文件。（4）单击）单击“文件文件”面板工具栏上的面板工具栏上的“获取获取”按钮，按钮，或者选择或者选择“站点站点”-

20、“获取获取”。如果文件当前已在文档窗口中打开，则可以从文档如果文件当前已在文档窗口中打开，则可以从文档窗口中选择窗口中选择“站点站点”“获取获取”，出现一个对，出现一个对话框，询问是否要获取相应文件。话框，询问是否要获取相应文件。（5）若要下载相关文件，则单击）若要下载相关文件，则单击“是是”；否则单击；否则单击“否否”按钮。按钮。 2022-4-1741 3.3.5同步本地和远程站点上的文件同步本地和远程站点上的文件 （1）在）在“文件文件”面板上选择一个站点。面板上选择一个站点。（2）选择要上传的文件。通常在）选择要上传的文件。通常在“本地本地”视图中选择这些文件，也可以在视图中选择这些文

21、件，也可以在“远程远程”视图中选择相应的文件。视图中选择相应的文件。（3）单击）单击“文件文件”面板工具栏上的面板工具栏上的“上上传传”按钮。如果文件当前已经在文档窗口按钮。如果文件当前已经在文档窗口中打开，则可以从文档窗口种选择中打开，则可以从文档窗口种选择“站点站点”“上传上传”命令，命令，（4）若要上传相关文件，则单击）若要上传相关文件，则单击“是是”；否则单击否则单击“否否”按钮。按钮。 2022-4-1742确认获取相关文件对话框 2022-4-1743 如果远程站点为如果远程站点为ftp服务器，则使用服务器，则使用ftp来来同步文件，其操作如下。同步文件，其操作如下。1在在“文件文

22、件”面板中，从面板中，从“当前站点当前站点”列表弹出式菜单中选择一个站点。列表弹出式菜单中选择一个站点。2选择特定的文件或文件夹。如果要同选择特定的文件或文件夹。如果要同步整个站点，则跳过此步骤。步整个站点，则跳过此步骤。3从上下菜单中选择从上下菜单中选择“同步同步”，出现，出现“同步文件同步文件”对话框。对话框。4完成该对话框。完成该对话框。 2022-4-1744本章小结本章小结 主要介绍在主要介绍在Dreamweaver中如何规划、设计和管理中如何规划、设计和管理站点，可以用多种方法创建站点，如果开发站点，可以用多种方法创建站点，如果开发Web应应用程序，则必须根据需要设置服务器和数据库

23、，然用程序，则必须根据需要设置服务器和数据库，然后再设计该站点的外观，并对该站点进行功能测试，后再设计该站点的外观，并对该站点进行功能测试，以验证该站点是否符合定义的目标，可以在站点中以验证该站点是否符合定义的目标，可以在站点中包含动态页，在服务器上可以发布网站，并定期地包含动态页，在服务器上可以发布网站，并定期地维护，以确保站点保持最新，且工作正常。本章培维护，以确保站点保持最新，且工作正常。本章培养学生实际动手操作能力。养学生实际动手操作能力。 2022-4-1745习题习题1“Dreamweaver站点站点”和和“Internet web 站站点点”有何不同？有何不同？2.如何规划与设计一个站点？如何规划与设计一个站点？3.设计一个站点并对站点进行相应管理。设计一个站点并对站点进行相应管理。4.如何删除一个站点？如何删除一个站点？ 2022-4-1746再见!