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等,字号大小也要适中,以便用户阅读。
《第2单元制作网页6认识Frontpage》教案

一、教学内容
《第2单元制作网页6认识Frontpage》教案,本节课将深入探讨以下内容:
1.熟悉Frontpage界面及基本操作;
2.学习使用Frontpage进行网页文本编辑与格式设置;
3.掌握在Frontpage中插入图片、超链接、表格等网页元素;
五、教学反思
在今天的教学过程中,我发现学生们对于Frontpage这个软件的新鲜感和好奇心非常强。在导入新课的时候,通过提问的方式成功引起了他们的兴趣,这是一个不错的开始。不过,我也注意到,在理论介绍环节,有些学生对基本概念的理解还不够透彻,可能需要我在以后的课程中多花一些时间进行巩固。
在新课讲授中,我发现案例分析这个环节学生们非常感兴趣,通过具体的例子,他们能更直观地理解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。
2024年FRONTPAGE制作网页型课件教案设计

2024年FRONTPAGE制作网页型课件教案设计第一章:FRONTPAGE 2024概述1.1 课程目标了解FRONTPAGE 2024的基本功能和特点掌握FRONTPAGE 2024的界面布局和主要工具栏熟悉FRONTPAGE 2024的网页编辑和排版技巧1.2 教学内容FRONTPAGE 2024的发展历程和版本特点FRONTPAGE 2024的启动和界面布局工具栏的功能介绍和操作方法网页编辑和排版的基本技巧1.3 教学活动观看FRONTPAGE 2024的介绍视频教师演示FRONTPAGE 2024的基本操作学生跟随教师一起创建一个简单的网页1.4 作业与评估学生完成一个简单的网页设计评估学生的网页设计质量和操作技能第二章:网页布局与设计2.1 课程目标学习网页布局的基本原则和方法掌握FRONTPAGE 2024的表格和框架功能了解网页设计的色彩和排版原则2.2 教学内容网页布局的基本原则和常见布局方式FRONTPAGE 2024的表格操作方法和技巧框架的创建和使用方法网页设计的色彩和排版原则2.3 教学活动教师讲解网页布局的原则和方法学生跟随教师一起设计一个网页布局学生自主设计一个网页布局并进行展示2.4 作业与评估学生完成一个网页布局设计评估学生的网页布局设计和操作技能第三章:网页元素添加与编辑3.1 课程目标学习在FRONTPAGE 2024中添加和编辑网页元素掌握文本、图片、等网页元素的添加和编辑方法学习使用FRONTPAGE 2024的表单功能3.2 教学内容文本的添加和编辑方法图片的插入和编辑方法的创建和编辑方法表单的创建和编辑方法3.3 教学活动教师讲解文本、图片、等网页元素的添加和编辑方法学生跟随教师一起添加和编辑网页元素学生自主设计一个包含文本、图片、和表单的网页3.4 作业与评估学生完成一个包含文本、图片、和表单的网页设计评估学生的网页元素添加和编辑技能第四章:网页样式与动画4.1 课程目标学习使用FRONTPAGE 2024的样式功能掌握CSS样式的创建和应用方法学习使用FRONTPAGE 2024的动画功能4.2 教学内容样式的创建和应用方法CSS样式的编写和应用方法动画的创建和编辑方法4.3 教学活动教师讲解样式和CSS样式的创建和应用方法学生跟随教师一起创建和应用样式和动画学生自主设计一个包含样式和动画的网页4.4 作业与评估学生完成一个包含样式和动画的网页设计评估学生的样式和动画创建和应用技能第五章:网页发布与维护5.1 课程目标学习使用FRONTPAGE 2024发布网页掌握网页的预览和发布方法学习网页的维护和更新技巧5.2 教学内容网页的预览和发布方法网页的维护和更新技巧5.3 教学活动教师讲解网页的预览和发布方法学生跟随教师一起发布网页学生自主设计一个网页并进行发布和维护5.4 作业与评估学生完成一个网页的设计、发布和维护评估学生的网页发布和维护技能第六章:FRONTPAGE 2024高级文本编辑6.1 课程目标掌握FRONTPAGE 2024中的高级文本编辑功能学习使用字体、字号、颜色、对齐等文本样式了解如何插入特殊字符和符号文本样式设置:字体、字号、颜色、对齐等插入特殊字符和符号的方法使用文本框和段落格式的技巧实例讲解文本的高级编辑技巧6.3 教学活动教师演示高级文本编辑功能的使用学生跟随教师一起练习文本编辑学生自主设计一个文本编辑展示页6.4 作业与评估学生完成一个高级文本编辑的网页设计评估学生的文本编辑质量和操作技能第七章:图片和多媒体的应用7.1 课程目标学习在FRONTPAGE 2024中插入和编辑图片掌握多媒体文件(如音频、视频)的插入和控制了解图片和多媒体在网页中的优化使用7.2 教学内容插入和编辑图片的方法和技巧多媒体文件(音频、视频)的插入和属性设置图片和多媒体的优化使用和版权问题实例讲解图片和多媒体在网页中的应用教师讲解图片和多媒体的应用方法学生跟随教师一起练习插入和编辑图片及多媒体学生自主设计一个包含图片和多媒体的网页7.4 作业与评估学生完成一个包含图片和多媒体的网页设计评估学生的图片和多媒体应用质量和操作技能第八章:超和导航栏的制作8.1 课程目标学习在FRONTPAGE 2024中创建超掌握超的目标设置和路径选择了解如何创建导航栏和菜单8.2 教学内容超的创建方法和目标设置超路径的选择和编辑导航栏的创建和菜单的设置实例讲解超和导航栏在网页中的应用8.3 教学活动教师讲解超和导航栏的制作方法学生跟随教师一起练习创建超和导航栏学生自主设计一个包含超和导航栏的网页8.4 作业与评估学生完成一个包含超和导航栏的网页设计评估学生的超和导航栏制作质量和操作技能第九章:FRONTPAGE 2024表格和数据展示9.1 课程目标学习在FRONTPAGE 2024中创建和编辑表格掌握表格的样式设置和数据排序了解如何使用表格进行数据展示和分析9.2 教学内容表格的创建和编辑方法表格样式的设置和调整表格数据的排序和筛选实例讲解表格和数据在网页中的应用9.3 教学活动教师讲解表格和数据的创建和编辑方法学生跟随教师一起练习创建和编辑表格学生自主设计一个包含表格和数据的网页9.4 作业与评估学生完成一个包含表格和数据的网页设计评估学生的表格和数据编辑质量和操作技能第十章:FRONTPAGE 2024表单和交互设计10.1 课程目标学习在FRONTPAGE 2024中创建和编辑表单掌握表单元素(如文本框、按钮、下拉菜单等)的插入和属性设置了解表单的提交和数据处理方式10.2 教学内容表单的创建和编辑方法表单元素的插入和属性设置表单的提交和数据处理方式实例讲解表单和交互在网页中的应用10.3 教学活动教师讲解表单和交互的创建和编辑方法学生跟随教师一起练习创建和编辑表单学生自主设计一个包含表单和交互的网页10.4 作业与评估学生完成一个包含表单和交互的网页设计评估学生的表单和交互设计质量和操作技能第十一章:FRONTPAGE 2024模板和主题应用11.1 课程目标学习如何在FRONTPAGE 2024中应用模板和主题掌握模板和主题的导入和编辑方法了解如何定制模板和主题以适应个性化需求11.2 教学内容模板和主题的概念及作用模板和主题的导入和应用方法定制模板和主题的技巧实例讲解模板和主题在网页设计中的应用11.3 教学活动教师讲解模板和主题的应用方法学生跟随教师一起练习导入和应用模板和主题学生自主设计一个应用了模板和主题的网页11.4 作业与评估学生完成一个应用了模板和主题的网页设计评估学生的模板和主题应用质量和操作技能第十二章:FRONTPAGE 2024网页布局的高级技巧12.1 课程目标学习FRONTPAGE 2024网页布局的高级技巧掌握框架的嵌套和表格的层叠使用了解响应式布局和移动端优化方法12.2 教学内容框架的嵌套方法和技巧表格的层叠使用和样式设置响应式布局的实现方法移动端网页优化的技巧12.3 教学活动教师讲解网页布局的高级技巧学生跟随教师一起练习框架嵌套和表格层叠学生自主设计一个具有响应式布局和移动端优化的网页12.4 作业与评估学生完成一个具有响应式布局和移动端优化的网页设计评估学生的网页布局高级技巧质量和操作技能第十三章:FRONTPAGE 2024网页设计的最佳实践13.1 课程目标学习FRONTPAGE 2024网页设计的最佳实践掌握网页设计的基本流程和原则了解如何提高网页设计的质量和用户体验13.2 教学内容网页设计的基本流程和原则网页设计的标准和规范提高网页设计质量和用户体验的方法实例讲解网页设计的最佳实践13.3 教学活动教师讲解网页设计的最佳实践学生跟随教师一起练习网页设计的基本流程学生自主设计一个符合最佳实践的网页13.4 作业与评估学生完成一个符合最佳实践的网页设计评估学生的网页设计质量和操作技能第十四章:FRONTPAGE 2024网页设计的案例分析14.1 课程目标分析FRONTPAGE 2024网页设计案例学习优秀网页设计案例的优点和启示了解如何将案例中的设计理念应用到实际项目中14.2 教学内容分析网页设计案例的方法和技巧优秀网页设计案例的优点和启示将案例中的设计理念应用到实际项目中的方法14.3 教学活动教师讲解网页设计案例分析的方法学生跟随教师一起分析优秀网页设计案例学生自主分析一个网页设计案例并分享心得14.4 作业与评估学生完成一个网页设计案例分析报告评估学生的案例分析质量和操作技能第十五章:FRONTPAGE 2024网页设计的项目实践15.1 课程目标运用FRONTPAGE 2024完成一个网页设计项目掌握网页设计项目的整体流程和团队协作了解如何将所学知识应用到实际项目中15.2 教学内容网页设计项目的整体流程和团队协作项目实践中的注意事项和解决方法实例讲解网页设计项目实践15.3 教学活动教师讲解网页设计项目实践的方法学生跟随教师一起完成一个网页设计项目学生自主设计一个网页设计项目并进行展示15.4 作业与评估学生完成一个网页设计项目评估学生的网页设计项目质量和操作技能重点和难点解析本文主要介绍了2024年FRONTPAGE制作网页型课件教案设计,内容涵盖了网页布局与设计、网页元素添加与编辑、网页样式与动画、网页发布与维护、高级文本编辑、图片和多媒体的应用、超和导航栏的制作、表格和数据展示、表单和交互设计、模板和主题应用、网页布局的高级技巧、网页设计的最佳实践、网页设计的案例分析以及网页设计的项目实践等十五个章节。
初中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. 邀请专业网页设计师进行讲座,让学生了解网页设计的前沿动态。
人教版信息技术(一起)第九册第1课《认识Frontpage》教案

