项目二 创建与管理网站（课件）- 高一《网页设计与制作》同步教学（机工版·2018）

项目二 创建与管理网站 > = = 任务一 创建、规划站点 = 本地站点制作流程 DW创建本地站点的优点 = 本节提纲 活动一 创建本地站点 = 本地站点 制作流程 1.规划站点。 2.素材准备。 3.用网站编辑软件创建站点。 4.制作WEB页面。 5.测试站点。 6.上传发布站点。 = 4 DW创建本地 站点的优点 1．可以使用Dreamweaver高级功能。   2．可以对站点内的网页中是否存在断掉的链接进行检查，即坏链检查。   3．可以生成站点报告，对站点中的文件形成预览。   4．可以在站点内添加FTP信息，然后直接使用Dreamweaver将网页上传到服务器空间中。   5．可以建立本地测试环境，并调试动态脚本。   6．可以形成清晰的站点组织结构图，对站点结构了如指掌，方便增减站点文件夹或文档等。   = 5 = 利用Dreamweaver软件建立一个本地站点 操作步骤分解 1．打开Dreamweaver cs6 软件，在菜单栏中选择“站点”或利用快捷按钮ALT+S打开站点菜单栏。 = = 利用Dreamweaver软件建立一个本地站点 2．点击“新建站点”或按键盘“Ｎ”键打开“站点设置对象”面板。在“站点名称”栏输入站点的名称，中、英文名称都可以。接着在“本地站点文件夹”栏输入用户为新建的站点预先准备好的文件夹路径（如左图 所示），也可以点击该栏右边的文件夹形状图标，选择站点的根目录文件夹（如右图所示）。站点目录文件夹最好是英文命名的。 = = 利用Dreamweaver软件建立一个本地站点 3．点击“站点设置对象”面板右下角的“保存”按钮，完成本地站点的创建。 4.站点创建信息保存完毕后就可以在Dreamweaver软件的右下角看到本地站点的“文件”面板视图了，包括站点的名称，站点文件夹内的子文件夹等信息。 = 思考 在Dreamweaver 软件中如果需要创建多个本地站点，应该怎么操作？ = 自主练习 操作内容 网页截图 本地站点 创建练习         利用Dreamweaver软件建立一个属于自己的本地站点。站点名称为自己的姓名，站点内有 images和css两个文件夹。最后将站点“文件”面板截图保存在下面表格中。 = 站点目录 目录结构设计原则 常见目录内文件夹名称 = 本节提纲 活动二 站点目录规划 = 站点目录 站点的目录是指在建立网站时创建的文件目录。这个目录的主要功能是管理和存储网站的所有文件，这些文件包括网页文件、图片文件、音视频文件和服务器端处理程序等。 = 12 目录结构 设计原则 1.不要将所有文件都存放在根目录下。 2.按栏目内容建立子目录。 3.在每个主目录下都建立独立的images目录。 4.目录的层次不要太深。 5.目录内文件夹命名要简洁。 = 13 常见目录内文件夹名称 ※ manager：放置后台管理程序。 ※ audio：放置音频文件。 ※ backup ：放置备份文件。 ※ css：放置css文档。 ※ images：放置站点用到的图片。 ※ source：放置开发过程中编写的源文件。 ※ video：放置视频文件。 ※ zip：提供给客户下载的压缩文件。 ※ database：放置数据库文件。 = 14 思考 某公司的网站目录结构设计合理吗？为什么？ = 自主练习 文件夹名称 文件名 images   css   video   zip   source 请仔细观察以下文件名称，并把它们归类到相应的文件夹内。 Top.jpg, logo.png, logout.jsp, body.css , end.flv, toolbar.gif Login.jsp, title.css , app.zip, news.mov, list.rar, aboutme.rmvb = 任务二 管理站点 = 管理本地站点作用 本地站点管理操作 = 本节提纲 活动一 管理本地站点 = 管理内容分类 在Dreamweaver cs6 中，所定义的站点是以本地文件夹为根目录的，当该文件夹被删除、移动或重命名后，站点将无法正确使用，重新创建站点又需要浪费更多的时间和精力，也不利于站点信息在平台间的转移，因此需要对站点进行必要编辑操作，便于站点的长期维护和管理。 = 19 本地站点管理操作 主要指站点的创建、复制、删除、导入和导出等的管理。 = 20 本地站点管理操作 1.复制站点 。 在“管理站点”面板中点击“复制当前选定的站点”图形按钮，即可复制选定的站点，如图所示。被