利用FrontPage制作个人网站

hzgscrs 2012-09-06

展开全文

利用FrontPage制作个人网站

(2009-05-23 15:35:36)

规划网站

网站建设是一个系统的过程，包括设计网站的结构、收集与加工网站素材、开发网站和发布网站四个步骤。

一、设计网站的结构

1、确定教师个人网站的名称：（网站名称就是一个网站的名字）

· 命名原则：内容性艺术性

例：某历史教师个人网站：“史海泛舟”
某语文教师个人网站：“语文天地”
某数学教师个人网站：“数学天地”

2、设计网站栏目，规划站点结构

注：网站栏目是网站内容的目录，栏目的设计应以教学需要为主要目的

例：《数海泛舟》网站的名称与栏目

网站名称	数海泛舟
栏目	教学杂感		教学资料	人生感悟
子栏目	教育叙事	管理心得		生活体味	温馨家庭

活动1：根据需要，确定个人网站的名称并设计栏目，填写下表。

网站名称	1
栏目	a	b	c	d

二、收集与加工网站所需素材

网站素材包括文本、图片、动画、音频和视频等。在网站开发前，应根据每个网页内容的需要，收集相关的素材。

三、开发站点

这是我们要讲的重点，即利用frontpage制作个人网站。frontpage是一款简便实用的网站开发工具，下面我们就学习一下它的基本操作流程：

制作网站的流程
创建站点——创建网页——编辑处理各个网页——发布上传

　设计站点的基础知识

一、了解网页制作的几个基本概念：

1、站点站点就是一组相关的网页的有机组合，网页之间彼此相连，这种完整的结构就称为“站点”。

2、网页站点就像一本书，而网页就像书中的一篇篇文章。一个网站内可以包含许多个网页，也可以仅包含一页。

3、Home Page 进入站点后看到的第一个页面通称为Home Page，也称为主页或首页。主页的角色就代表了整个站点的门面，如同一本书的封面和目录，通常被命名为“index.htm。

4、URL 中文名称为“统一资源定位符”，就是网页的完整地址。在计算机和网络中,每一个网页文件都有一个唯一的地址,就可以准确地找到这个文件.在因特网上,这个地址就叫做URL。如“http://www.sohu.com/”表示“搜狐”网站的地址。

二、Frontpage的基本操作

1、启动：双击桌面快捷方式，或从桌面“开始”菜单中选择此程序。

2、新建网站：打开FrontPage程序，单击文件→新建\站点，弹出对话框→单击“只有一个网页网站”的图标，在“指定新站点位置”文本框中输入新站点的位置与名称，然后“确定”。

注：在制作网站时,所涉及的各类名称中不能出现tab \ / < > ? * : # | 等符号，还不能出现汉字。

（当我们新建一个网页的站点时，FrontPage自动为我们在站点所在位置下创建了一个主页，名字为“index.htm”，这个新建的主页是空的，我们可以向里面添加内容。还有两个文件夹，一个是“images”，另一个是“_private”。我们在编辑站点时可以在“images”文件夹里放置站点用到的图片，“_private”文件夹比较特殊，其中的文件对浏览者来说是隐含的，我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里，如存放注册用户的个人信息。我们还可根据实际需要建立相应的子文件夹，用于对素材进一步分类。）

3、打开一个已有网站

· 方法一：文件——打开站点

· 方法二：单击工具栏中的“打开站点”按钮，从对话框中选取站点。

4.关闭网站

单击文件→关闭网站

5.重命名网站

单击工具→站点设置

6.文件夹列表

单击查看→文件夹列表

三、认识FrontPage 的工作窗口

1、窗口的组成：标题栏、菜单栏、工具栏、标记栏、工作区、视图栏、状态栏

2、网站视图模式：在FrontPage 2000中，有六种视图模式，每一种视图提供关于网站的不同信息，可以用来有效地管理网站。这些视图功能如下：

