《项目二创建与管理站点ppt课件.pptx》由会员分享，可在线阅读，更多相关《项目二创建与管理站点ppt课件.pptx（25页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、项目二 创建与管理站点项目二 创建与管理站点学习目标学习目标l了解本地站点、远程站点的基本概念l了解站点及站点结构l掌握站点的规划方法l掌握创建本地站点l掌握本地站点的管理项目二 创建与管理站点项目项目简介简介创建站点是网页设计之前必须的准备工作，站点用于存储和管理网站中的各种网页文档，以及与网站相关的各种资源。本项目要求学生理解站点相关的概念，掌握如何规划站点，会创建站点、管理站点、管理站点文件及文件夹，最终达到利用站点工具对站点进行管理的目的。本项目要完成的任务：任务一 创建本地站点任务二 管理本地站点任务三 管理本地站点中的文件任务一 创建本地站点任务描述任务描述在本地磁盘创建站点文件夹
2、WebTest，利用Dreamweaver CS6的站点管理工具创建本地站点，站点命名为WebTest。通过该本任务，学生需要掌握创建本地站点的方法。任务一 创建本地站点知识知识储备储备1.Dreamweaver站点站点Dreamweaver站点是一种管理网站中所有文件的工具。“站点”既表示Web站点，也表示属于Web站点的文件在本地磁盘上的存储位置。任务一 创建本地站点2.本地站点与远程本地站点与远程站点站点（1）本地站点直接建立在本地计算机上的站点。一般为网站开发者的计算机工作目录，是存放网页、素材的本地文件夹，开发者能够在本地计算机的磁盘上构建出整个网站，编辑相应的文档并对站点进行管理。
3、任务一 创建本地站点（2）远程站点发布到Web服务器上的站点。任务一 创建本地站点任务任务实施实施1.在本地磁盘（如F盘）下创建用来存放站点的文件夹WebTest（F:WebTest）；2.启动Dreamweaver CS6选择“站点”菜单选择“新建站点”（或选择“管理站点”项点击“新建站点”）。如图2-1所示；图2-1 新建站点任务一 创建本地站点3.在“站点设置对象”对话框中选择“站点”选项在“站点名称”文本框中输入站点名称（WebTest）在“本地站点文件夹”右侧点击“浏览文件夹”按钮，选择事先创建好的站点文件夹（f:WebTest），点击“选择”按钮，如图2-2所示保存2-2 设置站点
4、名称和路径任务一 创建本地站点4.选择“服务器”选项单击“添加新服务器” 按钮，如图2-3所示在弹出的对话框中，输入“服务器名称”，选择“连接方法”为“本地/网络”选项，如图2-4所示单击“高级”“测试服务器模型”选择“ASP VBScript” 保存，如图2-5所示。2-3 添加新服务器图2-4 设置服务器图2-5 设置服务器模型任务一 创建本地站点5.在“站点设置对象”对话框中，单击“保存”按钮通过上面的操作，在“文件”面板中就可看到创建的本地站点文件，如图2-6所示。图2-6 站点文件夹任务二 管理本地站点任务描述任务描述通过对前一个任务的学习，我们掌握了创建本地站点的方法，对于创建好的
5、站点还需要管理维护，该任务需要学生学会对站点的编辑、复制、导出及删除等的操作。该任务的需求如下所示：1.编辑WebTest站点，把“本地站点文件夹”更改为Test文件夹；2.复制WebTest站点，并重命名为MySite; 3.导出MySite站点，并保存到D盘中，文件名为MySite；4.删除MySite站点；5.导入MySite站点。任务二 管理本地站点任务任务实施实施1.编辑WebTest站点启动Dreamweaver cs6 单击“站点”菜单单击“管理站点”从站点列表中选择“WebTest”站点，单击“编辑” 按钮在“站点”选项中的“本地站点文件”处点击“浏览文件夹” 图标，在打开的“
6、选择根文件夹”对话框中找到“Test”文件夹，点击“选择”编辑完成后，单击“确定”按钮，返回到“管理站点”对话框，单击“完成”按钮编辑完成。任务二 管理本地站点2.复制WebTest站点启动Dreamweaver cs6 单击“站点”菜单单击“管理站点”从站点列表中选择“WebTest”站点，单击“复制” 按钮此时在站点列表中可以看到复制的站点（WebTest复制）选中“WebTest复制”站点 单击“编辑” 按钮在“站点”选项中的“站点名称”文本框中输入“MySite”，点击“保存”按钮完成站点复制。任务二 管理本地站点3.导出MySite站点启动Dreamweaver cs6 单击“站点”
7、菜单单击“管理站点”从站点列表中选择“MySite”站点，单击“导出当前选定的站点” 按钮在弹出的“导出站点”对话框中，保存位置选择“D盘符”，文件名为“MySite.ste”单击“保存”按钮在“管理站点”对话框中单击“完成”按钮即可。（导出的站点定义文件类型为.ste）任务二 管理本地站点4.删除MySite站点启动Dreamweaver cs6 单击“站点”菜单单击“管理站点”从站点列表中选择要删除的“MySite”站点，单击“删除” 按钮在弹出的提示对话框中单击“是”按钮即可删除被选定的站点。任务二 管理本地站点5.导入站点导入站点启动Dreamweaver cs6 单击“站点”菜单单击
8、“管理站点”点击“导入站点”按钮在弹出的“导入站点”对话框中选择D盘符中的MySite.ste文件单击“打开”按钮在“管理站点”对话框中单击“完成”按钮即可。提示：导入提示：导入/导出站点能将导出站点能将“站点设置站点设置”传输到其它计算机传输到其它计算机中，与其他开发者共享站点设置和备份站点设置，该功能不会中，与其他开发者共享站点设置和备份站点设置，该功能不会导入导入/导出站点文件。导出站点文件。任务三 管理本地站点中的文件任务描述任务描述前面任务中创建的本地站点，主要用于网站设计者对站点中的各类文件进行管理，通过本地站点，我们可以方便地浏览、编辑、新建和删除相关的文件。该任务要求学生掌握利
9、用站点管理功能实现对文件/文件夹的新建、复制、重命名、删除等操作。该任务的需求如下所示：任务三 管理本地站点中的文件任务实施任务实施1.在WebTest站点中创建文件夹，命名为My Folder，并在My Folder文件夹中创建文件MyFile.html；2.把MyFile.html文件复制到WebTest站点的根目录下；3.把My Folder文件夹名重命名为Test Folder;4.删除TestFolder文件夹。5.把复制到站点根目录下MyFile.html文件另存为TestFile.html。任务三 管理本地站点中的文件任务描述任务描述1.创建文件夹和文件创建文件夹和文件在“文件”
10、面板中打开WebTest站点鼠标右击站点文件夹在快捷菜单中选择“新建文件夹”（如图2-7所示），输入文件夹名字“My Folder”鼠标右击“My Folder”文件夹在快捷菜单中选择“新建文件”，输入文件名MyFile.html（新建文件默认为.html的网页文件）。图2-7 管理本地站点中的文件夹和文件任务三 管理本地站点中的文件2.复制复制MyFile.html文件文件在“文件”面板中打开WebTest站点双击My Folder文件夹，在展开的文件中选择“MyFile.html”文件并鼠标右击在快捷菜单中选择“编辑”下的“复制”按钮（如图2-7所示）右击站点文件夹，在快捷菜单中选择“编辑
11、”下的“粘贴”按钮。（注：如选择“剪切”、“粘贴”表示移动文件。（提示：文件夹的复制、移动与文件的复制、移动操作一样。）任务三 管理本地站点中的文件3.重命名重命名MyFolder文件夹文件夹在“文件”面板中打开站点鼠标右击MyFolder文件夹在快捷菜单中选择“编辑”下的“重命名”按钮（如图2-7所示）输入新的名字TestFolder，在空白外点击鼠标即可（提示：文件的重命名与文件夹的重命名操作一样）。任务三 管理本地站点中的文件4.删除删除TestFolder文件夹文件夹在“文件”面板中打开站点鼠标右击TestFolder文件夹在快捷菜单中选择“编辑”下的“删除”按钮（如图2-7所示）在删除确认中选择“是”（提示：删除文件夹时，文件夹中的文件将一并删除）。任务三 管理本地站点中的文件5.保存网页文档保存网页文档打开MyFile.html网页文档点击“文件”菜单选择“另保存”输入文件名TestFile点击“保存”即可。知识拓展一、规划站点一、规划站点结构结构二、网页的二、网页的构成构成三、页面布局三、页面布局四、页面色彩设计四、页面色彩设计五、网站建设的工作五、网站建设的工作流程流程