人教版信息技术(一起)第九册第1课《认识Frontpage》教案教师:李晓峰教学目标:1、理解网站,网页,首页(主页),导航,超级链接等术语。
2、掌握FrontPage的启动/退出,了解FrontPage窗口的组成。
3、掌握在FrontPage 中插入文字和图片的方法,并会保存网页。
4、了解FrontPage的三种网页模式,会预览制作好的网页。
教学重、难点:1、掌握在FrontPage 中插入文字和图片的方法,并会保存网页。
2、了解FrontPage的三种网页模式,会预览制作好的网页。
教学课时:1课时教学过程:1、课堂引入:在学习本册教材前,学生已经能够熟练上网,对网络世界有着强烈的好奇心和浓厚的兴趣,对于学生来说,网络上那些精彩的网页具有神秘的色彩,学生想不到有一天自己也可以制作网页。
针对这种情况,在课堂的引入部分,教师可以这样设计:首先出示几个用FrontPage软件制作的网页,请学生欣赏,让学生讨论这是怎样制作出来的。
然后用FrontPage软件打开其中的一个网页,让学生观察窗口,并说一说这个窗口与学习过的哪个软件相似。
由于FrontPage 与Word软件在界面的风格上和功能上有很多相似之处,因此学生很快能在这个窗口中找到熟悉的面孔。
此时,教师可以告诉学生,这个软件叫FrontPage ,与学习过的Word 软件同属于Office软件家族的成员,但它的主要功能是制作网页。
由于学生在Word软件中对插入文字,图片进行编辑排版的操作非常熟练,因此可以采用自主探究的学习方式让学生认识FrontPage。
教师可以给出制作网页的素材,让学生尝试在FrontPage 中输入文字,插入图片。
让学生在学习这个软件的初始,自己去探索这两个软件的相同与不同。
2、重点内容:在学习本课前,学生已经掌握Word软件的使用,而本节课是初步认识 FrontPage软件,因此本节课可以把重点放在让学生通过已掌握的知识来初步分析FrontPage与Word 的相同与不同,这样可以减少学生对学习新软件的陌生感,尽快熟悉新软件,降低学习的难度,同时也培养了学生自主学习的能力。
FrontPage教案高二

