网页制作(FrontPage)案例

怎样制作网页-如何制作网页-网站制作教程|海乐网现在市面上的有许多制作网页的工具，office中也有一个专门作网页的工具FrontPage ，其操作与word相似，比较容易上手。

下面以FrontPage 2000 为例，介绍网页制作的基本知识。

一、 如何打开FrontPage了解主界面单击任务栏“开始”按钮，选择“程序”选项，单击FrontPage就可以进入。

进入后你会发现PRONTPAGE界面和WORD很相似[图一]，这是因为编辑WEB页面和编辑WORD文档有很多同样的设置，这些设置所用的图标和WORD中的是一样的。

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

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

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

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

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

这些视图的使用不用一下就全部掌握，只要知道有这些视图就可以了。

下面看一看同一个WEB站点在不同视图中是怎样显示的。

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

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

[图一]网页视图注意，此时工作区的左下角有三个切换显示模式的选项卡[图二]。

单击“普通”选项卡，就切换到了普通模式。

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

单击“预览”选项卡就到了预览模式。

如果要看一看当前编辑的文件在浏览器中的显示情况，就使用预览模式，在预览模式下，是不能编辑网页的。

单击“HTML”，有的时候，也可以切换到HTML模式直接对网页对应的HTML文本文件进行编辑，从而为网页作一些特殊的设置。

FrontPage网页制作教案（18课时）第一节网页制作基础知识教学目标：1、了解网站、网页、主页和HTML的基本概念2、了解常见的网页制作工具3、掌握Frontpage的启动和退出教学手段：教师讲解与学生演示相结合教学过程：一．讲课：一、网页及其组成通过浏览器在WWW上所看到的每一幅画面都是一个网页（Web Page）。

网页是全球广域网上的基本文档，用HTML语言编写。

网页中所的元素主要有文字、图片、声音、动画、影像以及链接等，通过这些元素的有机组合，就形成了包含各种信息的网页。

其中，文字是网页中最常用的元素；图片可以给人以生动直观的视觉印象，适当运用图片，可以美化网页；链接的设计，可以使我们进行选择性的浏览；随着动态HTML技术的发展，人们在网页中加入声音、动画等多媒体信息，使网页更加丰富多彩。

二、常用的网页制作工具最初，人们利用HTML语言在文本编辑器中制作网页。

HTML语言是超文本标记语言（Hypertext Markup Language）的缩写，用来描述网页的结构，但不能直观的描述网页在浏览器中的效果。

因此，只有熟练掌握HTML语言的专业人员才能用它制作网页。

后来出现了一些网页制作工具（如CDIDA软件），降低了对HTML语言的要求，但是要实现某些功能，还必须输入相应的HTML代码。

FrontPage系列软件的问世，才将人们从HTML代码中解放出来。

用FrontPage软件制作网页就象在文字处理软件中编排多媒体文档一样，具有“所见即所得”的特性，而真正描述网页结构的HTML代码，则由FrontPage在幕后自动生成。

这样，大家都可以方便地制作自己的网页。

目前，使用较多的网页制作软件有：FrontPage、Flash、Dreamweaver等。

三、FrontPage2000的启动和退出1．启动方法：单击“开始”按钮，拖动鼠标指针依次指向“程序（P）”“Microsoft FrontPage”，并单击，即可启动FrontPage2000。

学习做网页之前，我们首先要知道网页是什么，一般来说网页是用在网络上的htm文件，通过网页可以很方便的实现网络资源的共享，上网分为三个步骤；1、输入正确的网址1）在桌面上找到Internet Explorer ，双击打开，出现浏览器窗口，一般会自动进入微软的网站；2）找到地址栏一个长白条，里面有一串以http打头的字符，这就是地址栏；3）在地址栏里头点一下鼠标左键，然后删除里面的字符，输入自己的的网址，网址一般是英文的以http打头，然后是一个冒号和两个斜杠（双斜杠），然后是www（三W），后面跟一个点，最后一般是com结尾，例如输入输完检查一下，没问题就按一下回车键，这时窗口右上角的小图标就开始运动，也就是正在搜索；4)一切正常就会进入到搜狐网站的首页；2、找超级链接网页上的内容是一页一页的，一般都藏在一个叫超链接的后面，所以第二步就是要找到超链接；超链接有三个特点，首先文字的颜色是蓝色的，非常醒目，其次文字下面有一条下划线，便于查找，最关键的是当鼠标移过去以后，指针会变成手形，这一点很重要；找到超链接以后就可以鼠标左键单击，进入相应的内容了；3、后退按钮看完一页后如何返回呢？在窗口的左上角有一个后退按钮，点一下就可以回到上一页，这样就不会迷失方向了；其他还有浏览、下载、另存为等等也都是网络的功能；本节学习了上网的基础知识，学习了上网的三步曲，网址－超链接和后退，如果你成功地理解并完成了练习，请继续学习下一课内容。

