教案精选：高中信息技术《网页制作》教学设计
高中信息技术《网页制作》优质课教学设计、教案
《6.2 网页制作》--好客青岛欢迎您1教学内容分析本节内容是浙教版《信息技术基础》第6 章第2 节内容，是本章的重点。
本章教学任务完成与否，要看学生能否通过小组合作的学习方式来完成一个主题网页的设计和制作。
通过本节内容的学习，学生将切实掌握网页的设计与制作方法，体验小组合作学习的乐趣和积极作用，同时，也是一次美育与德育（发现家乡的美，热爱家乡的美，宣传家乡的美）的过程。
2教学目标①知识与技能：了解网页策划和设计的基本过程。
②过程与方法：学会设计和制作简单网页。
③情感态度与价值观：体验小组合作学习的乐趣，感受家乡人文的魅力。
3教学重点图文混排和设置超链接、网页布局及网页元素的科学合理运用4教学难点图文混排和设置超链接5教学课时安排本小节理论上分4 课时进行。
1.①第1 课时“网站的策划和构思”（课余完成）：学生完成分工，明确本组及个人任务，初步完成网站的总体构思，并给出了手绘版的网页设计图。
②第2 课时“素材的收集与整理”（课余完成）：学生查找和收集素材，进行了初步处理。
③第3 课时，学生了解FrontPage2003 的基本操作方法，初步掌握了网页制作的简单技巧。
④第4 课时，学生分组完成主题明确的网页的制作。
（本次授课内容）6教学过程 1 学时教学活动1【活动】课前准备1. 将收集整理的素材发送到学生电脑。
2. 将学案发到学生手中。
3. 每组设定一个共享文件夹。
要求负责本组的主页制作的同学就坐于有共享文件夹的电脑前。
2【导入】课程导入好客山东视频播放网络时代如何更好的宣传自己美丽的家乡？从而导出本节课的主题-网页制作！3 玩游戏，识布局1、通过拼图游戏，让学生认识到网页布局的重要性。
盖楼——设计图纸网页——布局图2、了解常见的网页布局样式：封面型、国字型、拐角型、标题正文型等4【练习】活动一：制作简单的网页。
要求：1. 每组须完成：1 个主页,至少1 个子网页。
并在学案上画出网页布局2. 主页要有链接到子网页的文字。
高中信息技术《网页制作》教案
高中信息技术《网页制作》教案课程概述本课程是高中信息技术课程中的一门重要课程，主要介绍网页制作的相关知识。
通过学习本课程，学生可以掌握网页制作的基本概念、HTML语言的基本语法、CSS样式表的应用等内容，从而能够独立制作简单的网页。
教学目标1.理解网页制作的基本概念和相关术语；2.掌握HTML语言的基本语法，能够编写简单的HTML网页；3.掌握CSS样式表的应用，能够为网页添加样式；4.能够使用Dreamweaver等工具制作简单的网页；5.具备较强的团队协作、沟通、解决问题的能力。
教学内容第一章网页制作基础1.网页制作的概念和历史；2.网页标准和规范；3.常用网页制作工具介绍。
第二章 HTML语言1.HTML语言的基本语法；2.HTML文档的基本结构；3.HTML文本标记；4.HTML图像标记；5.HTML超链接标记。
第三章 CSS样式表1.CSS样式表的基本语法；2.CSS的基本选择器；3.CSS的颜色和背景；4.CSS的文本和字体；5.CSS的盒子模型。
第四章网页制作实践1.使用Dreamweaver制作简单的网页；2.制作个人主页；3.制作校园网站。
教学方法1.授课讲解：讲解基本概念和相关知识点，帮助学生形成完整的知识体系；2.实验训练：通过实验帮助学生掌握具体的技能和方法；3.课堂互动：通过各种活动形式，调动学生的兴趣和积极性；4.作业实践：通过作业帮助学生巩固所学知识和技能。
评价方式1.学生平时成绩（课堂表现、作业完成情况、实验成绩）占30%；2.学生期末考试占70%。
教学进度章节内容讲解时间第一章网页制作基础1课时第二章HTML语言4课时第三章CSS样式表4课时第四章网页制作实践6课时参考资料1.《网页制作入门教程》；2.《HTML与CSS基础教程》；3.《Dreamweaver教程》；4.网上相关教程和视频。
高中信息技术课程教案网页设计与制作
高中信息技术课程教案网页设计与制作高中信息技术课程教案：网页设计与制作第一节：前言信息技术已经成为当今社会中不可或缺的一部分。
为了帮助学生掌握网页设计与制作的基本技能，本教案将介绍一套完整而系统的教学方案。
通过本课程的学习，学生将能够理解网页设计的原理，掌握网页制作的基本技术，并能够独立设计并制作符合规范的网页。
第二节：课程目标与要求2.1 课程目标本课程的目标是帮助学生掌握网页设计的基本原理和制作技术，具备设计和制作一个简单网页的能力。
通过课程学习，学生将能够了解网页设计与制作的流程，掌握常用的网页设计软件和HTML/CSS等网页制作语言的基本知识，熟练运用所学知识设计与制作符合需求的网页。
2.2 课程要求学生需要具备一定的计算机基础知识和操作技能，了解常用的操作系统和办公软件的使用方法。
学生应具备良好的团队合作能力和问题解决能力，能够主动思考和学习。
第三节：教学计划3.1 教学内容本课程将包括以下几个方面的内容：3.1.1 网页设计与用户体验- 了解网页设计的基本原则- 学习用户体验设计的基本概念- 掌握网页设计中常用的配色、布局和排版技巧3.1.2 网页制作技术- 学习HTML语言的基本结构和标签- 掌握CSS样式表的基本使用方法- 学习JavaScript脚本语言的基础知识3.1.3 网页设计软件的使用- 了解常用的网页设计软件，如Dreamweaver、Photoshop等- 学习使用设计软件进行网页布局和编辑3.2 教学步骤为了确保教学的系统性和连贯性，本课程将按以下步骤进行：3.2.1 理论学习- 通过课堂讲解、案例分析等方式，向学生介绍网页设计与制作的基本理论知识。
- 引导学生思考网页设计的目的和重要性，激发学生的学习兴趣。
3.2.2 实践操作- 学生将进行实践操作，使用网页设计软件和编程语言进行网页设计与制作。
- 指导学生按照设计思路和流程进行网页设计，培养学生的创造力和实践能力。
《网页制作》教学设计（5篇）
《网页制作》教学设计（5篇）作为一名优秀的教导工，通常会被要求编写教学设计，借助教学设计可以提高教学质量，收到预期的教学效果。
则写教学设计须要留意哪些问题呢？下面是我收拾的《网页制作》教学设计〔精选5篇〕，欢送阅读与收藏。
《网页制作》教学设计1一、教材或教学内容分析本章内容在本教材中的位置处于第五章,是在文字处理(Word2000)和网络根底及因特网应用两章之后。
学生所学的文字处理软件Word和将要学习的网页制作软件Frontpage同是Microsoft公司的产品,在软件的使用上有无数的共通之处,所以在学习frontpage的时候,无数内容可以让学生自学,而不必面面俱到地在课上讲授。
而第四章网络根底及因特网的应用又为学生对网页的理解奠定了根底,学生对网页中的根本元素——文字、图片、动画、声音等都有所了解,而网页的制作就是将这些元素重新组合到网页上,学生要学的就是这种组合的办法。
所以说,虽然大多数学生以前都未接触过网页的制作,但有了以上这些根底,学起来就轻巧多了。
本章内容根据学生已有的根底,我对教学内容分了一下类,也为教学的组织工作打下一点根底。
本章内容主要由网页根底学问、网站的建设和管理、网页的制作、创立超链接、图片的处理、网页框架。
重点是网页的制作和创立超链接,学会了这些就可以开场容易的网页制作了。
难点是网页框架,这局部互相之间关系比拟冗杂,必要时,教师在对各组个别辅导时,可以赋予分离解说。
这个分类可以为组长支配各个组员的任务提供参考,使分工越发合理。
二、教学对象的分析信息技术课虽然已经成为初中的必修科目,但是城乡学生之间控制状况的差别却相当大,条件好一点的初中学生不仅已经娴熟控制了课本上的内容,还对一些常用软件有所了解;而差一点的可以说是从高中开场才正式接触到信息技术学问的学习,他们须要多锻炼、多指导,所以配合学习对学生的学习帮忙很大。
三、教学策略的挑选及媒体的使用在教学策略的挑选上,我使用的是任务驱动和配合学习相结合的办法。
教案精选：高中信息技术《网页制作》教学设计
教案精选：高中信息技术《网页制作》教学设计教案精选：高中信息技术《网页制作》教学设计1、任务驱动本单元的学习通过完成网页作品来实现。
班级网页的信息来自学生生活的班集体，每个热爱班级、关心班级的同学都能产生一种急切地完成任务的动机，而完成任务又能给他们带来成就感和满足感。
这种心理上的内在动力驱使学生自觉地把计算机作为一种信息处理的工具来使用，由“要我学”变成“我要学”。
在教学中，教师通过创设情境，激发学生的创作欲望，把总任务划分到每节课，按照学生的制作进度来布置子任务，使学生在教师的引导下逐步达成教学目标。
2、小组协作制作班级网页是个大任务，具有一定的开放性和综合性。
因此采取小组协作学习的方式是非常必要的。
小组成员的知识程度、学习能力和思维方式都有差异，可以通过讨论、交流与合作，取长补短、拓展思路。
每个学习小组由6-8人组成，每人负责制作1-2个页面，组合成一份班级网页。
最后，各小组作品集中评比，选出优秀作品，上传到校园网上公布。
基于资源要培养学生的信息能力，就必须为他们提供大量处理信息的机会。
基于资源的学习就是让学生接触到丰富的学习资源，为学生的知识构建提供支撑。
笔者采用ASP技术自主开发了一个信息技术学习网站，该网站具有强大的交互功能，不仅能为学生创设丰富的资源环境，还为每个注册用户提供个人空间，支持作品的上传或下载，并开辟了学生论坛和教师答疑，供师生们交流和讨论。
网站的使用不仅方便学生的学，还能改善教师的教，也为师生间的交流提供了虚拟空间。
三、学习目标本单元的认知、情感和动作技能三种目标分述如下：认知目标1、能简要陈述FrontPage2000主要功能，熟悉其操作界面2、能用自己的话解释下列术语：HTML，URL，网页，主页，超链接3、能主动获取、收集班级信息，并加以分类和整理4、能客观评价网页的内容和风格，具备一定的审美能力情感目标1、具有集体荣誉感，愿意为班级的网页建设出谋划策2、具有乐于助人、团结协作的精神3、能尊重他人的劳动成果，有保护知识产权的意识动作技能目标1、能熟练地建立、打开、保存、浏览网页文件2、能按照需要建立框架网页，设置各框架中的初始网页3、能在网页中熟练地插入文字、图片、动画、水平线4、能使用简单的表格编排网页内容，使网页的结构清晰，内容整齐5、能选择合适的网页背景图案和背景音乐6、能根据实际需要使用不同的超链接，合理地组织网页7、能在网页中插入悬停按钮、滚动字幕和横幅广告管理器，使网页具有动感8、能够插入简单的表单，使网页具有初步的动态交互功能四、学习资源设计在基于资源的学习中，教师的任务就是收集、设计和管理学习资源，引导和帮助学生自主地查找并获得学习指导，通过师生间、生生间的交流与合作，完成知识的建构和技能的提高。
《网页的制作》教案【优秀3篇】
一、教学目标1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；2、认识FRONT的界面；3、掌握在主页中插入文字、图片、水平线；4、掌握页面文件与图片的保存。
二、教学重点1、能在指定位置建立只有一个网页的站点（难点）2、能在页面中插入文字、图片、水平线3、掌握页面文件与图片的保存（难点）三、学情分析四、教学方法在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。
五、教学过程设计教师活动：1、引入课题：（激发兴趣，活跃气氛）同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）浏览新浪网站，浏览的第一个页面称为什么？（主页）我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。
问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）问题2：网页是不是就是主页？（第一个页面称为主页，网站设计者可以确定哪一个是主页，主页的文件名一般为：index.htm,主页也是网页）设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。
今天我们学习用Frontpage建立站点，制作一个主页。
先来研究一下没有发布的网站，打开教师做的网站问：同学们看到了什么？（文件夹）总结：可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。
打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。
请学生浏览教师课件，了解学习任务2、新建站点FP的启动问：与word比较，有什么不同？总结：预览窗口：浏览器中出现的效果，与PowerPoint中的“放映幻灯片”类似。
Html窗口：编写HTML（超文本标记语言，它是描述网页内容和外观的标准。
高中信息技术《网页的制作》优质课教学设计、教案
4.3 网页的制作， 课题名称 用Frontpage 制作网页练习课 科目 信息技术 授课学校 宁阳一中班级26教师徐丽娜壱、教材内容分析： 《网页的制作》是粤教版网络技术应用第四章第三节的内容，涵盖了网页制作的基本过程；网页制作对提高学生的信息综合处理能力非常重要，是对必修部分信息的加工与表达内容的检验；网页制作也给学生提供了展示个性、自主、协作的机会，促使他们合作、主动、创造性学习。
二、学生特征分析本课的授课对象是高二年级学生，他们求知欲强，思维活跃，视野开阔，富有个性，他们的感知能力和思考能力较强，通过前一阶段的学习已掌握了网络技术知识和技能，他们渴望学到更多实用而有趣的网络技术知识。
FrontPage 是一个所见即所得的网页制作工具，易学易用，与Word 文字处理软件类似这种软件有利于树立学生制作网站的信心，对提高学生的信息综合处理能力作用较大。
同时又注重学生情感态度、价值观，在练习中体会信息技术带来的有利影响，提升信息素养。
三、教学目标（知识，技能，情感态度、价值观） 1、知识与技能：学习并掌握利用 frontpage2003 软件来制作网页的常用操作和技巧，能举一反三、融会贯通。
2、过程与方法：通过对调查网站的操作，网页形式答题的提交体会信息技术的广泛使用；通过对练习的操作，提高动手能力及小组合作能力。
3、情感态度与价值观：通过小组协作和问题研究活动，培养学生协作的意识和团队探索的精神，从而激 发创作热情。
四、教学重点与难点教学重点： 利用 FrontPage 新建网页并编辑；使用表格进行网页的页面布局；超链接有关内容及组件属性。
教学难点： 书签、热点超链接五、教学策略选择与设计1、采用情境教学的方式促进学生积极参与多媒体所创设情境下的建构知识活动，建立一定的探索情境，让学生观摩、思考、讨论，培养学生的观察、发现及思考的能力，激发学习兴趣。
2. 采用讲授、演示、问题启发式、任务驱动的方式，将教学重点、难点逐个攻破，并运用分层递进教学 法促进各层学生不断进步，开发学生潜能、发展个性、关注每位学生，全面提高学生的信息素养。
《网页制作》教案
《网页制作》教案第一章：网页制作基础知识1.1 教学目标让学生了解网页制作的基本概念让学生掌握HTML和CSS的基本语法让学生了解网页制作的基本流程1.2 教学内容网页制作基本概念介绍HTML和CSS的基本语法介绍网页制作的基本流程介绍1.3 教学方法讲授法：讲解网页制作的基本概念、HTML和CSS的基本语法演示法：演示网页制作的基本流程1.4 教学评估课堂练习：让学生编写简单的HTML和CSS代码课后作业：让学生完成一个简单的网页制作任务第二章：HTML基本标签2.1 教学目标让学生掌握HTML的基本标签及其使用方法2.2 教学内容文本标签：`<p>`、`<h1>` ~ `<h6>`、`<br>`等图片标签：`<img>`标签：`<a>`列表标签：`<ul>`、`<ol>`、`<li>`、`<dl>`、`<dt>`、`<dd>`2.3 教学方法讲授法：讲解各个标签的作用和基本属性练习法：让学生通过练习掌握各个标签的使用方法2.4 教学评估课堂练习：让学生编写含有文本、图片、和列表的HTML代码第三章：CSS样式设计3.1 教学目标让学生掌握CSS的基本语法和使用方法让学生了解常用的CSS选择器和属性3.2 教学内容CSS基本语法：选择器、属性、值、注释内联样式：`style`属性内部样式表：`<style>`标签外部样式表：`.css`文件常用的CSS选择器和属性：`id`、`class`、`tag`、`attribute`等3.3 教学方法讲授法：讲解CSS的基本语法和常用选择器、属性练习法：让学生通过练习掌握内联样式、内部样式表和外部样式表的使用方法3.4 教学评估课堂练习：让学生编写含有内联样式、内部样式表和外部样式表的HTML代码第四章：布局与设计4.1 教学目标让学生掌握HTML和CSS的布局与设计方法4.2 教学内容盒模型：`margin`、`padding`、`border`、`width`、`height`等浮动布局：`float`、`clear`等定位：`position`、`top`、`right`、`bottom`、`left`等响应式设计：媒体查询、`max-width`、`min-width`等4.3 教学方法讲授法：讲解盒模型、浮动布局、定位和响应式设计的基本概念和用法练习法：让学生通过练习掌握各种布局与设计方法4.4 教学评估课堂练习：让学生编写一个具有多种布局与设计效果的网页代码第五章：网页特效与交互5.1 教学目标让学生掌握HTML和CSS实现简单网页特效与交互的方法5.2 教学内容鼠标悬停效果：`:hover`伪类动画与过渡：`animation`、`transition`等事件处理：`onclick`、`onmouseover`、`onmouseout`等JavaScript基础：变量、函数、条件语句、循环语句等5.3 教学方法讲授法：讲解鼠标悬停效果、动画与过渡、事件处理和JavaScript基础练习法：让学生通过练习掌握各种网页特效与交互的实现方法5.4 教学评估课堂练习：让学生编写一个具有鼠标悬停效果、动画与过渡、事件处理和简单交互的网页代码第六章：表单与数据验证6.1 教学目标让学生掌握HTML表单的基本用法让学生了解CSS在表单设计中的应用让学生学会使用JavaScript进行数据验证6.2 教学内容表单标签：`<form>`、`<input>`、`<textarea>`、`<select>`等表单属性：`type`、`name`、`value`、`placeholder`等CSS在表单设计中的应用：`label`、`fieldset`、`legend`等数据验证方法：正则表达式、JavaScript函数6.3 教学方法讲授法：讲解表单标签、属性和CSS在表单设计中的应用演示法：演示数据验证的实现方法练习法：让学生通过练习掌握表单和数据验证的实现方法6.4 教学评估课堂练习：让学生编写一个具有表单和数据验证功能的网页代码第七章：多媒体与嵌入式内容让学生掌握HTML中多媒体和嵌入式内容的基本用法7.2 教学内容音频和视频标签：`<audio>`、`<video>`图片标签：`<img>`嵌入式内容：`<iframe>`、`<embed>`、`<object>`多媒体属性：`src`、`controls`、`autoplay`、`loop`等响应式多媒体：`max-width`、`height`、`srcset`等7.3 教学方法讲授法：讲解多媒体和嵌入式内容的标签和属性练习法：让学生通过练习掌握多媒体和嵌入式内容的实现方法7.4 教学评估课堂练习：让学生编写一个含有音频、视频、图片和嵌入式内容的网页代码第八章：JavaScript进阶8.1 教学目标让学生掌握JavaScript的基本语法和高级特性让学生学会使用JavaScript进行复杂交互设计8.2 教学内容基本语法：变量、函数、条件语句、循环语句等对象和数组：`document`、`window`、`Array`、`Object`等事件处理：`addEventListener`、`attachEvent`等高级特性：闭包、原型链、异步编程（Promise、async/awt）等讲授法：讲解JavaScript的基本语法和高级特性练习法：让学生通过练习掌握JavaScript编程方法8.4 教学评估课堂练习：让学生编写一个利用JavaScript实现复杂交互功能的网页代码第九章：网页优化与性能提升9.1 教学目标让学生了解网页优化的重要性让学生掌握网页优化的方法和技巧9.2 教学内容代码优化：减少代码体积、提高代码效率资源优化：图片压缩、雪碧图、CSS Sprites、CDN等性能检测工具：浏览器开发者工具、PageSpeed Insights、Lighthouse等响应式设计：媒体查询、`max-width`、`min-width`等9.3 教学方法讲授法：讲解网页优化方法和技巧实践法：让学生使用性能检测工具进行实际网页性能分析9.4 教学评估课后作业：让学生分析并优化一个实际存在的网页性能问题第十章：网页制作项目实战10.1 教学目标让学生学会将所学知识应用于实际项目培养学生独立完成网页制作的能力10.2 教学内容项目选题：选择一个实际网页制作项目项目分析：分析项目需求、功能模块、技术选型等项目实施：按照分析结果进行网页制作项目评价：评价项目的完成情况、性能、可维护性等10.3 教学方法讲授法：讲解项目选题、分析和评价的方法实践法：让学生独立完成实际项目10.4 教学评估课后作业：让学生提交完成的实际项目并进行评价重点和难点解析1. 第五章：网页特效与交互2. 第六章：表单与数据验证3. 第八章：JavaScript进阶4. 第九章：网页优化与性能提升5. 第十章：网页制作项目实战全文总结和概括：本文针对《网页制作》教案中的五个章节进行了重点和难点的解析。
2024版《网页制作》教学设计优质课比赛优秀设计
能力目标
能够熟练运用HTML、CSS和JavaScript等前端技术，完成静态网页和动态网页的设计与开发； 能够使用PHP、Java等后端技术，实现网站数据的处理和交互功能；能够运用响应式设计和 移动端开发技术，实现网页在不同设备上的适配和呈现。
素质目标
培养学生的创新意识和团队协作精神，提高学生的审美能力和用户体验设计能力，增强学生 的沟通能力和职业素养。
介绍如何使用JavaScript、PHP等后 端技术实现网页的交互功能和动态效 果。
响应式网页设计
讲解响应式网页设计的原理和实现方 法，使网页能够自适应不同设备的屏 幕尺寸。
8
教学方法
2024/1/28
案例教学法
01
通过分析经典案例，让学生了解优秀的网页设计作品的特点和
制作方法。
实践教学法
02
通过上机实践，让学生亲自动手制作网页，提高实际操作能力。
VS
课程定位
本课程是计算机科学与技术、软件工程等 专业的核心课程之一，也是其他相关专业 的重要选修课程。它旨在培养学生具备网 页设计与开发的能力，以适应信息化社会 对网页制作人才的需求。
2024/1/28
4
教学目标与要求
知识目标
掌握网页制作的基本概念和原理，了解网页设计与开发的前沿技术和趋势。
2024/1/28
18
教学反思与改进
2024/1/28
教学内容反思
针对教学过程中出现的问题和不足，对教学内容进行梳理和调整， 以提高教学效果。
教学方法改进
根据学生的反馈和学习效果，尝试采用新的教学方法和手段，如案 例教学、项目驱动等，以激发学生的学习兴趣和主动性。
教学资源优化
根据教学需求和学生实际情况，不断更新和完善教学资源，如教材、 教案、教学视频等，为学生提供更加优质的学习支持。
高中信息技术：网页制作
高中信息技术新课程标准教材信息技术( 2019 — 2020学年度第二学期 )学校：年级：任课教师：信息技术教案 / 高中信息技术编订：XX文讯教育机构网页制作教材简介:本教材主要用途为学习本知识能够调动学生的激情与兴趣，对相关教师和学生创造力的开发有促进作用，对教学效果提升有着积极的影响，本教学设计资料适用于高中信息技术科目, 学习后学生能得到全面的发展和提高。
本内容是按照教材的内容进行的编写，可以放心修改调整或直接进行教学使用。
（一）教学要求1、掌握网站构思的一般方法。
2、学会收集、整理素材的基本方法。
3、掌握网页制作的基本方法。
4、掌握链接网页的各种方法。
（二）教学设计建议本节安排五个课时，是本章的重点，本章教学任务完成与否，要看学生能否通过小组合作的学习方式来完成一个主题网站的设计和制作。
本节教材中安排了三个实践探究活动，包括一个讨论交流活动和两个实践体验活动，并且给出了比较详细的操作示例。
教材通过让同学们组织一个小组来共同设计、制作一个有关世界遗产的主题网站，学习网站的构思、制作以及素材收集、整理的基本方法。
我国是一个有五千年历史的文明古国，并且有九百六十万平方公里的大好河山，同学们的家乡总有一些值得纪念的人文历史和自然风光，一方面以这个主题作为网站的内容，大家比较有亲切感也容易找到素材，另一方面，通过网站制作的过程，也是一次爱国主义教育过程。
当然，教师也可以结合学校所在地的具体情况，设计制作一些更有纪念意义的主题网站，也可以结合学校近期的工作重点，设计制作一些网站。
教师可以自行决定，只要是学生感兴趣的，健康的内容都可以作为网站的主题。
设计、制作一个网站仅靠一个人的力量很难在短时间内完成，需要几个人合作完成。
在本节中，要求通过小组合作学习的方式，在小组中既有分工又有合作，在完成一个网站的规划、制作的同时，让学生充分体验小组合作学习的乐趣、积极作用和深远的影响。
在本节的教学中，可将学生分成若干个小组，每个小组五至六人，小组中的同学相互协作，共同完成一个网站的制作。
高中信息技术《网页制作》教案三篇
【导语】教案是教师为顺利⽽有效地开展教学活动，根据课程标准，教学⼤纲和教科书要求及学⽣的实际情况，以课时或课题为单位，对教学内容、教学步骤、教学⽅法等进⾏的具体设计和安排的⼀种实⽤性教学⽂书。
⽆忧考准备了以下内容，供⼤家参考!篇⼀ 说课题⽬： FrontPage页设计技巧综合运⽤ 专家们、教师们：⼤家好！ 今天我说课的题⽬是：FrontPage页设计技巧综合运⽤ 我的说课将从以下⼏个⽅⾯进⾏： ⼀：说教材 ⼆：说教学⽬的 三：说学⽣ 四：说教学⽅法及实现途径 五：说有关教学设计中的三个引导点 ⾸先说教材： 教材的选取：教材使⽤经全国中⼩学教材审定委员会审查通过，全⽇制普通⾼级中学信息技术教科书，⾼中第三册，第⼀单元FrontPage页设计的总结运⽤课。
这⼀教材由⼴西科学技术出版社出版 本节教学内容所处的地位：是巩固与提⾼学⽣页设计技巧的极好机会，⽽且是教师抓住机会进⾏更精彩、更有意义的教学设计与教学实施的关键时期，我想这点会在我后⾯的教学设计阐述中体会。
接下来说教学⽬标： 基础知识⽬标： 巩固前⾯已学的页设计技巧，⽽且将激发学⽣⾃主去探讨，更多的页设计技巧。
能⼒培养⽬标： 培养学⽣互相合作，共同提⾼的良好品质；⿎励学⽣们在这⼀页设计运⽤课中，充分利⽤络资源，培养⾃⼰主动学习及探究能⼒和综合信息素养。
情感教育⽬标： 如何使信息技术教学成为培养学⽣综合素质的⼀个平台，如何设计除了教会学⽣使⽤⼀些基础软件知识之外的更多的东西，这是我⼀直在计算机课教学中思考的⼀个问题；学⽣情感教育的培养，⼀直应成为我们课堂教学中，不可缺少的重要素质教育⽬标之⼀，所以选择母爱为主题，由此培养学⽣对母爱的理解及体验母亲对⼉⼥平凡⽽伟⼤的爱；另外也为丰富我⾃⼰的情感：我作为⼀名普通的教学⼈员，我希望在我的教学中做我应做的，做我能做的，多探讨，多尝试，丰富学⽣的内⼼同时，我也在其中丰富⾃⼰，并感受更多的快乐。
接下来说学⽣： 学⽣计算机知识背景： 我的学⽣是⾼⼆的学⽣，⾼⼆的的学⽣经过⾼⼀计算机基础知识的学习以后，他们有⼀定的络知识，如何设计⼀个教学环节不仅仅简单让学⽣回顾复习⼀下，⽽是能达到更⾼的层次，下⾯了解⼀下： 学⽣的⾝⼼特点： ⾼中⽣在⼼理和⾏为上表现出强烈的⾃主性，具有很强的⾃信⼼和⾃尊⼼，热衷于展现⾃⼰的⼒量和才能；他们已不满⾜于⽗母、⽼师的讲解，或书本上的现成结论， 学⽣与⽗母的交流： 在⾼中阶段，⾼⽣中的⾃主、独⽴性使他们的个性处于极其张扬与反叛的时期，⽗母与孩⼦的交流往往在这⼀时期成为多事之秋。
高中信息技术《网页制作》教案2024新版
情感目标
培养学生对网页设计与制 作的热爱和兴趣，提高学 生的审美能力和创新意识 。
课程安排与时间
课程安排
本课程共分为理论讲授、实践操作和作品展示三个 部分。其中，理论讲授主要讲解网页制作的基本知 识和技术；实践操作则是通过案例分析和项目实践 ，让学生亲自动手制作网页；作品展示则是让学生 展示自己的作品，并接受老师和同学的点评和建议 。
后端开发入门学习
引导学生了解后端开发的基本 概念和技术，为后续的全栈开 发打下基础。
网络安全与防护
提醒学生关注网络安全问题， 学习基本的网络安全知识和防 护技能，保障自己和他人的信 息安全。
新技术与趋势关注
鼓励学生关注前端领域的新技 术和趋势，如PWA、
WebAssembly等，保持对新技 术的敏感度和好奇心。
文本流式布局
通过合适的字体大小和行高设置，保证文本在不同设备上的可读性。
响应式布局设计
导航栏自适应
根据屏幕尺寸调整导航栏的布局和样式 。
VS
下拉菜单与侧边栏
在小屏幕上使用下拉菜单或侧边栏等替代 方案，提供便捷的导航体验。
04
动态效果与交互功能实现
Chapter
JavaScript语言基础
变量与数据类型
时间安排
本课程共36学时，每周2学时，共18周。其中，前 8周为理论讲授阶段，中间8周为实践操作阶段，最 后2周为作品展示和总结阶段。
02
基础知识与技能
Chapter
互联网与万维网概述
互联网的定义与发展 历程
浏览器的作用及常见 类型
万维网的概念与工作 原理
网页基本元素与结构
网页的组成元素
文本、图像、超链接等
高中信息技术《网页制作》教案
中学信息技术教案网页制作
中学信息技术教案网页制作一、教学目标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. 课后作业：完成一个简单的网页制作任务，巩固所学知识。
高中信息技术教案(网络)-网页制作1
高中信息技术教案（网络）－网页制作1课课题题第节网页制作课课题型综合课教学目的了解网页制作的基本方法和步骤；懂得用制作简单网页。
教学重点了解网页制作的基本方法和步骤教学难点网页制作过程中对象的使用方法和操作教学用具多媒体电脑教学方法讲述法多媒体教学法练习法课时安排共课时第课时(含上机操作)教学过程引言：前面我们已经认识了，现在我们就来用制作一个个人主页，并把它放到因特网上去，让全世界的人都可以访问到你的主页。
当然，我们必须先要有一个个人站点来存放网页。
讲授新课一制作你的第一个网页建立站点在窗口中选择菜单命令文件—新建—站点。
出现新建对话框，选择空站点，指定新站点的位置：://(为你的班级数)，单击确定。
打开站点(略)网页内容(按图-制作第一个网页)输入文字：将鼠标指针移到窗口区中，然后输入你好，欢迎光临我的主页！改变文字属性：文字属性是指文字的字体字号颜色对齐方式等，其操作方法与基本相同。
重复步骤和，只是输入的文字改为猫猫的天空或用艺术字的形式即可。
插入图片：网页中最主要的元素除了文字，就是图片。
如果网页中只有文字，而没有图片的搭配装饰，一定会显得呆板。
那么在中如何为网页加上图片呢？①将鼠标指针移到区中你想放置图片的地方，单击窗口工具栏中的插入图片按钮，弹出图片对话框，同时，叠加了一个选择文件对话框；②选择好你想要的图片，然后单击确定。
重复步骤输入文字自我介绍我的照片我的成绩给我写信，并设置这些文字的属性，这样，所要求制作的简单网页就制作好了。
练习作业预习①练习网页制作过程中对象的基本使用。
②练习制作几页简单网页。
教学小结本节主要讲了网页制作的最基本方法和步骤，在制作网页时大家还要注意网页中对象的安排和布局以及其他的一些事项。
教学后记。
中学信息技术教案网页制作
中学信息技术教案网页制作一、教学目标1. 知识与技能：了解网页制作的基本概念和原理学会使用HTML和CSS编写简单的网页掌握网页设计的布局和美观技巧2. 过程与方法：通过实践操作，培养学生的动手能力学会使用网页制作工具，如Dreamweaver或Visual Studio Code 掌握网页编辑、排版和插入多媒体元素的方法3. 情感态度与价值观：培养学生的创新意识和审美观念培养学生团队合作和分享的意识培养学生对信息技术学科的兴趣和热情二、教学内容1. 网页制作的基本概念和原理介绍网页的组成和结构讲解HTML和CSS的作用和关系2. HTML基本标签的使用学习HTML文档的基本结构掌握常用的文本、图像、、列表等标签的使用方法3. CSS样式表的应用学习CSS的基本语法和选择器掌握字体、颜色、布局等样式的设置方法三、教学过程1. 导入新课：通过展示精美的网页，引发学生对网页制作的兴趣简要介绍网页制作的基本概念和原理2. 讲解与示范：讲解HTML的基本结构和常用标签示范编写简单的HTML页面并展示效果3. 实践操作：学生分组合作，编写一个简单的HTML页面引导学生掌握HTML标签的使用方法和技巧四、课堂小结2. 强调HTML和CSS在网页制作中的重要性3. 提醒学生多加练习，巩固所学知识五、课后作业1. 学习并掌握HTML的基本标签，如文本、图像、、列表等2. 学习并掌握CSS的基本语法和选择器，如字体、颜色、布局等3. 完成一个简单的HTML页面，并尝试使用CSS进行美化六、教学内容1. 布局和美观技巧学习使用CSS框架，如Bootstrap进行网页布局掌握响应式设计的基本原理和方法2. 插入多媒体元素学习在网页中插入音频、视频等多媒体元素了解不同格式的兼容性和使用方法七、教学过程1. 讲解与示范：讲解响应式设计的原理和重要性示范使用Bootstrap框架进行网页布局的方法2. 实践操作：学生分组合作，运用Bootstrap框架设计一个响应式网页引导学生掌握插入多媒体元素的方法和技巧八、课堂小结2. 强调响应式设计在现代网页制作中的应用3. 提醒学生多加练习，巩固所学知识九、课后作业1. 深入学习并掌握Bootstrap框架的使用方法，进行网页布局设计2. 学习并掌握不同多媒体元素的插入方法，如音频、视频等3. 结合所学生信技术知识，综合运用所学网页制作技能，创作一个有主题的网页作品十、教学评价1. 学生网页作品展示：评价学生对网页制作技能的掌握程度，包括HTML、CSS 的使用，布局和美观设计，以及多媒体元素的插入等2. 学生团队合作和分享意识：评价学生在实践操作中的团队合作精神和分享意识3. 学生创新意识和审美观念：评价学生在网页作品中的创新意识和审美观念重点和难点解析一、教学目标二、教学内容三、教学过程四、课堂小结五、课后作业六、教学内容七、教学过程八、课堂小结九、课后作业十、教学评价本教案旨在通过十个章节的教授，使学生从理论到实践，全面掌握网页制作技能。
信息技术教案网页制作
第2 单元备课教学内容建立主题网站教学目标情感、态度、价值方面（1）激发学生学习和使用计算机的兴趣和意识。
（2）培养学生热爱生活、追求美、渴求知识、积极探索的良好心态。
（3）通过小组合作学习，培养学生的集体主义精神，增强学生的责任感。
知识、技能方面（1）学会使用Frontpage2000创建站点。
（2）初步掌握编辑、修饰网页的一般方法。
（3）学会建立超级链接。
能力培养（1）通过小组分工完成任务，培养学生合作学习的能力和团结奋进的精神。
（2）通过确定主题，制定实施方案，培养学生综合使用信息技术解决实际问题的能力。
（3）通过搜集有关主题网站的内容，培养学生获取有用信息和合理使用信息的能力。
（4）培养学生初步学会制定实施方案，初步体验探索研究的学习方法。
（5）通过小组成员共同规划站点结构，对站点主页进行布局，培养学生的创新意识。
（6）通过学生自己组织规划站点的内容，锻炼学生的文字表达能力。
教学重点1. 初步体验探索研究的学习方法。
2. 规划站点结构，进行网页布局。
3.明确站点和网页间的关系。
4.能较熟练地制作简单的网页，并进行链接，建立小组主题网站。
5.激发学生学习和应用计算机的兴趣，鼓励学生多思考，培养学生创新能力。
教学难点1.确定探索主题并制定具体的实施方案。
2.充分调动学生的积极性，使每个学生都积极地参与到小组活动中。
3.能熟练地制作简单的网页，并进行正确的链接，建立小组主题网站。
教学时间6第1课制定方案搭建舞台教学内容设计制作的网站教学目标1.确定探索主题，制定实施方案。
2. 设计主题网站。
3. 使学生初步体验主题探索学习，了解解决问题的方法。
教学重点（1）确定探索主题。
（2）设计主题网站。
教学难点确定探索主题。
教学时间1课时教案课题第1课制定方案搭建舞台教学目标1.确定探索主题，制定实施方案。
2. 设计主题网站。
3. 使学生初步体验主题探索学习，了解解决问题的方法。
教学重点确定探索主题。
设计主题网站。
高中信息技术教案-网页制作【区一等奖】
明确网页制作要求：①三个选题,任选其一。
选题1:制作《吃货之家》主页,展示参考效果。
选题2:制作《孙行者游记》主页,展示参考效果。
选题3:制作《爱上电影》主页,展示参考效果。
②网页内容、布局和风格可以发挥创意,进行微调,但课上时间有限,不建议大的调整,可以课后发挥创意,优化完善,再提交到MOODLE平台,进行交流。
五、教学设计反思本课围绕“网页设计的三要素——主题内容、结构布局、页面风格”展开,让学生实现从理论认知(复习),到实践应用(根据理论实践制作网页),再到理论内化(根据实践经验,反思评价作品)的过程。
通过教学设计和现场上课,借助互动研讨和思维碰撞,对本课教学进行如下反思:1.摸清学习起点,做好知识准备,埋好学习支架。
在复习阶段,通过“非常两分钟”的互动讨论、“案例网页”风格的对号入座以及网页“气质”、“体型”和“内涵”的类比,帮助学生巩固学习起点,即,让学生明确:①网站与网页的关系,②网页设计的三要素(主题内容、布局和风格),并以此为理论指导和学习支架,帮助学生开启本课的网页制作实践之旅,充分地激发了学习兴趣,有效地调动了学习准备。
2.项目引领,导学为主,游戏增色。
以“制作网站主页”的学习项目为引领,“老师变魔术”的活动目的是通过两次变魔术的过程,解构和重构网页，让学生在游戏体验中获得学习支架,系统了解网页制作的过程以及主要的操作方法,为后续的小组合作和自主建构奠定知识基础,既避免了“说教”式的讲解,又利于学生从整体上进行联想、理解和建构,从而实现真正的有意义学习。
3.巧妙布局,落实重点,化解难点。
学生的自主学练过程,巧妙的划分成学生“探索闯关”和师生“解惑找茬”两个阶段,目的是实现先学后教,让学生以“闯关”的形式,在自主建构和合作探究的过程中获得感性经验,发现问题,深度思考,然后借助“解惑找茬”的情境,师生通过“猜谜抢答”、“找茬”的游戏互动,共同分析疑难,解决问题;在实际教学实施过程中,学生发现的问题即是本课的学习重点,师生共同解决的问题即是本课的学习难点,由此,让“无痕教育”思想得以诠释,让学生真正实现“教学做合一”的学习。
高二信息技术第2章网页制作教案
.第2章网页制作总累计第 5、6 课时课课题题第2节网页制作课课题型综合课1、认识网页制作的基本方法和步骤；教课目标2、懂得用 FrontPage 2000 制作简单网页。
教课要点认识网页制作的基本方法和步骤教课难点网页制作过程中对象的使用方法和操作教课器具多媒体电脑教课方法叙述法、多媒体教课法、练习法课时安排共 14 课时第 3、4 课时 ( 含上机操作 )教课过程I 、前言：前面我们已经认识了FrontPage 2000 ，此刻我们就来用FrontPage 2000 制作一个个人主页，并把它放到因特网上去，让全球的人都能够接见到你的主页。
自然，我们一定先要有一个个人站点来寄存网页。
II、讲解新课一、制作你的第一个网页1、成立站点(1) 在窗口中选择菜单命令“文件〞—“新建〞—“站点〞。
(2) 出现“新建〞对话框，选择“空站点〞，指定新站点的地点：“C:\My Documents\MyWebs2X(X为你的班级数 ) 〞，单击确立。
2 、翻开站点 ( 略)3 、编写网页内容( 按图 2-6 制作第一个网页 )(1)输入文字：将鼠标指针移到 FrontPage 窗口编写区中，而后输入“你好，欢迎莅临我的主页！〞(2) 改变文字属性：文字属性是指文字的字体、字号、颜色、对齐方式等，其操作方法与Word 2000 基本同样。
(3)重复步骤 (1) 和 (2) ，不过输入的文字改为“猫猫的天空〞或用艺术字的形式即可。
(4)插入图片：网页中最主要的元素除了文字，就是图片。
假如网页中只有文字，而没有图片的搭配装修，必定会显得古板。
那么在 FrontPage 2000 中如何为网页加上图片呢？①将鼠标指针移到编写区中你想搁置图片的地方，单击窗口工具栏中的“插入图片〞按钮，弹出“图片〞对话框，同时，叠加了一个“选择文件〞对话框；②选择好你想要的图片，而后单击确立。
(5)重复步骤 (1) 、 (2) 输入文字“自我介绍〞、“我的照片〞、“我的成绩〞、“给我写信〞，并设置这些文字的属性，这样，所要求制作的简单网页就制作好了。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
教案精选：高中信息技术《网页制作》教学
设计
教案精选：高中信息技术《网页制作》教学设计
1、任务驱动
本单元的学习通过完成网页作品来实现。
班级网页的信息来自学生生活的班集体，每个热爱班级、关心班级的同学都能产生一种急切地完成任务的动机，而完成任务又能给他们带来成就感和满足感。
这种心理上的内在动力驱使学生自觉地把计算机作为一种信息处理的工具来使用，由“要我学”变成“我要学”。
在教学中，教师通过创设情境，激发学生的创作欲望，把总任务划分到每节课，按照学生的制作进度来布置子任务，使学生在教师的引导下逐步达成教学目标。
2、小组协作
制作班级网页是个大任务，具有一定的开放性和综合性。
因此采取小组协作学习的方式是非常必要的。
小组成员的知识程度、学习能力和思维方式都有差异，可以通过讨论、交流与合作，取长补短、拓展思路。
每个学习小组由6-8人组成，每人负责制作1-2个页面，组合成一份班级网页。
最后，各小组作品集中评比，选出优秀作品，上传到校园网上公布。
基于资源
要培养学生的信息能力，就必须为他们提供大量处理信息的机会。
基于资源的学习就是让学生接触到丰富的学习资源，为学生的知识构建提供支撑。
笔者采用ASP技术自主开发了一个信息技术学习网站，该网站具有强大的交互功能，不仅能为学生创设丰富的资源环境，还为每个注册用户提供个人空间，支持作品的上传或下载，并开辟了学生论坛和教师答疑，供师生们交流和讨论。
网站的使用不仅方便学生的学，还能改善教师的教，也为师生间的交流提供了虚拟空间。
三、学习目标
本单元的认知、情感和动作技能三种目标分述如下：
认知目标
1、能简要陈述FrontPage2000主要功能，熟悉其操作界面
2、能用自己的话解释下列术语：HTML，URL，网页，主页，超链接
3、能主动获取、收集班级信息，并加以分类和整理
4、能客观评价网页的内容和风格，具备一定的审美能力
情感目标
1、具有集体荣誉感，愿意为班级的网页建设出谋划策
2、具有乐于助人、团结协作的精神
3、能尊重他人的劳动成果，有保护知识产权的意识
动作技能目标
1、能熟练地建立、打开、保存、浏览网页文件
2、能按照需要建立框架网页，设置各框架中的初始网页
3、能在网页中熟练地插入文字、图片、动画、水平线
4、能使用简单的表格编排网页内容，使网页的结构清晰，内容整齐
5、能选择合适的网页背景图案和背景音乐
6、能根据实际需要使用不同的超链接，合理地组织网页
7、能在网页中插入悬停按钮、滚动字幕和横幅广告管理器，使网页具有动感
8、能够插入简单的表单，使网页具有初步的动态交互功能
四、学习资源设计
在基于资源的学习中，教师的任务就是收集、设计和管理学习资源，引导和帮助学生自主地查找并获得学习指导，通过师生间、生生间的交流与合作，完成知识的建构和技能的提高。
因此，学习资源的设计尤为重要。
本单元需要的学习资源包括以下部分：
1、推荐给学生的网站地址链接，如门户网站、班级网
站、搜索引擎、信息技术网站等
2、本单元学习的目标和任务，以及每课时的子目标和子任务
3、教师对班级网页栏目的划分建议，如同学档案、教师风采、学习园地、班级活动、休闲娱乐、班级留言板、酷站链接、站长信箱等等
4、根据每课时的学习目标制作的操作指导，包括操作界面的演示
5、网页设计所需的各种素材，如图片、动画、Midi音乐等等
6、拓展学习材料，如Photoshop、Flash、Asp、Access 等技术资料
7、Frontpage2000的帮助系统和信息技术教材也是重要的学习资源
以上学习资源（第7项除外）都应公布在教学网站中，保证学生在需要时查找。
学生也可以把自己找到的好素材上传到网上。
五、教学过程
本单元的教学共需8课时，每节课教师都要求学生完成子任务。
教学安排如下表：
课时
学习子任务
教师行为
学生行为
1
访问推荐网页
评价网页，确定标准
形成小组、讨论栏目，明确分工
推荐优秀网站
组织学生讨论网页内容和风格，分析网页框架和布局。
小结网页评价的标准
提出学习任务(班级网页制作)和原则(小组协作，网上讨论与学习)
提供网页栏目划分建议
组织各小组讨论
浏览网页
仔细观察，区分优劣
了解评价网页的标准
明确任务及原则
选择小组，参与讨论，确定栏目及分工，推举组长
组长上报成员名单
课后收集整理信息
2
学会使用教学网站
熟悉Frontpage2000的操作界面，掌握网页文件的创建、打开、保存和关闭操作
输入文字信息并修饰
公布教学网站地址和访问方法，介绍网站栏目及功能，特别是个人空间的上传、下载方法
参与学生的网上讨论，回答学生提问，必要时进行集体讲解和演示
登陆教学网站，了解栏目功能，练习使用
创建网页文件，输入网页文字信息并保存
设置文本字体字号颜色，调整段落对齐方式和缩进格式引用资料注明出处
在网页下方署名
3
学会插入图片、动画、水平线
设置背景和音乐
学习插入表格，并用表格实现页面布局
介绍素材库中各类素材
参与网上讨论、答疑
提醒学生网页上的图片和动画应少而精，以免影响浏览速度
介绍表格的嵌套
分析学生网页，用表格演示页面布局
选择合适的素材插入网页合适位置，
设置图片和动画的大小、对齐方式和边框
设置网页背景和音乐
在需要插入表格的网页中，设置表格、行、列及单元格的属性并进行编辑
用表格规划页面内容
4
学习框架网页的创建及保存，学会拆分和删除框架
小组合作，建立主页
建立页间链接，并学会通过预览功能测试链接
介绍框架网页的各种格式和创建、保存的方法
演示拆分、删除框架
参与网上讨论、答疑
分析学生操作错误原因，页间链接应使用相对路径
演示超级链接的建立、使用预览功能测试链接
小组讨论选择一种框架页面作为主页
设置框架属性，如框架名称、初始网页等
创建主页与其他页面间的超级链接，并用预览功能测试链接是否正确
学会使用相对路径
5
学会创建书签链接、邮件链接和图片链接
建立URL链接
初步学会创建图象的热区链接对每个链接进行测。