网页制作(FrontPage)案例
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案例1
制作标题
– 插入艺术字 – 插入图片
• • 【插入】|【图片】|【来自文件】， BannerRoses.jpg 设置图片属性（双击图片）
案例制作步骤之四— 案例制作步骤之四—表格中添入内容
插入活动字幕（表格（table）的第三行）
– 【插入】|【Web组件】
案例制作步骤之四— 案例制作步骤之四—表格中添入内容
案例制作步骤之一
新建站点
– 【文件】|【新建网站】，【由一个网页组成的网站】 ， “指定新网站的位置”
打开主页
– 双击“文件夹列表”中的index.htm文件 – “网页大小”：800×600最大化选项 （单击网页状态 栏中的“网页大小” ）
案例制作步骤之二
插入表格（table）
– 【表格】|【插入】| 【表格】， “启用 布局工具”
– 文字——“奇花异草” 属性
• “华文隶书”，6号
– 插入水平线
• 【插入】|【水平线】 • 水平线属性
– “高度”16像素，“对齐方式”居中，颜色设置为绿色
Байду номын сангаас
案例制作步骤之四— 案例制作步骤之四—表格中添入内容
表格（table2）中间单元格内容设置
– 插入行为
• 【格式】| 【行为】 • “插入”下拉列表中选择【交换图像】 • 选择复选框“Mouseout事件后还原”，【浏览】选 则相应图片 。
案例制作步骤之四— 案例制作步骤之四—表格中添入内容
添加背景图片和背景音乐
– 设置网页属性
• 【格式】|【属性】
– “常规”选项卡中设置背景音乐 – “格式”选项卡中设置背景
案例知识点总结
打开网站 插入表格并设置其属性 单元格的拆分 设置单元格的属性 表格的嵌套 插入艺术字 插入水平线
高中信息技术人教版选修3优秀教学案例：初识FrontPage
3.各小组汇报讨论成果，教师点评并给予鼓励性评价。
（四）总结归纳
1.教师带领学生回顾本节课所学内容，总结网页制作的基本步骤和关键技能。
2.强调FrontPage软件在网页制作中的优势，鼓励学生在课后继续实践，不断提高。
3.引导学生认识到网页制作不仅仅是一项技术，更是一种艺术，激后作业：运用FrontPage软件，制作一个具有个人特色的网页作品，要求包含文本、图片、超链接、表格等元素，并注重页面布局和美工设计。
2.提醒学生注意作业提交时间，鼓励他们在完成作业的过程中，积极思考、不断创新。
3.告知学生下节课将进行作品展示和评价，希望大家认真准备，展示自己的风采。
5.实践性强，注重创新能力培养
本案例教学内容紧密结合实际，注重培养学生的实践操作能力。通过设计具有个性化的网页作品，鼓励学生在实践中发挥创意，培养创新能力。同时，教师给予鼓励性评价，让学生在轻松愉悦的氛围中，不断提高自己的信息技术素养。
（二）讲授新知
1.讲解FrontPage的基本操作界面，包括工具栏、菜单栏、属性栏等，让学生对软件界面有整体的认识。
2.介绍HTML语言的基本语法，如标签、属性、注释等，并通过实例演示，让学生直观地了解HTML在网页制作中的应用。
3.讲解如何使用FrontPage进行网页的创建、编辑、保存和发布，引导学生跟随操作步骤，动手实践。
（二）问题导向
在教学过程中，教师将运用问题导向法，引导学生主动探究、积极思考。针对网页制作的关键环节和技术要点，提出具有启发性的问题，让学生在解决问题的过程中，理解和掌握所学知识。同时，鼓励学生提出自己的疑问，师生共同探讨，培养学生的问题意识和批判性思维。
FrontPage网页制作教案(18课时)
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。
小学六年级信息技术上册FrontPage2003制作网页课件
从本地文件系统中添加图片，图片可以为GIF、JPEG、 BMP等文件格式。
保存网页时，FrontPage会提示将图片保存到您的站 点中。若图片不是GIF或JPEG 格式，使用256色或更少 颜色的图片会自动地转换成GIF，而所有其他的图片会 转换成JPEG格式。
图6-23“视频”选项卡
FrontPage 2003 制作网页
实例6-5 建立和编辑超链接
一、本例要求
★ 掌握建立文本超链接的方法和步骤。 ★ 掌握建立图像超链接的方法和步骤。 ★ 掌握建立邮件超链接的方法和步骤。
FrontPage 2003 制作网页
二、操作步骤
运行FrontPage，在“设计”视图模式下，输入文本“兰州石化职业技 术学院”。
FrontPage 2003 制作网页
实例2 利用FrontPage2003创建一个网页 一、本例要求
★ 掌握利用FrontPage2003创建、 保存、打开网页的步骤和方法。
FrontPage 2003 制作网页
二、操作步骤
使用菜单“文件”→“新建”，在弹出的“新建”任务窗格中选择 “空白网页”。任务窗格消失，这时就创建了一个空白网页。 在编辑区输入一段自我介绍的文字：“你好，我是李明，我家住在广西 梧州……”如图6-5所示，对文字做简单的修饰。
FrontPage 2003 制作网页
7. 单击取文件名为example6-4，更改标题为“案例6-4”，单 击“确定”按钮。 8. 在弹出的如图6-20所示的“保存嵌入式文件”对话框中， 单击“确定”按钮。
图6-20“保存嵌入式文件”对话 框
FrontPage 2003 制作网页
三、本案例知识点
网页制作(FrontPage)案例
网页基础知识
• 网页实质上就是一个用HTML(XHTML)书 写的文本文件 • 文本文件是以ASCII编码方式存储的一种文 件，可在目前主流的任何操作系统使用。 在windows中，我们可以用附件提供的 “记事本”程序来打开、查看或修改 • HTML是超文本标记语言(Hyper Text Markup Language)的缩写 • XHTML是可扩展超文本标记语言
网页基础知识-浏览器
• 我们浏览网页，实质上是浏览器先把该网页的文本内容以及相关的图 片动画等资源文件下载下来，然后浏览器根据网页的HTML文本内容， 对相应的标记做出相应的显示，最后呈现在我们面前的是一个丰富华 丽的页面。所以我们做网页实质上是用浏览器认识的语言对浏览器说 话。 • 目前主流的浏览器有以下四种： IE系列（Internet explorer）6.0-9.0 火狐（Mozilla FireFox） 谷歌 （Google Chrome） 苹果 （MAC safari） 以上四种浏览器各自有自己的内核，虽然基本差不多，但细节可 能会有细微差别，尤其是针对XHTML方面，同一个网页在不同版本 的IE下都可能有巨大差别，这是需要引起我们注意的方面。 其他的如360、遨游等国产浏览器事实上都是基于IE，不过换了 下皮肤加了点功能而已。
网页制作工具
• 文本型 Notpad Hotdog Editplus 优点：修改网页非常方便，可在任何平台修改。 缺点：制作复杂网页麻烦，需要非常熟练HTML。 • 所见即所得型 Frontpage Dreamweaver 优点：制作复杂网页简单，不懂Html也可制作。 缺点：修改网页需要安装大型软件，一般远程服务器不支持
第5章 FrontPage网页型课件制作实例
主菜单
上一张
下一张
退 出
5.3 美化课件的运行画面
使用表格规划网页
在设计课件版面时，我们经常需要将版面分成若干版块，然后不同的 版块显示不同的内容。在实际制作网页时，一般使用表格来规划网页的版 面，此时将表格线设置成虚线。 实例9 中国古代山水画
新建“index.htm”网页
设置网页属性
主菜单
上一张
下一张
退 出
5.2 添加课件的教学内容
添加表格
在网页制作中表格的用途很大，不但呈现数据信息需要用到表格，而 且还可以利用表格来规划网页。在表格中，可以插入图片、文字、视频等 信息。 实例3 减数分裂
新建网页
插入表格
设置表格宽度 合并单元格
输入文字并设置单元格对齐方式
主菜单
上一张
下一张
退 出
5.6 制作综合课件实例
中学语文课件制作实例
实例13 桃花源记
使用框架制作课件导航 制作“课堂练习”部分 建立网页之间的联系 发布站点
主菜单
上一张
下一张
退 出
多媒体CAI课件制作 实例教程（第3版）
3．“导航”视图
4．“超链接”视图
主菜单
上一张
下一张
退 出
5.1 FrontPage基础知识
网站与网页基本操作
制作一个WEB课件的基本操作步骤如下：
(1) 创建网站和网页。
(2) 添加课件的教学内容。 (3) 美化课件的运行画面。 (4) 设置课件导航与交互。 (5) 设置课件的动态效果。 (6) 测试和发布网站。
主菜单
上一张
下一张
退 出
5.4 设置课件导航与交互
第5章 FrontPage网页型课件制作实例 第四版
③单击
5.4.5 用主题美化课件的外观
自动套用的 导航栏样式 自动套用的 水平线样式 自动套用的 网页背景
②单击
③选择位置
①单击
在FrontPage中，“主题”是指网页外观的类型或风 格，可使用FrontPage中的“主题”来快速美化课件的外 观。使用主题美化课件，可以在新建课件网页的时候使用 主题，也可以做好网页后应用主题美化网页。
5.2.1 规划课件网站
“雾凇”网站规划说明
网站总体规划
主题 建站目标
“雾凇”课件
名称
雾凇
图文介绍雾凇这一自然奇观，给学生真实体验，帮助 学生理解《雾凇》课文内涵，并提供学习交流平台。
网站栏目设置 主要栏目 研读成因 感受过程 栏目内容说明 图文介绍雾凇形成的原因。
网站内容规划
领悟奇观 课外交流
提供介绍雾凇的视频资料，帮助学生体验雾凇形成的 过程。 分析课文，帮助学生理解课文内涵 设立网上交流平台，帮助学生进一步交流学习心得。
5.4.3 使用框架组织网页
使用模板创建框架网页
②单击 ②单击 布局 ③单击 ③单击 布局
制作框架网页
①单击 布局
④单击 ④单击 布局
新建或设置各框架中的初始网页
正在保存 的区域
保存框架网页：
如果各框架中的网页是新建的， 保存时，需分别进行保存。
①单击 ①单击 布局 ②单击 ②单击 布局
5.4.3 使用框架组织网页
及时地记录设计
方案。
5.4.2 使用表格规划版面
网页上部 (表格 1 第 1 行 )
网页中部 (表格 1 第 2 行 )
网页下部 (表格 1 第 3 行 )
使用表格规划网页可以灵活安排网页版面，使网页整齐、 有序。首先在网页中插入表格并设置表格属性，然后再将文 字、图片等课件内容插入表格的单元格中。插入表格后将边 框线粗细设置为“0”，可以使表格在浏览时变为不可见。
用Microsoft+FrontPage制作网页
学习做网页之前，我们首先要知道网页是什么，一般来说网页是用在网络上的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网页课件制作教案
Frontpage网页课件制作教案Frontpage2000是Office2000中的组件之一，它的使用和Word2000在很大程度上有些相似，所以只要会用Word2000，那么学习网页制作将会是件十分容易的事。
首先，我们来认识一下Frontpage2000的界面。
（图一）从这里，我们可以看到，Frontpage2000的界面和Word2000相似，最上面蓝色一条称为“标题栏”，显示的是文件的名称，下面是“菜单栏”，包括文件、编辑等菜单项，接下来是“常用工具栏”和“格式工具栏”关于工具栏中按钮的使用，我们下面的学习中将一一了解。
左侧这边是“视图栏”，里面有6种视图方式，单击就可选择其中的一种，一般我们只使用其中的一种，就是“网页视图”。
当然，如果你觉得这一条就在这边有点碍眼的话，可以到“查看”菜单中单击一下“视图栏”命令，就可以将它隐藏起来。
右边这一块空白区域是“编辑区”，就是在这里制作我们的网页。
“编辑区”下方我们可以看到有三个“切换按钮”，第一个是“普通”按钮，也就是切换到现在这个界面。
第二个是“HTML”，单击了这个按钮之后，你会看到编辑区有很多代码，事实上这些就是网页的源程序，在这里我们可以为网页加一些网页特效，用来美化我们的页面。
第三个则是“预览”按钮，当我们做了一些网页之后，就可以通过这个按钮来看看有没有达到自己预期的效果，如果不满意，就可以点“普通”回过去修改一下你的网页。
接下来，我们就可以开始动手做网页了。
但是大家现在想一想，你想做的网页是不是只是一张页面呢，当然不会，事实上，你要做的肯定是由多张页面，多张图片，甚至是音乐组合而成的，那么首先我们就必须建立一个站点来放这些内容。
在“文件”菜单中指向“新建”“站点”，（如右图），就会出面下图三选择“空站点”，在位置中输入站点的路径和名称。
（注意：一般默认的是C盘下的我的文档，不过为了给C盘节省空间，我们建议不在C盘下建立站点，可以直接输入路径，如在E盘下建立，就直接输入E :\ My web,就可以在E盘下建立一个名为My web的站点。
高中信息技术《网页制作》教案三篇
【导语】教案是教师为顺利⽽有效地开展教学活动，根据课程标准，教学⼤纲和教科书要求及学⽣的实际情况，以课时或课题为单位，对教学内容、教学步骤、教学⽅法等进⾏的具体设计和安排的⼀种实⽤性教学⽂书。
⽆忧考准备了以下内容，供⼤家参考!篇⼀ 说课题⽬： FrontPage页设计技巧综合运⽤ 专家们、教师们：⼤家好！ 今天我说课的题⽬是：FrontPage页设计技巧综合运⽤ 我的说课将从以下⼏个⽅⾯进⾏： ⼀：说教材 ⼆：说教学⽬的 三：说学⽣ 四：说教学⽅法及实现途径 五：说有关教学设计中的三个引导点 ⾸先说教材： 教材的选取：教材使⽤经全国中⼩学教材审定委员会审查通过，全⽇制普通⾼级中学信息技术教科书，⾼中第三册，第⼀单元FrontPage页设计的总结运⽤课。
这⼀教材由⼴西科学技术出版社出版 本节教学内容所处的地位：是巩固与提⾼学⽣页设计技巧的极好机会，⽽且是教师抓住机会进⾏更精彩、更有意义的教学设计与教学实施的关键时期，我想这点会在我后⾯的教学设计阐述中体会。
接下来说教学⽬标： 基础知识⽬标： 巩固前⾯已学的页设计技巧，⽽且将激发学⽣⾃主去探讨，更多的页设计技巧。
能⼒培养⽬标： 培养学⽣互相合作，共同提⾼的良好品质；⿎励学⽣们在这⼀页设计运⽤课中，充分利⽤络资源，培养⾃⼰主动学习及探究能⼒和综合信息素养。
情感教育⽬标： 如何使信息技术教学成为培养学⽣综合素质的⼀个平台，如何设计除了教会学⽣使⽤⼀些基础软件知识之外的更多的东西，这是我⼀直在计算机课教学中思考的⼀个问题；学⽣情感教育的培养，⼀直应成为我们课堂教学中，不可缺少的重要素质教育⽬标之⼀，所以选择母爱为主题，由此培养学⽣对母爱的理解及体验母亲对⼉⼥平凡⽽伟⼤的爱；另外也为丰富我⾃⼰的情感：我作为⼀名普通的教学⼈员，我希望在我的教学中做我应做的，做我能做的，多探讨，多尝试，丰富学⽣的内⼼同时，我也在其中丰富⾃⼰，并感受更多的快乐。
接下来说学⽣： 学⽣计算机知识背景： 我的学⽣是⾼⼆的学⽣，⾼⼆的的学⽣经过⾼⼀计算机基础知识的学习以后，他们有⼀定的络知识，如何设计⼀个教学环节不仅仅简单让学⽣回顾复习⼀下，⽽是能达到更⾼的层次，下⾯了解⼀下： 学⽣的⾝⼼特点： ⾼中⽣在⼼理和⾏为上表现出强烈的⾃主性，具有很强的⾃信⼼和⾃尊⼼，热衷于展现⾃⼰的⼒量和才能；他们已不满⾜于⽗母、⽼师的讲解，或书本上的现成结论， 学⽣与⽗母的交流： 在⾼中阶段，⾼⽣中的⾃主、独⽴性使他们的个性处于极其张扬与反叛的时期，⽗母与孩⼦的交流往往在这⼀时期成为多事之秋。
4.6 用FrontPage制作网页
5．图片保存
保存网页时，FrontPage会提示用户是否将插入的图 片保存到当前站点的目录下。如果只在一个独立的页 面中使用图片，建议将图片文件与网页文件放在同一 个目录。如果该图片供某个站点中的一个网页使用， 建议专门建立一个存放图片的文件夹，例如images文 件夹。此外，插入图片时最好使用相对地址，一边于 修改和维护。
图4.48 图片对话框
图4.49 图片属性对话框
3．图片其他操作
当选中某个图片的时候，在编辑区域的底部会弹 出图片工具栏，如图4.50所示。利用该工具栏可对所 选定的图片进行编辑操作。
图4.50 图片工具栏
4．设置背景图
背景可由“背景图片”和无图片的“背景颜色”构成。 （1）添加“背景图片”的方法： ① 单击“格式”菜单的“背景”命令，出现“网页属性” 对话框的“背景”选项卡；或鼠标右键单击FrongPage编辑区， 选择快捷菜单中的“网页属性”命令，再在对话框中选择“背景” 选项卡。 ② 在“背景”选项卡的“格式”区域选择“背景图片”复 选框，再在空白栏处直接键入图片所在的文件路径和文件名，也 可单击“浏览”按钮选择图片文件。单击“确定”按钮完成“背 景图片”的设置。 （2）设置网页“背景”颜色和“文本”颜色的方法： ① 使用“背景”选项卡的“颜色”区域，在“背景”和“文 本”列表框中选择不同的色彩，设置“背景”和“文本”颜色； 设置“超链接”的文字的颜色，可在“颜色”区域右侧的3个列 表框中完成设置。 ② “背景”选项卡中对“文本”颜色的设置，只有该文字的 “字体”颜色设置成“自动”时才有效。 ③ 使用背景图片时，所设置的背景颜色将被图片覆盖。
例4.6 设置段落
在需要设置格式的段落中单击鼠标右键， 从弹出的快捷菜单中选择“段落”命令，或者 执行（格式/段落）命令，打开“段落”对话框。 利用该对话框可以对段落的对齐方式、缩进、 段落间距等进行设置，其中在“缩进”选项组 中输入正值表示向内缩进、输入负值表示向外 扩展；在“段落间距”选项组中输入正值表示 加大间距、输入负值表示缩小间距。
使用FrontPage 2003制作网页.ppt
二、FrontPage 2003的工作窗口 选择 “开始”→“所有程序”→“Microsoft office”→“Microsoft office FrontPage 2003”命令，即可打开 FrontPage 2003的工作窗口，如图8.1.1所示。该窗口与 Office 2003的其他组件的工作窗口基本相同，用户可以在 工作区中制作和编辑网页。
（3）自定义站点。如果用户已对该软件非常熟悉，也 可以自定义创建站点，具体操作如下：
1）选择“文件”→“新建”命令，弹出“新建”任务 窗格。
2）在该任务窗格中的“新建网站”选项区中选择“由 一个网页组成的网站”选项，弹出“网站模板”对话框。
3）在该对话框中选择“空白网站”选项，并在右侧的 网站位置下拉列表框中输入网站的位置后，单击“确定” 按钮，即可创建一个只包含两个空白文件夹private和 image的站点，用户可自行创建主页及其他网页文件。
（5）超链接视图。该视图将网站中所有的内部和外 部超链接的状态显示在一个列表中，并用图标表示超链接 已通过验证或已中断。选择“视图”→“超链接”命令， 即可切换到该视图。
（6）任务视图。该视图以列表的形式显示网站中的 所有已完成或尚未完成的任务，并在各个列标题下提供有 关各项任务的当前信息。选择“视图”→“任务”命令， 即可切换到该视图。
图8.1.1 FrontPage 2003的工作窗口
三、FrontPage 2003的基本视图 FrontPage 2003为用户在创建站点和编辑网页时提供 了多种视图，其中网站的视图模式有网页设计视图、文件 夹视图、报表视图、导航视图、超链接视图、任务视图和 远程网站视图；网页的视图模式有设计视图、代码视图、 拆分视图和预览视图。
二、打开站点 如果要对某个网站进行编辑修改，可先将其打开，然 后再进行其他编辑操作。用户可以使用以下两种方法打开 站点： （1）选择“文件”→“打开网站”命令，弹出“打开 网站”对话框。在该对话框中选择要打开的站点，单击“打 开”按钮 即可。 （2）单击常用工具栏中“打开”按钮 右侧的下拉 按钮 ，在其下拉菜单中选择“打开网站”命令，在弹出的 “打开网站”对话框中选择要打开的站点，单击“打开”按 钮即可。
如何用Frongpage制作班级网页
汇报人： 日期:
目录
• 网页制作背景与目的 • 规划与设计网页结构 • 使用Frontpage制作网页 • 增强网页交互性与功能 • 优化与发布网页 • 评估与维护网页
01
网页制作背景与目的
班级网页的意义
信息共享
班级网页可以方便学生、家长和 教师之间实时共享各类信息，如 课程安排、作业要求、活动通知 等。
提升网页安全与稳定性
1 2
选择可靠主机
选择知名、稳定的主机服务商，确保网页的正常 运行和访问速度。
加强密码管理
设置复杂的密码，并定期更换，防止黑客攻击和 恶意入侵。
3
定期备份数据
定期对网页数据进行备份，以防数据丢失或受到 破坏。
THANKS
谢谢您的观看
定期对收集到的反馈进行汇总和分析 ，找出网页存在的问题和改进方向。
定期更新与维护内容
制定更新计划
根据班级活动和课程安排，制定网页内容的更新计划，确保信息 的及时性和准确性。
分工合作
明确团队成员的分工，确保各类信息的收集和整理工作有序进行 。
审核发布
设立内容审核机制，对更新后的内容进行审核，确保信息的准确 性和合规性。
精简代码
去除多余的HTML、CSS和JavaScript代码，减 少文件大小。
使用缓存
设置合适的缓存策略，使浏览器能够缓存部分网页内容，加快重复访问速度。
发布与推广网页
选择合适的域名
为班级网页选择一个简洁易记的域名，方便 用户访问。
购买空间与上传文件
购买合适的虚拟主机空间，将制作好的网页 文件上传到服务器上。
为文字或图片添加超链接，使用户能 够便捷跳转到其他页面或网站，增强 网页的扩展性。
#用FrontPage2000制作网页教案
用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教室软件对学生操作情况进行即时跟踪或通过巡视发现学生地操作情况,进行信息反馈,发现问题即时提示或纠正.五、教案反思和回顾：利用网络教室地软硬件资源进行教案,采用示范操作——讲解——学生练习——教师辅导等多种教案方法,完全符合教材地要求,符合现代教育发展地方向,能极大地发挥教师在课堂教案中地主导作用和学生地主体作用,给学生充分发挥自己探索知识、创新发展地时间和空间,从而真正调动学生学习知识地积极性和主动性.以后地信息技术教案不但在网页制作方面地,就是其他方面知识地教案也应该充分发挥计算机、网络、多媒体投影教案地作用.制作“自我简介”先后涉及到三个网页制作,教材中编排太乱,给教师地教案和学生地操作带来一定地麻烦,有少数学生给教材一会儿干这个,一会儿练那个都搞糊涂了,在课堂上也提出不少问题.在课后地学生填写地操作报告中,不少学生对网页制作很感兴趣,对因特网很关心,一节课下来,有地总结中写道：已经掌握,基本掌握,非常容易操作等；有地同学认为学校机房应该开放,增加练习操作地机会.有地班级和同学开始准备制作自己地网页.。
用FrontPage2000制作网页
8.1 FrontPage 基本操作 8.2 使用 FrontPage 创建网站 8.3 页面布局及修饰
8.4 在 FrontPage 中使用 CSS
8.5 网页制作实例
8.1 FrontPage 基本操作
8.1.1 FrontPage 的界面 8.1.1.1 FrontPage 2000 主窗口 启动 FrontPage 2000 之后，其主窗口如图 8-1 所示。
图 8-23 “图片”工具栏
8.3.2 创建 DHTML 效果 用户可以对网页中的特定元素（如文本、段 落或图片等）应用动态 HTML，以便使网页元素 具有一定的动感效果。动态 HTML 将这些元素 与某个事件（如网页加载或单击鼠标）相联系， 当事件发生时触发动态 HTML 效果。 使用动态 HTML 效果的步骤如下： （1）选择“格式”菜单中的“动态 HTML”命令，则弹出如图 8-24 所示的 “DHTML 效果”工具栏。
图 8-3 “新建”对话框
8.1.2.2 打开网页 8.1.2.3 保存网页
8.1.3 设置网页属性 网页属性是指网页标题、网页背景等基 本选项，设置方法为：在网页编辑区域的空 白处单击鼠标右键，然后选择“网页属性” 命令，或者选择“文件”菜单中的“属性” 命令，然后在“网页属性”对话框中进行设 置，如图 8-4 所示。
图 8-10 “目标框架”对话框
当用户创建了超链接之后，可以在超 链接上单击鼠标右键，然后选择“超链接 属性”命令，以便更改超链接的目标。
8.1.5.2 创建指向书签的超链接 超链接除了可以跳转到其他网页或文件以外，还 可以跳转到自身网页或其他网页的某个具体位置，方 法是使用书签来创建超链接。 如果要创建这样的超链接，首先应在目标网页中创 建书签，步骤如下： （1）在“网页”视图中，将插入点定位到需要插入书 签的位置，或者选中需要作为书签的文本。 （2）选择“插入”菜单中的“书签”命令，则弹出如 图 8-11 所示的“书签”对话框。
用FrontPage2003创建站点网页设计与制作教程第3版教学ppt课件
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
2. 设置网页背景 单击“网页属性”对话框中的格式选项卡，在图7-21所示的对话框中可以设置更 加生动的背景。
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
(2) 拆分单元格 在图7-10所示的对话框中选择“拆分成行”或“拆分成列”。
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
(3) 设置单元格的格式和属性
在“单元格格式”任务窗格单击 “单元格属性和边框”项后，窗 格中显示图7-11所示的选项。
3. 向网页中添加Flash动画
当鼠标变成十字箭头样式时按下左键拖动将其移到适当的 位置，如图7-27所示。
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
在弹出的快捷菜单中执行“Flash影片属性”命令，打开图7-28 所示的对话框，选择“透明”复选框后单击【确定】按钮，它 在浏览器中显示出来的效果如图7-29所示。
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
其中，“水平对齐方式”和“垂直对齐方式”用来设置文字在单元 格中的对齐方式；“行跨距”和“列跨距”用来设置单元格纵向扩 展的行数或横向扩展的列数，如图7-19所示。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页基础知识-网站
• 网站事实上就是多个网页通过超级链接组 成的。 • 一个网站一般包含一个主页（也称默认页， 索引页），用户访问网站先到达主页，通 过主页上提供的超链接点击到其他页面。 • (静态)网页的扩展名一般是 .htm 或 .html。 • 主页命名一般用default或index。
网页基础知识-网页元素
网页上一般包含以下元素，他们对应的标记如下： • HTML基本结构： HTML,HEAD,BODY,TITLE,META,STYLE • 页面排版:H1-H6,BR,HR,P, PRE,CENTER,FONT等 • 表格:TABLE,TR,TH,TD,CAPTIOND等 • 图片和多媒体:IMG,EMBED,OBJECT • 列表: UL,OL,LI,DL,DT,DD • 超级链接:A • 表单:FORM,INPUT,CHECKBOX,RADIO, SELECT,OPTION,TEXTAREA等 • 框架:FRAME,FRAMESET • 其他:DIV,SPAN等
FrontPage
• FrontPage是Mircrosoft Office办公软件系列的 一种，但默认不安装，需要单独安装。 • FrontPage是一款非常简单方便的网页制作软件， 不仅可以用来制作网页，还可以用来建设和管理 一个站点（不推荐使用站点功能，因FrontPage 站点需要使用Frontpage扩展，大多数服务器不 支持该功能，可能会导致网页无法正常浏览或使 用）
教学案例一
• 用FrontPage制作一个表格布局的页面 素材在“课堂样例”文件夹内 本页面用到了绝大部分常用的HTML元素， 并融入了一些表格制作网页的技巧，有兴 趣的同学可在课下仔细研究。
案例一—步骤
1. 打开Frontpage，先将新建的网页保存，同时 将素材文件夹放在和网页同目录下。然后空白 处按右键，点击“网页属性”菜单，会弹出 “网页属性”对话框。在该对话框中点“高级” 选项卡，设定上边距和 左边距为0，按“确 定”。 （切换到代码视图，观察HTML变化。我们发现原 来的body标记后增加了两个属性，网页制作工 具就是这个原理，我们只需要点来点去，工具 帮我们写代码）
作业
• 使用FrontPage，利用“作业素材”文件 夹下的素材，基于表格制作如下网页。
网页制作工具
• 文本型 Notpaபைடு நூலகம் Hotdog Editplus 优点：修改网页非常方便，可在任何平台修改。 缺点：制作复杂网页麻烦，需要非常熟练HTML。 • 所见即所得型 Frontpage Dreamweaver 优点：制作复杂网页简单，不懂Html也可制作。 缺点：修改网页需要安装大型软件，一般远程服务器不支持
网页基础知识-Html
• HTML关心的是网页元素的展现形式（如文字的 大小颜色位置等），只能使用浏览器认识的标记。 • XML关心的是数据本身以及数据的结构（如一条 天气预报包含的城市、温度、风向、晴雨等信 息），可以自己定义标记及格式。 • XHTML是网页从关心显示向关心数据的转变的一 种过渡语言，基于HTML，但比HTML要求严格。 在用XHTML制作网页的实战中，HTML仅用来组 织数据，网页元素的外观形式信息不再由HTML 负责，交由CSS（层叠样式表）处理。这是现在 主流的网页制作方式。
案例一—步骤
7. 再次插入表格，1行5列，宽度100%，高度不 设置。 8. 将第1,2,4,5列分别设置宽度为 193,14,16,193，中间列不设置。将5个单元 格全部选中，垂直对齐方式设为“顶端对齐”。 9. 将第2列设置背景图片bg3.gif,在该单元格内插 入图片tr3.gif，将第4列设置背景图片bg4.gif, 在该单元格内插入图片tr4.gif， 10.其他步骤不再赘述。
案例一—步骤
2. 点击“表格—插入—表格”菜单，在弹出 的对话框中设置需要插入的表格属性，在 此我们如下图设置。
案例一—步骤
3. 新建的表格因为边框粗细为0，在设计视图下会以虚线 显示，在表格内按右键，点“表格属性”，在使用背景 图片的“浏览”按钮，选择素材文件夹中的 “banner_bj.jpg”，确定。 4. 在左边单元格内按右键，点“单元格属性”，设定单元 格宽度770像素，再使用背景图片的“浏览”按钮，选 择素材文件夹中的“banner.jpg”，确定。 5. 在表格内点“插入—图片—Flash影片”菜单，选择素 材文件夹内的“top.swf”，确定。在新加入的flash影 片上按右键，勾选“透明”，设定宽度为770。 6. 采用如上类似步骤制作导航部分。 在浏览器中预览，发现页面头部已经按预想完成。
网页基础知识-浏览器
• 我们浏览网页，实质上是浏览器先把该网页的文本内容以及相关的图 片动画等资源文件下载下来，然后浏览器根据网页的HTML文本内容， 对相应的标记做出相应的显示，最后呈现在我们面前的是一个丰富华 丽的页面。所以我们做网页实质上是用浏览器认识的语言对浏览器说 话。 • 目前主流的浏览器有以下四种： IE系列（Internet explorer）6.0-9.0 火狐（Mozilla FireFox） 谷歌 （Google Chrome） 苹果 （MAC safari） 以上四种浏览器各自有自己的内核，虽然基本差不多，但细节可 能会有细微差别，尤其是针对XHTML方面，同一个网页在不同版本 的IE下都可能有巨大差别，这是需要引起我们注意的方面。 其他的如360、遨游等国产浏览器事实上都是基于IE，不过换了 下皮肤加了点功能而已。
网页基础知识
• 网页实质上就是一个用HTML(XHTML)书 写的文本文件 • 文本文件是以ASCII编码方式存储的一种文 件，可在目前主流的任何操作系统使用。 在windows中，我们可以用附件提供的 “记事本”程序来打开、查看或修改 • HTML是超文本标记语言(Hyper Text Markup Language)的缩写 • XHTML是可扩展超文本标记语言