教学要求与课时安排教学要求●掌握FrontPage 2000的启动和退出方法。
●掌握网页制作的各种技术和方法:包括文字处理、图片处理、框架、表格、表单、链接等。
●学会使用FrontPage 2000导航视图组织网站结构。
●学会使用报表视图管理网站。
●了解动态网页制作的一般方法。
●学会申请免费主页空间并上传网页。
教学内容及课时安排第一节网页制作基础知识约2课时第二节网页的建立约2课时第三节网页图片处理约2课时第四节网页表格约4课时第五节表单的制作约2课时第六节网页框架约2课时第七节动态网页制作约4课时第八节创建超链接约4课时第九节网站管理约2课时第十节知识扩充约2课时第十节制作个人主页约8课时第十一节期终复习约3个课时第一节网页制作基础知识【教学要求】(1)了解网页的组成元素,理解网站、网页、主页、HTML等几个概念。
(2)了解常用网页制作工具。
(3)掌握FrontPage 2000的启动的退出方法。
(4)熟悉FrontPage 2000的操作界面,了解各种视图的用途。
【教学重点与难点】理解概念;掌握frontpage启动与退出的方法【教学课时】:2课时【教学过程】:●、概念1、什么是网站?网站是一种通过互联网连接起来的,为用户提供网页服务(webserver)、数据传输服务(FTPserver),邮件服务(Databaseserver)等多种服务的信息载体,它通常以虚拟主机或主机托管的方式托管的方式进行存放或动作,网站有固定的域名。
如:2、什么是网页?(Webpage)站点的其他页面与主页在一起。
统称为网页。
网页是全球广域网上的基本文档,用HTML (超文本标记语言) 书写,其中可以包含文本、图片、动画、音乐、链接等元素。
网页可以是站点的一部份,也可以独立存在。
每一个网站都是由若干网页组成的,各网页之间通过链接联系在一起。
3、什么是主页?它是指通过浏览器访问一个www站点的所看到的第一页。
首页名称为:index.htm4、什么是HTML?HTML (超文本标记语言)是一种用于全球广域网上文档中的标准标记语言。
FrontPage网页设计教学教案

