《Frontpage网页设计与制作》教案
网页设计与制作教案5
一个网站的第一个页面即网站的首页，一般默认将首页命名为
default。
普通网页命名一般遵循以下规则：
1、使用小写；
四、文字录入
在输入文字的过程中，我们可能会给文字进行换行操作，让不同内容的文字显示在不同段落。
在Dreamweaver中，有分段和分行两种换行
第四步，教师总结（10分钟）
总结本次课的内容，要求掌握新建网页的方法，并掌握页面属性的第二次课设置文本格式、插入特殊字符
四、特殊字符表达方式
、数字参考：“&#D;”，其中D为一个数值，不同的数值表示不同的©”为版权符号“©”。
、实体参考：前缀“&”和后缀“;”，中间为表示字符地名称，不同的字符有不同的名字，如“®”表示注册商标“®”。
第四步，教师总结（10分钟）
总结本次课内容，强调美观的网页是通过对网页文本进行属性设置，插入特殊字符，对文本进行编排，使网页更加合理，便于浏览。
《网页设计与制作》教案
《网页设计与制作》教案第一章：网页设计基础1.1 教学目标让学生了解网页设计的基本概念和原则让学生掌握网页设计的流程和方法1.2 教学内容网页设计的概念和定义网页设计的原则和要素网页设计的流程和方法1.3 教学方法讲授法：讲解网页设计的概念和原则实践法：学生动手实践设计简单的网页1.4 教学评价学生能回答出网页设计的概念和定义学生能理解并运用网页设计的原则和要素学生能独立完成简单的网页设计第二章：HTML与CSS基础2.1 教学目标让学生了解HTML和CSS的基本概念和作用让学生掌握HTML和CSS的基本语法和用法2.2 教学内容HTML的基本概念和语法CSS的基本概念和语法HTML和CSS的综合应用2.3 教学方法讲授法：讲解HTML和CSS的基本概念和语法实践法：学生动手实践编写HTML和CSS代码2.4 教学评价学生能回答出HTML和CSS的基本概念和作用学生能理解并运用HTML和CSS的基本语法和用法学生能独立完成简单的HTML和CSS代码编写第三章：网页布局与排版3.1 教学目标让学生了解网页布局和排版的基本原则和方法让学生掌握使用HTML和CSS进行网页布局和排版的技术3.2 教学内容网页布局的基本原则和方法网页排版的基本原则和方法使用HTML和CSS进行网页布局和排版的技术3.3 教学方法讲授法：讲解网页布局和排版的基本原则和方法实践法：学生动手实践进行网页布局和排版3.4 教学评价学生能回答出网页布局和排版的基本原则和方法学生能理解并运用HTML和CSS进行网页布局和排版的技术学生能独立完成具有良好布局和排版的网页设计第四章：网页动画与交互4.1 教学目标让学生了解网页动画和交互的基本概念和原理让学生掌握使用HTML和CSS实现网页动画和交互的技术4.2 教学内容网页动画的基本概念和原理网页交互的基本概念和原理使用HTML和CSS实现网页动画和交互的技术4.3 教学方法讲授法：讲解网页动画和交互的基本概念和原理实践法：学生动手实践实现网页动画和交互4.4 教学评价学生能回答出网页动画和交互的基本概念和原理学生能理解并运用HTML和CSS实现网页动画和交互的技术学生能独立完成具有动画和交互功能的网页设计第五章：网页优化与推广5.1 教学目标让学生了解网页优化和推广的基本概念和方法让学生掌握使用SEO和网络营销技术进行网页优化和推广的技巧5.2 教学内容网页优化的基本概念和方法网页推广的基本概念和方法使用SEO和网络营销技术进行网页优化和推广的技巧5.3 教学方法讲授法：讲解网页优化和推广的基本概念和方法实践法：学生动手实践进行网页优化和推广5.4 教学评价学生能回答出网页优化和推广的基本概念和方法学生能理解并运用SEO和网络营销技术进行网页优化和推广的技巧学生能独立完成具有优化和推广功能的网页设计第六章：网页图像处理与多媒体应用6.1 教学目标让学生了解网页图像处理的基本概念和工具让学生掌握网页图像处理和多媒体应用的技术6.2 教学内容网页图像处理的基本概念和工具（如Photoshop、Fireworks等）多媒体元素在网页中的应用（如音频、视频等）图像和多媒体的HTML和CSS标记6.3 教学方法讲授法：讲解网页图像处理的基本概念和工具实践法：学生动手实践进行网页图像处理和多媒体应用6.4 教学评价学生能回答出网页图像处理的基本概念和工具学生能理解并运用网页图像处理和多媒体应用的技术学生能独立完成具有图像和多媒体应用的网页设计第七章：网页编程技术7.1 教学目标让学生了解网页编程的基本概念和语言让学生掌握常用的网页编程技术和框架7.2 教学内容网页编程的基本概念和语言（如JavaScript、jQuery等）常用的网页编程技术和框架（如Bootstrap、React等）编程实践和项目案例7.3 教学方法讲授法：讲解网页编程的基本概念和语言实践法：学生动手实践进行网页编程和技术应用7.4 教学评价学生能回答出网页编程的基本概念和语言学生能理解并运用常用的网页编程技术和框架学生能独立完成编程实践和项目案例第八章：移动网页设计与制作8.1 教学目标让学生了解移动网页设计的基本概念和原则让学生掌握移动网页设计与制作的技术和工具8.2 教学内容移动网页设计的基本概念和原则移动网页设计与制作的技术和工具（如Responsive Design、Adobe Edge Mobile等）移动网页设计的实践和案例分析8.3 教学方法讲授法：讲解移动网页设计的基本概念和原则实践法：学生动手实践进行移动网页设计与制作8.4 教学评价学生能回答出移动网页设计的基本概念和原则学生能理解并运用移动网页设计与制作的技术和工具学生能独立完成移动网页设计与制作的项目案例第九章：网页项目实战与团队协作9.1 教学目标让学生了解网页项目实战的基本流程和方法让学生掌握团队协作的基本技巧和工具9.2 教学内容网页项目实战的基本流程和方法团队协作的基本技巧和工具（如Git、Project Management Software等）项目案例分析和实战演练9.3 教学方法讲授法：讲解网页项目实战的基本流程和方法实践法：学生分组进行项目实战和团队协作9.4 教学评价学生能回答出网页项目实战的基本流程和方法学生能理解并运用团队协作的基本技巧和工具学生能独立完成项目实战和团队协作的任务第十章：网页设计与制作的未来趋势10.1 教学目标让学生了解网页设计与制作的未来趋势和发展方向让学生掌握前沿技术和创新思维的方法10.2 教学内容网页设计与制作的未来趋势和发展方向（如VR/AR、等）前沿技术和创新思维的方法（如Blockchn、Design Thinking等）创新项目和案例分析10.3 教学方法讲授法：讲解网页设计与制作的未来趋势和发展方向实践法：学生进行创新项目和思维训练10.4 教学评价学生能回答出网页设计与制作的未来趋势和发展方向学生能理解并运用前沿技术和创新思维的方法学生能独立完成创新项目和案例分析重点和难点解析重点环节一：网页设计的概念和原则重点关注学生对网页设计的基本理解，以及如何运用设计原则进行网页创作。
《第2单元制作网页6认识Frontpage》教案
一、教学内容
《第2单元制作网页6认识Frontpage》教案，本节课将深入探讨以下内容：
1.熟悉Frontpage界面及基本操作；
2.学习使用Frontpage进行网页文本编辑与格式设置；
3.掌握在Frontpage中插入图片、超链接、表格等网页元素；
五、教学反思
在今天的教学过程中，我发现学生们对于Frontpage这个软件的新鲜感和好奇心非常强。在导入新课的时候，通过提问的方式成功引起了他们的兴趣，这是一个不错的开始。不过，我也注意到，在理论介绍环节，有些学生对基本概念的理解还不够透彻，可能需要我在以后的课程中多花一些时间进行巩固。
在新课讲授中，我发现案例分析这个环节学生们非常感兴趣，通过具体的例子，他们能更直观地理解Frontpage的功能和操作。但同时，我也观察到，对于一些重点和难点的讲解，比如格式设置和网页布局，学生们接受起来比较吃力。这可能是因为这些知识点比较抽象，需要更多的实践操作来加深理解。
-发布流程：理解网页从本地到服务器的上传过程，以及如何设置合适的发布参数。
举例：在格式设置方面，难点在于对段落和行间距的精确调整，以及有序列表和无序列表的选择使用；在网页布局方面，难点在于表格的嵌套使用，以及如何通过调整单元格边距和间距来优化布局；在发布流程中，难点在于配置发布参数，如网站名称、路径选择等。
最后，我会在课后收集学生们的反馈，了解他们对课程的理解程度以及遇到的困难，以便在接下来的课程中进行针对性的调整。教学是一个不断学习和改进的过程，我会继续努力，让每一堂课都能让学生们有所收获。
举例：在文本编辑方面，重点讲解字体、字号、颜色设置，以及段落格式的调整；在插入图片方面，强调图片的导入、大小调整和位置摆放；在超链接的应用中，详细解释链接的创建和目标设置。
《网页设计与制作》课程教案
《网页设计与制作》课程教案一、教学目标1. 了解网页设计与制作的基本概念和流程。
2. 掌握HTML、CSS和JavaScript的基本语法和应用。
3. 能够独立设计并制作一个简单的网页。
二、教学内容1. 网页设计与制作的基本概念和流程。
讲解网页设计与制作的基本概念，如网页、网页设计、网页制作等。
介绍网页设计与制作的流程，包括需求分析、页面布局、页面设计、编码实现等。
2. HTML的基本语法和应用。
讲解HTML的基本语法，如标签、属性、注释等。
通过实例演示HTML在网页中的应用，如、段落、图片、等。
3. CSS的基本语法和应用。
讲解CSS的基本语法，如选择器、属性、注释等。
通过实例演示CSS在网页中的应用，如字体样式、颜色、布局等。
4. JavaScript的基本语法和应用。
讲解JavaScript的基本语法，如变量、运算符、注释等。
通过实例演示JavaScript 在网页中的应用，如动态修改内容、响应用户事件等。
5. 设计并制作一个简单的网页。
根据所学知识，设计并制作一个简单的网页，包括页面布局、页面设计、编码实现等。
三、教学方法1. 讲授法：讲解基本概念、语法和应用。
2. 演示法：通过实例演示HTML、CSS和JavaScript在网页中的应用。
3. 实践法：学生动手实践，设计并制作一个简单的网页。
四、教学环境1. 教室环境：多媒体教学设备、网络连接。
2. 软件环境：文本编辑器、浏览器、网页设计软件。
五、教学评价1. 课堂参与度：学生参与课堂讨论、提问和回答问题的情况。
2. 课后作业：学生完成课后作业的情况，包括网页设计作品的质量和完成时间。
3. 期末考试：考查学生对网页设计与制作的基本概念、语法和应用的掌握情况。
六、教学资源1. 教材：《网页设计与制作教程》2. 辅助材料：PPT课件、实例代码、教学视频3. 网络资源：在线教程、相关论坛、网页设计素材库七、教学安排1. 课时：共计32课时，每课时45分钟2. 课程安排：第1-4课时：网页设计与制作的基本概念和流程第5-8课时：HTML的基本语法和应用第9-12课时：CSS的基本语法和应用第13-16课时：JavaScript的基本语法和应用第17-20课时：设计并制作一个简单的网页3. 课后作业：每课时布置相应的课后作业，巩固所学内容八、教学策略1. 针对不同学生的学习基础，调整教学进度和难度，确保学生能够跟上课程节奏。
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。
五年级下信息技术教案进入frontpage世界(1)
五年级下信息技术教案进入frontpage世界一、教学内容本节课选自五年级下册信息技术教材第四章《网页设计与制作》第一节，主要详细介绍了FrontPage软件的基本操作和使用方法。
内容包括：FrontPage的启动与退出、创建与管理网页、编辑网页文本、插入图片、设置等。
二、教学目标1. 让学生掌握FrontPage的基本操作，学会创建与管理网页。
2. 使学生能够利用FrontPage编辑网页文本，插入图片，设置。
3. 培养学生的创新意识和审美观念，提高他们制作网页的兴趣。
三、教学难点与重点教学难点：FrontPage中图片插入与设置。
教学重点：FrontPage的基本操作、网页文本编辑。
四、教具与学具准备1. 教具：计算机、投影仪、音响设备。
2. 学具：教材、练习本、笔。
五、教学过程1. 实践情景引入（5分钟）利用投影仪展示一个精美的网页，引导学生观察网页的结构和元素，激发他们的兴趣。
2. 知识讲解（15分钟）（1）介绍FrontPage软件的基本操作，包括启动、退出、创建网页等。
（2）讲解网页文本编辑，如字体、字号、颜色设置等。
（3）演示图片插入和设置的方法。
3. 例题讲解（10分钟）以一个简单的网页为例，演示如何使用FrontPage进行网页制作。
4. 随堂练习（10分钟）学生根据教材上的练习题，尝试制作一个简单的网页。
5. 课堂互动（5分钟）学生展示自己的作品，大家互相交流、学习，教师进行点评。
六、板书设计1. FrontPage基本操作启动与退出创建与管理网页2. 网页编辑文本编辑图片插入设置七、作业设计1. 作业题目：制作一个关于“我的学校”的简单网页。
2. 答案要求：（1）包含学校名称、简介、图片等元素；（2）文本编辑规范，图片清晰；（3）设置合理的。
八、课后反思及拓展延伸1. 反思：关注学生在课堂上的表现，及时发现问题，调整教学方法。
2. 拓展延伸：引导学生利用FrontPage制作更复杂的网页，如个人博客、班级网站等，提高他们的实践能力。
电子教案-《Dreamweaver网页设计与制作(第二版)》-A06-3954(示例)项目四
课程教案项目效果【任务一】为首页和子页设置链接——应用超链接超链接包括很多种，最常用的是常规超链接，另外还有图片链接、下载链接、电子邮件链接等。
（一）设置常规超链接常规超链接包括内部超链接和外部超链接。
内部超链接是指目标文件位于站点内部的链接；外部超链接可实现网站与网站之间的跳转，也就是从本网站跳转到其他网站。
1. 内部超链接内部超链接的设置非常灵活，在选中要设置超链接的文本或图像后，可以在“属性”面板上的“链接”编辑框中直接输入要链接到的网址或网页名称；也可以通过单击“属性”面板上“链接”编辑框后的“浏览文件”按钮，在弹出的“选择文件”对话框中选择要链接到的文件。
还有一种方法是单击并拖动“属性”面板上“链接”编辑框后的“指向文件”按钮到“文件”面板中的文件上，前提是此时的“文件”面板中显示的是该网页所在的网站。
“属性”面板上“链接”编辑框下方的“目标”下拉列表框表示打开链接文档的方式，默认为在当前窗口中打开链接网页，其中各选项意义如下： _blank：表示在保留当前网页窗口的状态下，在新窗口中显示被打开的链接网页。
●_parent：表示在当前窗口显示被打开的链接网页；如果是框架网页，则在父框架中显示被打开的链接网页。
●_self：表示在当前窗口显示被打开的链接网页；如果是框架网页，则在当前框架中显示被打开的链接网页。
●_top：表示在当前窗口显示被打开的链接网页，如果是框架网页，则删除所有框架，显示当前网页。
2. 外部超链接外部超链接只能采用一种方法设置，就是在选中对象后，在“属性”面板上的“链接”编辑框中输入要链接到的网址。
如图所示，为网页中的文本“中国雅虎”设置到雅虎网站的外部超链接。
（二）设置图片链接和下载链接所谓图片链接，就是在单击网页中的某小图片时，在新窗口中打开一幅大图片；下载链接是指单击某个超链接时会打开一个“文件下载”对话框（或自动启动下载工具），通过在该对话框中单击“打开”或“保存”按钮，打开或下载文件。
《网页设计与制作》课程教学案例
《网页设计与制作》课程教学案例项目名称——淮阴师范学院本科教学评建网建设项目目标：1．知识目标：运用所学的网页设计与制作知识解决实际问题。
2．能力目标：通过教师、同学及网络的帮助，感受实际工作中网站设计的一般工作流程，学会表达解决问题的过程和方法，培养学生综合运用知识分析、处理实际问题的能力；锻炼学生发现问题的能力，提高学生组织能力、交往与合作能力、学习技能。
3．教育目标：培养学生的情感、态度、价值观：培养学生实际操作能力，以及与同伴合作交流意识和能力，加强团队合作。
项目重点：1．使学生了解实施一个项目的全流程。
2．综合运用知识解决实际问题。
3．熟练所学的网页设计与制作知识解决实际实际项目。
项目难点：1．学生综合运用知识来解决实际问题的能力。
2．分工合作完成整个项目。
3. 网页界面创新能力。
教学方法：项目教学法教学过程：一、项目要求：为迎接国家教育部本科教学工作水平评估，要体现“以评促建，以评促改，以评促管，评建结合，重在建设”的方针，实现评估倒计时，包括“组织机构”、“评估文件”、“评建动态”、“迎评简报”、“评建知识”、“他山之石”等模块，网站中应包含“学院主页”与“教务在线”链接，网站风格要简介、清爽。
确定任务：建设淮阴师范学院本科教学评建网项目。
二、项目分析（导入课程）1. 我们的学校有这种需求吗?有哪些学校有类似的需求？教师根据回答进行总结，展示类似项目较广。
2. 引出今天的课程，展示一张由教师最终设计的效果图为例子。
将Photoshop、Dream weaver软件与具体的网站设计工作结合起来，设计一张实际工作中的网站效果图，让学生从亲身的感受中说、做、学，优化教学过程，改进学习方式，并倡导学生主动参与学习和同学交流合作，用不同的方式来学习知识。
通过自己的讨论交流进行探索和实现问题的解决，形成一定的知识解决模型，最终解决实际生活问题。
示范项目：以一张网站效果图为例，细致演示项目的整个流程。
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）【教学目标】知识目标：1.初步学会制作一个简单的网页，大致了解网页设计的基本流程。
2.掌握网页间的超级链接。
3.尝试网页动态效果的添加。
技能目标：1.运用知识迁移、尝试学习等方法进行探究式的学习，当面对网页制作的新需求时，能通过与已有的技术和技能的联系去探索和学习新的技术和技能。
2.在网页制作的过程中，尝试通过不同的学习途径来获得新的知识与技能，提高自主学习的能力。
情感目标：1.在学习中乐意与伙伴交流，分享学习成果与体会。
2.以“我爱同济”作为网页设计的主题，使学生在网页制作的过程中，了解同济、发现同济、挖掘同济的美，感受母校的好，确立“我以同济为荣，同济以我为耀”的思想。
【教学重点】了解网页特点，学会一些基本的设计与制作。
【教学难点】在“任务驱动”下进行尝试学习，提高自主学习能力。
【教学步骤】：一课前准备：上一堂课已观察过Frontpage的操作窗口，并要求根据所学过的WORD技巧做一个页面，该页包括标题、文字和图片三个基本要求，页面美化（如背景、项目符号、图文混排等）由学生自由发挥。
二请学生打开自己的作业，并请学生交流制作方法和感受。
三切入课题：用Frontpage制作网页教师演示“我爱同济”网页，说明此网页是由Frontpage 所制作，请学生观察并回答网页是由哪些元素组成的？网页最大的特点是什么？四新建第2页a)巩固练习：设置合适的标题、文字和图片。
b)添加网页文字内容。
提问：网页文字内容除了可以键盘键入之外，若已有现成文字保存在了*.txt文档中，你有什么方法可以将需要的文字内容搬入网页？实践：想办法将C盘桌面上“同济素材”文件夹内相应的文字内容装入页面并设置合适的段落格式，添加项目符号。
（可与伙伴交流）c)在文末插入一个“back”图片标记。
五实现两个页面间的超级链接。
a)教师演示完成从主页文字到第二页的超级链接，学生学做。
b)扩展要求：学生完成从第二页“back”图片到主页的返回链接。
初中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.1 课程介绍网页设计与制作的基本概念网页设计与制作的目的与意义网页设计与制作的应用领域1.2 网页设计原则网页设计的基本原则用户体验设计原则响应式网页设计原则1.3 网页制作工具与技术网页设计软件的选择与使用HTML与CSS的基本语法与使用方法JavaScript的基础知识与应用第二章：网页布局与排版2.1 网页布局的基本概念网页布局的定义与作用常见的网页布局方式布局元素的分类与使用2.2 排版的原则与方法排版的基本原则文本的格式化与排版图片与多媒体元素的排版2.3 响应式网页布局与排版响应式网页布局的概念与意义媒体查询的使用方法布局与排版在不同设备上的应用第三章：网页色彩与字体3.1 色彩的基本概念与应用色彩的视觉效应与心理作用色彩的搭配原则与技巧色彩在网页设计中的应用案例3.2 字体的选择与使用字体的分类与特点字体的搭配原则与技巧字体在网页设计中的应用案例3.3 网页色彩与字体的综合应用色彩与字体的协调与平衡字体大小与行距的设置与调整色彩与字体的个性化应用与创新第四章：网页图片与多媒体元素4.1 网页图片的选择与处理图片的格式与特点图片的选择标准与技巧图片的处理与优化方法4.2 多媒体元素的应用音频与视频元素的应用动画与GIF图片的应用交互式多媒体元素的应用4.3 网页图片与多媒体元素的优化图片与多媒体元素的加载优化图片与多媒体元素的响应式应用图片与多媒体元素的视觉效果与用户体验第五章：网页交互与动画5.1 网页交互的基本概念与原理交互的定义与作用交互的实现方式与技术交互的设计原则与技巧5.2 JavaScript基础与应用JavaScript的基本语法与功能事件处理与DOM操作JavaScript库与框架的选择与使用5.3 网页动画的实现与优化CSS动画的制作方法与技巧JavaScript动画的制作方法与技巧动画的加载优化与性能考虑第六章：HTML与CSS高级应用6.1 表单设计与验证表单的基本结构与属性表单元素的使用与布局表单验证的实现方法6.2 网页组件设计与实现导航栏与面包屑的制作折叠面板与标签页的制作轮播图与幻灯片的设计与实现6.3 网页动画与过渡效果CSS过渡与动画的实现JavaScript动画的实现方法动画的性能优化与调试第七章：前端框架与库7.1 前端框架的基本概念前端框架的作用与优势常见的前端框架介绍框架的选择与使用7.2 Bootstrap框架的应用Bootstrap的基本结构与组件栅格系统与布局设计Bootstrap表单与样式定制7.3 React与Vue框架的选择与应用React框架的基本概念与使用方法Vue框架的基本概念与使用方法框架项目结构与组件化开发第八章：网页兼容性与优化8.1 网页兼容性基本概念浏览器兼容性的原因与挑战兼容性测试的方法与工具兼容性解决方案与最佳实践8.2 网页性能优化网页加载速度的影响因素图片与多媒体元素的优化代码压缩与合并技巧8.3 搜索引擎优化（SEO）SEO的基本概念与原则关键词研究与内容优化代码优化与站点结构调整第九章：网页安全与维护9.1 网页安全基本概念网页安全的威胁与挑战跨站脚本攻击（XSS）的预防跨站请求伪造（CSRF）的预防9.2 数据备份与恢复数据备份的重要性与方法数据库备份与文件备份恢复策略与流程9.3 网站维护与更新网站维护的内容与流程网站更新的方法与技巧网站监控与性能调优第十章：项目实践与案例分析10.1 项目实践流程项目需求分析与规划设计阶段与实现阶段项目测试与上线流程10.2 项目案例分析案例一：个人博客网站设计与制作案例二：电子商务网站设计与制作案例三：响应式企业官网设计与制作项目过程中的问题与解决方法网页设计与制作的趋势与展望重点和难点解析1. 第一章：网页设计与制作概述难点解析：网页设计原则的理解与应用、网页制作工具与技术的熟练运用2. 第二章：网页布局与排版难点解析：响应式网页布局与排版的设计与实现3. 第三章：网页色彩与字体难点解析：色彩与字体的协调与平衡、字体大小与行距的设置与调整4. 第四章：网页图片与多媒体元素难点解析：网页图片与多媒体元素的优化方法、响应式应用5. 第五章：网页交互与动画难点解析：JavaScript事件的处理与DOM操作、动画的实现与优化6. 第六章：HTML与CSS高级应用难点解析：表单验证的实现方法、网页组件的布局与样式设计7. 第七章：前端框架与库难点解析：框架的选择与使用、React与Vue框架的选择与应用8. 第八章：网页兼容性与优化难点解析：兼容性解决方案与最佳实践、网页性能优化的实施方法9. 第九章：网页安全与维护难点解析：预防跨站脚本攻击（XSS）与跨站请求伪造（CSRF）的策略、网站维护与更新的方法10. 第十章：项目实践与案例分析难点解析：项目需求的分析与规划、项目测试与上线流程的控制本教案《网页设计与制作》涵盖了网页设计与制作的基本概念、技术应用、项目实践等各个方面。
Frontpage2003网页设计与制作教学计划
《Frontpage2003网页设计与制作》教学计划
一、教学目标：
1. 知识与技能目标：
(1) 了解网页制作过程，初步学会如何分割网页版面；
(2) 掌握对网页中素材的简单处理方法，如插入图片、艺术字、文本框；对图片进行超链接设置。
2. 能力目标：
(1) 学习一种逆向思维方式，对版面进行设计能力，并充分利用背景图片、背景音乐及字幕的设置；
(2) 通过对演示的网页的分析与小组合作锻炼学生交流与表达，增强学生的
分析能力、动手实践能力；
(3) 学会将素材有效地组织在一起，以表达综合信息的能力。
3. 情感、态度、价值观：鼓励学生大胆构思，学生交流过程中学会尊敬他人，客观评价他人观点，同时认识到网页所展示的内容要积极向上。
二、教学重、难点：
教学重点：
1.利用Frontpage2003对设计的网页进行插入文本（包括艺术字、文本框
的运用）；
2.插入图片以及图片的超链接制作。
教学难点：
1.利用网页分割设计原理，结合自己的主题，规划网页的版面；
2.插入表格并对表格进行设置；
3.设置背景图片、背景音乐、字幕。
《网页制作与设计教程》电子教案第四章
二、移动字幕 移动字幕是能够移动的动态的文字。 在FrontPage 主窗口中打开“插入”菜 单， 执行其中的“活动元素”子菜单，从“组 件” 子菜单中选择“字幕”命令，在“字幕属 性” 对话框中设置字幕属性。包括：1．文本设 置；2．方向设置；3．速度设置；4．表现 方式设置；5． 对齐方式设置；6．大小设
4.11 使用样式
样式就是网页设计时事先确立的一些规 则，比如说文本之间的缩进量、空白大小、 字体的类型、颜色和大小等。样式表是网 页中字体、段落和版面等各种属性的集合。 主题样式能对整个网站起规范作用，使网 站风格统一与和谐。
一、创建与使用样式 在主窗口中选择“格式”菜单，执行其 中 的“样式”命令，弹出“样式”对话框， 选择 要创建的样式类型。 二、使用主题样式 使用主题样式可以对整个网站进行规范， 使网站具有同一种风格。
三、设置背景图形 1．设置网页的背景色 打开“格式”菜单，执行其中的“背景” 命 令，在随后出现的“网页属性”对话框内 选 择“背景”项。 2．设置图片为网页背景 打开“格式”菜单，执行其中的“背景” 命 令，在出现的“网页属性”对话框内选择
4.7 设置链接
链接（Hyperlink，简称Link）是网页中 的动态部分。 一、链接的建立 点击工具栏中的“Link”按钮，然后在 URL文本框内输入要链接的网页的URL。 也可以先输入文字，然后拖动鼠标选定要 建立超链接的文字，单击鼠标右键，在弹 出的对话框中，选择其中的超链接。
主编中国水利水电出版社frontpage2000网页设计技术本章从frontpage的视图入手先介绍用frontpage设计网页的基本操作包括网页的编辑文本的修饰列表与表格的使用运用图象设置链接声音处理等然后介绍frontpage的高级应用包括悬停按钮滚动字幕计数器与动态效果等最后介绍表单的使用样式与框架等
《网页制作FrontPage》教案
2.2.6文本修饰
<B>......</B>，文字以粗体显示。
<I>......</I>，文字显示为斜体。
<U>......</U>，显示下划线。
<STRIKE>......</ STRIKE>，中心线贯穿文字。
< EM>......</ EM>，强调文字，通常用斜体。
1、网页的标题要简洁，明确。
2、在文本中要使用水平线，以分割不同部分。
3、对重点段落要强调显示。
4、网页中插入的图片要尽量的小。
5、图形要附加文字说明，以便关闭图像时查看。
6、网页中引用的资料及商标（或图标），不能侵犯版权。
【课后小结】
通过学习，认识网络、网站、网页及相关信息，理解网页制作的流程及了解相应开发工具，为设计网页做准备。
......</FONT>
Size的有效范围是1（最大）到7（最小）。如果在Size的值前面带上“+”号或“-”号，则表示相对于基础字体增大或减小若干字号。
2.2.4颜色属性
两种方式
<BODY text="#RRGGBB">
<FONT Color="#RRGGBB">字符串</FONT>
2.2.5字体属性
1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。
2、《Internet网页工场》Wittime工作室重庆出版社。
3、《WEB网站设计》Joel Sklar著高等教育出版社。
《Frontpage网页设计与制作》教案
《Frontpage2003网页设计与制作》教案2009141119 郭飞一、教学目标1.知识与技能目标：(1) 了解网页制作过程，初步学会如何分割网页版面；(2) 掌握对网页中素材的简单处理方法，如插入图片、艺术字、文本框；对图片进行超链接设置。
2.能力目标：(1) 学习一种逆向思维方式，对版面进行设计能力，并充分利用背景图片、背景音乐及字幕的设置；(2) 通过对演示的网页的分析与小组合作锻炼学生交流与表达，增强学生的分析能力、动手实践能力；(3) 学会将素材有效地组织在一起，以表达综合信息的能力。
3.情感、态度、价值观：鼓励学生大胆构思，学生交流过程中学会尊敬他人，客观评价他人观点，同时认识到网页所展示的内容要积极向上。
二、教学重、难点教学重点：1.利用Frontpage2003对设计的网页进行插入文本（包括艺术字、文本框的运用）；2.插入图片以及图片的超链接制作。
教学难点：1.利用网页分割设计原理，结合自己的主题，规划网页的版面；2.插入表格并对表格进行设置；3.设置背景图片、背景音乐、字幕。
三、教学步骤1.插入艺术字、文本框：“插入”——>“图片”——>“艺术字”“插入”——>“文本框”2.插入图片并设置超链接：“插入”——>“图片”——>“来自文件”——>“完成”——>选中——>单击鼠标右键“超链接”3.设置背景图片、背景音乐及字幕：网页的任意位置单击鼠标右键——>“网页属性”——>“背景音乐浏览”——>“确定”网页的任意位置单击鼠标右键——>“网页属性”——>“格式”——>“背景图片”——>“浏览”——>“确定”“插入”——>“Web组件”——>“字幕”4.设置表格属性及单元格属性：选中——>单击右键“表格属性/单元格属性”——>“确定”四、教学过程基于对前面的网页制作页眉页脚设置掌握后，要进一步讲解对版面的分割、文字图片插入技术的知识点。
山东省滨州市邹平实验中学八年级信息技术《FrontPage》教案人教新课标版
目标：培养学生的合作能力和解决问题的能力。
过程：
将学生分成若干小组，每组选择一个与网页设计相关的主题进行深入讨论。
小组内讨论该主题的现状、挑战以及可能的解决方案。
每组选出一名代表，准备向全班展示讨论成果。
5. 课堂展示与点评（15分钟）
目标：锻炼学生的表达能力，同时加深全班对网页设计的认识和理解。
强调网页设计在现实生活或学习中的价值和作用，鼓励学生进一步探索和应用网页设计。
7. 布置课后作业
让学生撰写一篇关于网页设计的短文或报告，内容可包括今天所学的知识点、案例分析心得以及自己对网页设计的看法和想法。以此巩固学习效果，提高学生的写作能力和思考能力。
六、知识点梳理
1. 网页设计基本概念
- 网页设计的定义与作用
- 移动端网页设计的特点与要求
- 前沿网页设计技术（响应式设计、WebGL等）
七、课堂
1. 课堂评价
- 通过课堂提问，了解学生对网页设计基本概念、操作技巧等知识点的掌握情况。
- 观察学生在课堂上的实践操作，评估学生对FrontPage软件的使用熟练程度及问题解决能力。
- 定期进行课堂小测验，检测学生对网页设计知识点的理解和应用能力，及时发现并解决学生存在的问题。
五、教学过程设计
1. 导入新课（5分钟）
目标：引起学生对网页设计的兴趣，激发其探索欲望。
过程：
开场提问：“你们知道网页设计是什么吗？它与我们的生活有什么关系？”
展示一些优秀的网页设计图片，让学生初步感受网页设计的魅力和实用性。
简短介绍网页设计的基本概念和重要性，为接下来的学习打下基础。
2. 网页设计基础知识讲解（10分钟）
4. 网页色彩搭配
《网页设计与制作》教案
一、教案基本信息教案名称：《网页设计与制作》教案适用课程：网页设计与制作课时安排：共20课时，每课时45分钟教学目标：1. 了解网页设计的基本概念和流程；2. 掌握HTML、CSS和JavaScript的基本语法和应用；3. 能够独立设计和制作简单的网页。
教学方法：1. 讲授与实践相结合；2. 案例分析；3. 小组讨论与协作。
教学内容：1. 网页设计基本概念与流程；2. HTML基本语法及应用；3. CSS基本语法及应用；4. JavaScript基本语法及应用；5. 网页设计与制作实践。
二、第一章：网页设计基本概念与流程课时安排：2课时教学内容：1. 网页设计基本概念；2. 网页设计流程；3. 网页设计原则与技巧。
教学方法：1. 讲授与实践相结合，通过案例分析让学生了解网页设计的基本概念和流程；2. 小组讨论，让学生分享对网页设计原则与技巧的理解。
教学活动：1. 引入案例：分析优秀网页设计案例，引导学生了解网页设计的基本概念；2. 讲解网页设计流程，让学生掌握从需求分析到设计制作的过程；3. 小组讨论：学生分组讨论网页设计原则与技巧，分享心得体会。
作业与评估：1. 课后作业：要求学生总结本节课所学的网页设计基本概念和流程；2. 课堂表现：观察学生在讨论中的参与程度和理解程度。
三、第二章：HTML基本语法及应用课时安排：4课时教学内容：1. HTML基本语法；2. 常用HTML标签及属性；3. HTML页面结构。
教学方法：1. 讲授与实践相结合，通过案例让学生掌握HTML基本语法和常用标签；2. 小组讨论，让学生分析实际案例中的HTML代码。
教学活动：1. 讲解HTML基本语法，让学生了解HTML代码的构成；2. 演示常用HTML标签及属性，让学生通过实践掌握其应用；3. 案例分析：学生分组分析实际案例中的HTML代码，理解其结构。
作业与评估：1. 课后作业：要求学生编写一个简单的HTML页面，运用所学标签和属性；2. 课堂表现：观察学生在讨论和实践中对HTML基本语法的掌握程度。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《Frontpage2003网页设计与制作》教案
2009141119 郭飞
一、教学目标
1.知识与技能目标：
(1) 了解网页制作过程，初步学会如何分割网页版面；
(2) 掌握对网页中素材的简单处理方法，如插入图片、艺术字、文本框；对图片进行超链接设置。
2.能力目标：
(1) 学习一种逆向思维方式，对版面进行设计能力，并充分利用背景图片、背景音乐及字幕的设置；
(2) 通过对演示的网页的分析与小组合作锻炼学生交流与表达，增强学生的分析能力、动手实践能力；
(3) 学会将素材有效地组织在一起，以表达综合信息的能力。
3.情感、态度、价值观：
鼓励学生大胆构思，学生交流过程中学会尊敬他人，客观评价他人观点，同时认识到网页所展示的内容要积极向上。
二、教学重、难点
教学重点：
1.利用Frontpage2003对设计的网页进行插入文本（包括艺术字、文本框的运用）；
2.插入图片以及图片的超链接制作。
教学难点：
1.利用网页分割设计原理，结合自己的主题，规划网页的版面；
2.插入表格并对表格进行设置；
3.设置背景图片、背景音乐、字幕。
三、教学步骤
1.插入艺术字、文本框：
“插入”——>“图片”——>“艺术字”
“插入”——>“文本框”
2.插入图片并设置超链接：
“插入”——>“图片”——>“来自文件”——>“完成”——>选中——>单击鼠标右键“超链接”
3.设置背景图片、背景音乐及字幕：
网页的任意位置单击鼠标右键——>“网页属性”——>“背景音乐浏览”——>“确定”
网页的任意位置单击鼠标右键——>“网页属性”——>“格式”——>“背景图片”——>“浏览”——>“确定”
“插入”——>“Web组件”——>“字幕”
4.设置表格属性及单元格属性：
选中——>单击右键“表格属性/单元格属性”——>“确定”
四、教学过程
基于对前面的网页制作页眉页脚设置掌握后，要进一步讲解对版面的分割、文字图片插入技术的知识点。
为了有利于小组间互相交流，每小组学生坐在一起，后期学生完成作品时教师起引导辅助作用，一步步引导学生完成本课的目标。