高中信息技术网站和网页教案教科版选修

教科版选修三4.1《规划网站》教学设计一、教材分析《建立主题网站》一章，是高中信息技术选修教材《网络技术应用》中的重头戏。

网站制作过程以规划网站──网站设计──网站实现──发布、管理网站为主线，前后衔接紧密。

而《规划网站》是本章中的第一节，合理的网站规划不仅是吸引访问者的一个重要因素，也对后面的建站工作起着方向性的作用。

二、学情分析本案例的教学对象是高一年级的学生。

通过第一学期的学习，学生有了一定的信息技术基础及网络知识，在必修课中已经学习了多媒体信息的集成，利用FrontPage软件制作了网站。

学生比较喜欢网上冲浪，因特网上的各种信息资源吸引着他们，对于构建一个主题网站的兴趣较浓厚，从学生的需求出发，把认知活动和情感活动相结合，通过小组协作共同建设主题网站，让学生积极主动地去探索，去学习，去体验成功的喜悦。

三、教学目标知识技能：了解网站的作用及网站建设的一般过程，学会规划网站；过程与方法：通过学习，使学生了解网站设计需要有明确的主题，掌握网站设计的一般过程，培养学生整体设计、规划网站的思想和方法。

情感、态度价值观：通过网站设计培养学生通过整体规划、分步实施来解决问题的思想，使学生体验成功的快乐和创意的美感，增强相互之间协作学习和交流的能力。

四、教学重、难点重点：网站规划的要点难点：网站规划的一般过程五、教学过程（一）设置情境，引入课题播放垃圾分类工艺广告视频师：这是一个宣传垃圾分类综合利用的公益广告，你们平时扔垃圾分类吗？生：没有师：要想了解更多关于垃圾分类综合利用的信息可以浏览相关网站。

你们会怎么查找这些信息呢？生：百度、谷歌、（或者直接输入网址打开相关网站）……师：你们平时喜欢上网吗？生：喜欢师：上网时会经常遇到很多吸引眼球的网站，今天我们大家就来聊聊网站。

（二）、网站建设的一般过程师：下面请大家先来浏览一个同学做的网站——扔垃圾学问。

在浏览的同时请大家思考这样一个问题：从这个网站中，同学们能够了解到哪些方面的知识？（请打开桌面上扔垃圾学问快捷方式）生：垃圾的种类，垃圾处理的重要性，如何扔垃圾，各国扔垃圾的现状，垃圾变废为宝等师：从网站的版面布局，色彩，字体等方面看，说不上漂亮，但却是很有思想的一个网站，这正是一个人想建网站的目的。

用案日期：________年______月_______日星期_______ 主备人：课时：N0:_____话框，选择相应的网页模板即可。

二、网页制作1、利用表格定位网页一般步骤：①在网页中加入表格。

②调整表格结构。

③设置表格属性。

④表格的嵌套。

任务一：使用表格对页面进行布局，插入“4行5列的表格”。

2、添加网页元素（如样张）（1）编辑文字（2）插入图片和动画任务二：为主页添加文字和图片3、设置网页的背景音乐和背景图片“网页属性”、“表格属性”、“单元格属性”的设置。

任务三：为主页添加背景音乐和背景图片，修改网页标题。

