4.1网站的规划-粤教版高中信息技术选修三教案
4.1网站的规划-粤教版高中信息技术选修三(网络技术应用)课件(共22张PPT)
• 导航栏目（导航条） • 小型导航条（局部导航） • 导航目录（站点地图）
- 18 -
网站发展的目标：
建设一个网站从一开始就应该有一个明确 的发展目标。可以从以下几点来考虑：首先， 目标一定要切合实际，要适合网站的实际情况； 其次，目标要随市场的需要而变化；最后，制 定目标时一定要有前瞻性。
- 13 -
（4）确定分组及分组的名称
当我们已经确立了网站的目标、主题 和总的功能，就可以制定、修改相应的网 站功能清单。注意：每组内容和所需的功 能应该一一对应。
将已经分好组的内容清单和功能清单， 重新交给有关人员，请他们提出修改意见， 并将各组确定一个组名。然后将所有意见 汇总，最终确定各个分组和分组的名称， 这是作为网站主要部分的分类和分类名称 的基础。
- 14 -
通常网站的栏目包括以下几大类： ①形象展示类栏目。 ②核心服务类栏目。 ③互动类栏目。 ④新闻类栏目。 ⑤倾斜服务类栏目。 栏目的名称要简短、直接、通俗。
- 15 -
（5）确定网站的风格
网站风格指通过一定的颜色以及图案 组合、布局安排等设计，从而体现出网站的 思想和倾向，也是网站访问者直接对网站产 生的感受。它包括了网站的美工设计，网站 内容的感受和印象。网站的风格是由网站的 内容和功能决定的，不同的网站应以不同的 风格来体现。具体制作时主要有四方面工作： 设置页面的布局；设置背景颜色或者图案； 设置文本的颜色；设置链接点的颜色。
网站名称的设计：
网站的名称是网站主题的一个部分， 而且是很关键的一个要素。网站的名称 是否响亮、易记，对网站的形象和宣传 推广，网站主题的表现也有很大的影响。 一般按下列原则而定：名称要合理；要 容易记；名称要有特色。
4.4.1网页的美化与特效制作-粤教版高中信息技术选修三教案
4.4.1 网页的美化与特效制作教案（一）一、本节的作用和地位第三节中的网页制作重点是放在静态网页的制作上，解决学生运用制作工具完成网页的制作。
运用声音、动画、视频等多媒体素材往往能更生动地表达网页主题，增强网页的表现力和艺术感染力，在静态的网页中加入会“动”的元素，以美化网页和实现网页的特效。
教材对动态网页的理解是广义的，本节侧重于动态效果制作，展示了动态网页技术在客户端上的实现方法与基本工作原理。
二、学习目标1、学会使用样式表来美化主题网站。
2、学会网页制作的动态特效丰富主题网站。
三、学习重点1、学会使用样式表来美化主题网站。
2、学会网页制作的动态特效丰富主题网站。
四、学习方法任务驱动式学习方法五、学习时间1课时六、学习环境计算机网络实验室七、学习过程1、应用样式表美化网页教师活动：教师演示几个网站，我们可以看到网页中的文字能够动起来，图片也可以不断变换，菜单可以折叠，鼠标经过超链接时有明显的提示，这些特效能吸引用户的注意力，也使得网页更加美观和丰富。
下面请同学们分组讨论应用样式表怎么实际用到网页美化中？学生活动：学生分组讨论交流，小结，教师作补充。
教师活动：最后由教师总结网页的字的样式定义包括字号大小、字体、颜色，网页中的图片样式包括图片的定位，图片的边框等，这些工作可以应用样式表CSS来实现，提高工作效率。
下面由教师现场演示具体定义一个网页样式表并应用到网站的外观控制中。
学生活动：学生通过观摩教师的演示操作，分组进行定义一个网页样式表应用到自己的主题网站的制作中去。
最后，制作完成后，由小组派代表进行演示，并讨论交流经验。
2、制作网页动态特效教师活动：如果再在网页中加一些声音、动画、视频等多媒体素材更能生动的表达网页的主题，当然，要实现网页的美化，制作网页的特殊效果，我们需要不断地通过观摩和学习才能掌握，在网站的开发中，我们还需要考虑到如何吸引用户的注意力，因此要为网页中增加一些动态效果。
教科版高中信息技术选修三4.1《规划网站》教学设计
教科版选修三4.1《规划网站》教学设计一、教材分析《建立主题网站》一章，是高中信息技术选修教材《网络技术应用》中的重头戏。
网站制作过程以规划网站──网站设计──网站实现──发布、管理网站为主线，前后衔接紧密。
而《规划网站》是本章中的第一节，合理的网站规划不仅是吸引访问者的一个重要因素，也对后面的建站工作起着方向性的作用。
二、学情分析本案例的教学对象是高一年级的学生。
通过第一学期的学习，学生有了一定的信息技术基础及网络知识，在必修课中已经学习了多媒体信息的集成，利用FrontPage软件制作了网站。
学生比较喜欢网上冲浪，因特网上的各种信息资源吸引着他们，对于构建一个主题网站的兴趣较浓厚，从学生的需求出发，把认知活动和情感活动相结合，通过小组协作共同建设主题网站，让学生积极主动地去探索，去学习，去体验成功的喜悦。
三、教学目标知识技能：了解网站的作用及网站建设的一般过程，学会规划网站；过程与方法：通过学习，使学生了解网站设计需要有明确的主题，掌握网站设计的一般过程，培养学生整体设计、规划网站的思想和方法。
情感、态度价值观：通过网站设计培养学生通过整体规划、分步实施来解决问题的思想，使学生体验成功的快乐和创意的美感，增强相互之间协作学习和交流的能力。
四、教学重、难点重点：网站规划的要点难点：网站规划的一般过程五、教学过程（一）设置情境，引入课题播放垃圾分类工艺广告视频师：这是一个宣传垃圾分类综合利用的公益广告，你们平时扔垃圾分类吗？生：没有师：要想了解更多关于垃圾分类综合利用的信息可以浏览相关网站。
你们会怎么查找这些信息呢？生：百度、谷歌、（或者直接输入网址打开相关网站）……师：你们平时喜欢上网吗？生：喜欢师：上网时会经常遇到很多吸引眼球的网站，今天我们大家就来聊聊网站。
（二）、网站建设的一般过程师：下面请大家先来浏览一个同学做的网站——扔垃圾学问。
在浏览的同时请大家思考这样一个问题：从这个网站中，同学们能够了解到哪些方面的知识？（请打开桌面上扔垃圾学问快捷方式）生：垃圾的种类，垃圾处理的重要性，如何扔垃圾，各国扔垃圾的现状，垃圾变废为宝等师：从网站的版面布局，色彩，字体等方面看，说不上漂亮，但却是很有思想的一个网站，这正是一个人想建网站的目的。
4.1网站的规划-粤教版高中信息技术选修三网络技术应用课件(共18张PPT)
Flash
Flash是美国Macromedia公司开发的矢量图形编辑和 动画创作的专业软件，它是一种交互式动画设计工具，用它 可以将音乐、声效、动画以及富有新意的界面融合在一起， 以制作出高品质的网页动态效果。它主要应用于网页设计和 多媒体创作等领域，功能十分强大和独特，已成为交互式矢 量动画的标准，在网上非常流行。Flash广泛应用于网页动画 制作、教学动画演示、网上购物、在线游戏等的制作中。
4、网站是（网页）的集合体，一般来说网站有以下三种结 构（树状结构、线性结构、网状结构）
制作网站的一般步骤
步骤1：需求分析、确定主题。 （1）分析需要建立哪方面的网站； （2）选择合适的主题，明确开发的目的和方向。
制作网站的一般步骤
步骤1：需求分析
一个网站的成功与否与建站前的需求分析有着极为密切的关系。 在建立 网站前应明确建设网站的目标，确定网站的功能以及网站 规模、投入费用，进行必要的市场分析等。 对于个人网站而言，首先要明确建立网站的目的，例如，是为了 在同学、好友之间交流还是为了资源共享；其次要确定网站面向 的对象。
◦ FrontPage
FrontPage是由Microsoft公司推出的新一代Web网 页制作工具。FrontPage使网页制作者能够更加方便、快捷 地创建和发布网页，具有直观的网页制作和管理方法，简化 了大量工作。FrontPage界面与Word、PowerPoint等软件 的界面极为相似，为使用者带来了极大的方便，Microsoft 公司将FrontPage封装入Office之中，成为Office家族的一 员，使之功能更为强大。
步骤4：合成和测试网站。
（2）检查网页中的各项内容，试运行网站，检查 网站的人机交互是否方便、超链接是否正确等。 步骤5：修改完善网站和发布网站。
高中信息技术 网页制作学案教案 粤教版选修3[doc文档]
![高中信息技术 网页制作学案教案 粤教版选修3[doc文档]](https://img.taocdn.com/s3/m/586b069c4028915f804dc2b5.png)
高中信息技术网页制作学案教案粤教版选修3[doc文档] 网页制作
教学目标:
1、了解网页的主要构成内容
2、学会网页的布局
3、学会网页中插入图片，文字设置，插入超链接的方法教学内容:
1、启动FrontPage
“开始”菜单——程序——Microsoft office——Microsoft
FrontPage
2、新建网页:文件——新建——空白网页
表格——表格布局 表格——插入表格
调整表格
插入图片:
1(插入:插入——图片——剪贴画(来自文件)
2( 设置:右击图片(快捷菜单)——图片属性
3( 删除:选择图片——按删除键
调整图片，单击图片，出现小黑方块，就可调整图片
文字的录入:直接录入。
复制——复制粘贴文字的编辑:格式——字体
格式——段落
文字最后生成格式
超级链接:
1(链接到邮箱
选择“求助信箱图片”——单击超链接按钮——选择“邮件超链接”按钮——输入邮箱地址——确定
2(链接到其他网页、网站
选择链接文字——单击超链接按钮——输入指定网页地址——确定
3(取消超链接
选择超链接部分——单击超链接按钮——删除URL地址栏的内容——确定
保存:文件——保存
保存位置为F:/**班级/。
粤教版-选修三-第四章 网站的开发-4.1 网站的规划 “十市联赛”一等奖
《网站的规划》教学设计一、学习目的了解网站开发的基本过程、网站规划的基本内容。
二、重点难点网站规划的基本内容。
三、学习方式情景设置法、任务驱动法。
四、学习任务欣赏优秀网站，学习本节课的教学内容。
五、学习内容（一）优秀作品欣赏勿忘国耻八年抗战http：//kjapan．sdedu．net/index1．htm。
（二）开发网站的基本过程（三）网站的规划1．网站主题的确定。
以各小组在第三章所确定的“跨时空的因特网服务”专题调查活动为主题，创建一个专题网站。
每位同学负责一个子题的若干网页建设。
小组讨论确定主题网站的名称，参考课本95页，表4-22．网站运行环境的确定。
学校的校园网提供了高带宽、平稳的网站运行环境，为同学们提供存放网站的磁盘空间。
提交网站与访问网页的方法：提交：网上邻居—>teacher2—>“班别”—>“组”号访问：http：//10．155．47．253/ger+“班别”/“组号”/index．htm任务：1．各小组为自己所负责的主题网站题规划网站结构。
主题网站所存文件夹（作为网站的虚拟目录）命名规则以“组号”为文件名，例如：高二3班第12组的文件夹名为“312”。
2．组长为各组员负责的子题建立子文件夹，组员明确各自子网所处的相对路径。
（四）网页制作工具的选择每种网页制作工具均有优缺点，我们采用MicrosoftOfficeFrontPage2003来作为网页设计制作工具。
我们可以配合Photoshop等图像处理软件，制作出精美的网页。
（五）网站开发任务的管理1．任务分工。
2．时间安排。
4.1.1确定网站主题-教科版高中信息技术选修三教案
（请参考 \4-1\sucai\ 网站赏析）
4．网站的结构
学生自行阅读课本该部分内
展示几个有特色的网站（在 \4-1\sucai 文件夹中），引出如下问题的学习。
让学生思考：你们想做一个关于什么内容的网站？
通过这个思考，活跃了课堂气氛，同时总结选择网站主题的原则。
（1）主题小而精。
（2）最好是自己擅长或者喜爱的内容。
（3）中学生选择贴近我们学习和实际生活的主题。
请同学们打开教材配套光盘上的“机器人做学玩”网站，分析该网站的主题。
教师举例：如果我们要建立主题为“大而强、富而美的新山东”的网站，该从哪几个方面表现这个主题？
用案日期：________年______月_______日星期_______主备人：课时：N0:_____
教学课题
4.1.1 确定网站主题
教学目标
1．了解网络中的基本概念。
2．学会如何确定网站的主题。
3．学会如何给网站取名。
教学重难点
1.网络中的基本概念
2.确定网站的主题
教学方法
任务驱动法、讲授法
教具
3．主页
是浏览者进入网站时看到的第一个页面，就像一本杂志的封面和目录，直接影响网站的形象，是让浏览者在网站上停留的关键环节，是网站成功的关键所在。不同的网站，主页风格不同。例如：中国少年雏鹰网的主页就是针对少年儿童的特点设计的。（请参考 \4-1\sucai\ 欢迎进入中国少年雏鹰网）
但是，每一个网站的主页有一些功能模块是共有的。
（二）需求分析与选题
1．需求分析
首先明确建站的目的；其次确定网站功能、规模、投入费用；最后确定网站面向的对象。
4.2 网站的设计 高中信息技术选修3《网络技术应用》 课件教学案
教材分析
本节内容为《网络技术应用》（选修）第四章“网站的开发”的第二节“网站的设计”，课时为2节。教材从“网站的结构设计”“网页的版面设计”“网页的交互设计”三个方面进行了介绍，让学生明确了网站设的具体实践方案。
【能力目标】根据任务需求，灵活运用，能以恰当呈现方式表达意图。
教师展示“虎门销烟启示录”网站，组织学生带着活动任务，对这个网站进行观摩，小组讨论，完成活动2相关任务。
教师小结：
(1)网页版面设计的要点。
(2)展示各小组的完成分析表、设计表、以及版面设计方案。
教师通过展示“虎门销烟启示录”网站实例，分析其网页交互设计的方式方法，组织学生结合实例的观摩，讲自己小组的网页导航设计出初步的方案。
(2)网页的版面设计
(3)网页的交互设计
3．总结归纳，拓展活动
聆听、观察（网站的主题、栏目及功能、特色、页面的布局、色彩的运用）、思索
活动1：
(1)查看配套光盘中提供的阅读资料，了解网站结构设计的内容。
(2)阅读教材。
(3)小组讨论，结合实例，完成小组的网站主题及内容，画出栏目结构图，写出网站一级、二级栏目的对应内容描述。
【情感目标】鼓励学生积极、主动地参与，同小组成员合作交流，培养学生合作探究意识。
学习重点
掌握网页结构设计、版面设计的方法要点。
学习难点
能根据实际的任务，合理灵活的设计出网页的交互设计方案。
教学准备
教师制作课件、演示资料、网络
学习过程
学生活动
教师活动
1．创设情境，导入新课
2．网站的设计
(1)网站的结构设计
教师小结：
展示小组网页导航设计出初步的方案。
教师总结本课知识要点
4.2.2网站的设计-粤教版高中信息技术选修三教案
4.2.2 网站的设计教案（二）一、学习目标1、以恰当的方式组织并呈现网站的信息。
2、掌握网站设计中的网页交互设计。
二、学习重点掌握网站设计中网页交互设计。
三、学习方法任务驱动学习方法四、学习时间1课时五、学习环境计算机网络实验室六、学习过程1、网页的交互设计教师活动：继续展示网站“虎门销烟启思录”，并提出问题：（1）用户如何访问网站？（2）怎么样从一个位置到另一个位置。
（超链接）（3）怎么样防止用户在网站中“迷路”。
并展示网站“虎门销烟启思录”地链接点设计网站导航系统的交互设计表。
学生活动：注意观察各页面的跳转情况，看其交互设计具体体现在哪里，看是否方便阅读，与同学交流讨论并根据自己小组网站的栏目结构和网页版面的设计，确定王爷的导航设计方案。
教师小结：链接点设计就是要考虑人们在浏览网站时通常有哪些需求，并帮助他们快捷地跳转到所需页面，实现轻松自如地浏览。
学生活动：观摩网站，并分组讨论教师提出的问题，围绕网站内容的呈现，栏目设置，链接设计，色彩与页面布局等几个问题的开展讨论和交流，尝试指出它们的优点及不足之处，总结你的收获。
2、网页色彩的选择教师活动：不同的颜色会给人们不同的心理感受，设计网页时，要结合主题的需要选择合适的色彩。
下面请同学们通过分小组查询搜索资料，浏览不同主题的网站，讨论一下色彩的搭配需要注意哪些问题。
学生活动：学生分小组讨论交流，自我总结网页注意的事项，不足之处，由教师补充。
小结：（1）红色：激奋、使人产生喜庆、热情、活力的感觉。
（2）绿色：绿色:介于冷暖两种色彩的中间，显得和陸、宁静、健康、安全，它和全黄、淡白搭配，可以营造优雅、舒适的气氛。
（3）橙色:也是一种激奋的色彩，具有轻快、欢欣、热烈、温馨、时尚的效果。
（4）蓝色:是最具凉爽、清新、专业的色彩，它和白色混合，能体现柔顺淡雅、浪漫的气氛。
（5）白色:让人产生洁白、明快、纯真、清洁的感觉黑色:使人产生深沉、神秘、寂静、悲哀、压护的感觉灰色:让人联想到中庸、平凡、温和、谦让、中立和高雅的感觉。
4.3.2网页的制作-粤教版高中信息技术选修三教案
4.3.2 网页的制作教案（二）一、学习目标1、学会使用表格进行页面进行布局。
2、学会编辑网页图文素材。
3、学会保存和预览网页文件。
二、学习重点和难点1、学会使用表格进行页面进行布局。
2、学会编辑网页图文素材。
三、学习时间1课时四、学习环境计算机网络实验室五、学习过程1、学会使用表格进行页面布局：教师活动：展示一个网页的主页面，教师在给学生的现场演示下，将表格内的文字、图片、动画等内容全部删除，最后剩余的东西展示给学生，并提问：同学们看最后剩下的这是什么？学生活动：观看教师操作并且回答问题。
小结：最后剩下的是表格，表格最初是为表示数据设计的，但现在它已经被网站设计者作为生成分栏框架结构的工具，只需把表格的边框隐藏起来，用户见到的就是一个连贯的页面。
也有很多页面的布局需要不规则的表格，不规则表格可以通过规则的表格分拆、合并单元格得到。
教师活动：教师现场演示使用Frontpage2003软件进行插入表格的操作过程。
学生活动：学生根据教师简单的演示新建表格的操作，进行发散衍生，为自己的主题网站设计一个使用表格布局的主页和子网页。
2、编辑网页图文素材教师活动：我们已经使用表格给主页进行了页面区域的布局，下面就只需要把我们搜索整理好的素材编辑进网页中了。
接着教师分别演示在网页中编辑网页文字。
插入背景图，插入图片，调整图片位置和尺寸等操作。
学生活动：学生在观看完教师的演示操作后，分小组继续对小组的主题网站的主页和子网页进行内容的填充。
3、保存和预览网页文件教师活动：同学们在完成了网页的图文素材的编辑后，请按照如下的步骤对编辑好的网页文件进行保存：（1）在“文件”菜单中单机“保存”。
（2）如果是主页，在“保存”对话框中输入文件名为“index.html”。
（3）在保存文件过程中，对网页所使用到的图片文件，Frontpage2003将通过“保存嵌入式文件”对话框提示图片的存放位置。
为便利对图片文件进行管理，常常会把图片文字存于image 文件夹中。
教科版高一网络技术应用选修三第四章41网站规划教案
教材分析与设计思路：
本节内容是《网络技术应用》（选修）第四章第一节“规划网站”，本节是整个单元的前导，是建设站点之前的第一步准备工作，其重点在于创建网站的几个步骤，即网站设计的整体构思。
一方面是让学生了解并掌握网站建设之初需要考虑的问题，让学生了解网站的规划对于建设一个网站的重要性；另一方面引导学生在全盘考虑的基础上，对建设网站这一工作进行规划。
本课的对象是高一年级学生。
通过必修模块和网络选修模块前面单元的学习，大部分学生有了一定的信息技术基础及网络知识，谈到上网，学生一直是兴趣高涨，各种各样的精美网站也总是使学生的鼠标舍不得离开，对于亲自设计制作网站他们也十分渴求。
但由于这一时期的学生认知能力、观察能力、思维能力尚未成熟，建设网站普遍存在着“重制作轻规划”的现象。
实践证明：只有规化细致才能保证学生收集网页素材“有的放矢”，进而使后继的网页制作才能“有章可循”。
教学目标：
1、知识与技能：让学生认识到规划的重要性，了解网站建设的前期准备工作。
2、过程与方法：通过与世博会场馆建设的类比，对教师使用的教学网站的分析，逐点分
析，层层推进，完成对网站规划的认识。
精神、审美观。
教学重、难点：从思想上认识到规划的重要性
教学过程：
教学
教师活动学生活动设计意图环节
1
?ClassID=3060。
1.4.1网络协议-粤教版高中信息技术选修三教案
1.4.1 网络协议教案（一）一、教学目标1.知识与技能(1)理解网络协议的基本概念(2)了解网络的开放系统互联分层模型的基本思想(3)理解因特网协议的基本概念、思想与功能2.过程与方法通过大量的实例和类比，让学生理解抽象的分层结构和数据传输的过程，从而加深对网络的进一步认识。
3.情感态度价值观(1)观看短片、模型的转换、数据传输的演示过程锻炼了学生的观察能力，相似点的挖掘，能増强自己的理解能力和分析能力。
(2)各功能层的类比，又使学生关注到了日常生活的细节与计算机网络的联系，进一步了解了计算机网络。
养成能把复杂问题简单化、抽象内容具体化的习惯。
二、学习重点与难点对OSI分层模型的基本思想。
三、学习方法处处类比，层层深入，理论与实践结合。
四、学习环境计算机网络实验室五、学习时间1课时六、学习过程（一）导入提问：请看短片蜡笔小新《寄信的故事》，并思考回答以下问题：（1）寄信时怎么保证对方看得懂？（语言相通）（2）信能顺利寄出应注意什么？（正确填写信封和贴邮票）（3）谁送信？（运输系统）（4）如果信一旦丢失，怎么办？（迅速定位故障所属层次）（二）新课讲解1、由前面的小例子可以引出协议的概念，把信件比喻成网络中的传输的数据，那么整个邮政系统比喻成计算机网络。
2、介绍OSI模型的特点和模型结构。
（1）使网络部件能够标准化，模块化，各层功能相对独立，易于研发和维护，更易于理解。
（2）是网络世界中一种通用的概念模型。
3、设置货物运输情境理解0SI参考模型各层的功能（1）在水果批发市场要运输的水果如何运输?(水果相当于网络中要传送的数居，水果批发市场相当于应用程序，如何把它运送到另外一个目的地去就是我们关注的问题所在。
妥当地包装子数据，对应于OSI参考模型中的应用层)（2）是否需要标签和说明?是否要翻译成多国语言?(包装箱上标明一些说明信息，并按需要翻译成两国语言，对应于OSI参考模型中的表示层) （3）运输前双方是否需要沟通?(事先和对方沟通协调运输事宜，准备运输，对应于OSI参考模型中的会话层)（4）运输的途中是否要保证货物的安全?保证货物不会遗失?(采取一定的保护措施，确保货物的安全，对应于OSI参考模型中的传输层)（5）需要根据实际情况选择一条最佳的路径送货可(最佳运输路线的确立，保证货物最快运送，对应于OSI参考模型中的网络层)（6）发货之前最后核对检査货物及相关信息。
4.3.1网页的制作-粤教版高中信息技术选修三教案
4.3.1 网页的制作教案（一）一、本节的作用和地位完成了规划与设计的工作后，网站的开发将进入实施阶段，即网页的制作。
网页制作过程好比是软件系统开发过程中的编码阶段，需要注意在制作过程中对阶段性作品进行反复的测试，以确保每个阶段都能够达到设计要求。
教材突出了对“网页模板”使用的介绍，让学生掌握如何巧妙运用软件工具提高工作效率。
本节给出了一般网页制作过程的线索，容易让学生实现迁移。
教材选用了Frontpage2003作为教学示范软件，从工具的选择来看具有一定的普遍意义，学生能够比较容易掌握软件工作的操作方法，部分的操作技能也能够从已有的知识中迁移得到，降低了网页的制作难度。
二、学习目标1、了解网页制作过程。
2、了解网页制作的素材组织与管理。
3、学会自己新建网站及网页。
三、学习重点和难点了解网页制作的素材组织与管理。
四、学习时间1课时五、学习环境计算机网络实验室六、学习过程1、了解网站制作的流程：教师活动：在之前的课程中我们完成了网站的规划和设计，本节课我们将进入网站开发的实施阶段，下面请同学们分组讨论、交流，通过网络查询资料，查找网页制作的过程是怎么样的？学生活动：学生分组讨论、通过学习过的信息检索知识，观看已有的网站制作视频和资料，总结出网页的制作过程。
小结：网页制作的过程是：收集和制作素材，新建空白站点和网页，编辑网页图文，保存预览，链接网页。
2、第一步：收集准备网页素材教师活动：在网站的开发中，网页素材的准备工作包括网页素材的获取加工与管理，在实际的开发中，需要进行广泛的素材搜集，如果没有找到合适的素材，我们就需要自己去采集，制作或加工。
那么请同学们思考一下，收集到的素材需要分类处理吗？怎么分类？收集到的素材怎么样避免版权的问题？学生活动：通过查询资料和翻阅书本以及分组讨论交流，每个小组派代表发言，最后不足之处由教师补充。
小结：收集到的素材需要进行分类，并且同一个网页的素材用一个文件夹来管理，需要的话，还可以采用多级子文件夹来详细分类，文件夹的命名要易懂易记，切记随意命名，以免到制作阶段找不到需要的素材。
4.2.1网站的设计-粤教版高中信息技术选修三教案
4.2.1 网站的设计教案（一）一、本节的作用和地位网站的规划工作是解决做什么样的网站问题。
到设计阶段，学生需要思考的问题是如何去表达网站的主题，如何做才能够把内容成功组织和展现。
如果说，规划使“做什么”的问题得到解决，那么，设计则是解决作品如何实现的问题，即决定“如何做”是设计的主要任务。
设计是创作进程发展的高潮期，是学生经历信息技术过程的核心期，也是学习、体会软件系统开发方法的关鍵期。
二、学习目标1、以恰当的方式组织并呈现网站的信息。
2、掌握网站设计中栏目结构、版式设计。
三、学习重点掌握网站设计中栏目结构、版式设计。
四、学习方法任务驱动学习方法五、学习时间1课时六、学习环境计算机网络实验室七、学习过程1、网站主页的布局和色彩运用教师活动：在云课堂系统里向同学们展示几个比较有特色的网站，并提出以下几个问题，让同学们带着疑问进行观摩。
（1）这些网站是怎么样围绕主题展现内容的？（2）这些网站提供了哪些栏目及功能？（3）网站的链接有哪些特色，是否便捷？（4）网站主页的布局，色彩运用有哪些特点？学生活动：观摩网站，并分组讨论教师提出的问题，围绕网站内容的呈现，栏目设置，链接设计，色彩与页面布局等几个问题的开展讨论和交流，尝试指出它们的优点及不足之处，总结你的收获。
2、网站的结构设计教师活动：展示“虎门销烟启思录”网站的文件夹，浏览各网页，并向同学们提出问题，网站的结构是如何划分的。
学生活动：根据上节课的要求，同学们分小组规划设计自己的主题网站，根据自己网站的主题和内容，依照“虎门销烟启思录”网站的结构图，画出栏目结构图，并写出网站一级、二级栏目的对应内容的描述。
3、网页的版面设计教师活动：继续浏览“虎门销烟启思录”网站，注意它的版面的设计风格，页面均以大理石花纹为背景，朱红色为主题色调，霹雳体的字体标题字，烘托出一种庄严的气氛和历史的厚重感，并成为网站的统一风格。
学生活动：学生为自己的主题网站设计一种风格，并划分出网站的版面布局设计。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
4.1 网站的规划教案
一、学习目标
1、让学生了解网站建设的前期准备工作。
2、学会如何规划、构思一个网站。
3、通过自主探究、完成任务、生生交流、师生交流体验并总结网站规划的各种知识点。
4、在经历各种讨论、完成任务之后，学生能够增强团结合作理念，培养生生自信心及个性化发展，提高对网络技术的兴趣。
二、学习重点和难点
1、网站建设的前期准备工作。
2、学会如何规划、构思一个网站。
三、学习方法
信息技术作为一门独立的新型学科，在教学方法上应该根据不同的教学内容、不同的教学场所采用不同的教学手段，从而敫发学生的学习兴趣，调动学生的学习积极性。
本节内容是网站制作的第一步，详细地规划网站将为今后的网站建设提供一个总体框架，使网站的建设有“執”可循，在具体实施过程中按部就班、循序新进地完成整个网站的建设，而合理的划与精美的设计是网站成功的关键，因此我采用了包括情景引导法、比较法、演示法、分組讨论法、探究法等教学方法、輔之以班级间、班级内竞赛的方式，把督班级、各小组的规划进行比较打分、并进行适时的小结、分析、这样即能调动学生兴趣，又能让
学生在讨论中学习、在竞赛中进步，而且广开学生思路，达到预定的教学目标。
四、学习时间
1课时
五、学习环境
计算机网络实验室
六、教学准备
1、硬件：计算机网络实验室
2、软件：Macromedia Dreamweaver 、Microsoft Frontpage等网页制作工具。
3、学生分组，4人一组。
4、下载几个不同类型的优秀网站为教学参照。
七、教学过程
1、新课引入：
教师活动：看一看：观察几个不用类型的优秀网站，让学生欣赏，教师指出各网站的设计风格，整体规划，素材的运用，颜色的运用等特点，接着教师打开教师做好的简单网站。
学生活动：学生认真观看。
设计意图：引起学生的兴趣，并指出大家都能制作简单网站，增强学生自信心，利于开展新课程的教学。
2、自主探究（一）
教师活动：提出问题：
（1）什么是网站，网页？（引入网站的基本概念）
（2）网站是怎么样进行开发出来的？（引入网站开发基本过程）
学生活动：学生认真思考，分组讨论，回答问题。
设计意图：通过任务驱动法，问题探究式教学，以问题带动学生学习，提高学生的自主探究能力。
3、自主探究（二）
教师活动:提出问题:
（1）刚才骄傲是的网站主题是什么？
（2）如果让你自己制作一个网站，你的网站主题以及名称是什么？（3）刚才教师的网站用了哪些素材？这些素材你们能找得到吗？
学生活动：认真思考，分组讨论，回答问题，完成网站规划表。
设计意图：通过任务驱动法，问题探究式教学，以问题带动学生学习，提高学生的自主探究能力。
4、自主学习
教师活动：教师来回巡查，指导学生学习相关的知识并适时讲解。
学生活动：阅读课本96-98页，思考并回答以下问题：
（1）网站运行的环境是怎么样的？
（2）网页制作的工具有哪些？
设计意图：问题驱动式教学，提高学生的归纳总结能力。
5、课堂小结
教师活动：让学生总结本节课的知识点，作最后的归纳总结。
学生活动：邀请学生谈谈本节课自己的收获，发表自己的意见看法。
设计意图：知识的归纳和总结，起到巩固作用。