网页设计与制作项目式教程 教学课件 作者 凌云项目三项目三 创建与管理网站.ppt

《网页设计与制作项目式教程 教学课件 作者 凌云项目三项目三 创建与管理网站.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、项目三创建与管理网站任务一规划站点【知识目标】1．了解本地站点、远程站点等基本概念。2．掌握站点的规划方法。任务一规划站点【技能目标】1．能合理分析并规划网站站点。任务一规划站点【项目描述与分析】在网页制作之前，首先要对网站站点进行分析和规划。某学院要建立一个网站，包括学院概况、组织机构、院系设置、人才培养、招生就业等内容，请为该学院网站进行规划。3.1.1项目准备1.网站服务器和本地计算机2.本地站点和远程站点3.1.2项目实现“某某学院”网站主要展示某某学院的学院概况、组织机构、院系设置、人才

2、培养、招生就业等内容。本网站规模较大，文件数量随着网站的建设而不断增加，站点目录结构也会比较复杂，但在前期站点的规划上可以先简单一些，本网站初期规划新建6个文件夹，分别命名为：xygk、zzjg、yxsz、rcpy、zsjy、images分别用于存放学院概况、组织机构、院系设置、人才培养、招生就业五个栏目内的网页文档和整个网站内的图片。3.1.3知识拓展制作网站首先要考虑网站的主题。好的网站不仅有美感、个性、创意，更要有质量。站点规划是一个复杂的系统工程，包括一系列的组织、策划和设计，只有进行了正

3、确的站点规划，建立站点时才能事半功倍。1．用文件夹来保存文档，首先要为站点创建一个根文件夹，然后在其中创建多个文件夹，将文档分门别类存储到相应的文件夹下，但要注意为了维护方便，目录的层次最好不要超过四层。2．要使用合理的文件名称，尽量不要使用中文文件名。因为很多Internet服务器使用的是英文操作系统，不能对中文文件名提供很好的支持，为避免浏览器错误或访问失败，最好使用英文原义或是拼音。3.1.4项目训练规划一个个人网站的站点，要求主页上有个人简介、爱好、特长、联系方式、照片等的链接。任务二创建

4、站点【知识目标】1．掌握站点的创建方法。2．掌握站点内文件和文件夹的管理方法。3．掌握站点的编辑方法。任务二创建站点【技能目标】1．能够为网站创建站点。2．能够灵活管理站点内的文件和文件夹。任务二创建站点【项目描述与分析】通过对网站的分析和站点的规划，创建某学院的网站结构。创建完成后的站点目录结构如下图所示。3.2.1项目准备1.创建站点单击【站点】菜单，选择【管理站点】命令，弹出【管理站点】对话框；单击【新建】按钮，选择弹出菜单中的【站点】项，如下图所示。3.2.1项目准备1.创建站点3.2.1

5、项目准备1.创建站点3.2.1项目准备1.创建站点3.2.1项目准备1.创建站点3.2.1项目准备1.创建站点3.2.1项目准备2.搭建站点结构（1）创建文件夹。在【文件】面板的站点根目录上单击鼠标右键，在弹出菜单中选择【新建文件夹】项，为站点创建了一个文件夹，默认文件夹名为“untitled”，可直接修改文件夹名。（2）创建文件。在【文件】面板中需要创建文件的文件夹上单击鼠标右键，在弹出菜单中选择【新建文件】项，则在相应路径下会创建一个名为“untitled.html”的网页文件，然后修改文件名

6、。3.2.2项目实现1.运行DreamweaverCS3。2.选择【站点】

7、【新建站点】命令，打开【定义站点】对话框，单击其中的【高级】选项，即可进入站点定义【高级】选项卡。3.在【分类】列表框中单击“本地信息”，开始定义站点的本地信息，如下页图所示，在“站点名称”文本框中输入站点名称“某某学院”，在“本地根文件夹”文本框，指定硬盘上的某一文件夹作为该站点文件的存储位置，如“e:xysite”。3.2.2项目实现3.2.2项目实现4.其他选项采用默认即可，单击【确认】按钮即完成本地站点的初步设置

8、。在【文件】面板中即出现已经定义的站点“某某学院”。3.2.2项目实现5.接下来，要在【文件】面板中按照站点规划建立子文件夹xygk、zzjg、yxsz、rcpy、zsjy和images，方法是在“站点-某某学院”根文件夹上单击右键，弹出快捷菜单，选择【新建文件夹】即新建了一个名为“untitled”的文件夹，把此文件夹改名为“xygk”，同样的方法可以建立其他几个文件夹。3.2.2项目实现6.在“站点-某某学院”根文件夹上单击右键，弹出快捷菜单，选择【新建文件】,新建了一个名为“untitled

9、.html”的网页文件，把此文件改名为“index.html”,在文件“index.html”上单击右键，弹出快捷菜单，选择“设成首页”，至此“某某学院”站点创建完成。3.2.3知识拓展1.文件与文件夹的管理对建立的文件和文件夹，可以进行移动、复制、重命名和删除等基本的管理操作。操作方法是：单击鼠标左键选中需要管理的文件或文件夹，然后单击鼠标右键，在弹出菜单中选择【编辑】项，即可进行相关操作。3.2.3知识拓展2.站点的编辑对现有的站点，可以进行编辑、复制、删除、导出和导入等基本的