FrontPage網頁設計教學教案學生的起點行為:熟悉電腦之基本操作,例如啟動電腦、開啟與關閉檔案,使用滑鼠等。
熟悉FrontPage2003軟體的基本操作,如啟動軟體,開啟與關閉檔案,拖曳與按點滑鼠兩下等。
瞭解PhotoImpact11工具列與屬性工具列的位置,並已會存檔與使用文字輸入工具及百寶箱的基本操作。
貳、發展活動教師講解一、建立資料夾按「我的電腦/(C:)/按右鍵/新増/資料夾」,輸入:班級-座號姓名二、開啟網站1.執行FrontPage程式:按「開始/程式集/ Microsoft Office/Microsoft FrontPage」2.開啟網站:按「檔案/開啟網站」執行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.教師依步驟帶領學生實作練習,並做行間巡視,瞭解學生的學習狀況並解答問答。
Frontpage_教案全集

Frontpage 教案第一课展现自己的大舞台教学目的与要求:1.了解网站建设打算流程;2.搜集整理资料。
教学重难点:1.网页的连接;2.网站的打算。
教学进程:一.引入新课咱们的校园生活丰硕多彩,班级活动活泼有趣,如何让远方的伙伴了解咱们的校园生活呢?为了更好地展现咱们班级的风度,让更多的人熟悉和欣赏咱们,咱们能够制作班级网站,发布到因特网上,让更多的人了解咱们班。
二.网页之间如何联系1.在因特网上,利用超级链接能够方便地将与网站主题相关联的一个个网页链接起来,使其变成一张有序的网,为人们展现丰硕的主题内容。
2.以“中国儿童中心”的首页为例,介绍网页的链接。
在“中国儿童中心”网站中,网页是由一层层的超级链接组织起来的。
如第一个页面中包括“芝麻开门”、“故事地界”、“能力大比拼”、“游戏天地”等栏目,“游戏天地”栏目又别离链接有“益智游戏”网页、“趣味游戏”网页、“技术游戏”网页三大内容。
当咱们选择“益智游戏”时,又看到许多游戏名称供咱们选择。
3.请学生随意找一个网站,点击网页,体验超级链接。
三.网站打算网站是由多个网页链接组成的,在开始制作网站前最好做好整体打算。
1.确信网站主题。
网站的主题决定制作网站的风格,决定网站所包括的网页信息。
2.搜集素材。
通过量种渠道搜集网站所需要的各类素材。
3.挑选、整理素材。
对搜集来的素材进行必要的挑选、修改、编排、整理,挑选出各类网页所需要的素材。
有时还需要按如实际情形自己动手完成一些必要的文字、图片等素材。
4.做好网站建设打算。
依照咱们挑选、整理的素材,依照不同的分类,打算整理到不同的网页中。
同时要注意使页面布局主题突出、美观大方、有自己的特色。
5.选择网页制作软件,开始制作。
四.试探与练习为自己的班级网站设计一个欢迎首页。
第二课建筑网上家园教学目的与要求:1.把握成立站点的方式;2.把握保留网页及预览网页的方式。
教学重难点:1.成立站点;2.保留网页;3.预览网页。
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教案——第5-1

FrontPage教案——第5课_(1)第五课插入表格教学目标:1.通过学习,使学生掌握在FRONTPAGE中插入表格的不同方法,能根据需要插入表格,对表格的属性进行设置。
2.使学生能按照要求制作表格,进一步深化知识,激发学生的学习兴趣。
教学重点、难点:1.掌握插入表格的具体方法。
2.表格属性的不同采用。
教学内容:(第一课时)一、导入新课:出示含有表格的网页(新浪网首页),分别在浏览器中和在frontpage中。
介绍网页,让学生了解,进而导出网页中表格的重要性。
“网页中含有表格,使得我们的网页看上去一目了然,条理很清晰,并且也很美观。
那我们要怎样在FRONTPAGE中插入一张表格呢?这节课我们就解决这个问题。
”二、教授新课:1.教授插入表格:“接下来我们就一起来学习怎样在FRONTPAGE中插入表格。
”演示在FRONTPAGE中插入表格的具体步骤:①选择“表格(A)”菜单的“插入(I)”选项,单击“表格(T)”命令。
②在出现的对话框中对表格的“行数(R)”“列数(C)”“边框粗细(B)”等进行设置。
③单击“确定”按钮。
工具栏上有一个插入表格的按钮,也可以用来插入表格。
2.教授插入标题:“如果要在表格上方加标题,我们应该怎么办呢?接下来就来学习一下怎样插入表格的标题。
”教师演示。
3.教授表格属性和单元格属性:“我们看见过各式各样的表格,下面就来对表格做一些小小的设置吧!”教师演示:边框颜色,对齐方式。
三、综合练习:请学生插入自己班级的课程表。
具体要求:6行8列,边框为2,边框颜色蓝绿色,居中对齐,单元格水平、垂直居中。
四、复习总结:1.请学生复述插入表格的步骤。
教师纠正并补充完整。
2.思考:“刚刚我们采用了一种方法来插入表格,那么大家还知道有其它方法吗?”板书:插入表格表格插入表格表格对话框?还有其他插入表格的方法吗?。
小学信息技术认识FrontPage软件教案

