如何用frongpage制作班级网页

“应用frontpage制作教学网站”的方法
一、首先从QQ群共享区里下载webquest（或在模块六：附录中有“网站制作WebQuest
模板）下载网页制作模板，之后单击右键解压。

单击解压文件，之后会看到如下图：
图1
这里共有10个网页，除了不用编辑外，其余8个网页都要制作。

二、其余8个网页的制作方法。

比如说制作网页，右键单击
就会打开网页编辑窗口，如下图：
请你把这个标题换为你第二模块研究性教学设计方案标题（如，比如研究性教学设计是《圆》）。

适用年级填（8年级），所属学科填“数学”设计与执教师填自己的姓名，单位填你所在的单位，年月日填2009-10-27，这个网页就会变为：
单击保存。

这个网页ok了。

剩下7个网页制作方法一样。

把8个网页制作好后要压缩上传作业。

三、关于8个网页制作内容说明：1、这个网页是指首页。

里面可
以填些第二模块制作的“研究性学习教学设计”的单元内容。

2、这个网页指引言，里面可以写些教学背景分析。

3、是指教学任务，这个网页写些教学目标及学习要解决的问题。

4、是指过程。

这个网页可以写些教学设计的过程。

5、是指评价。

可以写些教学评价方案。

如学生评价具体表格。

6、是指结论。

可以写些教学总结与反思内容。

7、是指讨论区。

可以写些能激发学生思考的一些问题，如学习过程遇到的一些疑难的问题。

8、是指教学指南。

可以写些学生遇到的学习困难就在这里查阅的内容。

FrontPage教程编辑网页篇一：frontpage教程编辑网页现在进入frontpage。

单击任务栏开始按钮，选择程序选项，单击microsoftfrontpage选项就可以了。

可能你会发现frontpage界面和word很相似[图2-1]，这是因为编辑web页面和编辑word文档有很多同样的设置，这些设置所用的图标和word中的是一样的。

[图2-1]frontpage2000界面视图中的组框是用来切换视图的，单击里面的小图标就可以切换到不同的视图。

frontpage共有6种视图[如图2-1左]，使用不同的视图可以从不同的侧面查看设计的web站点。

对一个web站点而言，不断更新是很重要的。

随着站点的成长，维护站点的工作量会越来越大。

建立站点可能很快，但是如果没有这6种视图的帮助，维护起来就很困难了。

这些视图的采用不必一下就全部掌控，只要晓得存有这些视图就可以了。

2.视图与模式(二)下面看看同一个web站点在相同视图中就是怎样表明的。

(1)单击网页按钮，切换到网页视图，再单击工具栏上的文件夹列表按钮，窗口中增加了一个文件夹列表框[图2-2]。

网页视图是用来显示选中的网页的，双击文件夹列表中的某一个htm文件，在最右方的工作区中就会显示该网页的内容。

特别注意，此时工作区的左下角存有三个转换表明模式的选项卡[图2-3]。

单击普通选项卡，就转换至了普通模式。

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

单击预览选项卡就至了预览模式。

如果必须看看当前编辑的文件在浏览器中的表明情况，就采用预览模式，在预览模式下，就是无法编辑网页的。

也可以转换至html模式轻易对网页对应的html文本文件展开编辑，从而为网页并作一些特定的设置，前提就是你必须懂得一点html语言(在教程第三章中存有有关表明)。

(2)文件夹视图以列表的形式给出了当前web站点的文件夹和文件夹里包含的文件[图2-4]。

由于一个web站点要涉及到许多文件，因此将这些文件分类并分别放到不同的文件夹就很有必要。

制作网页详细操作步骤制作网页详细操作步骤导读：目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。

下面为大家带来制作网页详细操作步骤，快来看看吧。

制作网页主要有以下一些工具Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。

Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。

建议初学者选用。

另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。

此外还有一些网络编程工具，javascript、java编辑器等。

网页制作也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。

所以还得学很多边缘性的软件，例如photoshop、flash等。

大型的网站往往还需要数据库的支持，所以还得懂数据库。

sql、甲骨文等。

总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。

随便混就好了！网站设计八步骤由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。

一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。

建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。

特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。

你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。

应用FrontPage表格结构制作网页电脑技术2010-11-09 12:23:01 阅读51 评论0 字号：大中小订阅FrontPage课件的制作分为三个阶段：准备阶段、制作阶段和美化阶段，其中准备阶段又分为构思设计和素材准备二个方面。