三、课堂练习：1.下列软件可以用来进行网页设计的有（）A、excelB、 frontpageC、dreamwaverD、winrar2.制作网页时对页面进行版面布局，通常采取的方式是A、表单B、表格C、文本框D、滚动条3.在制作网页时，若将网页浏览器的显示空间分割为几部分，每部分可以独立显示不同的网页，且能较好地融为一体，可以使用的是A、表单B、框架C、表格D、层叠样式表4.若需要将网页上的背景图片下载下来，正确的操作方法是A、右击图片→“图片另存为”B、右击图片→“背景另存为”C、右击图片→“复制背景”D、右击图片→“设置为背景”5.下列关于网页的叙述，错误的是A、Dreamweaver是一种网页制作软件B、网页可以使用文本编辑器编辑C、框架页面可以让浏览器视窗显示多个不同的网页D、网页表格中不能插入Flash动画6.使用FrontPage编辑网页时，为了达到下图所示效果，应设置图片的环绕样式为A、四周型环绕B、右对齐C、嵌入式D、垂直居中对齐7.制作网页时，图片经常采用gif或jpg文件格式，这是为了使网页A、浏览时速度更快B、设计制作更方便C、编辑修改更容易D、浏览时更清晰8.下列关于在FrontPage中插入图片与动画的叙述，错误的是A、可以根据需要调用自带的“剪贴画”B、可以将同一张图片插入到两个不同的网页中C、既可以插入Flash动画，也可以插入GIF动画D、不能在Flash动画上建立超链接9.关于框架网页，下列叙述中正确的是A、框架就是表格B、框架就是表单C、各个框架都是独立的网页D、框架区域的大小不可以调整10.浏览某网站首页时，页面上有一个不断眨眼的卡通人物，它所对应的文件后缀名可能是A、jpg、gifB、gif、swf。

4.3网站实现
4.3网站实现教学反思
1、本节课的内容安排在教材的基础上做了修改，在学生上学期已经掌握了网页制作基本技能的基础上把网站实现的内容改为通过代码实现网页，为下一章节动态网页中代码的授课做了很好的铺垫。

2、在教学设计上目标非常明确，中间过程设计流畅，过渡自然，难易适中。

3、导入环节过于直接，学生难以快速进入状态，若能通过Frontpage与记事本分别实现网页的对比作为导入，从而揭开HTML的神秘面纱，学生更容易接受。

4、从这节课上下来看，学生接受能力比较弱，若能在讲解完HTML的基本结构后，把HTML中的标签使用规则向学生加以说明后再让学生操作和讲解每个代码的含义，就可以减少学生完不成任务的现象，也有利于学生对后面代码的理解。

5、要注意一些细节的处理：（1）PPT展示代码时应该通过缩进体现代码的层次性，增加代码的可读性，便于学生理解各标签的位置和作用。

（2）学生在完成任务过程中出现的问题要向学生加以说明和演示，如有的学生在代码不完整的情况下为什么仍然能过达到效果，误操作之后如何检查和修改。

（3）学生每完成一个任务后，对代码的讲解不够详细，学生来不及记忆和理解。

教科版高中信息技术选修三教案：网站实现
4.3网站完成教学反思
1、本节课的内容布置在教材的基础上做了修正，在先生上学期曾经掌握了网页制造基本技艺的基础上把网站完成的内容改为经过代码完成网页，为下一章节静态网页中代码的授课做了很好的铺垫。

2、在教学设计上目的十分明白，中间进程设计流利，过渡自然，难易适中。

3、导入环节过于直接，先生难以快速进入形状，假定能经过Frontpage 与记事本区分完成网页的对比作为导入，从而揭开HTML的奥秘面纱，先生更容易接受。

4、从这节课上上去看，先生接受才干比拟弱，假定能在解说完HTML 的基本结构后，把HTML中的标签运用规那么向先生加以说明后再让先生操作和解说每个代码的含义，就可以增加先生完不成义务的现象，也有利于先生对前面代码的了解。

5、要留意一些细节的处置：〔1〕PPT展现代码时应该经过缩进表达代码的层次性，添加代码的可读性，便于先生了解各标签的位置和作用。

〔2〕先生在完成义务进程中出现的效果要向先生加以说明和演示，如有的先生在代码不完整的状况下为什么依然能过到达效果，误操作之后如何反省和修正。

〔3〕先生每完成一个义务后，对代码的解说不够详细，先生来不及记忆和了解。

第五章《静态网页与动态网页的比较》教案一、教学目标准确把握静态网页与动态网页的区别，为学生以后自主制作动态网页打下良好的基础。