小学信息技术认识FrontPage软件教案FrontPage软件是一款功能强大的网页制作工具,它可以帮助用户快速创建和编辑网页。
对于小学生而言,了解和认识FrontPage软件可以培养他们的信息技术能力,并提供一个学习和展示自己的平台。
本文将从以下几个方面介绍小学生认识FrontPage软件的教案。
一、教案背景介绍在信息时代的背景下,信息技术已经成为小学生必备的一种能力。
而FrontPage软件作为一种网页制作工具,可以帮助小学生学习和掌握创建和编辑网页的基本技能。
本教案旨在让小学生了解FrontPage软件的基本功能和使用方法。
二、教学目标1. 了解FrontPage软件的作用和功能。
2. 学习FrontPage软件的基本操作方法。
3. 能够使用FrontPage软件创建简单的网页。
三、教学内容及教学步骤1. 课前准备:准备好FrontPage软件的相关资料和教材。
2. 导入新知:通过展示FrontPage软件的界面和功能来引发学生的兴趣,并介绍它可以用来创建什么样的网页。
3. 知识点讲解:依次介绍FrontPage软件的各个功能,包括页面布局、文字编辑、插入图片、链接设置等。
4. 案例分析与练习:给学生展示一些简单的网页案例,并引导学生尝试使用FrontPage软件进行编辑和修改。
5. 创作实践:组织学生进行实践操作,让他们使用FrontPage软件创建自己的简单网页,并鼓励他们展示给同学和老师。
6. 反馈和总结:让学生分享他们的学习心得和创作成果,并对学生进行总结和反馈。
四、教学方法和技巧1. 激发兴趣:通过展示一些精彩的网页案例来激发学生的兴趣,让他们感受FrontPage软件的魅力。
2. 多媒体辅助教学:可以使用投影仪或电脑演示,让学生直观地看到FrontPage软件的操作界面和效果。
3. 实践操作:让学生亲自动手操作FrontPage软件,进行创作实践,以consolidaconso和巩固所学知识。
FrontPage网页设计教学教案

FrontPage网页设计教学教案学生的起点行为:熟悉电脑之基本操作,例如启动电脑、开启与关闭档案,使用滑鼠等。
熟悉FrontPage2003软体的基本操作,如启动软体,开启与关闭档案,拖曳与按点滑鼠两下等。
了解PhotoImpact11工具列与属性工具列的位置,并已会存档与使用文字输入工具及百宝箱的基本操作。
贰、发展活动教师讲解一、建立资料夹按「我的电脑/(C:)/按右键/新増/资料夹」,输入:班级-座号姓名二、开启网站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.教师依步骤带领学生实作练习,并做行间巡视,了解学生的学习状况并解答问答。
山东省滨州市邹平实验中学八年级信息技术《FrontPage》教案人教新课标版

目标:培养学生的合作能力和解决问题的能力。
过程:
将学生分成若干小组,每组选择一个与网页设计相关的主题进行深入讨论。
小组内讨论该主题的现状、挑战以及可能的解决方案。
每组选出一名代表,准备向全班展示讨论成果。
5. 课堂展示与点评(15分钟)
目标:锻炼学生的表达能力,同时加深全班对网页设计的认识和理解。
强调网页设计在现实生活或学习中的价值和作用,鼓励学生进一步探索和应用网页设计。
7. 布置课后作业
让学生撰写一篇关于网页设计的短文或报告,内容可包括今天所学的知识点、案例分析心得以及自己对网页设计的看法和想法。以此巩固学习效果,提高学生的写作能力和思考能力。
六、知识点梳理
1. 网页设计基本概念
- 网页设计的定义与作用
- 移动端网页设计的特点与要求
- 前沿网页设计技术(响应式设计、WebGL等)
七、课堂
1. 课堂评价
- 通过课堂提问,了解学生对网页设计基本概念、操作技巧等知识点的掌握情况。
- 观察学生在课堂上的实践操作,评估学生对FrontPage软件的使用熟练程度及问题解决能力。
- 定期进行课堂小测验,检测学生对网页设计知识点的理解和应用能力,及时发现并解决学生存在的问题。
五、教学过程设计
1. 导入新课(5分钟)
目标:引起学生对网页设计的兴趣,激发其探索欲望。
过程:
开场提问:“你们知道网页设计是什么吗?它与我们的生活有什么关系?”
展示一些优秀的网页设计图片,让学生初步感受网页设计的魅力和实用性。
简短介绍网页设计的基本概念和重要性,为接下来的学习打下基础。
2. 网页设计基础知识讲解(10分钟)
4. 网页色彩搭配
frontpage教案

第一节网站建设的初步知识第二节制作简单的网页第三节建立站点(2课时)第四节使用主题美化网站第五节网页制作技巧——使用图片按钮”●按钮●如果我要修改按钮按钮按钮按钮●搜集何种所需图片素材,丰富网页内容何形式,将网页美化第五节网页制作技巧——超链接●●●按钮第五节网页制作技巧——组件的使用●●●期中考试要求说明:1.要求每位同学独立设计并制作一个学习网站。
2.主题:自选,初二年级的教科书为主。
3.网站结构包括:⑴一个首页“index.htm”⑵2——3个单元“文件夹”,如unit1,unit2,unit3⑶各个文件夹内又包含2---3个分项的内容,如words.htm,text.htm,practice.htm。
4.页面要求:⑴为每个网页添加“网页横幅”,方法:插入——网页横幅,并修改相应的横幅文字。
⑵为每个页面添加“导航栏”,方法:插入——导航栏,并选取适当的导航栏格式。
⑶每个网页须是图文相间的,可以插入适当的多媒体组件。
⑷首页index.htm至少包含以下几个内容:网页横幅、滚动字幕、作者的介绍、图片、表格。
⑸在网页适当的地方须加入:横幅广告管理器、悬停按钮等组件,形式和内容自选。
方法:插入——组件——5.说明⑴本站的风格根据个人喜好来决定,希望同学们不要局限思维,创作出形式多样的学习网站。
⑵提示:导航视图下,添加、删除、重命名网页,切记网页名称以.htm结尾。
⑶网页中插入的图片切记保存在文件夹“image”中。
⑷先在导航视图下安排好网站结构再进行具体网页的设计。
6.上交方法:在“我的电脑”——E盘——复制“站点文件夹”——粘贴到“上交”frontpage——初二。
FrontPage教案——第3课