一堂课的设计非常重要，所制作的网页要主题突出，美观大方，能反映本堂课的主要教学环节。

一、网页框架设计构思二、网页素材的准备在制作网页前，必须要准备好：音频、视频、图片、背景、flash动画、背景音效等。

三、网页的制作1、启动FrontPage 2003单击“开始”程序“Microsoft FrontPage”，打开“Microsoft FrontPage”窗2、FrontPage 2003界面FrontPage 2003是微软的产品，是Office XP中的一个组件，和大家经常使用的Word有类似的界面和操作。

用FrontPage编写网页就像用Word写文章一样简单。

上部是菜单栏、工具栏，下面左边是视图区窗口，里面有六个按钮，代表六种不同的功能，它大大地方便了我们对站点和网页的制作和管理。

占屏幕大部分空间的是我们的工作区，所有的页面编辑都在其中完成。

其中的主要功能将在接下来的介绍中分别阐述其使用方法。

3、制作过程（一）绘制表格点击文件--新建网页--普通网页--确定--插入表格--右键表格属性--边框粗细设为0--确定---选中一行--右键--合并单元格—命名为index（二）文字的处理（1）输入文字---选中文字---右键--字体修饰（2）对于艺术字，可以利用WORD软件编写，再进行复制，粘贴到网页上（三）悬停按钮的添加方法：插入--组件--悬停按钮属性--输入名称、编辑字体、颜色等（四）滚动字幕的处理插入--组件--字幕--文本框中输入文字--点击左下角的样式按钮--点击左下角格式按钮--格式的处理--确定（五）图像的处理【创建图像】指针移到插入位置--插入---图片--来自文件—选择图片--确定【处理图片】：在图片上点击左键，出现图片浮动框（1）插入文件中的图片：插入新图像替代选中的图像。

frontpage制作网页教程（一）应用frontpage制作网页（一）一、熟悉frontpage2000的环境A、frontpage的启动1．利用“开始”菜单启动：开始——》程序——》frontpage2．利用桌面上的快捷方式：双击打开B、退出frontpage1．单击窗口标题栏右端的关闭按钮；2．按Alt+F4快捷键；3．执行“文件”菜单下的退出命令。

注：若在退出以前没有保存已被修改的文档，在退出时，会有询问是否保存的提示框。

C、F rontPage的工作环境FrontPage的窗口由标题栏、菜单栏、工具栏、网页编辑区域、网页编辑模式和状态栏七部分组成。

1．标题栏：窗口的顶部，包括“控制菜单”图标，当前正在编辑的文件或程序名称、“最小化”按钮、“最大化/还原”按钮和“关闭”按钮。

2．菜单栏：标题栏下方，是命令菜单的集合。

由“文件”、“编辑”、“视图”、“插入”、“格式”、“工具”、“表格”、“窗口”和帮助组成。

3．工具栏：提供常用的各类按钮，如“保存”、“打印”、“剪切”等编辑操作和“插入表格”等标准操作按钮。

FrontPage2000常用工具栏上特有的工具按钮：发布站点：将建立的网站发布到WEB上；文件夹列表：显示当前站点的文件夹结构；在浏览器中预览：当网页保存后，选中该工具按钮，可在系统默认的浏览器中浏览当前编辑的网页。

停止：用于预览网页时停止网页的下载；插入超级链接：插入一个超级链接；刷新：用于浏览网页时刷新网页。

4．视图栏：由“网页”、“文件夹”、“报表”、“导航”、“超链接”、“任务”六部分组成。

网页：视图将在网页编辑区域打开当前站点的所选网页文件以做编辑之用；文件夹：视图列出当前站点的所有文件和文件夹，方便寻找须编辑的网页文件；报表：视图将报告站点中文件和超链接的状态；导航：视图将显示站点的导航结构；超链接：视图显示来自和指向站点中的每一页的超链接；任务：视图列出站点中要完成的任务。

班级网站首页制作步骤：一、打开frontpage后，在E：新建一个站点，并命名为“班级网站”拼音的首字母加上自己的学号二、仔细观察下图，分析这个首页可以分成几行几列1、 经分析，可以分成7行3列的表格，双击打开index.htm后，就可以建立一个7行3列的表格啦。