· 网页视图：可于创建、编辑、预览网页等基本操作，具有所见即所得的特性。

· 文件夹视图：用于管理站点中的文件和文件夹，包括文件及文件夹的创建、删除、更名等。该视图将工作区分为左右两部分，左侧显示网站中所有文件夹，单击任一文件夹，右侧工作区将显示该文件夹下的内容。在"文件夹"视图中，可以移动某页面的位置，FrontPage将自动更新与该页面有关的所有链接。

· 报表视图：用来分析站点内容，可以使用户了解站点中的所有文件大小、更新链接情况、所有文件列表及变化情况等信息。

· 导航视图：用来创建、显示、打印和更改网站导航结构的视图，可以通过鼠标拖动网页来更改结构。

· 超链接视图：用于将当前站点的各个网页的相互链接关系展现出来。

· 任务视图：列出站点中要完成的任务。

注：重点掌握网页视图模式，其它视图模式是用来管理和维护站点的，我们简单了解一下它们的功能就可以了。

3、FrontPage2000的工作模式

当选择“网页”视图编辑网页时，此时工作区的左下角有三个切换显示模式的选项卡，即：普通、HTML和预览，它提供了编辑网页时的3种工作模式，单击选项卡可以实现三种模式的切换。

· 普通模式：在此模式下可以编辑网页的内容以及设置各种格式。

· HTML模式：在HTML下中可以直接输入HTML代码来编辑网页，从而为网页做一些特殊的设置，当然一般情况下只是通过HTML方式查看HTML代码，必要时修改其中的代码。

· 预览模式：在此模式下可以查看当前编辑的网页在浏览器中的显示情况，但在预览模式下是不能编辑网页的。

创建网页

一、创建网页
   1）法1：单击文件→新建\，打开任务窗格，单击新建网页，弹出新建对话框。
       法2：单击工具栏中的新建网页按钮，新建一个空白网页。
       法3：在文件夹列表窗口，选择新建网页将要存放的文件夹，然后在空白处击右键—新建网页。

2）在新建对话框中，FrontPge提供了许多网页模板，可以用这些模板来建立相应的网页。在预览框里可以看到模板外观，如果选择“普通网页”则创建一个新的空白网页。

二、保存网页
单击保存按钮或单击文件→保存

保存位置：当前站点
保存名称：不能出现汉字

提示：应及时将新建的网页保存到自己的站点中。

三、打开网页
双击文件夹列表中的网页

四、关闭网页
法1：单击工作区上方的×
法2：单击文件→关闭

五、设置网页边距
在工作区空白处单击右键→网页属性→边距，可设上、左边距

六、设置背景
在网页工作区内空白处单击右键→网页属性→背景\格式（图片或颜色）

七、设置网页标题
在网页工作区内空白处单击右键→网页属性→常规
注：网页标题在预览时将出现在浏览器的标题栏中。

活动一：

· ü在D盘创建一个自己的站点

· ü根据自己的素材类型建立相应的文件夹

· ü根据自己网站的栏目建立网页文件并重命名

· ü设置合适的网页标题

网页的编辑

一、文字操作（其操作方法与Word基本相同）

1. 输入文本：可利用键盘输入，也可利用复制、粘贴导入文本。

注：换行（Shift+Enter）和分段（Enter）的区别。

2.输入特殊符号：可以利用软键盘输入。

3.格式化文本:包括设置字体、字号、颜色等。

①设置文字格式:

	法1:利用格式工具栏
	法2:单击格式→字体
	法3:利用格式刷

删除字符格式：单击格式→删除格式

②设置段落：包括设置对齐方式、行间距、段间距和列表格式

	段落的缩进、间距：单击格式→段落
	段落的边框和底纹：单击格式→边框和底纹
	项目符号和编号：单击格式→项目删除：单击格式工具栏相对应的按钮
	要改变项目列表的层次关系，可以使用格式工具栏中的“减少缩进”、“增加缩进”按钮。