FrontPage教案——第3课
三、插入图片
教学内容:插入图片
教学目的:1、使学生初步认识Frontpage 2000中图片
的添加。
2、使学生初步利用Frontpage 2000制作简单
的网页。
教学软件:Frontpage 2000。
教学过程:
一、复习导入新课:
上节课,同学们学会了如何利用Frontpage 2000制作一个简单的由文字组成的个人网站,但是这样的网页是很单调的,今天我们就来学习如何为我们的个人网页添加图片。
二、新课讲解
1、启动Frontpage 2000。
2、根据下列步骤进行
(1)请同学们单击工具栏上的“新建”按钮,建立一个新的网页。
(2)在“编辑区”输入“欢迎来到飞机王国!”,并将文字设置为7号,居中显示。
(3)单击“插入图片”按钮。
(4)在弹出的选折对话框中选折文件“2 S”。
(5)单击“确定”按钮。
(6)完成图片的插入。
3、请同学自行插入图片文件。
教师可以选择完成快的同学可以演示给其他同学看。
三、课堂练习
1、请同学自己利用“画图”软件完成一幅图画,然后请同学保存好。
2、让同学们在自己上一课自己完成的个人网页中间进入自己的图片。
3、自学根据书上的“小提示”和“练一练”请同学们在网页上插入“剪贴画”文件。
注意讲解要在“预览”窗口下才能看出动态效果。
4、“试一试”讲解要求同学们自己到网页上找到自己感兴趣的图片把它保存下来。
板书:
1、单击“插入图片”
2、选折图片
3、点击“预览”查看。
《认识FrontPage》参考教案

