《工信版（中职）网页设计与制作项目二 创建与管理网站电子课件.pptx》由会员分享，可在线阅读，更多相关《工信版（中职）网页设计与制作项目二 创建与管理网站电子课件.pptx（36页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、YCF（中职）网页设计与制作项目二创建与管理网站电子课件=项目二 创建与管理网站=任务一 创建、规划站点=本地站点制作流程DW创建本地站点的优点=本节提纲活动一 创建本地站点=本地站点制作流程1.规划站点。2.素材准备。3.用网站编辑软件创建站点。4.制作WEB页面。5.测试站点。6.上传发布站点。=DW创建本地站点的优点1可以使用Dreamweaver高级功能。2可以对站点内的网页中是否存在断掉的链接进行检查，即坏链检查。3可以生成站点报告，对站点中的文件形成预览。4可以在站点内添加FTP信息，然后直接使用Dreamweaver将网页上传到服务器空间中。5可以建立本地测试环境，并调试动态脚本
2、。6可以形成清晰的站点组织结构图，对站点结构了如指掌，方便增减站点文件夹或文档等。=利用Dreamweaver软件建立一个本地站点操作步骤分解1打开Dreamweavercs6软件，在菜单栏中选择“站点”或利用快捷按钮ALT+S打开站点菜单栏。=利用Dreamweaver软件建立一个本地站点2点击“新建站点”或按键盘“”键打开“站点设置对象”面板。在“站点名称”栏输入站点的名称，中、英文名称都可以。接着在“本地站点文件夹”栏输入用户为新建的站点预先准备好的文件夹路径（如左图所示），也可以点击该栏右边的文件夹形状图标，选择站点的根目录文件夹（如右图所示）。站点目录文件夹最好是英文命名的。=利用D
3、reamweaver软件建立一个本地站点3点击“站点设置对象”面板右下角的“保存”按钮，完成本地站点的创建。4.站点创建信息保存完毕后就可以在Dreamweaver软件的右下角看到本地站点的“文件”面板视图了，包括站点的名称，站点文件夹内的子文件夹等信息。=思考在Dreamweaver软件中如果需要创建多个本地站点，应该怎么操作？=自主练习操作内容操作内容网页截图网页截图本地站点本地站点创建练习创建练习利用Dreamweaver软件建立一个属于自己的本地站点。站点名称为自己的姓名，站点内有images和css两个文件夹。最后将站点“文件”面板截图保存在下面表格中。=站点目录 目录结构设计原则常
4、见目录内文件夹名称=本节提纲活动二 站点目录规划=站点目录站点的目录是指在建立网站时创建的文件目录。这个目录的主要功能是管理和存储网站的所有文件，这些文件包括网页文件、图片文件、音视频文件和服务器端处理程序等。=目录结构设计原则1.不要将所有文件都存放在根目录下。2.按栏目内容建立子目录。3.在每个主目录下都建立独立的images目录。4.目录的层次不要太深。5.目录内文件夹命名要简洁。=常见目录内文件夹名称manager：放置后台管理程序。audio：放置音频文件。backup：放置备份文件。css：放置css文档。images：放置站点用到的图片。source：放置开发过程中编写的源文件。
5、video：放置视频文件。zip：提供给客户下载的压缩文件。database：放置数据库文件。=思考某公司的网站目录结构设计合理吗？为什么？=自主练习文件夹名称文件夹名称文件名文件名imagescssvideozipsource请仔细观察以下文件名称，并把它们归类到相应的文件夹内。Top.jpg,logo.png,logout.jsp,body.css,end.flv,toolbar.gifLogin.jsp,title.css,app.zip,news.mov,list.rar,aboutme.rmvb=任务二 管理站点=管理本地站点作用本地站点管理操作=本节提纲活动一 管理本地站点=管理内
6、容分类在Dreamweavercs6中，所定义的站点是以本地文件夹为根目录的，当该文件夹被删除、移动或重命名后，站点将无法正确使用，重新创建站点又需要浪费更多的时间和精力，也不利于站点信息在平台间的转移，因此需要对站点进行必要编辑操作，便于站点的长期维护和管理。=本地站点管理操作主要指站点的创建、复制、删除、导入和导出等的管理。=本地站点管理操作1.复制站点复制站点。在“管理站点”面板中点击“复制当前选定的站点”图形按钮，即可复制选定的站点，如图所示。被复制站点的名称后面会有“复制”字样。=本地站点管理操作2.编辑站点编辑站点。在“管理站点”面板中点击“编辑当前选定的站点”图形按钮，即可打开“
7、站点设置对象”面板，编辑修改站点的名称、本地站点文件夹位置、服务器地址和一些高级的参数设置，如图所示。编辑完毕后点击界面右下角“保存”按钮即可。=本地站点管理操作3.导出站点导出站点。在“管理站点”面板中点击“导出当前选定的站点”图形按钮，即可打开“导出站点”对话框，用户可以在对话框内设置保存路径和文件名称，如图所示。系统默认站点导出文件的扩展名为ste。=本地站点管理操作4.删除站点删除站点。在“管理站点”面板中点击“删除当前选定的站点”图形按钮，会弹出一个提示框，询问是否需要删除该站点，如图所示，点击“是”按钮即可删除选定站点。=思考站点导出过程中，ste文件里面存放的是站点的设置信息还是
8、站点内所有网页和素材资料呢？=自主练习利用Dreamweaver软件建立一个站点，对站点分别进行复制、编辑、导出和删除四项操作，每项操作截一张图保存在下面表格中。操作内容操作内容网网页截截图站点复制站点复制站点站点编辑站点导出站点导出站点删除站点删除=站点内容管理的作用=本节提纲活动二 管理站点内容=站点内容管理的作用用Dreamweaver软件创建站点的主要目的就是有效地管理站点内文件。无论是创建站点时还是后期对站点内容进行更新维护时，都需要对站点中的文件或文件夹进行操作，因此站点内容管理的主要作用就是为了便于更有效、更方便的管理站点内容。=本地站点内容管理操作1.创建文件夹创建文件夹。选择
9、“窗口”-“文件”菜单，打开“文件”面板，在准备新建文件夹的位置单击鼠标右键，在弹出的快捷菜单中选择“新建文件夹”菜单命令，如图所示。新建文件夹时名称处于可编辑状态，可以把默认的文件名“untitled”修改为用户自定义的名称。=本地站点内容管理操作2.创建文件创建文件。选择“窗口”-“文件”菜单，打开“文件”面板，在准备新建文件的位置单击鼠标右键，在弹出的快捷菜单中选择“新建文件”菜单命令，如图所示。新建文件时名称处于可编辑状态，可以把默认的文件名“untitled”修改为用户自定义的名称，例如：list.html=本地站点内容管理操作3.文件或文件夹的移动和复制文件或文件夹的移动和复制。方
10、法一：选择“窗口”-“文件”菜单，打开“文件”面板，选择要移动的文件或文件夹，拖动到相应的文件夹。方法二：选择要移动的文件或文件夹，单击鼠标右键，在弹出的快捷菜单中选择“编辑”-“剪切”、“复制”或“粘贴”菜单命令，来实现移动文件或文件夹。=本地站点内容管理操作4.删除文件或文件夹删除文件或文件夹。方法一：选择“窗口”-“文件”菜单，打开“文件”面板，选择要删除的文件或文件夹，单击鼠标右键，在弹出的快捷菜单中选择“编辑”-“删除”菜单命令。方法二：选择要删除的文件或文件夹，按键盘内“Delete”键进行删除。=思考在进行站点内“新建文件”操作时，默认的新建文件类型是哪种？可以新建其他类型的文件吗？=自主练习用Dreamweaver软件建立一个名为“站点文件管理操作”的新站点，在“文件”面板里新建index.html文件和images文件夹，并在images文件夹内新建一个page子文件夹，并把index.html文件复制到该文件夹内。操作完毕后对“文件”面板进行截图并上交。操作内容操作内容网网页截截图本地站点本地站点文件管理文件管理操作操作=谢 谢