第3行2行第4行5行第7行第6行第2列2、 打好表格后，先描四条边框出来，方法如下：（1） 全选整个表格的第一列，在黑色的地方按右键，从快捷菜单里选“合并单元格”（2）按刚才的方法合并第三列的单元格，完成后如图所示：边拉，缩小第一列的宽度。

如图：（4）用同样的方法缩小第三列的宽度，完成后如图所示：蓝色（6）用同样的方法调整第三列的背景颜色为蓝色背景颜色调为蓝色。

同样最后一行第7行也调整为蓝色3、第二行的填充操作（1）先用图片作为背景把光标定位在第二行，按右键后从快捷菜单里选“单元格属性”后，在背景选“使用背景图片”前点击鼠标打上√，然后在“浏览…”选“桌面”→“myweb2”→“images”→“横幅”（2）调整第二行的宽度，使背景图片全部显示出来（3）再把第二行分成1行两列的表格。

操作：点击“表格”→“插入”→“表格…”（4）在刚分好的1行2列表格的第一格里继续分成4行7列的表格并适当调整各列的宽度。

（6）确认光标定位在第二个格子里后，点击“插入”→“图片”→“来自文件…”，然后选“桌面”→“myweb2”→“images”→“班级标志1”（7）适当调整图片的大小4、第三行的填充（学有余力的同学可以自己填充第三行的背景图片，文件名是“桌面”→“myweb2”→“images”→“底色”点击“文件”→“保存”从对话框中选“更改文件夹”→“images”→“确定”6、提交整个网站文件夹“BJWZ学号”。

frontpage 2003 网页设计制作步骤①单击“开始”—“所有程序”—“Microsoft Office”→“Microsoft Office FrontPage 2003”，启动FrontPage 2003，进入网页编辑窗口;②在网页编辑窗口，单击“文件”—“保存”，弹出Windows保存窗口，指定目标文件夹为“我的文档”，指定文件名称“index.htm”;③单击“保存”，则index.htm文件建立完毕。

网页制作步骤⑵添加标题图片①单击菜单“插入”—“图片”—“来自文件”，弹出打开图片对话框，选择所要插入的图片;②单击“插入”，标题图片插入完成。

网页制作步骤⑶在标题图片下添加滚动文字①单击回车键，使光标位于标题图片下最左端;②单击“插入”—“Web组件”，在“组件类型”栏中选择“动态效果”，在“选择一种效果”栏中选择“字幕”;③单击“完成”;④在文本栏内输入比如“你好!欢迎访问我的个人网页……”，单击“样式”—“格式”，弹出格式菜单。

单击“字体”，弹出“字体”对话框。

在“字体”栏内选择文本字体，在“大小”栏内改大小，在“颜色栏”内选择颜色，单击“字符间距”选项卡，显示字符间距栏，在“间距”栏内选择间距，在“间距大小”栏内填入大小;⑤单击“确定”关闭所有对话框，添加字幕完毕。

网页制作步骤⑷在网页中添加四条横线①光标移到字幕末尾，敲击键盘上回车键，使光标位于字幕的下一行左侧;②单击“插入”—“水平线”，插入一条水平线;双击该水平线，弹出“水平线属性”对话框;在“颜色”栏内选择颜色，在“高度”栏内填写高度;单击“确定”，退出“水平线属性”对话框;③单击菜单“格式”—“边框和底纹”，弹出“边框和底纹”对话框;在“样式”栏内选择样式，然后单击“确定”，退出“边框和底纹”对话框。

④复制水平线;单击菜单“编辑”—“复制”;重复三次：单击菜单“编辑”→“粘贴”，绘制水平线。

网页制作步骤⑸插入表格①在第一条水平线下添加一个表格，边框粗细为0，编辑表格文字的文本和大小，居中;分别填写你自己需要的内容;②移动光标至第二条水平线首;敲击回车键，使第一条水平线与第二条水平线之间留出空行;③插入表格：单击菜单“表格”—“插入”—“表格”，弹出“插入表格”对话框;在“大小”栏内分别填写：行数和列数;在“边框”栏的“粗细”栏中输入0;在“布局”栏内的“对齐方式”栏中选择方式;④表格字体设置：选定表格;在格式工具栏内选定字体，字号⑤填写文字：分别选定表格单元格，依次填写：你所需要的内容。

