项目一：活动二 站点的建立与管理 （制作“个人博客”）.

Presentation on theme: "项目一：活动二 站点的建立与管理 （制作“个人博客”）."— Presentation transcript:

1 项目一：活动二 站点的建立与管理 （制作“个人博客”）

2 概要： 建立站点是制作网页的第一步，然而要建立一个较好的站点并不是一件容易的事，需要前期的素材准备和站点结构的规划。要学会制作网页，掌握站点建立和编辑的方法尤为重要，所有的网页都是基于站点建立的。这些知识的掌握，对今后的网页制作将极为关键。 本章主要通过四个活动的开展，通过为“我的个人网站”收集相关资料，掌握站点素材及其制作工具的有关知识。为“我的个人网站”规划站点目录，并比较大型站点的站点结构与小型站点的站点结构区别，从而了解站点的设计流程。使用“高级”标签为“我的个人网站”建立站点，并设置相关参数。通过网站地图，实现对“我的个人网站”中的网站文件进行管理、检查链接等。

3 活动一：为我的个人网站作准备 教学目标： 知识要点：
了解一般站点的设计流程，为我的个人网站收集相关资料，并掌握站点素材及其制作工具的有关知识。 知识要点： 站点的设计流程、素材文件类型、素材制作工具。

4 活动一：为我的个人网站作准备 （1）站点设计流程 准备知识： 创建站点大致包括以下四步曲：
第一步： 对要创建的站点进行规划，确立建站的目的、规模 、面向的群体、服务器端的配置等各项情况。 第二步：建立一个完整的站点目录结构。 第三步：使用网页制作软件及辅助软件，如flash、fireworks 等完成网站的制作。 第四步：对网站进行测试，并发布。

5 准备知识： （2）站点素材文件类型简介 ①文字资料 :目前常用的、能够合并到网页文本内容的常见文档类型有ASCII
文本文件、RTF 文件和MS Office 文档 ②图片资料:目前网页中用到比较多的图片类型有两种，主要是JPEG和GIF. ③动画资料:目前使用较多的是用Flash制作的swf格式的动画，此外，网页中 用得比较多 的另一种动画形式是Shockwave ④音频资料:目前常见的有.midi 或 .mid（乐器数字接口）格式，由于其文件 量小，声音质量好，所以被广泛使用。另一种使用非常广泛的音 频文件类型是.mp3, ra、.ram、.rpm 或 RealAudio 格式也 具有 非常高的压缩程度，文件大小要小于 MP3，它同样可以进行“流 式处理”. ⑤视频资料:网页上视频表现的形式一般分为两种，一种是用户下载链接的视 频文件，然后在本地机上看。另一种是可以在浏览器中播放的视 频文件，称为内嵌视频。内嵌视频格式主要有MPEG、 QuickTime、RealVideo、ActiveMovie等。 ⑥其他资料:在Dreamweaver中还能插入Active X 控件和Java applet。 ActiveX 控件（以前称作 OLE 控件）是可以充当浏览器插件的 可重复使用的组件，有些像微型的应用程序。

6 准备知识： （3）网页素材制作工具之一 ①Photoshop Photoshop操作界面

7 准备知识： （3）网页素材制作工具之二 ②Fireworks Fireworks操作界面

8 准备知识： （3）网页素材制作工具之三 ③Flash Flash操作界面

9 准备知识： （3）网页素材制作工具之四 ④CorelDRAW CorelDRAW操作界面

10 活动引导： 一、收集文字资料 二、收集图片资料 三、收集背景音乐

11 活动小结： 　　　这个活动是为后面制作个人站点做准备，素材的内容可以自己决定。如果我们已经学过了flash，那么我们还可以为网页中添加自己制作的flash动画。 　　　在以上的活动中我们主要收集了文字与图片，甚至是音乐文件，这些素材将构成我们个人网站的内容。

12 活动二：规划自己的网站 教学目标： 知识要点： 比较大型站点的站点结构与小型站点的站点结构区别，为“我的个人网站”规划站点目录。
　　　比较大型站点的站点结构与小型站点的站点结构区别，为“我的个人网站”规划站点目录。 知识要点： 　　　站点结构规划、大型站点的站点结构、小型站点的站点结构。

13 活动二：规划自己的网站 准备知识： （1）规划站点结构 在组织站点结构时，需要注意以下三点：
　　　 其一、将站点内容分门别类，即将相关页面放置在同一文件夹内。 　　　 其二、单独放置图像、声音或其他多媒体文件的位置。即将所有图 图像、声音或其他多媒体文件放在独立的文件夹内。 　　　 其三、对本地站点和远程站点使用相同的结构，即在创建并测试完 站点后，将所有文件都上传到远程站点，使本地结构完整地 复 制到远程站点上。

14 （2）常见的站点结构 　站点结构一：学校网站 站点结构示意图1 站点结构示意图2

15 活动引导： 在下面的活动中我们来为自己的站点建立站点目录，并将 上一次活动中所收集的资料放入相对应的文件目录中。
　 在下面的活动中我们来为自己的站点建立站点目录，并将 上一次活动中所收集的资料放入相对应的文件目录中。 （1）资源管理器，在D盘建立站点目图2.7 站点目录结构 目录结构图 （2）将收集的素材复制到相关文件夹中，图片文件放置到images内， 文字、音乐、flash文件放置到other文件夹内。

16 活动小结: 通过本活动我们重点要学会如何规划自己的站点结构，这可是网站制作很关键的一步！如果站点目录规划不合理的话，那么在以后的具体的网页制作中以及维护时，就会遇到很大的问题。 此外，特别要注意的是目录中的所有文件夹不要有中文名字，不然会有意想不到的后果

17 活动三：打造自己的个性化站点 教学目标： 掌握站点的建立及站点参数的设置方法。 知识要点： “高级”标签、建立站点。

18 活动三：打造自己的个性化站点 准备知识： （1）站点管理的概念 （2）设置站点参数 “首选参数”对话框 “编辑” |“首选参数”命令

19 活动引导： 一、建立站点 二、制作首页 三、制作分页 四、完成链接

20 网页效果

21 活动小结： 　　　在这次活动中我们完完整整的制作了一个个人的网站，是不是比想象中的容易啊！在本次制作中使用了“高级”选项卡来建立网站，这比使用向导建立更快捷。 　　　在制作中，网页间的链接是很重要的，作为一个设计者值得注意的是，你的设计要让使用者能方便的在你的站点中的任何网页之中进行跳转。

22 活动四：编辑我的站点 教学目标： 掌握编辑站点的方法。 知识要点： 网站地图，管理网站文件、链接检查、添加和 删除站点。

23 活动四：编辑我的站点 准备知识： （1）站点管理功能 （2）站点视觉地图 （3）添加和删除站点 视图工具栏 “管理站点”对话框

24 活动引导： 一、导入站点 二、使用站点视觉地图管理站点文件 三、删除站点

25 活动小结: 在本活动中我们使用了站点视觉地图来管理活动三中所建立的站点，我们通过站点视觉地图完成对站点文件的删除、重命名、修改网页标题、检查链接等管理站点的常用操作。这些操作对我们以后建立的站点管理是非常有用的。

26 实验：制作“我的心灵小站” 实验要求： 一、建立站点目录mysitelx，并将站点指定至站点目录。
二、制作站点“我的心灵小站”中的网页，在网页中加如文字、图片、音乐以及flash等网页元素。 三、通过站点视觉地图完成对站点文件的删除、重命名、修改网页标题、检查链接等 注意：本实验提供的样例仅供参考

27 实验：制作“我的心灵小站” 网页效果