最新八年级下学期网页制作教学设计
网页制作教案初中
网页制作教案初中课程目标：1. 了解网页制作的基本概念和流程；2. 学习使用HTML和CSS进行网页设计与布局；3. 掌握常用的网页制作工具和技巧；4. 能够独立制作并发布一个简单的网页。
教学内容：1. 网页制作的基本概念和流程；2. HTML和CSS的基本语法和常用标签；3. 网页布局和设计原则；4. 常用的网页制作工具和技巧；5. 实践项目：制作并发布一个简单的网页。
教学步骤：一、导入（5分钟）1. 向学生介绍网页制作的基本概念和流程；2. 展示一些精美的网页作品，激发学生的兴趣和创作欲望。
二、HTML和CSS的基本语法和常用标签（15分钟）1. 讲解HTML和CSS的基本语法和结构；2. 介绍常用的HTML标签，如：标题、段落、图片、链接等；3. 介绍常用的CSS选择器，如：类选择器、ID选择器、属性选择器等；4. 讲解如何使用CSS样式来美化网页。
三、网页布局和设计原则（10分钟）1. 介绍网页布局的基本方法，如：固定布局、百分比布局、弹性布局等；2. 讲解设计原则，如：对比、重复、对齐、亲近性等；3. 引导学生思考如何根据设计原则来设计一个美观的网页。
四、常用的网页制作工具和技巧（10分钟）1. 介绍常用的网页制作工具，如：文本编辑器、所见即所得编辑器、网页设计软件等；2. 讲解如何使用这些工具来制作网页；3. 介绍一些实用的网页制作技巧，如：快捷键、代码片段、模板等。
五、实践项目：制作并发布一个简单的网页（15分钟）1. 引导学生分组，每组选择一个主题，如：个人博客、美食介绍、旅游攻略等；2. 指导学生根据设计原则来设计网页布局和界面；3. 引导学生使用HTML和CSS来编写网页代码；4. 讲解如何使用网页制作工具来发布网页。
六、总结与拓展（5分钟）1. 对本节课的内容进行总结，强调重点和难点；2. 鼓励学生课后进行网页制作的实践，提高制作水平；3. 推荐一些学习资源，如：在线教程、网页设计社区、网页制作论坛等。
网页模板制作教案设计方案
课时：2课时年级：八年级教学目标：1. 知识与技能：了解网页模板的基本概念，掌握网页模板的制作方法，能够独立制作简单的网页模板。
2. 过程与方法：通过实践操作，培养学生的动手能力、团队协作能力和创新能力。
3. 情感态度与价值观：培养学生对计算机应用的兴趣，提高审美素养，激发学生的创新意识。
教学重点：1. 网页模板的基本概念2. 网页模板的制作方法教学难点：1. 网页模板的布局设计2. 网页模板的样式调整教学准备：1. 电脑、网络2. 网页制作软件（如Dreamweaver、FrontPage等）3. 教学课件教学过程：第一课时一、导入1. 引导学生回顾网页的基本概念，激发学生对网页模板的兴趣。
2. 提出问题：什么是网页模板？网页模板有哪些作用？二、新课讲解1. 讲解网页模板的基本概念，让学生了解网页模板的定义、特点和应用场景。
2. 讲解网页模板的制作方法，包括布局设计、样式调整等。
三、实践操作1. 分组讨论，确定网页模板的主题和风格。
2. 指导学生使用网页制作软件制作网页模板，包括布局、样式调整等。
3. 学生展示自己的作品，教师点评并给予指导。
四、课堂小结1. 总结本节课所学内容，强调网页模板的基本概念和制作方法。
2. 鼓励学生在课后继续练习，提高网页制作能力。
第二课时一、复习导入1. 回顾上节课所学内容，检查学生对网页模板制作方法的掌握程度。
2. 提出问题：如何提高网页模板的视觉效果？二、新课讲解1. 讲解网页模板的视觉效果，包括色彩搭配、字体选择、图片处理等。
2. 讲解网页模板的优化方法，如提高页面加载速度、优化用户体验等。
三、实践操作1. 学生根据上节课所学内容，对已有的网页模板进行优化。
2. 学生展示自己的优化作品，教师点评并给予指导。
四、课堂小结1. 总结本节课所学内容，强调网页模板的视觉效果和优化方法。
2. 鼓励学生在课后继续练习，提高网页制作能力。
教学评价：1. 学生对网页模板的基本概念和制作方法的掌握程度。
初中八年级信息技术课件制作网页优秀公开课
布局控制
通过CSS的盒模型、浮动 、定位等技术，可以实现 对页面元素的精确布局控 制。
响应式设计
利用媒体查询等技术，可 以实现页面的响应式设计 ，使得页面在不同设备上 都能良好地显示和使用。
04
JavaScript编程入门
JavaScript基本语法和数据类型
变量和数据类型
控制结构
介绍JavaScript中的变量定义、命名 规则以及基本数据类型（如字符串、 数字、布尔值等）。
测试和发布网站：在完成网站制作后，学生将对 网站进行测试，确保其在不同设备和屏幕尺寸下 表现良好。然后，学生可以将网站发布到互联网 上，与其他人分享自己的作品。
THANKS
感谢观看
`margin`, `padding`等，用于设置元素的外观和布局。
03
样式应用
可以通过内联样式、内部样式表和外部样式表三种方式将CSS样式应用
到HTML文档中。
HTML与CSS结合实现页面效果
结构与样式分离
HTML负责页面结构，CSS 负责页面样式，实现结构 与样式的分离，使得页面 更加清晰和易于维护。
确定网站主题和目标受众：学生将选择一个主题 ，并确定网站的目标受众和功能需求，以此为基 础进行网站规划和设计。
添加内容和样式：学生将为网站添加文本、图片 和其他媒体内容，并使用CSS进行样式调整和优 化，使网站更加美观和易于使用。
使用Bootstrap搭建网站框架：学生将使用 Bootstrap框架搭建网站的基本结构，包括导航栏 、主体内容区域和页脚等部分。
图像格式选择
根据网页需求和图像特点选择合适的图像格式，如JPEG、 PNG、GIF等。
图像优化处理
通过压缩、裁剪、调整色彩和对比度等方式对图像进行优化 ，以减小文件大小和提高加载速度。
初中信息技术课程教案网页设计与制作
初中信息技术课程教案网页设计与制作初中信息技术课程教案——网页设计与制作一、引言信息技术在现代社会中发挥着重要的作用，对学生的综合素质和技能提升起到了重要推动作用。
网页设计与制作作为信息技术课程的重要内容之一，旨在培养学生的计算机应用能力、创新思维和团队合作精神。
本教案将介绍初中信息技术课程中的网页设计与制作教学内容、教学目标、教学方法以及评价方式等方面的内容。
二、教学目标1. 理解网页设计的基本原理和技术要点；2. 掌握网页设计和制作的基础知识和技能；3. 培养学生的良好的审美意识和创新思维；4. 提高学生的团队协作和沟通能力。
三、教学内容1. 网页设计概述1.1 了解网页设计的概念和发展背景；1.2 掌握网页设计的基本原则，包括布局、配色、字体等；1.3 学习运用网页设计软件进行设计和制作。
2. 网页设计原理与技术2.1 学习HTML和CSS的基础知识；2.2 掌握网页布局和设计的核心技术；2.3 实践运用HTML和CSS进行网页的设计和制作。
3. 网页设计与创意3.1 培养学生的审美意识和创新思维；3.2 鼓励学生表达自己的观点和想法；3.3 引导学生运用网页设计技术展示自己的创意和作品。
4. 网页制作与团队合作4.1 学习如何进行团队合作和分工；4.2 进行网页制作的集体实践项目；4.3 培养学生的团队协作和沟通能力。
四、教学方法1. 理论教学结合实践教学，注重理论和实践相结合；2. 采用案例教学法，通过实际案例展示网页设计的应用；3. 引导学生进行实际的设计和制作实践活动，加强实践操作能力的培养；4. 在教学过程中注重互动交流，培养学生的团队合作和沟通能力。
五、评价方式1. 设计与制作作品评价，包括网页设计的创意、布局、色彩等方面；2. 个人表现评价，包括学生在团队合作、实践操作等环节中的表现；3. 同伴评价，学生相互评价和反思，促进学生之间的交流与合作。
六、教学资源1. 电脑实验室和相关软件工具；2. 优秀网页设计案例和教学视频；3. 学生个人或团队专属网页设计空间。
初中信息技术川教八年级下册 网页制作技巧第十三课网页制作技巧
时间：
课题：《网页制作技巧》
课时：1
主备人：
审核人：
授课班级：
授课时间：
第一步 学习目标（学习结果）设计
课标要求与本质理解：
本课主要是计算机实践操作课程，继续互联网功能之一的网页制作技巧，让学生掌握网页制作中表格的用法，学会在网页中使用超链接及对网页进行发布。要求学生在课堂实践操作时，结合教师讲解及前面所学知识，制作设计自己个人空间，培养学生能够利用学到的知识运用到实际生活中，从而进一步达到熟练运用。
二、新课
（一）、表格的妙用
1、创建表格
、确定插入点。→插入表格（按钮）→设置行列数→确定
、打开菜单中的“插入”--“表格”命令……
表格的合并与拆分（略）
学生活动1：对表格进行合并和拆分。
2、设置单元格背景和边框颜色
选中需要设置背景颜色的单元格→单击属性面板→选择所需颜色
边框颜色修改：点击“边框”颜色更改下拉按钮→选择颜色
3、浏览个人网页（略）。
板书设计：
第十三网页制作技巧
一、表格的妙用
创建表格
设置单元格背景色和边框颜色
二、超级链接的使用
三、网站的发布
1、申请个人主页空间
2、在Dreamweaver中配置个人主页空间信息
3、浏览个人主页。
教学资源推荐：
《课堂直播》
教学反思：
学习目标：
（一）知识与技能目标
1.掌握网页制作中表格的用法。
2.学会在网页中使用超链接。
3.学会对网页进行发布。
（二）过程与方法目标
通过教师讲解、任务驱动法、小组协作、讨论交流等方式来共同完成教学任务。
（三）情感态度与价值观目标
长春版八年级下册信息技术1.制作个人网站教案
第一单元网页制作第一课制作个人网站一、教学目标知识与能力掌握网页基本知识过程与方法体验模板功能、快速、便捷地建立个人主题网站情感态度与价值观增加学生的学习兴趣培养学生信息意识二、教学重点与难点重点网页的基本概念难点编辑网页三、教学过程导言随着信息技术的发展，越来越多的信息通过网络广泛传播，一张张精彩的网页向我们展示一幕幕全新的世界。
在这个虚拟的世界中，你是否也想拥有自己的天地，尽情施展你的才华呢？就让我们共同学习FrontPage2003，了解制作网页的方法，制作自己个性化的网页并发布到互联网上，成为一名网页制作高手。
新课1、网页的基本概念浏览网站时所看到的一幅幅画面，就称为网页，网页时可通过浏览器访问的信息集合，时万能网中存放信息的地方。
网页上一般有文字、图片、表格等信息，还会有声音、动画等多媒体内容。
同时网页中还包含超链接的特殊标志，许多页之间用超链接起来。
在一个网站中的第一页称为首页，也叫作主页。
2、了解FrontPage2003FrontPage2003时Office2003的组件之一，是专门用来制作网页的一种应用软件。
它是制作网页最简单、实用的一种软件。
(1)启动FrontPage2003启动FrontPage2003窗口与启动word2003一样，具体操作如下：单击【开始】-【程序】-【Microsoft Office】-【Microsoft Office FrontPage2003】打开FrontPage2003窗口，如书中图1-1 （2）建立个人主题站点a.启动FrontPage2003后，在窗口右侧的任务窗格选择“其他网站模板”，在“网站模板”对话框中的“常规”项中选择“个人网站”，在“指定新网站的位置”下方输入新建网站的位置和网站文件夹名称，单击“确定”按钮即可。
b.站点链接成功，进入站点编辑窗口。
（3）编辑网页使用模板建立的是网站的基本架构和每个页面基本内容的提示，我们需要修改每个页面中的内容，更改成自己的内容，建立自己的网站。
初中网页制作教案
初中网页制作教案教案标题：初中网页制作教案教案目标：1. 了解网页制作的基本概念和原理；2. 学习使用HTML和CSS语言创建简单的网页；3. 培养学生的创造力和团队合作能力。
教学重点：1. 网页制作的基本概念和原理；2. HTML和CSS语言的基本语法和用法；3. 利用所学知识创建简单网页的能力。
教学难点：1. 理解和应用HTML和CSS语言的关系；2. 设计和布局网页的能力。
教学准备：1. 电脑、投影仪、互联网连接；2. 学生手册和教学资源；3. HTML和CSS编辑器软件。
教学过程：1. 导入（5分钟）：- 引入网页制作的概念，并与学生讨论他们对网页的理解和使用经验。
2. 知识讲解（15分钟）：- 介绍HTML和CSS语言的基本概念和作用；- 解释HTML标签和CSS样式的基本语法和用法；- 示范创建一个简单的网页，并解释其中的HTML和CSS代码。
3. 实践操作（30分钟）：- 学生分组合作，每组选择一个主题或话题；- 学生利用HTML和CSS语言创建一个简单的网页，包括标题、文字、图片等元素；- 鼓励学生尝试使用不同的HTML标签和CSS样式，以增加网页的美观和功能。
4. 网页展示和分享（15分钟）：- 每个小组展示他们创建的网页，并分享他们在设计和制作过程中的经验和困难；- 学生互相评价和提出改进建议，以进一步改进网页的质量。
5. 总结和评价（10分钟）：- 回顾本节课学习的内容和目标，检查学生的掌握情况；- 鼓励学生总结所学知识和技能，并思考如何将网页制作应用到实际生活中。
教学延伸：1. 鼓励学生进一步学习和探索更复杂的HTML和CSS语言特性，以提升网页制作的能力；2. 引导学生学习JavaScript等脚本语言，以实现更丰富的网页交互功能；3. 组织学生参与网页制作比赛或项目，以展示他们的创造力和团队合作能力。
教学评估：1. 观察学生在实践操作中的表现和合作情况；2. 评估学生创建的网页的质量和创意程度；3. 收集学生的反馈和意见，以改进教学方法和内容。
网页制作教学设计方案
一、教学目标1. 知识目标：- 了解网页制作的基本概念和原理。
- 掌握HTML、CSS、JavaScript等网页制作技术。
- 熟悉网页布局、样式设计和交互功能。
2. 技能目标：- 能够独立设计和制作简单的网页。
- 学会使用网页制作工具，如Dreamweaver、Sublime Text等。
- 能够进行网页的测试、优化和发布。
3. 情感目标：- 培养学生对网页制作技术的兴趣和热情。
- 增强学生的创新意识和团队协作能力。
- 培养学生良好的审美观和审美能力。
二、教学内容1. 网页制作基础：- 网页制作的基本概念和原理。
- 网页文件的组成和格式。
- 网页设计的基本原则。
2. HTML技术：- HTML标签的基本使用。
- 表格、列表、表单等常用标签的应用。
- HTML5的新特性。
3. CSS技术：- CSS的基本语法和选择器。
- 布局设计、样式设置、动画效果等。
- CSS3的新特性。
4. JavaScript技术：- JavaScript的基本语法和变量。
- 事件处理、DOM操作、函数定义等。
- JavaScript框架和库的使用。
5. 网页制作工具：- Dreamweaver、Sublime Text等网页制作工具的使用。
- 网页预览和测试工具的使用。
三、教学方法1. 讲授法：讲解网页制作的基本概念、技术和方法。
2. 演示法：通过实际操作演示网页制作的过程和技巧。
3. 实践法：引导学生动手实践，完成网页制作任务。
4. 小组讨论法：鼓励学生相互交流、合作，共同解决问题。
5. 案例分析法：通过分析优秀网页案例，提高学生的审美能力和设计水平。
四、教学过程1. 导入：介绍网页制作的基本概念和重要性，激发学生的学习兴趣。
2. 讲解：讲解网页制作的基本原理、技术和方法，结合实例进行讲解。
3. 演示：演示网页制作的过程和技巧，让学生直观地了解制作方法。
4. 实践：引导学生动手实践，完成简单的网页制作任务。
5. 小组讨论：分组讨论，解决制作过程中遇到的问题，提高团队协作能力。
中学信息技术教案网页制作
中学信息技术教案网页制作一、教学目标1. 知识与技能：了解网页制作的基本概念和基本操作。
学会使用网页制作工具（如Dreamweaver、HBuilder等）。
掌握HTML、CSS和JavaScript的基本语法和应用。
2. 过程与方法：通过实践操作，掌握网页布局、插入文本、图片、等基本操作。
学会使用CSS进行样式设置，美化网页。
学会使用JavaScript实现网页的动态效果。
3. 情感态度与价值观：培养学生的创新意识和团队协作能力。
培养学生对信息技术学科的兴趣和热情。
二、教学内容1. 网页制作的基本概念和基本操作网页的概念、网页的基本结构网页制作工具的选择与使用（Dreamweaver、HBuilder等）2. 网页布局与设计网页布局的基本方法（表格布局、DIV+CSS布局等）插入文本、图片、等基本元素使用CSS进行样式设置，美化网页三、教学重点与难点1. 教学重点：网页制作的基本概念和基本操作网页布局与设计的方法和技巧2. 教学难点：使用CSS进行样式设置，美化网页使用JavaScript实现网页的动态效果四、教学方法与手段1. 教学方法：讲授法：讲解网页制作的基本概念、基本操作和技巧。
演示法：展示优秀的网页设计案例，分析其设计思想和方法。
实践操作法：让学生亲自动手制作网页，巩固所学知识。
2. 教学手段：投影仪：展示PPT、网页设计案例等。
计算机：让学生进行实践操作。
五、教学过程1. 导入新课：通过展示一些精美的网页，引起学生的兴趣，引出网页制作的话题。
2. 讲解与演示：讲解网页制作的基本概念和基本操作。
演示如何使用网页制作工具（如Dreamweaver、HBuilder等）。
3. 实践操作：让学生亲自动手制作网页，巩固所学知识。
引导学生思考如何进行网页布局与设计。
4. 课堂小结：对本节课的内容进行总结，强调重点和难点。
鼓励学生在课后进行自主学习，深入掌握网页制作技巧。
5. 课后作业：完成一个简单的网页制作任务，巩固所学知识。
信息技术八年级网页设计与制作的优质课
信息技术八年级网页设计与制作的优质课信息技术在当今社会中扮演着至关重要的角色，人们对于网页设计与制作的需求也日益增长。
而对于八年级的学生来说，学习网页设计与制作不仅可以培养对信息技术的理解能力，还可以激发他们的创造力。
因此，为了提供一堂优质的网页设计与制作课程，我们需要注重教学内容和教学方法的合理安排，并充分利用课堂环境，以提升学生的学习和实践能力。
首先，优质的网页设计与制作课程应该具备系统性和实践性。
在课程设置上，我们需要循序渐进地引导学生掌握网页设计和制作的基础知识和技能。
可以从HTML、CSS等基本语言的学习开始，逐步引导学生了解网页的结构和元素，了解网页的基本布局和样式设计。
随着学习的深入，还可以涉及到网页的响应式设计、用户体验等内容。
通过这样系统性的学习，学生能够全面掌握网页设计与制作的要点和技巧。
其次，要保证课程具备一定的实践性。
大部分网页设计与制作的理论知识需要通过实践来巩固和应用。
因此，在课程中，我们应该提供充分的实践机会，让学生动手实践，并将所学知识应用到实际项目中。
可以设置一些小型的网页制作任务，要求学生独立完成，并进行同学间的评审和展示。
这样的实践性课程安排有助于学生在实践中巩固所学知识，提高技能水平。
此外，为了提供一堂优质的网页设计与制作课程，教学方法也至关重要。
我们可以采用灵活多样的教学方法，根据学生的实际情况和学习需求进行差异化教学。
例如，可以通过讲解和演示的方式介绍网页设计与制作的基本知识，通过实践和练习来提高学生的操作技能。
同时，可以引入案例分析和项目实践等活动，引发学生的兴趣，激发他们的学习动力和创造力。
在教学过程中，还应充分利用课堂环境和现代化设备，提升学生的学习体验。
例如，可以利用投影仪来展示网页设计与制作的范例和案例，让学生更加直观地理解和学习。
同时，可以鼓励学生在课堂上进行小组活动，通过合作和交流来促进学习效果的提高。
此外，还可以邀请专业人士或相关企业的代表来进行讲座或分享，帮助学生了解行业动态和就业前景，从而更好地规划自己的学习和职业发展。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
精品文档 精品文档 信息技术教学设计 授课时间 2．23——2.28 课 题 网页入门 课 型 新授 教学方法 讲练 教具 教学目的：1、认识网页的基本工作界面。 2、学会如何创建站点，网页及如何保存网页。
教学重点、难点：学会如何创建站点，网页及如何保存网页。 教学步骤 一、导入 上过网的同学们一定浏览过许多站点，那些图文并茂的网页一定让你流连忘返。你知道那些网页是怎么制作出来的吗？你也想学会制作网页吗？那就让我们从制作一个简单的“悉尼奥运”网页开始吧。制作网页的工具很多，这里咱们介绍FrontPage2000。 二、新授 1、启动FrontPage2000. 开始\程序\ Microsoft FrontPage2000. 2、工作界面介绍 菜单栏 工具栏 编辑区 视图栏 网页察看方式 状态栏 重点讲解：文件夹列表的功能。 3、个人站点的创建 A、看教学光盘 B、生练习 C、巩固练习（师要求学生按要求做：新建一个“个人站点”） D、学生探讨：如何新建网页？（1、在文件“菜单”中新建2、在工具栏中的新建按钮。） E、谈话：如何保存网页呢？ 讲解：“文件”\“保存”在出现的对话框按要求进行设置即可。 三、练习 四、小结 教学回顾： 这节课对于学生来说，相对比较简单，但也比较重要，因为是入门，通过这节课的观察，学生的效果还是不错的。 精品文档 精品文档 信息技术教学设计 授课时间 3.2——3.6 课 题 网页入门详解 课 型 新授 教学方法 讲练 教具 教学目的： 1、掌握FrontPage 2000软件的启动和退出方法； 2、了解什么是网页以及它所包含的主要元素； 3、了解FrontPage 2000中的几种视图方式及其功能。 教学重点、难点：掌握FrontPage 2000软件的启动和退出方法；
教学步骤 〈导入新课〉 在上面的课程中我们已经学会了通过浏览网页方便地获取信息。然而，有的同学会问，我们自己能不能设计、制作出自己的网页，并在网上发布呢？ 当然可以了，接下来我们就来学习如何制作网页。我们这里主要介绍采用FrontPage这一网页制作软件来进行网页制作。 首先我们来了解以下有关网页制作的基础知识。 一、网页及其组成 [提问] 首先，同学们，你们认为什么叫网页呢？ (教师先提出一些与教学内容有关的实际问题，让学生想想如何解决，以任务激发学知识的主动性。) [学生回答] 在网上看到的一些画面。 [总结] 对了，我们把通过浏览器在WWW上看到的每一幅画面都称为网页（Web page）。网页是全球广域网上的基本文档，用HTML语言编写。 我们也看到了，有的网页上只有文字，有的有图片，有的还有动画。那么，我们要做的网页上包含的元素主要就有：文字、图片、声音、动画、影像以及链接等。通过这些的有机组合，就形成了包含各种信息的网页。 最初，人们用HTML语言在文本编辑中制作网页。 二、常用的网页制作工具 HTML语言是超文本标记语言（Hypertext Markup Language）的英文缩写，只有熟练掌握HTLM语言的专业人员才能用它制作网 页。 FrontPage系列软件的问世，将人们从HTML代码中解放出来， 用它来制作网页就像在文字处理软件中编排多媒体文档一样，非常直观。目前使用较多的网页制作软件除了FrontPage外，还有Flash、Dreamweaver等。 接下来我们来看看如何进入FrontPage 2000。 ⒈FrontPage 2000的启动 [演示] 单击“开始”按钮，将指针依次指向“程序”/“Microsoft FrontPage”单击即可。 [提问]请同学们观察一下它的窗口，看看和我们刚学过的Word窗口比较一下。 (上课时，教师先提出一些与教学内容有关的实际问题，让学生想想如何解决，以任务激发 精品文档 精品文档 学知识的主动性。带着这一问题听讲更能激起他们的学习热情。通过设置一些悬念，再让学生用计算机去解决，他们会觉得学习计算机确实管用，能够解决实际中的问题，从而也提高了学习的积极性。) [学生回答]窗口的左边多了几种视图方式。 [讲解]对了，FrontPage 2000的窗口和我们学过的Word窗口基本相似，都是由菜单栏、 工具栏、状态栏和编辑区组成的，只是，在FrontPage 2000窗口的左边出现了几种视图方式。他们分别是：网页、文件夹、报表、导航、超链接和任务这六种。 接下来我们来分别介绍这六种视图方式和他们的功能。 2. FrontPage 2000的视图方式 （1）网页 [讲解]它是我们制作网页时最常使用的视图方式，可以用来创建、编辑和预览网页，既有所见即所得的特性。 （2）文件夹 [讲解]它是显示站点内容的组织方式，用于管理站点中的文件和文件夹。跟Windows资源管理器相似，在“文件夹”视图中可以创建、删除与移动文件和文件夹。 “文件夹”视图将工作区分为左右两部分，左侧显示网站中所有文件夹，单击任一文件夹，右侧的工作区将显示该文件夹下的内容。 （3）报表 [讲解]用来分析站点内容。如计算站点中的所有文件大小、显示出哪个文件没有链接到其它任一文件、指出慢速或过期的网页、以工作或是它们被分配的人和其他等方式来把文件分组。 （4）导航 [讲解]用来创建、显示、打印和更改网站导航结构的视图。在这个视图中可以清晰地看到整个网站的组织结构和文件组成，拖曳水平分割线可以改变上下窗口的相对大小。 （5）超链接 [讲解]显示来自站点的每一个超链接。该视图方式以图形的方式显示网站中个文件之间的链接情况，网页之间的链接通过箭头来标志。 （6）任务 [讲解]任务视图列出了站点中要完成的任务。 〈总结〉 本节只是简单介绍一下个视图方式的作用和功能，它们的具体作用我们在以后的网页制作过程中再加以介绍。 至于退出FrontPage2000，和我们关闭其它应用程序的窗口一样，只要单击“关闭”按钮就可以了。 ⒊ FrontPage2000的退出 作业： 熟悉FrontPage2000网页制作工具环境。 (计算机是一门实践性很强的学科，只有通过上机实践，才能发现问题，才能更准确地理解计算机、更灵活地应用计算机。同时，在实践的过程中，老师可以了解学生的掌握程度，发现学生中普遍存在的问题，合理布置学习任务。实践中，特别是对于一些动手能力差的学生，要鼓励他们不怕犯错误。)
教学回顾： 学生能基本掌握所学知识！ 精品文档 精品文档 信息技术教学设计 授课时间 3.9——3.13 课 题 网页制作 课 型 新授 教学方法 合作、探讨 教具 教学目的：1、通过学生相互间的合作来获取新知。如：设置网页背景，超链接等2、培养学生间的相互合作关系。
教学重点、难点： 培养学生间的相互合作关系 教学步骤 一、生互相探讨 1、启动FrontPage 2、创建空白网页 单击菜单栏“文件”|“新建”|“站点”，选择“新建”模板中的“空站点”。 3、插入文本文件 单击菜单栏“插入”|“文件”，利用打开的“选择文件”对话框选择教学光盘实例库第五章中“悉尼奥运”文件插入。 4、修饰文字 设定字体、字号、颜色，页末输入“华夏风流”。 5、设定背景颜色 在编辑区单击鼠标右键，打开“网页属性”|“背景”选项卡，单击颜色列表框的箭头，设定背景颜色。 6、预览 单击“预览”，进行预览；若不满意，可再单击“普通”进行修饰。 7、保存 单击“文件”|“另存为”命令，在打开的“另存为”对话框中输入文件名，保存类型为“Web”页，单击“更改”按钮，在打开的“设置网页标题”对话框中输入“27届奥运”，单击“确定”。 试一试：创建第二个网页“华夏风流”，方法同上。 8、创建超链接。 要求：把第一个网页链接到第二个网页，第二个网页又能链回到第一个网页。 9、预览 单击“预览”，观察用鼠标单击“华夏风流”时，能否跳到该网页；单击“返回上页”时能否返回“27届奥运”网页。 试一试：新建两个空白网页，文件名分别为“ page_3”和“ page_4”，网页标题分别为“历史见证”和“奥运历史”。并把其相应的文件插入其中，然后建立网页间的超链接。 二、小结 你学到了什么？（生自己说） 教学回顾： 这节课完全是放给学生来做的，目的是想让他们通过自己的学习来发现新知，一节课下来，发现学生的自学能力不是太强。 精品文档 精品文档 信息技术教学设计 授课时间 3.16——3.20 课 题 插入图片及修饰图片 课 型 新授 教学方法 讲练 教具 教学目的： 1、学会在网页插入图片。 2、学会设置图片属性，图片边框等操作。 3、学会制作与设置图片缩约图。
教学重点、难点： 制作与设置图片缩约图
教学步骤 一、复习回顾 二、新课 1、插入图片 A、讲解：其实在FrontPage中插入图片与在Word中插入图片一样，（操作）“插入\图片\来自文件”。 B、生练习操作。 2、设置图片属性 A、讲解： 在所插入图片上右击键选择图片属性，会出现设置图片属性窗口，在其出现的窗口中有三个选项卡：常规、视频、外观。可根据不同的需要的来设置。 B、生自己试着来做 C、生按师要求来设置图片 要求：1、边框粗细为2。 2、转化为GIF格式。 3、图片工具栏的使用 A、重点讲解： 文本工具、绝对定位工具、自动缩约图工具 B、了解热点工具。 C、学生自己做 D、学生按教师的要求来做 要求：1、把图片制作成自动缩略图。 2、把图片绝对定位拖到最右边。 三、巩固练习 四、小结 本节主要讲解了图片的设置，在这节里你应该重点学会设置图片属性，图片边框等操作；学会制作与设置图片缩略图。
教学回顾： 这节课大部分时间是通过教师讲解的，但一节课下来，效果不是太明显的，可能是由于速度太快了吧。