应用frontpage制作网页（二）一、网页美化A、添加网页背景：即整个网页的背景。

在编辑窗口中选择“普通”选项卡，在编辑区单击右击选择“网页属性”调出“网页属性”对话框，选择“背景”选项卡。

1．背景图片：在“背景图片”前打上勾，单击“浏览”按钮，弹出“选择文件”对话框，选择要应用的背景，单击“确定”按钮；2．水印：可以设置背景图片是否采用水印。

3．背景颜色：如果背景中不要添加图片，只添加颜色，只须在打开“背景”颜色的下拉列表中选择要应用的颜色，按“确定”即可。

B、表格属性设置：在编辑窗口中选择“普通”选项卡，在编辑区单击右击选择“表格属性”调出“表格属性”对话框。

1．布局：即表格相对于整个网页的布局。

“对齐方式”分别有“默认”“左对齐”“右对齐”“水平居中”“两端对齐”；“浮动”，分别有“默认”“左对齐”“右对齐”三个选项；（当“对齐方式”和“浮动”相矛盾时，优先选择“浮动”设置。

）“指定高度”和“指定宽度”：有“象素”和“百分比”两种方式选择，分别进行绝对或者相对位置的设置；2．边框：即表格边框的设置。

粗细：指表格边框的线条粗细，若“粗细”设置为“0”，则表格边框不可见，即隐藏。

数值越高，边框越粗。

颜色：即表格边框的颜色，可在下拉列表中选择；“亮边框”和“暗边框”：对四面边框分别进行设置。

其中“亮边框”是指上边框和左边框，“暗边框”是指右边框和下边框。

3．背景：即对表格背景进行设置。

有“颜色”和“背景图片”两个选择。

C、单元格属性设置：在编辑窗口中选择“普通”选项卡，在编辑区单击右击选择“表格属性”调出“单元格属性”对话框。

“布局”中的对齐方式分为“水平对齐方式”和“垂直对齐方式”两种，是指单元格中内容的对齐方式，包括图片和文本。

单元格的其他属性设置与表格属性设置基本相似。

二、超级链接超链接是从一个网页指向另一个目的端的链接，例如指向另一个网页或者相同网页上的不同位置。

这个目的端通常是另一个网页，也可是一一幅图片，一个电子邮件地址，一个文件或者一个程序。

Frontpage基本操作Frontpage---创建图文并茂的网页一、网页文字的修饰（对主页文字进行定位）1)选中需要定位的文字2)单击“格式”菜单中的“定位”命令，弹出“定位”对话框3)在“定位”对话框中的“定位样式”中选择“绝对”4)单击“确定”后返回工作区，选中的文字周围出现带控制点的方框，这时的文字就像文本框一样可以自由移动了。

二、在网页中插入图片（增加图片到网页中）1）打开主页文件2）删除导航栏下面的标题，用一张图片来代替这个标题。

3）单击“插入”菜单，选择“图片”项，再选择“来自文件”命令，或单击工具栏中的“插入图片”按钮，出现“图片”对话框。

4）按图片存储的路径打到需要的图片，插入文件中。

5）单击“保存”，此时弹出“保存嵌入式文件”对话框，通常网站用到的图片放在“image”文件夹中。

Frontpage网页主题和共享边框操作1、应用网站主题操作步骤：1、单击“格式”菜单的“主题”命令，打开“主题”对话框。

2、在“将主题应用到”下面选择“所有网页”3、在主题列表框内选择应用的主题类型，如可以选择“诗歌”主题。

注意：在设计网页时，经常会遇到一些需要在每一页上都显示的信息，在每一页单独添加就很麻烦，如果使用共享边框，就可以使每一个网页以水平或垂直的方式显示相同的信息。

2、应用共享边框操作步骤：1、单击“格式”菜单，选择“共享边框”命令。

2、在“共享边框”对话框中选择“所有网页”，选中“上”、“下”复选框及“包含导航按钮”，这时预览框的上下各多出一条虚线，表示包含共享边框的位置，单击“确定”按钮。

3、单击网页下端的共享边框，可以更改文字，如将文字改为“高二（1）班欢迎您！”。

4、双击“编辑此导航栏属性，以便在此处显示超链接”注释语句，弹出“导航栏属性”对话框，选择“子层”。

Frontpage之网页中的图文混排一、改变图片的对齐方式1、在网页中插入一张图片。

