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