第2课网页基础这一节我们来学习做网页，通过上一节我们可以知道网页包括标题、内容和超链接几部分组成，下面我们通过一个练习来看看怎样做一个网页；1、启动FrontPage1）单击“开始－程序－Microsoft FrontPage”一个蓝色的箭头图标，启动FrontPage 程序，自动新建一个空白文档；2）单击工具栏上的保存按钮，出现保存对话框，从上到下先找到自己的文件夹，然后在下边的文件名框里点一下，删除里面的字符，输入index然后再点旁边的“更改”按钮，输入网页标题“青青草”，单击“确定”－“保存”，就成功地新建一个网页；2、输入内容保存完毕回到窗口中，输入网页标题和内容，这里我们创建个人主页，一行一行往里面输入，一行输完按一下回车键到下一行：第一行是标题，也就是网页的名称，个人主页包括自己的简介、爱好等内容，注意输“联系”的时候，在冒号后面加一个空格就不会错了；3、格式设计下面把网页的版面设计一下，也就是把网页修饰的漂亮一些；1）背景色单击“格式”菜单，选择“背景”命令，如果没找着，就点一下菜单最下面的折叠按钮，藏在下面呢；打开背景对话框以后，在中间找到“颜色”里面的“背景”，在“自动”上点一下，出来颜色对话框，在“其他颜色”上点一下，选一个自己喜欢的颜色，单击“确定”，背景色就加好了，单击“保存”按钮，保存一下文件；2）标题修饰选中标题“青青草花园”，单击工具栏上的居中按钮，让标题居中，然后从左到右依次选择字体、字号、颜色，字体设为华文彩云，字号设为6，颜色设为红色，注意颜色是大A按钮，旁边的铅笔是背景色，保存一下文件；3）文本修饰选中其他文本内容，把字体改为华文行楷，字号为4，颜色设为一个好看的颜色，保存一下文件；4）做好的网页怎么观看呢？在工具栏上找到一个放大镜“浏览”按钮，就可以查看自己的网页了（如果网页没出来，就到底下的任务栏上找一找）。

Frontpage网页课件制作教案Frontpage2000是Office2000中的组件之一，它的使用和Word2000在很大程度上有些相似，所以只要会用Word2000，那么学习网页制作将会是件十分容易的事。

首先，我们来认识一下Frontpage2000的界面。

（图一）从这里，我们可以看到，Frontpage2000的界面和Word2000相似，最上面蓝色一条称为“标题栏”，显示的是文件的名称，下面是“菜单栏”，包括文件、编辑等菜单项，接下来是“常用工具栏”和“格式工具栏”关于工具栏中按钮的使用，我们下面的学习中将一一了解。

左侧这边是“视图栏”，里面有6种视图方式，单击就可选择其中的一种，一般我们只使用其中的一种，就是“网页视图”。

当然，如果你觉得这一条就在这边有点碍眼的话，可以到“查看”菜单中单击一下“视图栏”命令，就可以将它隐藏起来。

右边这一块空白区域是“编辑区”，就是在这里制作我们的网页。

“编辑区”下方我们可以看到有三个“切换按钮”，第一个是“普通”按钮，也就是切换到现在这个界面。

第二个是“HTML”，单击了这个按钮之后，你会看到编辑区有很多代码，事实上这些就是网页的源程序，在这里我们可以为网页加一些网页特效，用来美化我们的页面。

第三个则是“预览”按钮，当我们做了一些网页之后，就可以通过这个按钮来看看有没有达到自己预期的效果，如果不满意，就可以点“普通”回过去修改一下你的网页。