二、教材内容分析关于动态网页，没有动态网站开发经验的同学，可能理解起来比较困难，甚至分不清何为静态网页，何为动态网页。

而网络世界走到今天，动态网页已是大行其道，也是学生很有必要掌握的。

而教材上关于动态网页的介绍显得比较笼统，教师有必要收集相关资料，让学生正确认识动态网页的含义。

三、教学方法及策略依据学生前面制作网页的基础，首先给出静态网页的概念，有了静态网页的学习，采用比较法，学生会对动态网页有个粗浅的了解。

进而通过实例演示，让学生对动态网页有更深一步的了解，达到准确把握动态网页的概念。

该堂课理论内容较多，教师需要将讲授内容通过投影展示到屏幕上，以便于学生学习。

四、教学过程1．教师首先根据同学们前面的学习，给出静态网页的概念师：同学们前面都自己利用 FrontPage 制作过自己喜欢的网页，这种网页的文件扩展名是 .htm 或者 .html。

网页上的每一行代码都是同学们预先编写好后，放置到 Web 服务器上的，在发送到客户端的浏览器上不再发生任何变化。

这种网页，就称之为静态网页。

2．教师展示静态网页的处理过程静态网页的处理流程（1）当用户在浏览器的“地址”栏中输入一个 URL 地址并单击“转到”按钮或敲击键盘上的回车键（或者在浏览器菜单栏的“收藏”选择一个网址）后，浏览器将向 Web 服务器发出一个页面请求。

（2）当 Web 服务器收到这个页面请求，根据 .htm 或 .html 判断出这是一个静态的 HTML 文件，然后从磁盘或存储器中查找获取用户请求的这个页面。

（3） Web 服务器找到这个请求文件后，就会把它发送到浏览器，浏览器对这个返回的 HTML 文件进行解释并将结果显示在浏览器中。

图 5-1 静态网页处理过程3．教师提出关于静态网页的问题，学生思考师：同学们，如果你自己有一个个人网站，需要发布大量的信息，采用静态网页的形式，你们觉得方便吗，有什么弊端？请同学们讨论。

Frontpage2003网页制作教学设计课型：新授课课时：1课时一、教材分析《Frontpage 2003网页制作》是高一年级课本中的一节课，本节课是一节理论和实践操作课，通过已经完成的网页实例演示让学生自己总结出网页的基本结构及组成，激发学生学习网页的兴趣和学习主动性。

二、学情分析1、本课的教学对象为高中一年级学生2、在学习Frontpage 2003网页制作前，学生已学过简单网页制作、word2003等，对网页制作有了一定的感性认识，对进一步学习Frontpage 2003网页制作有一定的操作基础。

三、教学目标分析1、知识与技能①熟练Frontpage 2003操作。

②掌握网页的基本构成。

③掌握表格在网页中的应用。

2、过程与方法运用参与式教学和合作探究的教学方法，使学生熟练掌握Frontpage 2003网页制作。

3.情感态度价值观激励学生掌握FrontPage 2003操作，制作景点网页，利用网络广为传播，为连云港旅游事业的发展做出贡献。

四、教学重点与难点分析教学重点：1、Frontpage 2003的基本操作。

2、网页的基本组成元素。

3、表格在网页中应用。

教学难点：网页素材的收集、网页布局的设计五、教学准备分析多媒体网络教室、教师准备的各种信息素材、教学实例网页。

六、教学策略分析演示与理性思考相结合，学生自主学习与教师的讲授相结合。

八、教学过程(一)、设置情境，导入新课用 FrontPage 编制的网页有较易操作的界面， FrontPage2003 被公认为最好的入门级的网页编辑工具。

一、 FrontPage 基本操作1. 启动 FrontPage ：双击桌面上的 FrontPage 快捷方式图标；开始→程序→ Microsoft FrontPage ；右击一个扩展名为 htm 或 html 网页文件，选“编辑”。

2. 打开或隐藏视图栏、文件夹列表和网页文档a. 点“视图→视图栏”打开或隐藏视图栏。