开通VIP，畅享免费电子书等14项超值服
首页
好书
留言交流
下载APP
联系客服
2012.09.06
网站建设是一个系统的过程，包括设计网站的结构、收集与加工网站素材、开发网站和发布网站四个步骤。
一、设计网站的结构
1、确定教师个人网站的名称：（网站名称就是一个网站的名字）
·命名原则：内容性艺术性
2、设计网站栏目，规划站点结构
注：网站栏目是网站内容的目录，栏目的设计应以教学需要为主要目的
例：《数海泛舟》网站的名称与栏目
网站名称
数海泛舟
栏目
教学杂感
教学资料
人生感悟
子栏目
教育叙事
管理心得
生活体味
温馨家庭
活动1：根据需要，确定个人网站的名称并设计栏目，填写下表。
1
a
b
c
d
二、收集与加工网站所需素材
三、开发站点
这是我们要讲的重点，即利用frontpage制作个人网站。frontpage是一款简便实用的网站开发工具，下面我们就学习一下它的基本操作流程：
制作网站的流程创建站点——创建网页——编辑处理各个网页——发布上传
设计站点的基础知识
一、了解网页制作的几个基本概念：
3、HomePage进入站点后看到的第一个页面通称为HomePage，也称为主页或首页。主页的角色就代表了整个站点的门面，如同一本书的封面和目录，通常被命名为“index.htm。
二、Frontpage的基本操作
1、启动：双击桌面快捷方式，或从桌面“开始”菜单中选择此程序。
2、新建网站：打开FrontPage程序，单击文件→新建\站点，弹出对话框→单击“只有一个网页网站”的图标，在“指定新站点位置”文本框中输入新站点的位置与名称，然后“确定”。
注：在制作网站时,所涉及的各类名称中不能出现tab\/<>*:#|等符号，还不能出现汉字。
（当我们新建一个网页的站点时，FrontPage自动为我们在站点所在位置下创建了一个主页，名字为“index.htm”，这个新建的主页是空的，我们可以向里面添加内容。还有两个文件夹，一个是“images”，另一个是“_private”。我们在编辑站点时可以在“images”文件夹里放置站点用到的图片，“_private”文件夹比较特殊，其中的文件对浏览者来说是隐含的，我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里，如存放注册用户的个人信息。我们还可根据实际需要建立相应的子文件夹，用于对素材进一步分类。）
3、打开一个已有网站
·方法一：文件——打开站点
·方法二：单击工具栏中的“打开站点”按钮，从对话框中选取站点。
4.关闭网站
单击文件→关闭网站
5.重命名网站
单击工具→站点设置
6.文件夹列表
单击查看→文件夹列表
三、认识FrontPage的工作窗口
1、窗口的组成：标题栏、菜单栏、工具栏、标记栏、工作区、视图栏、状态栏
2、网站视图模式：在FrontPage2000中，有六种视图模式，每一种视图提供关于网站的不同信息，可以用来有效地管理网站。这些视图功能如下：
·网页视图：可于创建、编辑、预览网页等基本操作，具有所见即所得的特性。
·文件夹视图：用于管理站点中的文件和文件夹，包括文件及文件夹的创建、删除、更名等。该视图将工作区分为左右两部分，左侧显示网站中所有文件夹，单击任一文件夹，右侧工作区将显示该文件夹下的内容。在"文件夹"视图中，可以移动某页面的位置，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:利用格式刷
删除字符格式：单击格式→删除格式
②设置段落：包括设置对齐方式、行间距、段间距和列表格式
段落的缩进、间距：单击格式→段落
段落的边框和底纹：单击格式→边框和底纹
项目符号和编号：单击格式→项目删除：单击格式工具栏相对应的按钮
要改变项目列表的层次关系，可以使用格式工具栏中的“减少缩进”、“增加缩进”按钮。
二、插入水平线
步骤：1）光标定位；2）单击“插入”→水平线
删除：选中，按Delete
改变属性：直接双击水平线或选中水平线击右键→水平线属性；如想改变水平线长度，也可用鼠标直接拖动控点。
注：水平线变化有限，装饰性不强，我们可以插入更丰富的线条来修饰页面，那就是线条图像，如剪贴画中的线条图形。步骤：插入\图片\剪贴画
五、插入注释
注释：在我们创建编辑和修改网页的过程中，经常需要插入一些文字，表明设计的意图和方法，在编辑网页时作为参考和提示，这就是注释。