frontpage网页制作教案
frontpage课程设计
frontpage课程设计一、教学目标本课程的教学目标是使学生掌握 FrontPage 的基本操作，能够使用 FrontPage 制作简单的网页。
具体目标如下：1.了解 FrontPage 的界面和基本功能。
2.掌握 FrontPage 中的文本、图像、超链接等基本元素的插入和编辑方法。
3.了解 FrontPage 的、框架等布局工具的使用方法。
4.掌握 FrontPage 的网页发布和管理方法。
5.能够使用 FrontPage 制作简单的个人网页。
6.能够使用 FrontPage 进行网页的基本布局和设计。
7.能够使用 FrontPage 发布和维护简单的个人。
情感态度价值观目标：1.培养学生对计算机技术和网络应用的兴趣和好奇心。
2.培养学生独立思考和解决问题的能力。
3.培养学生团队协作和分享交流的精神。
二、教学内容根据教学目标，本课程的教学内容主要包括以下几个方面：1.FrontPage 的基本操作和界面熟悉。
2.文本、图像、超链接等基本元素的插入和编辑方法。
3.、框架等布局工具的使用方法。
4.网页发布和管理方法。
具体的教学大纲如下：第 1 课时：FrontPage 基本操作和界面熟悉。
第 2 课时：文本的插入和编辑。
第 3 课时：图像的插入和编辑。
第 4 课时：超链接的插入和管理。
第 5 课时：的制作和编辑。
第 6 课时：框架的使用和布局。
第 7 课时：网页发布和管理。
三、教学方法为了达到教学目标，本课程将采用多种教学方法，包括讲授法、实践操作法、小组讨论法等。
1.讲授法：用于讲解 FrontPage 的基本概念和操作方法。
2.实践操作法：让学生通过实际操作来熟悉和掌握 FrontPage 的各项功能。
3.小组讨论法：让学生通过小组合作和讨论，共同完成网页制作和设计任务。
四、教学资源为了支持教学内容和教学方法的实施，本课程将准备以下教学资源：1.教材：FrontPage 学习手册。
2.参考书：FrontPage 高级应用技巧。
Frontpage网页设计教学方案
交互效果
1 2
弹出框
使用JavaScript和CSS创建一个弹出框，用于显 示额外的内容或信息，增强用户与页面的互动性。
表单验证
通过JavaScript对表单进行实时验证，确保用户 输入的数据符合要求，提高表单提交的准确率。
3
点击特效
通过JavaScript实现点击元素时的特效，如放大、 变色、跳转等，提升用户体验和页面吸引力。
总结词
选择合适的链接颜色和下划线样式
详细描述
链接的颜色、下划线样式等应与网页的整体风格协调，同 时也要便于用户识别和点击。一般来说，链接的颜色应与 网页背景形成对比，下划线样式也要清晰可见。
总结词
设置链接的打开方式
详细描述
根据用户的需求和体验，可以选择链接的打开方式（如新 窗口、当前窗口等）。一般来说，为了防止用户误点击链 接而离开当前页面，建议在弹出窗口中打开链接。
站点设置
在站点属性面板中，可设置站点标题、描述等信息， 以及设置网页模板等。
网页布局与设计
表格布局
使用表格进行网页布局，方便控制页面元素位置 和大小。
插入元素
通过插入菜单，可添加文本、图片、链接等元素 到页面中。
ABCD
CSS样式
通过CSS样式表，可设置页面元素的样式，如字 体、颜色、背景等。
页面美化
使用Frontpage提供的工具和插件，可对页面进 行美化，如添加动画效果、背景音乐等。
03 网页元素设计
文本设计
总结词
选择合适的字体和字号
详细描述
根据网站的风格和目标受众，选择适合的字体和字号。对于正文内容，通常使用易读且清晰的字体， 如Arial、Times New Roman等，字号大小也要适中，以便用户阅读。
初中信息技术《FrontPage网页制作》教学设计
网页制作江汉油田东方红学校朱江教学目标：1.知识目标：能理解和掌握网页中一些最基本元素的使用方法。
2.能力目标：引导学生掌握FrontPage2000文件菜单中新建、保存、打开等基本操作及如何在网页中添加文字和插入图片的方法。
3.情感目标：培养学生的信息素养和创新协作的精神。
教学重点：创建和制作网页。
教学难点：网页中表格的运用。
教学方法：1、引导法；2、自主学习合作探究结合；教学设备：大屏幕投影、网络教室、因特网、自做教学课件教学时间：一课时教学过程：一、新课导入（2）：同学们都非常喜欢上网，当你们在网络中畅游时，往往会被美轮美奂的网页所吸引。
网页变幻的外表为它蒙上了一层神密的面纱。
今天，我们就一起来揭开它面纱，学习如何制作一个网页。
二、制作网页的准备（10）1、网页的定义（大屏幕展示）所谓网页,是在因特风的WWW服务中，通过浏览器观看的一些用HTML格式编写的文件。
网页是由文字、图片、超链接三个最基本的要素组成的。
2、工具的选择提问：当我们选择用FrontPage2000来制作网页，如何启动FrontPage2000呢？学生自主阅读课本67页明确：a.单击“开始”按钮b.在弹出的菜单中选择“程序”c.在二级级联菜单中选择“Microsoft FrontPage”即可。
全体同学打开一个空白网页。
3、插入文字、图片的方法提问：我们如何在网页中添加文字和图片呢？学生看书上第70至71页回答。
⑴添加文字(教师引导，学生自主学习)a.选择文件夹列表中双击Index.htm文件，进入主页面编辑状态。
b.在网面中输入文字并拟好网页主题。
⑵插入图片(教师引导，学生自主学习)a.将光标移到我们要插入图片的位置，然后从菜单栏中选择“插入”；b.将鼠标指针指向“图片”c.单击二级级联菜单中的“来自文件”，这时弹出一个“图片”对话框d.在“查找范围”中找到图片文件的位置后，选择图片文件；e.单击“确定”按钮即可。
4、插入表格的方法。
《网页的制作》教案【优秀3篇】
一、教学目标1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；2、认识FRONT的界面；3、掌握在主页中插入文字、图片、水平线；4、掌握页面文件与图片的保存。
二、教学重点1、能在指定位置建立只有一个网页的站点（难点）2、能在页面中插入文字、图片、水平线3、掌握页面文件与图片的保存（难点）三、学情分析四、教学方法在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。
五、教学过程设计教师活动：1、引入课题：（激发兴趣，活跃气氛）同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）浏览新浪网站，浏览的第一个页面称为什么？（主页）我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。
问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）问题2：网页是不是就是主页？（第一个页面称为主页，网站设计者可以确定哪一个是主页，主页的文件名一般为：index.htm,主页也是网页）设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。
今天我们学习用Frontpage建立站点，制作一个主页。
先来研究一下没有发布的网站，打开教师做的网站问：同学们看到了什么？（文件夹）总结：可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。
打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。
请学生浏览教师课件，了解学习任务2、新建站点FP的启动问：与word比较，有什么不同？总结：预览窗口：浏览器中出现的效果，与PowerPoint中的“放映幻灯片”类似。
Html窗口：编写HTML（超文本标记语言，它是描述网页内容和外观的标准。
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。
六年级微机教案(4)
教学课题第十三课Frontpage网页制作（五）教学内容丰富多彩的网页背景教学目标通过本课教学，使学生掌握如何给网页设置背景颜色和背景图片，学会给图片设置透明颜色，初步学会自己制作背景图片。
教学重点掌握插入背景图片的方法。
教学难点作业的美化润色。
教具准备计算机、液晶投影仪教学过程教学步骤教学类型教学内容教学方法教学目的一谈话引入网页中表格的基本操作复习提问1、Front Page 中字体、字号是如何设置的？2、Front Page 创建表格的方法有哪几种？对表格单元格如何调整？1、以自述的形式介绍自己的收获，小结复习。
2、常学常用，加强记忆。
二、新课在空白网页中单击鼠标右键，从弹出的菜单中单击【网页属性】选项，出现网页属性对话框。
在这个对话框中我们可以修改网页的多种属性。
一、常规属性设置。
修改网页标题。
在对话框【标题】栏内输入“我的主页”。
修改背景音乐。
单击【背景音乐】区域的【浏览】按钮，出现对话框，单击“”图标按钮，在硬盘目录下选择一个Wav声音文件。
二、背景色设置。
修改网页的背景色。
单击对话框中【颜色】区域内的“背景”项下拉选择箭头，并从颜色框中选择一种颜色，然后单击【确定】按钮，1、通过对主题的探究学习来完成任务，培养学习获取信息的能力。
2、在教学手段上采用多媒体网络教室将具体操作仔细演示加讲解的方法。
让学生感觉到所学知识易理解和掌握。
教学步骤教学类型教学内容教学方法教学目的二学习新课设置背景图片。
（1）重新单击鼠标右键，选择【网页属性】进入对话框并单击【背景】选项卡。
（2）然后单击在【格式】区域内的“背景图片”选择框，选中后下面的“水印”选择项、文本框都不再变灰。
（3）这时再单击【浏览】按钮进入网页背景图片选择对话框。
（4）单击对话框右下角的【剪贴画】按钮，就会弹出【剪贴画库】。
单击【Web背景】选项从中选择一种图案作为背景，选中后单击“”插入剪辑按钮。
采用设疑，启发，讨论，演示，讲练结合。
初中frontpage网页制作教案
初中frontpage网页制作教案课程目标：1. 让学生了解 FrontPage 网页制作的基本操作和功能。
2. 培养学生运用计算机技术进行创意表达和信息交流的能力。
3. 提高学生利用网络资源进行学习、调查和研究的能力。
教学内容：1. FrontPage 网页制作的基本操作。
2. FrontPage 网页编辑技巧。
3. FrontPage 网页设计原则。
4. 网页发布与分享。
教学重点：1. FrontPage 网页制作的基本操作和功能。
2. 网页编辑技巧。
3. 网页设计原则。
教学难点：1. 网页布局和设计。
2. 网页特效实现。
教学准备：1. 安装有 FrontPage 的计算机。
2. 网络连接。
教学过程：一、导入（5分钟）1. 向学生介绍 FrontPage 网页制作的意义和用途。
2. 引导学生思考如何利用 FrontPage 制作一个有趣的网页。
二、基本操作学习（15分钟）1. 引导学生打开 FrontPage，了解界面布局。
2. 讲解如何创建新网页、保存网页、打开网页。
3. 讲解如何添加文本、图片、链接等基本元素。
三、网页编辑技巧（20分钟）1. 讲解如何对文本进行格式化，如字体、颜色、大小等。
2. 讲解如何对图片进行处理，如剪裁、翻转、加水印等。
3. 讲解如何添加音频、视频等多媒体元素。
四、网页设计原则（15分钟）1. 讲解网页设计的基本原则，如布局、色彩、字体等。
2. 引导学生思考如何将设计原则应用于实际网页制作中。
五、实践操作（20分钟）1. 引导学生分组进行实践，运用所学知识制作一个简单的网页。
2. 教师巡回指导，解答学生遇到的问题。
六、网页发布与分享（10分钟）1. 讲解如何将网页发布到互联网上。
2. 讲解如何通过链接、邮件等方式分享网页。
七、总结与反思（5分钟）1. 让学生回顾本节课所学内容，总结自己的收获。
2. 引导学生思考如何运用所学知识进行网页制作的创新。
教学延伸：1. 邀请专业网页设计师进行讲座，让学生了解网页设计的前沿动态。
用FrontPage2000制作网页教案设计
用FrontPage2000制作网页教案设计一、教学目标：1、理解FrontPage2000, 熟悉FrontPage2000程序界面。
2、掌握制作网页的基础知识，在网页中插入文字、图像、表格。
3、会美化网页。
学习目标：通过教师示范操作和练习1、会启动FrontPage2000，理解FrontPage2000窗口界面。
2、掌握网页制作的基础知识（网页命名、保存文件、打开文件等）。
3、会在网页中插入文字、图像、表格。
4、会用背景图、表格、颜色等对网页实行美化。
二、教学重点：要求完成三个单独网页，“自我简介”、“成长之路”、“兴趣特长”及相关在网页中插入文字、图像、表格操作和实现标题文字、表格、图像的混排以达到美化网页的效果，教师先通过局域网、传奇2000教室软件实行“自我简介”网页的制作、美化、命名、保存等示范操作（大约用25分钟时间），之后要求学生对照教材“学着做”、“试一试”、“动手做”完成“自我简介”、学生完成“成长之路”、“兴趣特长”三个网页的基本操作和美化工作。
教材在三个网页制作学习过程中，安排的有点零乱，可在教师的指导下实行，教师通过巡视和屏幕跟踪发现问题即时提示和指导，指导学生边操作边体会，逐步掌握FrontPage 使用方法，弄清网站、网页等基本概念。
三、教学过程：准备工作：学生：1、复习上一章：网上搜寻交流信息2、复习进入Word2000的方法，熟悉其窗口界面（标题栏、菜单栏、“常用”工具栏、“格式”工具栏、文本编辑区、状态栏等到），如何插入表格、图片、选择字体、字号等。
3、怎样命名文件、文件存盘（保存位置）和打开一个已有的文件。
4、预习：第七章：网上发布信息教师：1、保证网络教室电脑软、硬件无故障，网络传输正常；保证电路正常供电无故障2、提前备好课，对所教学的制作“自我简介”几个不同网页能熟练操作、讲解无误，对在课堂中学生提出的问题要能给予满意答复并能耐心辅导。
3、备课流程设计如下：四、自我评价：通过这样的活动，充分利用网络教室资源实行《信息技术》教学，学生在这样的环境中学习，所见即所得。
Frontpage教案
《FrontPage网页制作》一、教学目标：1、知识与技能目标：a. 掌握网页的基本操作；b. 掌握表格的使用及设置；c. 掌握文字的输入及其设置；2、过程与方法目标：通过老师的引导与学生的自主探索学习，掌握FrontPage各功能的使用；3、情感态度与价值观目标：培养学生自主探究，解决问题的能力；以及在设计网页的过程中，培养创新的精神。
二、教学重点难点：重点：1、掌握表格的使用及设置；2、掌握文字的输入及其设置；难点：掌握表格的使用及设置；三、教学方法：讲授法、任务驱动法四、教学过程：1、创设情景，导入新课教师：在上课之前，先做一个调查，我们班有QQ的同学请举手！学生：……教师：很好，那么已经开通QQ空间的同学请举手！学生：……教师：这样的形势，对于开展我们这节课有很大的帮助。
我们这节课要学习的就是把每位同学的QQ空间在课堂上呈现出来。
当然，可能有部分同学没有QQ，没有QQ空间的，也没有关系，这样的话更要好好学习这节课了，跟着老师的思路，一起搭建一个展示的平台。
到时候，我们就比一比谁的空间更有创意更有吸引力，同学们有没有信心获胜？学生：有……教师：好的。
这节课呢，我们就是要来学习通过FrontPage制作一个精简版的QQ空间。
2、探究学习，实践创新教师：Frontpage的基本情况我们已经了解过了，他的界面跟我们以前学过的其他OFFICE组件都很相似，我相信大家待会通过自己的实践和摸索一定能够进一步的掌握。
接下来，就开始搭建我们的空间。
A、首先，我们的空间肯定必须有个落脚的地方，也就是说，每一个网站都必须有一个站点。
（新建文件夹，保存网页，网页标题、文件名等设置）；B、打开我们新建的网页，我们发现除了标题之外，什么东西都没有，那么我们慢慢把它充实起来。
搭建框架（表格、单元格、水平线等的设置）；输入文字（文字的设置）；插入图片（图片的设置）；（示范完成后，学生根据提供的素材，根据自己的空间和创意设计出网页。
FrontPage全套教案(吐血推荐)
Frontpage网页制作知识准备教学目标：1、通过对网站的赏析活动，进一步认识网站、首页，为网页制作做知识储备。
2、培养学生的合作学习能力、探究问题的兴趣与能力。
3、培养学生的鉴赏能力。
4、激发学生为祖国信息产业的发展作贡献的爱国情感。
教学重点：1、首页的地位和作用2、首页的功能模块3、网站的形式、内容与主题之间的关系教学难点：正确理解网站的形式、内容与主题之间的关系课时：1课时教学步骤：一、导入：近年来，我国的信息产业飞速发展，人们的经济文化水平日益提高，越来越多的家庭拥有了个人电脑，网络也由昔日的谢玉堂前燕，飞入了寻常百姓家。
足不出户，鼠标轻轻一点，你就可以浏览到世界各地的信息，就可以和世界各地的朋友们聊天，你还可以给世界各地的朋友们发E-mail。
网络的确给人们带来了极大的快捷与方便。
作为一名初中生，你想不想也能在网上拥有自己的一片天空、一个家园呢？今天我们就开始你网上家园的建设之路。
二、小组分工、合作学习：（一）介绍基本概念鉴赏一个网站，我们一般要从以下几个方面着手，一个是网站的主题，所谓网站的主题是指网站向大众或特定的人群传达的主要内容或建立网站的意图。
第二个就是网站的首页。
所谓网站的首页，就是指你打开一个网站后看到的第一页。
下面我们小组内分工合作，小组内讨论分析以下三个问题：1、每个网站的主题是什么？。
2、首页在网站中有什么地位和作用？3、首页有哪些功能模块？（二）小组合作学习，初步探讨鉴赏网站的方法学生之间相互讨论，探究问题的答案多数学生得出结论，小组选代表汇报讨论成果教师小结一个网站必须有一个明确的主题，就好像我们写文章也要有明确的中心一样，否则，浏览者就会有不知所云的感觉。
第二个问题的答案显而易见，不再提问，教师直接小结提问学生一起回答。
首页是浏览者打开一个网站后第一眼看到的就是网站的首页，网站能不能吸引浏览者，在很大程度上取决于首页做得怎么样。
能不能用一个词来概括一下首页的地位与作用？第三个问题，仍由小组选代表汇报结论哪个小组来告诉大家你们讨论的结果？教师小结：首页一般有四个共有的模块，（1)徽标（logo）和网站的名称：一般位于左上角，是一个形象化的标志，其作用类似于商品的商标。
网页制作基础FrontPage2002教学设计
网页制作基础FrontPage2002教学设计教学目标1.学生能够了解网页制作的基本概念和流程。
2.学生掌握FrontPage2002软件的使用方法。
3.学生能够制作简单的网页，并能够发布到互联网上。
教学内容网页基础知识1.网页的概念和分类。
2.HTML语言的基本语法和标记。
3.CSS样式表的基本用法。
4.JavaScript脚本语言的基本概念。
FrontPage2002软件的使用1.软件的界面和基本操作。
2.网页的布局和设计。
3.插入图片、超链接等元素。
4.菜单栏和工具栏的使用。
5.网页的预览和发布。
网页的发布1.网页的发布流程和注意事项。
2.使用FTP软件上传网页到服务器。
教学方法1.结合理论和实践，注重“学以致用”。
2.讲解示范法结合练习操作，通过案例分析强化知识点。
3.引导学生自主探索和实践，探究式学习。
4.通过小组合作和讨论，增强学生参与感和合作精神。
5.提供多样化的教学资源，如PPT课件、视频教学、在线答疑等。
教学评价1.学习笔记的撰写和交流。
2.实验报告的撰写和展示。
3.作业的完成情况和水平。
4.考试的成绩和表现。
5.学生对课程的反馈和评价。
教学资源1.FrontPage2002软件安装包。
2.网页制作教程视频。
3.网络资源库：HTML、CSS、JavaScript等相关书籍和教程。
教学安排•第一周：网页基础知识讲解。
•第二周：FrontPage2002软件介绍。
•第三周：网页设计与制作。
•第四周：网页发布和操作。
•第五周：案例分析和实践。
•第六周：课程总结和评价。
教学效果预期1.学生能够熟练掌握FrontPage2002软件的使用，并制作出符合标准的网页。
2.学生能够了解网页的基本知识和流程，掌握网页的制作原理和方法。
3.学生能够将自己制作的网页发布到互联网上，并完成实践任务。
教学实施难点1.学生对HTML等编程语言的理解和掌握程度不同，需要针对不同的学生设置不同的授课方式和难度。
2022年《网页制作》教学设计(通用5篇)
2022年《网页制作》教学设计（通用5篇）《网页制作》教学设计1教学目标：1、知识与技能：（1）理解框架的概念及用途。
（2）掌握框架网页的新建、制作、编辑与保存，了解框架的拆分方法。
（3）初步掌握将框架结构与表格布局结合使用来制作网页。
2、过程与方法：（1）通过对表格网页的分析，体验新知识（框架结构网页）的优点，从而促进其学习新知识。
（2）理解框架的概念与组成，学会分析的结构。
3、情感态度与价值观：（1）通过以"人与动物"为主题的框架结构网页制作活动，了解更多有关人与动物和谐相处的知识，通过故事趣闻，增强学生关注动物的兴趣和意识。
（2）能够将表格与框架结构网页结合使用，在创作中体验乐趣。
教学重、难点：1、重点：框架的概念、用途，创建、编辑与保存框架网页的方法。
2、难点：框架的拆分。
教学方法：对比教学法、探究学习法、模仿学习法。
教学准备：整理、归类相关素材，并按要求摆放。
教学过程：1、引入老师展示一组利用表格制作的网页，要求学生仔细观察，找出它们的一个共同特点（学生答：网页上方和左侧内容都是相同的，仅右下部分内容不一样），并提问如何快捷地制作这种网页？（学生答：使用复制粘贴快捷地制作）尽管复制、粘贴能为我们节省时间，但有没有更好的方法呢？相同的区域我们能否只做一遍呢？今天我们要学习的内容——框架网页制作，就能给我们带来更多便捷。
（让学生明确框架网页使用的场合）2、新授（1）框架网页概念由以上例子入手，再展示一个框架网页，教师引导学生理解框架网页的概念（2）框架网页的新建与保存教师要求学生先阅读教材中的操作步骤，再尝试进行探究操作。
任务1 创建"横幅和目录"结构的框架网页，新建top和left页面，并学会保存。
框架结构中的每个框都是一个独立的选项文件，即网页文件，因此当框架确定之后，需要为每个框分别指定其网页文件的________，可以通过每个框中的"新建网页"按钮和"设置初始网页"按钮进行选择。
FrontPage全套教案(吐血推荐)
Frontpage网页制作知识准备教学目标：1、通过对网站的赏析活动，进一步认识网站、首页，为网页制作做知识储备。
2、培养学生的合作学习能力、探究问题的兴趣与能力。
3、培养学生的鉴赏能力。
4、激发学生为祖国信息产业的发展作贡献的爱国情感。
教学重点：1、首页的地位和作用2、首页的功能模块3、网站的形式、内容与主题之间的关系教学难点：正确理解网站的形式、内容与主题之间的关系课时：1课时教学步骤：一、导入：近年来，我国的信息产业飞速发展，人们的经济文化水平日益提高，越来越多的家庭拥有了个人电脑，网络也由昔日的谢玉堂前燕，飞入了寻常百姓家。
足不出户，鼠标轻轻一点，你就可以浏览到世界各地的信息，就可以和世界各地的朋友们聊天，你还可以给世界各地的朋友们发E-mail。
网络的确给人们带来了极大的快捷与方便。
作为一名初中生，你想不想也能在网上拥有自己的一片天空、一个家园呢？今天我们就开始你网上家园的建设之路。
二、小组分工、合作学习：（一）介绍基本概念鉴赏一个网站，我们一般要从以下几个方面着手，一个是网站的主题，所谓网站的主题是指网站向大众或特定的人群传达的主要内容或建立网站的意图。
第二个就是网站的首页。
所谓网站的首页，就是指你打开一个网站后看到的第一页。
下面我们小组内分工合作，小组内讨论分析以下三个问题：1、每个网站的主题是什么？。
2、首页在网站中有什么地位和作用？3、首页有哪些功能模块？（二）小组合作学习，初步探讨鉴赏网站的方法学生之间相互讨论，探究问题的答案多数学生得出结论，小组选代表汇报讨论成果教师小结一个网站必须有一个明确的主题，就好像我们写文章也要有明确的中心一样，否则，浏览者就会有不知所云的感觉。
第二个问题的答案显而易见，不再提问，教师直接小结提问学生一起回答。
首页是浏览者打开一个网站后第一眼看到的就是网站的首页，网站能不能吸引浏览者，在很大程度上取决于首页做得怎么样。
能不能用一个词来概括一下首页的地位与作用？第三个问题，仍由小组选代表汇报结论哪个小组来告诉大家你们讨论的结果？教师小结：首页一般有四个共有的模块，（1)徽标（logo）和网站的名称：一般位于左上角，是一个形象化的标志，其作用类似于商品的商标。
Frontpage网页课件制作教案
Frontpage网页课件制作教案Frontpage2000是Office2000中的组件之一，它的使用和Word2000在很大程度上有些相似，所以只要会用Word2000，那么学习网页制作将会是件十分容易的事。
首先，我们来认识一下Frontpage2000的界面。
（图一）从这里，我们可以看到，Frontpage2000的界面和Word2000相似，最上面蓝色一条称为“标题栏”，显示的是文件的名称，下面是“菜单栏”，包括文件、编辑等菜单项，接下来是“常用工具栏”和“格式工具栏”关于工具栏中按钮的使用，我们下面的学习中将一一了解。
左侧这边是“视图栏”，里面有6种视图方式，单击就可选择其中的一种，一般我们只使用其中的一种，就是“网页视图”。
当然，如果你觉得这一条就在这边有点碍眼的话，可以到“查看”菜单中单击一下“视图栏”命令，就可以将它隐藏起来。
右边这一块空白区域是“编辑区”，就是在这里制作我们的网页。
“编辑区”下方我们可以看到有三个“切换按钮”，第一个是“普通”按钮，也就是切换到现在这个界面。
第二个是“HTML”，单击了这个按钮之后，你会看到编辑区有很多代码，事实上这些就是网页的源程序，在这里我们可以为网页加一些网页特效，用来美化我们的页面。
第三个则是“预览”按钮，当我们做了一些网页之后，就可以通过这个按钮来看看有没有达到自己预期的效果，如果不满意，就可以点“普通”回过去修改一下你的网页。
接下来，我们就可以开始动手做网页了。
但是大家现在想一想，你想做的网页是不是只是一张页面呢，当然不会，事实上，你要做的肯定是由多张页面，多张图片，甚至是音乐组合而成的，那么首先我们就必须建立一个站点来放这些内容。
在“文件”菜单中指向“新建”“站点”，（如右图），就会出面下图三选择“空站点”，在位置中输入站点的路径和名称。
（注意：一般默认的是C盘下的我的文档，不过为了给C盘节省空间，我们建议不在C盘下建立站点，可以直接输入路径，如在E盘下建立，就直接输入E :\ My web,就可以在E盘下建立一个名为My web的站点。
高中信息技术《网页制作》教案三篇
【导语】教案是教师为顺利⽽有效地开展教学活动，根据课程标准，教学⼤纲和教科书要求及学⽣的实际情况，以课时或课题为单位，对教学内容、教学步骤、教学⽅法等进⾏的具体设计和安排的⼀种实⽤性教学⽂书。
⽆忧考准备了以下内容，供⼤家参考!篇⼀ 说课题⽬： FrontPage页设计技巧综合运⽤ 专家们、教师们：⼤家好！ 今天我说课的题⽬是：FrontPage页设计技巧综合运⽤ 我的说课将从以下⼏个⽅⾯进⾏： ⼀：说教材 ⼆：说教学⽬的 三：说学⽣ 四：说教学⽅法及实现途径 五：说有关教学设计中的三个引导点 ⾸先说教材： 教材的选取：教材使⽤经全国中⼩学教材审定委员会审查通过，全⽇制普通⾼级中学信息技术教科书，⾼中第三册，第⼀单元FrontPage页设计的总结运⽤课。
这⼀教材由⼴西科学技术出版社出版 本节教学内容所处的地位：是巩固与提⾼学⽣页设计技巧的极好机会，⽽且是教师抓住机会进⾏更精彩、更有意义的教学设计与教学实施的关键时期，我想这点会在我后⾯的教学设计阐述中体会。
接下来说教学⽬标： 基础知识⽬标： 巩固前⾯已学的页设计技巧，⽽且将激发学⽣⾃主去探讨，更多的页设计技巧。
能⼒培养⽬标： 培养学⽣互相合作，共同提⾼的良好品质；⿎励学⽣们在这⼀页设计运⽤课中，充分利⽤络资源，培养⾃⼰主动学习及探究能⼒和综合信息素养。
情感教育⽬标： 如何使信息技术教学成为培养学⽣综合素质的⼀个平台，如何设计除了教会学⽣使⽤⼀些基础软件知识之外的更多的东西，这是我⼀直在计算机课教学中思考的⼀个问题；学⽣情感教育的培养，⼀直应成为我们课堂教学中，不可缺少的重要素质教育⽬标之⼀，所以选择母爱为主题，由此培养学⽣对母爱的理解及体验母亲对⼉⼥平凡⽽伟⼤的爱；另外也为丰富我⾃⼰的情感：我作为⼀名普通的教学⼈员，我希望在我的教学中做我应做的，做我能做的，多探讨，多尝试，丰富学⽣的内⼼同时，我也在其中丰富⾃⼰，并感受更多的快乐。
接下来说学⽣： 学⽣计算机知识背景： 我的学⽣是⾼⼆的学⽣，⾼⼆的的学⽣经过⾼⼀计算机基础知识的学习以后，他们有⼀定的络知识，如何设计⼀个教学环节不仅仅简单让学⽣回顾复习⼀下，⽽是能达到更⾼的层次，下⾯了解⼀下： 学⽣的⾝⼼特点： ⾼中⽣在⼼理和⾏为上表现出强烈的⾃主性，具有很强的⾃信⼼和⾃尊⼼，热衷于展现⾃⼰的⼒量和才能；他们已不满⾜于⽗母、⽼师的讲解，或书本上的现成结论， 学⽣与⽗母的交流： 在⾼中阶段，⾼⽣中的⾃主、独⽴性使他们的个性处于极其张扬与反叛的时期，⽗母与孩⼦的交流往往在这⼀时期成为多事之秋。
用FrontPage制作网站教学设计
用FrontPage制作网站”的教学设计信息技术是一门知识性、技能性和创新性相结合的学科，现阶段中学信息技术课程的任务已从单纯的信息技能训练上升为全面地培养学生的信息素养，具体包括快速获取信息的能力，正确地评价信息，有效地利用信息和准确地表达信息。
因此，信息技术课也应以信息处理为主线来展开。
以“制作网站”为例，整个制作过程对学生获取、评价、表达和利用信息的各项能力都是一种培养和锻炼。
以下是笔者对这一单元的教学设计。
一、教材分析我校目前使用的教材是贵州省中小学信息技术教材编写组编写的《初中信息技术》。
网页制作是第五册第八章的教学内容。
学生在前面已经学习相关的一些知识，如初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。
因此，学生已经具备了获取信息的能力，网页制作单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；注重对学生了解内容编排的原则、页面布局的种类等知识的掌握，并且注重让学生采用适当的设计，体现自己的风格、个性、以及色彩搭配的合理性，以提高他们的艺术修养和审美情趣。
教材中采用的网页制作软件是FrontPage2000。
由于FrontPage2000采用了与Word 等其他Office软件相类似的图形操作界面，可以自动生成Html代码，轻松实现网页发布。
在前面，学生已经学过了Word字处理软件。
因此，对FrontPage2000的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。
二、学生分析本章教学对象为九年级学生，有一定的计算机运用能力，但是基于初中生的知识水平和课时上较少的原因，教师要有组织地安排实际操作，在讲解操作过程中，使学生了解任务并紧紧围绕任务这一主线，激发学生学习兴趣及培养学生的探索、钻研、设计的能力，逐步深入，以达到设计完成整个网站的目的。
《Frontpage网页设计与制作》教案
《Frontpage2003网页设计与制作》教案2009141119 郭飞一、教学目标1.知识与技能目标：(1) 了解网页制作过程，初步学会如何分割网页版面；(2) 掌握对网页中素材的简单处理方法，如插入图片、艺术字、文本框；对图片进行超链接设置。
2.能力目标：(1) 学习一种逆向思维方式，对版面进行设计能力，并充分利用背景图片、背景音乐及字幕的设置；(2) 通过对演示的网页的分析与小组合作锻炼学生交流与表达，增强学生的分析能力、动手实践能力；(3) 学会将素材有效地组织在一起，以表达综合信息的能力。
3.情感、态度、价值观：鼓励学生大胆构思，学生交流过程中学会尊敬他人，客观评价他人观点，同时认识到网页所展示的内容要积极向上。
二、教学重、难点教学重点：1.利用Frontpage2003对设计的网页进行插入文本（包括艺术字、文本框的运用）；2.插入图片以及图片的超链接制作。
教学难点：1.利用网页分割设计原理，结合自己的主题，规划网页的版面；2.插入表格并对表格进行设置；3.设置背景图片、背景音乐、字幕。
三、教学步骤1.插入艺术字、文本框：“插入”——>“图片”——>“艺术字”“插入”——>“文本框”2.插入图片并设置超链接：“插入”——>“图片”——>“来自文件”——>“完成”——>选中——>单击鼠标右键“超链接”3.设置背景图片、背景音乐及字幕：网页的任意位置单击鼠标右键——>“网页属性”——>“背景音乐浏览”——>“确定”网页的任意位置单击鼠标右键——>“网页属性”——>“格式”——>“背景图片”——>“浏览”——>“确定”“插入”——>“Web组件”——>“字幕”4.设置表格属性及单元格属性：选中——>单击右键“表格属性/单元格属性”——>“确定”四、教学过程基于对前面的网页制作页眉页脚设置掌握后，要进一步讲解对版面的分割、文字图片插入技术的知识点。
学生初步掌握用Frontpage制作网页教案
信息技术课教案第三册制作网页教案目的要求：1、使学生初步掌握用Frontpage制作网页的基本操作步骤，学会输入文字，插入活动字幕，插入背景、图片和音乐，能制作一个图文并茂的网页，有能力的学生可以编辑超级链接。
2、培养学生动手操作能力、灵活的思维能力和创新能力。
3、培养学生的合作意识和勇于探索创新的精神。
渗透爱家乡、爱学校教育。
重点：掌握制作网页的操作步骤。
难点：图、文、声音、动画并茂，体验成功的快乐。
教具准备：图片、文字、声音素材。
教学过程：一、激情导入（5分）1、打开图片和声音文件夹，最小化放在任务栏上；再打开Frontpage 窗口。
2、同学们做梦都想上网，到网上查资料、看动画、开阔眼界，同学们的梦想不久的明天准会实现。
下面先请同学们欣赏一组简单的网页。
以次激发学生的兴趣，调动创作欲。
欣赏之后，你最想说什么？用一句话表达。
（可能说家乡美；学校可爱等）。
心动不如手动，这节课咱们就用学到的有关操作方法来制作一个漂亮的网页。
3、先别急，请告诉大家：（1）你会输入网页标题保存网页吗？（到前面来演示）打开网页输入文字编辑文字保存D盘网页文件夹中取名点击保存。
（2）你会插入活动字幕吗？定好光标位置插入组件字幕文本中输入文字确定单击文字选中编辑保存预览有补充的吗？（3）你会设计背景吗？有补充的吗？格式背景网页属性中点击背景背景颜色确定（4）你会插入图片吗？定好光标位置插入图片D盘网页文件夹双击选一张确定。
还有更简便的方法？（5）你会插入声音吗？格式背景常规背景音乐浏览D盘声音素材选一个确定预览二、制作网页实践操作1、利用现有的资料你打算做什么网页？怎么设计？指名说，然后小组中交流你的构思，合作设计个网页。
（3分）2、设计好了吗？大家一定是急不可待了。
赶紧创作，遇到麻烦请教老师和同学，互帮互学。
操作过程中要大胆实践，发现快捷方式随时介绍给大家分享，可别独自受用啊。
（20分）3、展示作品，互相观看、交流。
（5分）4、评议优秀作品、展示并简单介绍。
FrontPage网页设计教学教案
FrontPage网页设计教学教案学生的起点行为：熟悉电脑之基本操作，例如启动电脑、开启与关闭档案，使用滑鼠等。
熟悉FrontPage2003软体的基本操作，如启动软体，开启与关闭档案，拖曳与按点滑鼠两下等。
了解PhotoImpact11工具列与属性工具列的位置，并已会存档与使用文字输入工具及百宝箱的基本操作。
贰、发展活动教师讲解一、建立资料夹按「我的电脑／（Ｃ：）／按右键／新増／资料夹」，输入：班级-座号姓名二、开启网站1.执行FrontPage程式：按「开始／程式集／ Microsoft Office／Microsoft FrontPage」2.开启网站：按「档案／开启网站」3.指定网站资料夹：「C:／个人资料夹」4.随即在左侧出现其网站(Web)架构图，称为「资料夹清单」（若不小心关闭，可按「检视／资料夹清单」开启）三、建立空白网页1.按「档案／开新档案」，右边出现「开新档案」窗格2.点选「其它网页范本」3.(或按工具列「建立新的网页／网页」)4.点选「框架页」标签，再点选「横幅和目录」後按「确定」5.出现框架，点选三个「新增网页」钮；表示新增三个空白网页6.将三个空白网页分别存档：按工具列「储存档案」钮，储存位置：「C:／个人资料夹」上面存、左边存、右边存7.最後将首页以为档名存入四、套用布景主题1.按「格式／布景主题／选取布景主题／套用为预设的布景主题」按「是」五、制作网页1.制作横幅元件执行PhotoImpact程式：点选「我的工作区／完整功整」按「是／正确」按「网路／元件设计师」：点选「横幅」样式，按「下一步」，设定「色彩」及「标题／文字」，输入如：「三信家商资处科二年13组10号周杰伦」，勾取「文字改变时，同时改变形状」按「汇出／作为个别物件」，按「储存」，储存於：「C:／个人资料夹／images」，输入档名：「title」，存档类型：「GIF」2.插入横幅元件回FrontPage画面，打开images资料夹，将拖曳至网页中，点选图，按右键／显示图片工具列，按「设定透明色彩」，点选横幅背景，设为透明六、制作网页1.制作按钮按「插入／Web元件／互动式按钮／完成」，点选「按钮」标签，再点选「按钮样式」，输入文字：「自我介绍」点选「字型」标签，再设定「原始字型色彩」、「停留时字型色彩」、「按下时字型色彩」点选「图像」标签，圈选「将按钮制成GIF图像并使用透明背景」2.复制按钮点选「自我介绍」按钮，按复制＋贴上复制四个，利用「按右键／按钮属性」，分别更改四个按钮文字为：「成长历程、好站连结、相片艺廊、与我联络」七、制作网页1.插入跑马灯：按「插入／Web元件／跑马灯／完成」，输入欢迎文字2.输入网站名称：按「插入／图片／文字艺术师」，帮自己的网站取超炫名字3.插入自制GIF动画八、按钮超连结设定1.按「新增页面」，新增、、、并输入标题，按储存2.点选「自我介绍」按钮，「按右键／超连结」，点选「」网页，目标框架：点选「右边」3.同上方法，成长历程（）、好站连结（）、相片艺廊（）4.点选「与我联络」按钮，「按右键／超连结」，点选「电子邮件地址」，输入E-Mail信箱，如」学生实作1.教师依步骤带领学生实作练习，并做行间巡视，了解学生的学习状况并解答问答。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Frontpage网页制作导学案
青州一中刘志韩【学习目标】
1、包括网页制作基础知识
2、站点的规划和创建
3、网页文本和图片的处理、表格和框架的应用
【学习重难点】
1、建立一个主题网站
2、建设一个网站的步骤
3、网页的美化与特效的制作
【课前预习】
思考一下多媒体信息集成的方式有哪些？
【自主学习】
1、在www中，________是信息的主要组织和表现形式。
2、用________语言编写的网页实际上是一种文本文件，以.HTML或者.HTM为扩展名，可以使用任何文本处理软件（如记事本、word等）创作或修改。
3、制作网页常用的软件有_________________和_________________。
4、网页文件的扩展名有哪些？
5、网站开发的基本过程：
网站的规划——( )——( )——网站的发布与管理——网站的评价
【合作探究与指导】
三、网站的制作
1、创建站点
文件——新建——站点（选择或创建存储站点的文件夹）
2、网页的创建与编辑
文件——新建——网页
3、插入对象
水平线
图片
字幕
悬停按钮
4、创建超级链接
在对象上右击选择超级链接——选择链接的目标。
5、使用表格
表格——插入（在制作网页的过程中用表格来布局网页）
6、在站点中查看网页的编辑及网页之间的链接情况。
分步骤操作练习题：
1、新建一个站点，只有一个空白网页的站点。
2、在首页上插入“我最喜爱的明星”，然后进行修饰。
3、再新建一个空白网页。
重新命名为“周杰伦”。
4、插入图片“周杰伦”，文本“周杰伦”，排版设置后保存网页。
5、再建立一张空白的网页，重新命名为“刘亦菲”。
6、插入图片“刘亦菲”，文本“刘亦菲”，排版设置后保存网页。
7、分别在首页和“周杰伦”“刘亦菲”网页建立超级链接。
操作练习：
【拓展任务】
以环保为主题，利用文件夹“环保”中的素材，制作一个5页的网站。
【当堂检测】
1.在网页制作中，我们经常用下列（）办法进行页面布局。
A.文字
B.表格
C.表单
D.图片
2.使用浏览器访问网站时，第一个被访问的网页称为（）。
A.网页
B.网站
C.HTML语言
D.主页
3.网页中可使我们进行选择性浏览的称为（）。
A.文字
B.图片
C.声音
D.超链接
4. 在FrontPage2000中，要建立同一个网页内的链接点，让你点选某一链接后，迅速跳到同一网页内的另一个特定位置，应采用（）链接。
A.单元格
B.表单
C.书签
D.表格
5. FrontPage 2000中，下述关于图片与链接的关系表述正确的是（）。
A.图片不能建立链接
B.一张图片只能建立一个链接
C.图片要建立链接需经过处理
D.通过设置热区，一张图片可建立多个链接
6.在FrontPage 2000"网页"视图模式下，单击"普通"标签后，在出现的"普通"窗口中，可直接进行（）。
A.网页编排
B.观察网页在浏览器中的效果
C.编辑HTML代码
D.下载图片
7.网页制作的超文本标记语言称为（）。
A.VB语言
B.HTML语言
C.BASIC语言
D.ASCII
8.在Frontpage2000网页视图方式下，单击（）标签可直接编辑HTML代码？
A.普通
B.HTML
C.预览
D.编辑
9.在FrontPage 2000中，我们想要文字左右交替移动的效果，是下列（）效果。
A.字体
B.DHTML效果
C.字幕
D.悬停按钮
10.在FrontPage 2000表格单元格中，（）项目不能输入。
A.表格
B.图形
C.背景
D.声音
作业：以我们寒假生活为主题，从互联网上搜索的素材制作一个网站。
【阅读材料】
网站设计
建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。
一、确定网站主题
网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。
特别是对于个人网站，必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。
二、搜集材料
明确了网站的主题以后，你就要围绕主题开始搜集材料了。
常言道：“巧妇难为无米之炊”。
要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。
材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。
三、规划网站
网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。
网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。
四、选择合适的制作工具
网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。
除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，
五、制作网页
材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。
六、上传测试
网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，利用这些FTP 工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。
网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。
七、推广宣传
网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。
推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新。