项目三创建与管理网站资料.ppt

项目三 创建与管理网站 任务一 规划站点 【知识目标】 1．了解本地站点、远程站点等基本概念 。 2．掌握站点的规划方法 。 任务一 规划站点 【技能目标】 1．能合理分析并规划网站站点 。 任务一 规划站点 【项目描述与分析】 在网页制作之前，首先要对网站站点进行分析和规划。某学院要建立一个网站，包括学院概况、组织机构、院系设置、人才培养、招生就业等内容，请为该学院网站进行规划。 3.1.1 项目准备 1.网站服务器和本地计算机 2.本地站点和远程站点 3.1.2 项目实现 “某某学院”网站主要展示某某学院的学院概况、组织机构、院系设置、人才培养、招生就业等内容。本网站规模较大，文件数量随着网站的建设而不断增加，站点目录结构也会比较复杂，但在前期站点的规划上可以先简单一些，本网站初期规划新建6个文件夹，分别命名为：xygk、zzjg、yxsz、rcpy、zsjy、images分别用于存放学院概况、组织机构、院系设置、人才培养、招生就业五个栏目内的网页文档和整个网站内的图片。 3.1.3 知识拓展 制作网站首先要考虑网站的主题。好的网站不仅有美感、个性、创意，更要有质量。站点规划是一个复杂的系统工程，包括一系列的组织、策划和设计，只有进行了正确的站点规划，建立站点时才能事半功倍。 1．用文件夹来保存文档，首先要为站点创建一个根文件夹，然后在其中创建多个文件夹，将文档分门别类存储到相应的文件夹下，但要注意为了维护方便，目录的层次最好不要超过四层。 2．要使用合理的文件名称，尽量不要使用中文文件名。因为很多Internet服务器使用的是英文操作系统，不能对中文文件名提供很好的支持，为避免浏览器错误或访问失败，最好使用英文原义或是拼音。 3.1.4 项目训练 规划一个个人网站的站点，要求主页上有个人简介、爱好、特长、联系方式、照片等的链接。 任务二 创建站点 【知识目标】 1．掌握站点的创建方法 。 2．掌握站点内文件和文件夹的管理方法 。 3．掌握站点的编辑方法 。 任务二 创建站点 【技能目标】 1．能够为网站创建站点 。 2．能够灵活管理站点内的文件和文件夹 。 任务二 创建站点 【项目描述与分析】 通过对网站的分析和站点的规划，创建某学院的网站结构。创建完成后的站点目录结构如下图所示。 3.2.1 项目准备 1.创建站点 单击【站点】菜单，选择【管理站点】命令，弹出【管理站点】对话框；单击【新建】按钮，选择弹出菜单中的【站点】项，如下图所示。 3.2.1 项目准备 1.创建站点 3.2.1 项目准备 1.创建站点 3.2.1 项目准备 1.创建站点 3.2.1 项目准备 1.创建站点 3.2.1 项目准备 1.创建站点 3.2.1 项目准备 2.搭建站点结构 （1）创建文件夹。在【文件】面板的站点根目录上单击鼠标右键，在弹出菜单中选择【新建文件夹】项，为站点创建了一个文件夹，默认文件夹名为“untitled”，可直接修改文件夹名。 （2）创建文件。在【文件】面板中需要创建文件的文件夹上单击鼠标右键，在弹出菜单中选择【新建文件】项，则在相应路径下会创建一个名为“untitled.html”的网页文件，然后修改文件名。 3.2.2 项目实现 1. 运行Dreamweaver CS3。 2 .选择【站点】|【新建站点】命令，打开【定义站点】对话框，单击其中的【高级】选项，即可进入站点定义【高级】选项卡。 3 .在【分类】列表框中单击“本地信息”，开始定义站点的本地信息，如下页图所示，在“站点名称”文本框中输入站点名称“某某学院”，在“本地根文件夹”文本框，指定硬盘上的某一文件夹作为该站点文件的存储位置，如“e:\xysite”。 3.2.2 项目实现 3.2.2 项目实现 4.其他选项采用默认即可，单击【确认】按钮即完成本地站点的初步设置。在【文件】面板中即出现已经定义的站点“某某学院” 。 3.2.2 项目实现 5.接下来，要在【文件】面板中按照站点规划建立子文件夹xygk、zzjg、yxsz、rcpy、zsjy和images，方法是在“站点-某某学院”根文件夹上单击右键，弹出快捷菜单，选择【新建文件夹】即新建了一个名为“untitled”的文件夹，把此文件夹改名为“xygk”，同样的方法可以建立其他几个文件夹。 3.2.2 项目实现 6.在“站点-某某学院”根文件夹上单击右键，弹出快捷菜单，选择【新建文件】,新建了一个名为“untitled.html”的网页文件，把此文件改名为“index.html”,在文件 “index.html”上单击右键，弹出快捷