认识FrontPage教学目标:1.知识与技能(1)认识FrontPage软件窗口结构,比较与Word窗口的相同与不同点。
(2)了解站点与主页的概念,理解站点的意义,学会建立、删除站点。
(3)掌握简单网页的新建方法,能够在网页中插入、排版文字,掌握图片、水平线的插入方法及属性的设置方法,能够灵活应用“网页属性”对话框,设置网页属性,如背景、背景音乐等(4)掌握保存网页的方法,了解网页保存与普通文档保存的不同点。
2.过程与方法(1)通过对比教学,使学生掌握学习及应用软件的基本方法和规律,达到举一反三的功效。
(2)通过学生动手设计网站的实践活动,使学生建立对象属性设置的思维方法和操作方法,为学生今后学习其它软件奠定了基础。
3.情感态度与价值观(1)通过对比学习使学生体验软件学习的一般方法及规律,提高学生学习信息技术的信心。
(2)通过网站创建和首页设计,掌握对象属性的设置方法,初步体验成功的快乐。
(3)通过创建“动物—人类的朋友”网站,使学生树立人与动物和谐相处,珍爱、善待和保护动物的理念。
教学重、难点:1.教学重点(1)认识FrontPage 2003窗口结构及主要菜单的功能。
(2)掌握建立、删除网站的基本方法,网站的管理作用。
(3)掌握简单网页设计的基本方法,如文字、图片以及水平线的插入与编辑等。
(4)掌握设置网页属性的一般方法。
2.教学难点(1)站点的作用和存储路径。
(2)网页的保存。
教学方法:对比教学法,探究学习法,模仿学习法。
教学准备:整理、归类相关素材,并按要求摆放。
教学过程:1.引入教师活动:以学生上网、浏览网页为切入口,提出问题。
同学们非常喜欢上网,大家一般都登录哪些网站呢?(以此提问网站、网页和首页。
)同学们喜欢上网浏览别人制作精美的网页、获取丰富的信息,是否想过自己制作网页供别人去浏览呢?如今网页制作的软件有很多,如:Dream weaver 、FrontPage 、东方网页王等。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
Frontpage网页制作知识准备教学目标:1、通过对网站的赏析活动,进一步认识网站、首页,为网页制作做知识储备。
2、培养学生的合作学习能力、探究问题的兴趣与能力。
3、培养学生的鉴赏能力。
4、激发学生为祖国信息产业的发展作贡献的爱国情感。
教学重点:1、首页的地位和作用2、首页的功能模块3、网站的形式、内容与主题之间的关系教学难点:正确理解网站的形式、内容与主题之间的关系课时:1课时教学步骤:一、导入:近年来,我国的信息产业飞速发展,人们的经济文化水平日益提高,越来越多的家庭拥有了个人电脑,网络也由昔日的谢玉堂前燕,飞入了寻常百姓家。
足不出户,鼠标轻轻一点,你就可以浏览到世界各地的信息,就可以和世界各地的朋友们聊天,你还可以给世界各地的朋友们发E-mail。
网络的确给人们带来了极大的快捷与方便。
作为一名初中生,你想不想也能在网上拥有自己的一片天空、一个家园呢?今天我们就开始你网上家园的建设之路。
二、小组分工、合作学习:(一)介绍基本概念鉴赏一个网站,我们一般要从以下几个方面着手,一个是网站的主题,所谓网站的主题是指网站向大众或特定的人群传达的主要内容或建立网站的意图。
第二个就是网站的首页。
所谓网站的首页,就是指你打开一个网站后看到的第一页。
下面我们小组内分工合作,小组内讨论分析以下三个问题:1、每个网站的主题是什么?。
2、首页在网站中有什么地位和作用?3、首页有哪些功能模块?(二)小组合作学习,初步探讨鉴赏网站的方法学生之间相互讨论,探究问题的答案多数学生得出结论,小组选代表汇报讨论成果教师小结一个网站必须有一个明确的主题,就好像我们写文章也要有明确的中心一样,否则,浏览者就会有不知所云的感觉。
第二个问题的答案显而易见,不再提问,教师直接小结提问学生一起回答。
首页是浏览者打开一个网站后第一眼看到的就是网站的首页,网站能不能吸引浏览者,在很大程度上取决于首页做得怎么样。
能不能用一个词来概括一下首页的地位与作用?第三个问题,仍由小组选代表汇报结论哪个小组来告诉大家你们讨论的结果?教师小结:首页一般有四个共有的模块,(1)徽标(logo)和网站的名称:一般位于左上角,是一个形象化的标志,其作用类似于商品的商标。
(2)首页大标题(banner):一般放网站主题词或图片,商业性的网站放置广告条。
(3)导航栏:就像一本书或杂志的目录一样,但比书籍或杂志的目录更为重要,因为书籍我们可以一页一页的从头向后翻,而我们的网页却不可以,只有有了清楚、明晰的导航,才能让浏览者知道自己身处网站的什么位置。
(4)版权和联系方式:一般放在网页的底部,主要功能是版权声明和听取浏览者的意见或建议。
(三)再次小组合作学习,深入领会如何鉴赏网站鉴赏获奖的学生网页作品,激发学生的积极性与自信心同时更深入的学习如何鉴赏一个网站。
我给大家带来了几个获全国一等奖的学生网页作品,你可以在你的电脑D盘student文件夹下看到她们。
小组合作,讨论分析以下三个问题:1、这些网站的首页的布局各有什么特点?(教师演示)2、各网站的主题色和配色有什么特点?3、网站的形式、内容与主题之间有什么关系呢?小组讨论汇报分别讨论成果三、延伸:接下来,同学们可以自由浏览一些其他的网站,把你认为较好的网站推荐给大家。
四、总结下面我们来一起回顾一下这节课我们都学了哪些内容。
1、首页在网站中起着关键的作用,它主要有四个共有的模块:他们人别是Logo,Banner,导航,还有版权和联系方式;2、首页的布局主要有三种样式,一种是"口"字型,一种是"厂"字型,还有一种是"POP"型;3、网页的在色彩的选择上也要为表现主题服务;4、网站的要有一个明确的主题,要以内容为核心,以形式为辅助,内容和形式共同为表现主题服务。
好,有了以上的知识作为奠基,你就可以充分发挥你的想象,好好描绘一下你的网站的蓝图了。
第二节启动frontpage2003建立站点和图片收集教学目的:掌握站点的建立,学会软件的启动和素材的收集,了解站点的打开和关闭。
教学重点:创建站点,收集图片,启动frontpage2003。
教学时间:2课时教学步骤:1、启动FrontPage 2003单击任务栏上的“开始”按钮,从“程序”菜单中选择“Microsoft FrontPage”单击。
2、FrontPage 2003的界面说明FrontPage 2003的界面可以分成菜单栏、工具栏、视图栏和主编辑窗口4大部分。
①、菜单栏包括【文件】、【编辑】、【查看】、【插入】、【格式】、【工具】、【表格】、【框架】、【窗口】、【帮助】等10个菜单。
工具栏单击【查看】菜单,选择【工具栏】,②、在出现的下拉菜单中列出了几种不同的工具栏,如果菜单项前面有一个对钧号“√”,表明在界在上已显示此菜单项。
如果再单击一下,将取消这一项的显示。
③、视图栏中摆列着各种管理器的图标,这些管理器包括网页管理器、文件夹管理器、报表管理器、导航管理器、超链接管理器和任务管理器等。
单击管理器图标以切换到相应的管理器。
④、主编辑窗口在编辑网页时,有3种显示方式,即普通、HTML和预览。
普通显示方式是最常用的显示方式,一般是在此方式下工作。
HTML显示方式在需要直接编辑或查看网页文件的HTML代码时使用,一般是为了实现某种特殊效果(如在网页中动态显示时间)而经常使用。
预览显示方式在需要预先观察网页的显示效果时使用。
当使用管理功能时,主编辑窗口相应地会显示各种任务下的文件或站点信息。
什么是站点?站点一般简写为“Web”,实际上就是把一些信息通过Web网页的方式相互链接起来,存放在一台被称为“服务器”的计算机中,别人可以通过Web浏览器查看网页信息。
站点一般以国际通用的Internet地址来表示,例如: 或等,进入某个站点所见到的第一页一般称为“HomePage”,中文的意思是“主页”。
什么是主页?主页的英文名称为“HomePage”,一般认为某个站点的第一个网页叫做主页,文件名通常是“index.htm”(index.html)或“default.htm”(default.html),也就是在Web浏览器“地址”栏内输入一个网址后,用户浏览到的第一个网页。
用户再通过该主页的链接可以浏览到其他网页信息。
3、新建站点实例:使用【只有一个网页的站点】模板创建一个Web站点。
操作步骤:(1)打开【文件】菜单,选择【新建】菜单项,在子菜单中选择【站点】菜单项,出现一个【新建】对话框,在对话框的【指定新站点的位置】项中输入新站点的存放位置。
提示:新站点的存放位置选择是磁盘存储方式,是因为考虑到实践操作中的方便。
而一个站点要让在Internet上的用户正常浏览的话,应该通过FrontPage 的站点发布功能或FT文件传送方式,把该站点内容传送至能提供存放空间的Web 服务器上去。
(3)单击【确定】按钮。
此时FrontPage会自动以新站点名建立一个站点,并显示一个正在创建站点的提示对话框,之后该站点很快便创建好了。
新建的站点只有一个主页index.htm文件,该主页还是空的,需要对它进行编辑添加内容。
同时也可以添加一些网页到该站点中去。
此外,我们发现该站点中包含有两个子文件夹。
一个是_private文件夹,一般用来存放一些私人的文件,这些文件不会被别人看到。
另一个是images文件夹,是FrontPage专门创建用来存放图像文件的文件夹,因为FrontPage扩展服务器的图像文件的默认目录为images。
4、关闭站点打开【文件】菜单,选择【关闭站点】菜单项,则当前站点被关闭。
5、打开站点站点内容需要修改或添加时,必须把该站点打开。
操作过程如下:打开【文件】菜单,在下拉菜单选择【打开站点】,出现一个对话框,在对话框的【文件夹】项中输入该站点的存放位置,然后单击【打开】按钮,站点将被重新打开。
6、收集图片拷贝图片到新建站点的图片文件夹images中。
五、上机操作创建自己的站点,收集图片素材。
第三节网页文本的基本制作教学目的:学习文字的输入和设置,掌握网页的新建和保存。
教学重点:文字的输入和设置, 网页的新建和保存。
课时安排:2课时教学步骤:一、导入:上节课已经介绍了如何创建一个Web站点,接下来我们将着重学习如何使用FrontPage 2003来制作网页了。
实例说明:本例是一个简单的主页制作,通过这个例子,我们将学会如何在站点内新建一个网页、设置页面格式、文字输入及字体设定、网页的预览与保存等基本方法。
提示:本例先使用FrontPage建立一个站点。
这样做,是为了网页文件的规范管理,所有网页及图片等文件都将保存到该站点内。
本例以第一节所创建的站点为例。
1、新建网页方法:使用工具按钮。
在FrontPage 2003中单击新建网页工具按钮,在主编辑窗口将出现一个空白网页。
使用菜单命令。
(1)我们也可以从【文件】菜单中选择【新建】菜单项,在子菜单中选择【网页】菜单项,出现一个对话框。
(2)这个对话框中列出了很多事先设计好的网页模板。
这时选择【普通网页】,单击【确定】按钮,此时在主编辑窗口中将出现一个空白网页。
2、网页属性在空白网页中单击鼠标右键,从弹出的菜单中单击【网页属性】选项,出现网页属性对话框。
在这个对话框中我们可以修改网页的多种属性。
(1)、常规属性设置。
在这个对话框中共有5个选项卡。
其中,在【常规】选项卡中我们可以修改网页的标题、背景音乐等。
修改网页标题。
在对话框【标题】栏内输入“我的主页”。
修改背景音乐。
单击【背景音乐】区域的【浏览】按钮,出现对话框,单击图标按钮,在硬盘目录下选择一个Wav声音文件。
本例使用“C:\windows\Media”目录下的“Start.wav”文件,大家也可以自己选择其他的声音文件作为背景音乐。
缺省状态下背景声音的设置为始终有声音。
(2)、背景色设置。
单击网页属性对话框的【背景】选项卡,就可以设置网页的背景色和图片等。
修改网页的背景色。
单击对话框中【颜色】区域内的“背景”项下拉选择箭头,并从颜色框中选择一种颜色,然后单击【确定】按钮,这时网页的背景颜色就变成了刚才选择的颜色。
设置背景图片。
(1)重新单击鼠标右键,选择【网页属性】进入对话框并单击【背景】选项卡。
(2)然后单击在【格式】区域内的“背景图片”选择框,选中后下面的“水印”选择项、文本框都不再变灰。
(3)这时再单击【浏览】按钮进入网页背景图片选择对话框。
(4)单击对话框右下角的【剪贴画】按钮,就会弹出【剪贴画库】。
单击【Web背景】选项从中选择一种图案作为背景,选中后单击插入剪辑按钮。
(5)然后单击网页属性对话框的【确定】按钮。
这时网页背景已变成了刚才选择的图案。
3、文本输入从工具栏中的【字体样式】下拉菜单选择“标题1”,然后从键盘输入“这是我的第一个主页”,按回车键。