2、在图形上单击鼠标右键，选择“图片属性”，以弹出的对话框中选择“外观”标签。

网页制作前的几个问题？一、确定网页主题1、根据用途2、根据自己性格的特点3、根据自己的特长二、制定网页的结构分支，层级三、搜集素材用FRONTPAGE2003制作网页一、启动FRONTPAGE2003方法：开始—程序—MICROSOFT FRONTPAGE二、创建空白站点如同学生做作业先要有一本作业本一样，用FRONTPAGE2003来制作网页时，也需要这样一个作业本，这就是站点，其中的每一个网页就如同一张张的作业纸。

一、创建站点：步骤1：文件——新建——站点2：在“新建”对话框中，单击“只有一个网页的站点”或“空站点”图标，在“指定新站点的位置”列表框中输入站点文件夹的位置、名称，单击“确定”。

例如在E盘创建名字为jiaoxue的站点，输入：“E:\ jiaoxue”即可（注意：在英文状态下输入），如果没有设定位置，则默认的站点位置在“我的文档”内“My Web Sites”文件夹下“mysite”文件夹就是你刚创建的站点。

二、创建网页：步骤 1、新建网页：文件——新建——空白网页。

2、保存网页。

三、利用表格布局网页1、插入表格方法：①表格——插入——表格②在弹出的“插入表格”对话框中设定表格的行列数等③设定表格布局为居中，宽度为900像素，宽度为0。

2、设置单元格的背景：设一种颜色做背景；设图片做背景；3、关于嵌入式文件的保存：选更改文件夹——双击images文件夹——确定——确定。

四、插入字幕插入——Web组件——字幕——输入字幕内容——确定。

如果要改变字幕的文本格式，可在“样式”——“字体”——“格式”，进行设置。

五、插入交互式按钮：按钮文本设置——按钮字体格式设置，——按钮宽度高度设置（注意把“保持比例”前的对勾去掉）六、插入图片：步骤：①光标放在要插入图片的位置②插入—图片—来自文件，在弹出的“图片”对话框中，单击“从计算机上选择一个文件”按钮，选定一个文件后，单击确定。

注：（插入—图片—视频/Flash）用于插入视频/Flash文件图片大小的设定：方法：选定图片，图片上会出现八个控制点，将鼠标放在其中的一个控制点上，鼠标指针变以双箭头状，进行拖动操作可调整图片大小。

Ｆｒｏｎｔｐａｇｅ网页制作教学现在流行的网页制作软件有很多，如Macromedia公司的Dreamweaver、微软公司的Frontpage、还有Adobe Pagemill 3.0--制作多框架，表单和Image map 图像的网页工具、Netscape等等。

其中Frontpage更以其功能强大、容易上手、界面亲切而著称。

一、创建一个“个人站点”我们可以使用模板或向导来建立站点。

模板和向导的作用就好像盖房子的图纸一样，我们不必每次建立站点时都从头开始，那么，我们就来使用Web站点模板来创建站点吧。

单击“开始”按钮，弹出“开始”菜单，在菜单中执行“所有程序/Microsoft office/Microsoft Frontpage”命令，就可启动Frontpage，进入Frontpage 窗口，同时“新建网页或站点”的任务窗格被打开；在“新建网页或站点”的任务窗格中单击“Wed站点模板”选项，会弹出一个“Wed站点模板的对话框，在其中选择“个人站点”模板，单击“确定”按钮，一个“个人站点”就创建完成了。

现在我们来看一下新的站点里有什么，单击“视图”菜单下的“文件夹”命令，在文件夹列表里列出了个人站点所包含的文件夹及文件，其中，有一个网页文件，名字叫“index htm ”的，它是每个站点的主页，这个主页也是一个网页文件。

浏览者访问站点时首先进入的就是站点的主页。

主页的名字在一般情况下就叫做“index htm”.在文件列表里除了主页之外，还有文件夹。

新建站点时，Frontpage都会在站点所在位置下新建几个文件夹，一个是“images”；一个是“private”；另一个是“photogallery”。

我们在编辑站点时可以在“image”文件夹放置站点用的图片。

“pvivate”文件夹比较特殊，其中的文件对浏览者来说是隐含的，我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里。

“photogallery”文件夹就是我们“个人站点”需创做的具体内容了。