接下来，我们就可以开始动手做网页了。

但是大家现在想一想，你想做的网页是不是只是一张页面呢，当然不会，事实上，你要做的肯定是由多张页面，多张图片，甚至是音乐组合而成的，那么首先我们就必须建立一个站点来放这些内容。

在“文件”菜单中指向“新建”“站点”，（如右图），就会出面下图三选择“空站点”，在位置中输入站点的路径和名称。

（注意：一般默认的是C盘下的我的文档，不过为了给C盘节省空间，我们建议不在C盘下建立站点，可以直接输入路径，如在E盘下建立，就直接输入E :\ My web,就可以在E盘下建立一个名为My web的站点。

【导语】教案是教师为顺利⽽有效地开展教学活动，根据课程标准，教学⼤纲和教科书要求及学⽣的实际情况，以课时或课题为单位，对教学内容、教学步骤、教学⽅法等进⾏的具体设计和安排的⼀种实⽤性教学⽂书。

⽆忧考准备了以下内容，供⼤家参考!篇⼀ 说课题⽬： FrontPage页设计技巧综合运⽤ 专家们、教师们：⼤家好！ 今天我说课的题⽬是：FrontPage页设计技巧综合运⽤ 我的说课将从以下⼏个⽅⾯进⾏： ⼀：说教材 ⼆：说教学⽬的 三：说学⽣ 四：说教学⽅法及实现途径 五：说有关教学设计中的三个引导点 ⾸先说教材： 教材的选取：教材使⽤经全国中⼩学教材审定委员会审查通过，全⽇制普通⾼级中学信息技术教科书，⾼中第三册，第⼀单元FrontPage页设计的总结运⽤课。

这⼀教材由⼴西科学技术出版社出版 本节教学内容所处的地位：是巩固与提⾼学⽣页设计技巧的极好机会，⽽且是教师抓住机会进⾏更精彩、更有意义的教学设计与教学实施的关键时期，我想这点会在我后⾯的教学设计阐述中体会。

接下来说教学⽬标： 基础知识⽬标： 巩固前⾯已学的页设计技巧，⽽且将激发学⽣⾃主去探讨，更多的页设计技巧。

能⼒培养⽬标： 培养学⽣互相合作，共同提⾼的良好品质；⿎励学⽣们在这⼀页设计运⽤课中，充分利⽤络资源，培养⾃⼰主动学习及探究能⼒和综合信息素养。

情感教育⽬标： 如何使信息技术教学成为培养学⽣综合素质的⼀个平台，如何设计除了教会学⽣使⽤⼀些基础软件知识之外的更多的东西，这是我⼀直在计算机课教学中思考的⼀个问题；学⽣情感教育的培养，⼀直应成为我们课堂教学中，不可缺少的重要素质教育⽬标之⼀，所以选择母爱为主题，由此培养学⽣对母爱的理解及体验母亲对⼉⼥平凡⽽伟⼤的爱；另外也为丰富我⾃⼰的情感：我作为⼀名普通的教学⼈员，我希望在我的教学中做我应做的，做我能做的，多探讨，多尝试，丰富学⽣的内⼼同时，我也在其中丰富⾃⼰，并感受更多的快乐。

接下来说学⽣： 学⽣计算机知识背景： 我的学⽣是⾼⼆的学⽣，⾼⼆的的学⽣经过⾼⼀计算机基础知识的学习以后，他们有⼀定的络知识，如何设计⼀个教学环节不仅仅简单让学⽣回顾复习⼀下，⽽是能达到更⾼的层次，下⾯了解⼀下： 学⽣的⾝⼼特点： ⾼中⽣在⼼理和⾏为上表现出强烈的⾃主性，具有很强的⾃信⼼和⾃尊⼼，热衷于展现⾃⼰的⼒量和才能；他们已不满⾜于⽗母、⽼师的讲解，或书本上的现成结论， 学⽣与⽗母的交流： 在⾼中阶段，⾼⽣中的⾃主、独⽴性使他们的个性处于极其张扬与反叛的时期，⽗母与孩⼦的交流往往在这⼀时期成为多事之秋。

