admin 管理员组文章数量: 1087829
2024年4月25日发(作者：jsonp返回的是什么)
网页制作教学设计优秀8篇
制作交互网页教学设计 篇一
网页的制作
一、教学题目：网页的制作
二、教学目标：
1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；
2、认识frontpage的界面；
3、掌握在主页中插入文字、图片、水平线；
4、掌握页面文件与图片的保存。
三、教学重点：
1、能在指定位置建立只有一个网页的站点（难点）
2、能在页面中插入文字、图片、水平线
3、掌握页面文件与图片的保存（难点）
四、教学难点：
在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一
个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。
五、教学过程：
教师活动：
1、引入课题：（激发兴趣，活跃气氛）
同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做
什么？（网站）
浏览新浪网站，浏览的第一个页面称为什么？（主页）
我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。
问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，
通过超链接把不同的页面链接起来）
问题2：网页是不是就是主页？(第一个页面称为主页，网站设计者可以确定哪一个是
主页，主页的文件名一般为：,主页也是网页)设计网站一般必须经过两个步骤，首先是在计
算机里做好，然后发布在internet上，让所有的人访问浏览。
今天我们学习用frontpage建立站点，制作一个主页。先来研究一下没有发布的网站，
打开教师做的网站 问：同学们看到了什么？（文件夹）总结：
可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网
站相关的文件。
打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。请学生
浏览教师课件，了解学习任务。
2、新建站点
frontpage的启动 问：与word比较，有什么不同？（增加了视图区，编辑区有三个窗
口）总结：
视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页
面。
普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式。
预览窗口：浏览器中出现的效果，与powerpoint中的“放映幻灯片”类似。html窗口：
编写html（超文本标记语言，它是描述网页内容和外观的标准。）打开导学软件，根据步骤，
示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。
任务1：学生根据导学课件，在d:建立自己站点 请一位学生示范如何建立站点，教师
总结。问：在文件夹列表中看到了什么？
分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在
images文件夹中。
3、编辑主页与保存主页
看效果图，请学生分析主页中的元素
总结：鲜明的主题，如：我的世界、我的宠物等，有分割页面的水平线，与主题相关的
图片，对网站的简单介绍
根据导学软件，学生完成任务2：设计主页、保存主页与图片
4、总结反馈
请学生示范，讲解如何插入图片（来自剪贴画与来自文件）、插入水平线，如何保存
总结：必须切换到“普通”窗口下编辑 主页的保存中存在问题：
单击“文件”---“保存”或工具栏的“保存”按扭，弹出一个对话框，保存嵌入式文件，改变
文件夹，图片必须保存在本站点images文件夹中，便于站点的管理。
5、请学生继续完成自己的主页，有能力的同学完成提高篇
六、小结：
展示学生作品，教师与学生共同评价 请学生总结今天的学习内容：建立包含一个页面
的站点，主页的设计与保存。
制作交互网页教学设计 篇二
一、教材分析
本课是frontpage中一节基础内容课，也是frontpage以后知识学习的铺垫。本节课以制
作一个简单网页为教学任务，学习目的明确，步骤清楚，希望完成任务而初步掌握简单制作
步骤的指导思想。同时对学生网页的创作能力、网页布局和色彩搭配能力进行激发与培养。
并为其以后进一步学习网页制作而打下良好的基础。本节课的重点是网页常用编辑器以及网
页设计布局，难点是网页的设计及布局。教师重点在导，学生重点在实践与创新。为了合理
利用上课时间，将用已有部分拓展知识和演示范例利用网络下传至学生机，以利于学生上课
的实践与创新。
二、学情分析
我校的大部分学生在小学就接受过系统的信息技术课程学习，具备了一定的计算机操作
能力，加上初
一、初二也学完了word execl powerpoint的知识，应该说学生都具备了一定的基础。但
也有部分学生基础没有打好，但基本的操作应该没有多大问题。因此，在教学过程中关于
frontpage的打开与保存，这里我让学生自己去学习，教师只给予必要的提示。而关于html 和
讲授网页布局的过程时，有必要要教师先演示一下，这也是本节课的重难点。
三、教学目标分析：
1、知识目标：
通过本节的教学，学生将了解常用的网页制作软件，掌握frontpage的操作界面，并能
亲自尝试做出简单的网页作品。
2、过程与方法
学生将通过教师的引导，学会通过自主的研究探索，主动获取知识，并运用知识解决问
题，逐步地培养自己的创新精神和实践能力。这对于学生以后的进一步学习很有帮助。具体
过程：课题引入-----教师提示------学生上机自主学习------问题反馈-----教师演示-----学生完成
作品-----优秀作品点评-----教师小结-----巩固练习-----课后探究、实践。
版权声明：本文标题：网页制作教学设计优秀8篇 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1713985398a660605.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论