5设计和管理站点.pptVIP

第5讲 设计与管理站点 ;通过本章的学习，主要掌握以下知识点： 站点的规划 站点的设计 站点的管理 ; 网站开发流程 ;网站开发流程;需求分析，确定网站主题、目的、用途;网站开发主要流程解析;网站开发主要流程解析;第七步是测试代码，察看漏洞，完善错误提示，优化代码 第八步是上传发布你的网站程序，绑定您的域名，空间。用ftp工具上传你的代码。;站点规划 ;站点规划 ;站点规划 ;站点规划 ;站点规划 ;网页的文本内容应简明、通俗易懂 动态网站最好提供友好的用户图形界面， 简单而且安全的注册和登陆方式 有效的站内信息检索 制作容易被搜索引擎收录的相关页面 最关键的还是网页的下载速度和友好的用户界面;设计站点的基本结构 ;设计站点的基本结构 ;图 1.13 “网上书苑”网站基本结构示意图 ;图 1.13 “网上书苑”网站在dreamweaver8中的站点结构示意图 ;设计并制作网页;设计并制作网页;设计并制作网页;设计并制作网页;设计并制作网页;设计并制作网页;整理素材，设计网页的效果图;搜集网页制作素材;实现交互性和动画 ;实现交互性和动画 ;测试、发布和维护站点 ;测试、发布和维护站点;5.2 设置站点;1．本地文件夹 是工作目录。称为“本地站点”。 2．远程文件夹 是存储文件的位置，称为“远程站点”，可以是专供开发用的临时定义的文件夹，也可以使用运行系统为其定义的站点。 3．动态文件夹 即测试服务器，是Dreamweaver处理动态页的过程。 使用Dreamweaver MX 2004前必须至少设置一个本地文件夹。;有两种： 一是使用“站点定义向导”，这可以根据提示逐步完成设置过程； 二是使用“高级”设置，可以根据需要分别设置本地、远程和测试文件夹。 ;5.2.1管理站点 ;管理站点对话框 ;站点定义 ;设置本地文件夹;完成后的本地文件夹对话框 ;设置远程文件夹 1．在站点定义对话框中选择“高级”选项卡的“远程信息”分类选项 2．选择一个“访问”选项。 3．确定一个“远程文件夹”。 4．“自动刷新远程文件列表”复选框。 5．“保存时自动将文件上传到服务器”复选框。 6．“启用文件存回和取出”。 7．单击“确定”按钮。 ;定义远程站点对话框 ;用FTP连接到Web服务器 ;使用ftp连接时的远程站点定义对话框 ;1．在“站点定义”对话框中选择“高级”选项 卡，然后从“类别”列表中选择“测试服务器” 2．服务器模型 3．访问方式 有“无”、“FTP”和“Local/Network”三种。 4．测试服务器 5．自动刷新远程文件列表选项 6．URL前缀 7．单击“确定”按钮 ;测试服务器定义对话框 ;应用服务器技术列表 ;5.3.1 “文件”面板 1．使用“文件”面板 2．设置“文件”面板参数 3．设置“文件视图列” 4．在“文件”面板中查看站点;展开的文件面板 ;折叠的文件面板 ;站点面板工具栏 ;站点首选参数对话框 ;站点面板的文件列表 ;站点定义中的“文件视图列”选项 ;5.3.2站点地图 ;1. 设置站点 1）选择“站点”-〉“管理站点”，出现“管理站点”对话框。 2）选择一个“站点”并单击“编辑”按钮，出现“站点定义”对话框。 3）从左侧的“分类”列表中选择“站点地图布局”，“站点定义”对话框即可显示“站点地图布局”选项 4）单击文件夹图标以通过浏览查找站点的主页。;5）在“列数”文本框中，键入一个数字以设置在站点地图窗口中每行要显示的页数。 6）在“列宽”文本框中，键入一个数字以设置站点地图列的宽度。 7）在“图标标签”下，选择在站点地图中与文档图标一起显示的名称表示为文件名还是页标题。 8）在“选项”下，选择要在站点地图中显示的文件 。 9)单击“确认”按钮 ;站点地图布局对话框 ;站点地图例图 ;2.站点地图 ;若要在站点地图中打开某页进行编辑，可执行以下操作之一 （1）双击该文件； （2）选择该文件，然后选择“文件”-〉“打开”或“站点”-〉“打开”。 ;创建新文件并在站点中添加链接;“链接到新文件”对话框 ;若要在站点地图中将文件标记为隐藏;若要在站点地图中取消文件的隐藏标记，可执行下面的操作。（1）在站点地图中选择一个或多个文件。（2）再次选择“显示标记为隐藏的文件”以取消选择标记“√”。（3）再次选择“显示/隐藏链接”以取消选择标记“√”。 ;从站点列表中删除站点 ;确认删除站点对话框 ;获取和上传文件 ;（3）选择所需文件进行下载。通常在“远程视图”或“测试服务器”视图中选择这些文件， 也可以在“本地视图”中选择相应的文件。 （4）单击“文件”面板工具栏上的“获取”按钮，或者选择“站点”-〉“获取”。 如果文件当前已在文档窗口中打开，则可以从文档窗口中选择