用FrontPage2000制作网页教案设计临沂二十九中学孟祥坤一、教案目标：1、认识FrontPage2000, 熟悉FrontPage2000程序界面.2、掌握制作网页地基础知识,在网页中插入文字、图像、表格.3、会美化网页.学习目标：通过教师示范操作和练习1、会启动FrontPage2000,认识FrontPage2000窗口界面.2、掌握网页制作地基础知识<网页命名、保存文件、打开文件等）.3、会在网页中插入文字、图像、表格.4、会用背景图、表格、颜色等对网页进行美化.二、教案重点：要求完成三个单独网页,“自我简介”、“成长之路”、“兴趣特长”及有关在网页中插入文字、图像、表格操作和实现标题文字、表格、图像地混排以达到美化网页地效果,教师先通过局域网、传奇2000教室软件进行“自我简介”网页地制作、美化、命名、保存等示范操作<大约用25分钟时间）,之后要求学生对照教材“学着做”、“试一试”、“动手做”完成“自我简介”、学生完成“成长之路”、“兴趣特长”三个网页地基本操作和美化工作.教材在三个网页制作学习过程中,安排地有点零乱,可在教师地指导下进行,教师通过巡视和屏幕跟踪发现问题即时提示和指导,指导学生边操作边体会,逐步掌握FrontPage使用方法,弄清网站、网页等基本概念.三、教案过程：准备工作：学生：1、复习上一章：网上搜寻交流信息2、复习进入Word2000地方法,熟悉其窗口界面<标题栏、菜单栏、“常用”工具栏、“格式”工具栏、文本编辑区、状态栏等到）,如何插入表格、图片、选择字体、字号等.3、怎样命名文件、文件存盘<保存位置）和打开一个已有地文件.4、预习：第七章：网上发布信息教师：1、保证网络教室电脑软、硬件无故障,网络传输正常；保证电路正常供电无故障2、提前备好课,对所教案地制作“自我简介”几个不同网页能熟练操作、讲解无误,对在课堂中学生提出地问题要能给予满意答复并能耐心辅导.3、备课流程设计如下：四、自我评价：通过这样地活动,充分利用网络教室资源进行《信息技术》教案,学生在这样地环境中学习,所见即所得.学生人手一台档次较高地电脑,先进地软件控制功能和局域网使教师示范教案能被学生所接受.学生通过教师示范教案后,根据示范教案情况,对照教材练习绝大多数都能完成学习任务,一部分同学能完成得很好.极少数同学接受知识较慢,通过辅导和请教做地比较好地同学也基本上能完成学习任务.评价尺度：1、是看通过示范教案后,能否基本完成教材中规定地学习任务、操作地方法是否正确；2、是看对所作地网页是否进行美化处理；3、是看对当堂所学地知识如果课后出现练习,是否能准确解答；评价方法：⑴、通过练习来评价学习结果.通过练习评价以便教师、学生能得到教案反馈,从而完成教案目标.课后地判断题、填空题当堂通过提问、讲解完成.⑵、通过完成综合性任务来评价学习结果.通过完成“动手做”“自我简介”网页进行评比来进行.⑶、通过软件跟踪反馈学习结果.在教案过程中,利用安装地传奇2000教室软件对学生操作情况进行即时跟踪或通过巡视发现学生地操作情况,进行信息反馈,发现问题即时提示或纠正.五、教案反思和回顾：利用网络教室地软硬件资源进行教案,采用示范操作——讲解——学生练习——教师辅导等多种教案方法,完全符合教材地要求,符合现代教育发展地方向,能极大地发挥教师在课堂教案中地主导作用和学生地主体作用,给学生充分发挥自己探索知识、创新发展地时间和空间,从而真正调动学生学习知识地积极性和主动性.以后地信息技术教案不但在网页制作方面地,就是其他方面知识地教案也应该充分发挥计算机、网络、多媒体投影教案地作用.制作“自我简介”先后涉及到三个网页制作,教材中编排太乱,给教师地教案和学生地操作带来一定地麻烦,有少数学生给教材一会儿干这个,一会儿练那个都搞糊涂了,在课堂上也提出不少问题.在课后地学生填写地操作报告中,不少学生对网页制作很感兴趣,对因特网很关心,一节课下来,有地总结中写道：已经掌握,基本掌握,非常容易操作等；有地同学认为学校机房应该开放,增加练习操作地机会.有地班级和同学开始准备制作自己地网页.。