《网站主页的设计》教学设计
网站页面制作——首页设计教案
XXXXXXX学校《电子商务网站建设与维护实训》课堂教学设计方案分配2.制定计划1.提出问题：如何完成首页的制作？2.打开PPT课件，结合学生的工作计划，给出指导：重申电子商务网站首页的制作依据：①满足用户（即ABC公司）需求；②发挥首页的作用（引导分流作用、信任展示作用）；③满足不同首页用户（网站访问者——“淘”、“逛”）的使用；④首页要素完整（头部形象、搜索、商品分类、推荐及活动）；备注：教师展示当当网等首页和部分学生设计的首页草图，指出其组成要素，并突出重点、强调重点。
⑤布局合理、色彩和谐；⑥简洁、实用、易实现；⑦符合行业规范（见附件）。
备注：启发学生回顾Logo的设计规格，以此引导学生改变依据个人喜好制作网页的习惯，转为按行业规范制作网页，在“教师导读”指导下，“剥葱”式实践中，突破难点。
所需材料：设计好的Logo、banner、网站名称、栏目等；准备好的图片、文字、首页效果草图等。
所需工具：Dreamweaver。
制定工作计划：1.尽可能独立地制定出一个工作计划；2.确定所需要的材料和工具；3.参考PPT及教师指导，完善工作计划。
约4’3.决策给出建议和要求：用表格对首页进行布局，完成首页各组成部分的制作工作。
决策：对工作计划进行审查并决定下来如何执行。
约2’4.执行1.给出评价标准：序号评价项评价1 满足用户需求合格良好优秀2 布局合理、色彩和谐3 简洁、实用、易实现4组成要素完整发挥首页作用～引导分流作用发挥首页作用～信任展示作用满足不同首页用户的使用（“淘”、“逛”）5符合行业规范（参照“网页制作行业规范”1进一步.明确任务的目标要求；2.参考“任务指导书”、依据“评价标准”独立完成工作任务。
约30’ABC公司图书销售网站首页制作任务书一．任务描述在小王所在的网络公司为ABC公司设计了电子商务网站的栏目、风格、连接结构和目录结构后，已经完成了首页的设计工作，并准备好了网页素材，接下来的工作就是制作首页。
制作网站首页教案
制作网站首页
教学目标：
知识目标：了解什么是图片热点。
能力目标：学会根据网站主题和内容设计网站首页；学会使用图片热点建立超级链接；学会制作电子邮件超级链接。
情感目标：通过对科学家法布尔的了解，培养刻苦钻研的科学精神教学重点、教学难点：设计网站首页和使用图片热点建立超级链接。
教学准备：首页图片素材
教学过程(：
一、情境创设、激发兴趣
1.欣赏多个网站首页，学生说心得。
2.网站首页设计的重要性是什么？
3.学习设计网站首页。
小学资源
二、自主探究、交流分享
1.任务：新建网页index.html，标题为“昆虫记主题网站—首页”，设计首页课本30页上。
2.学生设计。
3.在index1.jpg上选取热点，调整好大小，链接为chan.html。
4.学生操作。
5.演示汇报。
6.网页底部输入“E—mail：bhfbxy@”。
链接列表框中输入：
7.学生演示汇报。
小
三、合作学习、释疑解难
1.学生提出问题。
2.教师根据情况补充问题。
3.小组合作解决问题。
各小组汇报。
四、实践创作、展示评价源
1.内容：课本31页实践与创新。
2.学生创作。
3.小组评选优秀作品。
4.优秀作品展示。
5.共同评价作品。
五、梳理总结、拓展延伸w。
《第8课制作网站首页》教学设计教学反思-2023-2024学年小学信息技术人教版三起01五年级下册
《制作网站首页》教学设计方案（第一课时）一、教学目标1. 知识与技能：掌握网站首页的制作基本流程，包括首页的布局、配色、图片处理等技能。
2. 过程与方法：通过实践操作，学会使用相关软件进行网站首页的制作。
3. 情感态度价值观：培养学生对信息技术的兴趣，激发创新精神，提高合作意识。
二、教学重难点1. 教学重点：掌握网站首页的制作基本流程，熟练使用相关软件进行操作。
2. 教学难点：根据主题创意设计首页布局，合理搭配色彩和图片处理。
三、教学准备1. 制作教学PPT，包含首页制作的基本步骤和相关软件操作演示。
2. 准备相关素材，包括图片、音频、视频等，以便学生实践操作。
3. 准备网络服务器或虚拟主机，以便学生完成作品后进行展示。
4. 安排好课堂纪律，确保学生能够专注于学习，不受外界干扰。
四、教学过程：（一）组织教学，导入新课1. 自我介绍，出示本节课教学目标。
2. 提出课堂纪律要求。
3. 观看优秀网站首页作品，激发学生学习兴趣。
（二）任务驱动，合作探究任务一：设计网站首页的页面结构1. 引导学生讨论网站首页常见的页面结构，教师总结。
2. 提出任务要求：在“我的网站”中设计一个简单的首页结构。
3. 学生分小组设计首页结构，教师巡视并给予指导。
4. 各小组展示设计成果，并说明设计思路。
任务二：选择合适的网页元素1. 教师出示各种类型的网页元素（图片、文字、动画、视频等），学生挑选适合“我的网站”首页的元素。
2. 学生尝试将选中的元素插入到“我的网站”中相应的位置。
3. 教师巡视指导，强调操作规范。
任务三：学会设置文字属性1. 教师出示常见文字效果，如：加粗、倾斜、下划线、颜色、大小等，学生尝试操作。
2. 学生尝试在“我的网站”中设置文字效果。
3. 教师巡视指导，强调操作规范，对学生在设置文字属性过程中出现的问题进行总结。
（三）课堂小结，拓展延伸1. 教师总结本节课所学内容。
2. 针对本节课所学内容，布置课后作业。
《第8课 制作网站首页》教学设计教学反思
《制作网站首页》教学设计方案（第一课时）一、教学目标1. 知识与技能：掌握网站首页的制作流程，包括网站整体规划、网页布局设计、素材准备、网页制作、测试发布等。
2. 过程与方法：通过实际操作，掌握利用软件工具进行网页设计和布局的方法。
3. 情感态度价值观：培养学生的团队协作精神和创新认识，激发他们对信息技术的兴趣。
二、教学重难点1. 教学重点：学生能够根据主题规划和设计首页，熟练进行网页布局和美化操作。
2. 教学难点：学生在实际操作中解决遇到的问题，提升团队协作和创新能力。
三、教学准备1. 制作好教学PPT，准备相关素材和软件工具。
2. 安排好小组，确保每个小组有足够的资源和设备。
3. 设定合适的教室规则，引导学生积极参与和讨论。
4. 提前试讲，调整教学方案，确保教室顺利进行。
四、教学过程：（一）情境导入教师播放一段关于校园的短片，短片中包括校园风景、师生活动等素材，并提出问题：“这段短片中包含了哪些信息？如何将它们整合在一起？”引导学生思考网页的制作方法。
学生讨论并回答问题，教师总结并引出网站首页的观点和制作方法。
（二）新知探究1. 任务一：网站首页规划学生以小组为单位，利用多媒体教学平台，根据教师提供的模板和素材，规划网站首页的内容和结构。
教师巡视指导，帮助学生解决遇到的问题。
2. 任务二：首页元素插入与编辑在规划好的首页基础上，学生根据教师提供的素材，将图片、文字、动画、视频等元素插入到相应的位置，并进行编辑和调整。
教师巡视指导，对有困难的学生进行针对性的辅导。
3. 任务三：首页效果评估与优化学生完成首页制作后，在多媒体教学平台上展示作品，并由其他学生进行点评和打分。
教师对点评进行总结和评判，提出优化建议。
（三）协作学习学生在小组内进行协作学习，互相帮助，共同解决制作过程中遇到的问题。
教师巡视指导，及时解决学生遇到的问题。
（四）稳固提高学生完成教师安置的课后作业，稳固所学知识，提高技能水平。
网站首页的制作教案(精)
1．比一比：要求学生认真观察屏幕上的各网站首页，然后用纸笔记录下来它们各有哪些功能模块？其中哪些功能模块出现的频率最多？
比赛方法：在规定的时间内找到的模块数最多者为优胜。
2．教师活动：要求学生在刚才找到的功能模块中，找出自己可用的功能模块，把它们做好标记。
3．讨论活动：同桌2人为一组，分析屏幕上的各网站首页采用了什么样的版面布局，各布局的特点及优缺点。
《网站首页的制作》教案
教学主题
网站首页的制作
适用年级
高二年级
教学课时
1课时
学习内容分析
本节课主要是要求完成网站首页的制作。重点在于确定首页的功能模块和首页的版面设计。不同的设计决定了最终的呈现效果。学生可以根据自己的审美观及喜好进行自由发挥。
教学目标
1.知识与技能：①、学会确定首页的功能模块；②能设计出美观大方的首页版面。
4．讨论活动：同桌2人为一组，分析各网站的色彩规划特点，试说出在设计网站时对色彩选择应该注意什么。
5．色彩地带比一比：试说出一些常用颜色的象征意义和给你的心理感受。
比赛方法：说得贴切的、多的为优胜。
三、练一练
每个同学根据自己事先确定好的网站主题，结合本节课的内容，设计出属于自己的网站首页。
要求：1、首页的功能模块要确定
2、体现一种版面布局形式
3、页面色彩的规划要合理，美观大方
四、小结
教学后记
设计者
罗梅
电子邮件
单位
清远市华侨中学
2.过程与方法：通过完成作品，掌握网站首页的制作。
3.情感态度与价值目标：①、养成在制作首页前，先考虑好自己的功能模块的习惯；②、在版面计计上，以自己的审美观来确定自己的作品风格。
教学支撑环境
《网站主页的设计》教学设计
《网站主页的设计》教学设计浙江绍兴市第一中学信息处董烨华一、教材分析本节课讲授浙江教育出版社《信息技术基础》第六章“网页的设计与制作”的相关，并根据《浙江省普通高中新课程实验信息技术学科教学指导意见》进行了适当设计，教学侧重于让学生掌握网站的策划与构思和熟练掌握简单网页的设计与制作。
二、学情分析学生已经会收集和整理素材，掌握了用FrontPage制作网页的基本操作，对网站的策划与构思有了一定的了解，但网站创建的知识以及网站策划构思的实践比较欠缺，另外学生现有知识水平存在一定差异。
三、教学目标知识与技能：能较熟练地运用表格实现网页布局；知道创建网站的一般过程，了解一些主页设计的知识；初步掌握网站的策划与构思。
过程与方法：通过自主探究和小组合作完成学习任务，掌握一些探究学习的方法，培养与他人协作、交流的意识和能力。
情感、态度与价值观：通过网站主页设计，激发学生的创作欲望，提高学习信息技术的兴趣和愿望；通过教师提供的创作背景信息，使学生更关注气候变化对人类发展的影响，增强社会责任感。
四、教学重难点重点：学会运用表格实现网页布局，初步掌握网站的策划与构思。
难点：如何在主页制作中实现自己的网站设计构思。
五、教学过程1．教学引入，学习准备教师指导学生访问课堂学习网站（如图1），然后介绍网站的创作构思与特点。
师：这是老师为课堂学习专门设计制作的一个网站，请同学们从“名称贴切、主题鲜明、内容丰富、结构清晰、界面友好美观”五个角度，给网站做个评价，认为都满意就赶快伸出五个手指头。
学生们高举手臂，伸出五个手指。
师：谢谢大家的支持，你们的认可是我创作的动力。
师：通过前段时间的学习，我们已经较好地掌握了素材收集与整理的方法；掌握了一些利用FrontPage软件做网页的基本操作；在欣赏优秀网站的基础上，对网站的策划与构思有了一定了解。
这节课，我们将跟随着学习网站的导航栏，一起揭开创建个人网站的第一页──设计制作网站主页。
设计网站首页 教案
设计网站首页教案教案标题：设计网站首页教学目标：1. 了解网站首页的基本要素和设计原则；2. 学习如何规划和组织网站首页的内容；3. 掌握设计网站首页的基本技巧和工具。
教学准备：1. 计算机和互联网连接；2. 网站设计软件（如Adobe Dreamweaver、WordPress等）；3. 设计素材（图片、图标、字体等）；4. 网站首页设计案例。
教学过程：1. 导入（5分钟）- 引入网站首页设计的重要性和影响力，激发学生的兴趣和好奇心。
2. 网站首页要素和设计原则（15分钟）- 解释网站首页的基本要素，如标志/品牌标识、导航菜单、主要内容区域、页脚等；- 介绍网站首页设计的基本原则，如一致性、易用性、可读性、美观性等。
3. 规划网站首页内容（20分钟）- 引导学生思考网站首页的目标受众和主要信息传达目的；- 分析不同类型网站首页的设计案例，讨论其内容组织方式和布局选择；- 学生根据自己选择的网站类型，规划网站首页的内容结构和版块划分。
4. 设计网站首页（30分钟）- 学生使用设计软件创建一个新的网站项目；- 学生选择合适的模板或自定义页面布局；- 学生添加标志/品牌标识、导航菜单和主要内容区域；- 学生选择适当的颜色、字体和图标，美化网站首页；- 学生添加页脚和相关链接。
5. 分享和反馈（10分钟）- 学生展示自己设计的网站首页；- 其他学生和教师提供反馈和建议，讨论设计的优点和改进空间。
6. 总结和延伸（5分钟）- 总结网站首页设计的基本要素和设计原则；- 引导学生思考如何进一步完善和优化网站首页设计；- 鼓励学生继续学习和探索网站设计的其他方面。
教学延伸：1. 学生可以进一步学习网站页面的响应式设计，使网站在不同设备上都能良好显示；2. 学生可以学习网站分析和用户体验设计，提高网站首页的可用性和用户满意度；3. 学生可以学习网站优化和SEO（搜索引擎优化），提高网站在搜索引擎中的排名和曝光度。
网站首页 教案
网站首页教案教案标题：网站首页教案教案目标：1. 了解网站首页的重要性和功能。
2. 学习如何设计一个吸引人并符合用户需求的网站首页。
3. 掌握网站首页的布局原则和设计要点。
教案步骤：1. 引入（5分钟）：- 向学生解释网站首页的概念和作用，以及为什么设计一个好的网站首页对于吸引用户和提供良好用户体验的重要性。
- 通过展示一些成功的网站首页示例，引发学生对于网站首页设计的兴趣和好奇心。
2. 理论讲解（15分钟）：- 介绍网站首页的基本要素，如标志/logo、导航菜单、搜索栏、主要内容区域等。
- 解释每个要素的作用和设计原则，例如标志/logo应该清晰易识别，导航菜单应该简洁明了等。
- 强调网站首页的设计应该符合用户需求和期望，提供简洁明了的导航和易于使用的功能。
3. 案例分析（20分钟）：- 提供几个不同类型的网站首页案例，例如电商网站、新闻网站、社交媒体网站等。
- 将学生分成小组，让他们分析每个案例的布局、颜色搭配、内容组织等方面的优点和改进之处。
- 引导学生思考如何根据不同类型的网站目标和用户需求，设计一个吸引人的网站首页。
4. 设计实践（30分钟）：- 让学生以小组为单位，选择一个特定类型的网站（如旅游网站、健身网站等），并设计一个符合该类型网站需求的网站首页。
- 学生可以使用纸和铅笔进行初步的草图设计，包括布局、颜色搭配和内容组织等。
- 鼓励学生进行头脑风暴，分享和讨论各自的设计理念和创意。
5. 展示和讨论（15分钟）：- 让每个小组展示他们的设计成果，并解释他们的设计理念和创意。
- 引导全班进行讨论，让学生提出对其他小组设计的建议和改进意见。
- 总结讨论，强调设计一个好的网站首页需要考虑用户需求、布局原则和设计要点等因素。
6. 结束（5分钟）：- 总结本节课的内容和学习收获。
- 鼓励学生在今后的网站设计中运用所学知识，设计更好的网站首页。
教案评估：- 学生参与度：观察学生在案例分析和设计实践环节的积极程度和合作能力。
人教版-信息技术-五年级下册-“制作网站首页”的教学设计
“制作网站首页”教学设计网站首页的设计关系到网站成败的关键，首页是一个网站的“脸面”，能不能吸引浏览者的注意，它显得格外重要，因此在制作首页时需要特别花心思。
教材分析本节课以动手操作为主，教师讲解指导为辅。
通过学生合作与分工完成网站首页设计，掌握怎样用表格进行版面布局，如何锦上添花添加网页元素：文字、图片、动画、声音，要懂得设置超链接。
教学策略一、教学方法设计。
通过与学生“拆分”分析网站首页版面规划布局、组织网页元素以及如何实现网页间链接。
通过学生合作学习，在观摩、分析的基础上形成自己的设计方案要。
由于本次学习活动是采用小组合作的形式，教师要注意让学生在操作中做到能力互补，技术帮扶，实现共同进步。
二、教学流程和教学活动的设计呈现问题：如何设计网站首页明确任务：学习版面规划、添加网页元素、设置导航功能等技术产，完成“班级网站”首页。
分析问题：网页中一般包含哪此些元素通过控究交流，了解版面的区域划分方法实践：用表格进行版面布局实践：在网页中添加文字、图片和动画实践：设置超链接归纳网页的一般制作流程小组合作，完成“班级网站”首页制作三、学习效果反馈、知识归纳总结1.组织形式课堂擀授，小组协作学习、教师评价与自动我主评价结全2.媒体及资源多媒体教室、电子教室系统、“班级网站”范例、网页制作素材、“知识检查表”和“网站进检查表”教学过程（一）创设情境引出问题（激发学生的学习兴趣）教师首先演示一个富有个性的个人网站给学生观看，然后选择一个上一年级学生使用FrontPage制作的网站，最后再展示老师做网站。
学生通过了解三个网站的了解，它的结构精美、内容丰富多彩、个性鲜明等激发学生的学习兴趣，想自己创建一个网站的内心强烈冲动。
1、分析制作网站首页的设计要素：（1）、网站标题（2）、栏目导航（3）、访问者信息（4）、介绍每一个区2、如何对版而布局设计网页制作中常常使用表格划分版面，确定各种网页元素的版面位置。
我们通过多层嵌套的表格进行版面划分。
制作首页 教学设计
制作首页教学设计本文将从教学设计的角度，介绍制作首页所需的步骤和关键点。
制作首页是网站设计中的重要步骤，它直接影响用户对网站的第一印象和使用体验。
因此，制作首页需要严谨的教学设计。
一、分析目标用户在制作首页之前，需要对目标用户进行分析。
通过了解用户的需求和习惯，才能设计出有吸引力和易使用的首页。
具体分析项包括年龄、性别、职业、兴趣爱好、上网时段等。
例如，面向年轻人的网站需要注重美观和时尚感，而面向专业人士的网站需要强调信息和实用性。
二、设计页面结构页面结构是决定用户浏览体验的重要因素，因此需要仔细设计。
一般来说，首页应包括头部、导航栏、内容区、侧边栏、底部等部分。
头部可以包括网站的标志、搜索和登陆入口等；导航栏可以包括重要的页面链接；内容区可以展示网站的重要信息；侧边栏可以提供额外的信息和链接；底部可以放置版权信息等。
在设计时需要考虑到每个部分的重要性和放置的位置，以便用户浏览和使用。
三、确定色彩和布局色彩和布局是网站设计中的重要因素，对用户的视觉体验有很大的影响。
在选择色彩方案时，需要考虑到目标用户的意识形态和文化背景，并遵循简洁和大方的原则。
在选择布局方案时，需要考虑到网站内容和使用情境。
例如，面向商品销售的网站需要采用呈现特色的图片展示，而面向新闻阅读的网站需要采用清晰的文字排列。
四、确定内容网站的核心内容是吸引用户访问的关键。
因此，在制作首页时，需要考虑到网站的核心内容，并将其置于显眼的位置。
为了更好地吸引用户，可以用图片、视频等方式呈现内容。
同时，也要注意版权问题。
五、确定标语和广告标语和广告是网站的另外两个重要元素。
一个好的标语可以让用户记住网站，并对网站留下好的印象。
广告也可以为网站带来收益。
但是，在确定标语和广告时，需要遵循真实、有吸引力和不过分的原则。
六、测试和优化在制作首页后，需要进行测试和优化。
测试可以帮助找出页面存在问题，例如加载速度、响应时间、易用性等。
同时，也可以通过用户反馈来了解用户对页面的意见和想法，并进行优化。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网站主页的设计》教学设计
浙江绍兴市第一中学信息处董烨华
一、教材分析
本节课讲授浙江教育出版社《信息技术基础》第六章“网页的设计与制作”的相关，并根据《浙江省普通高中新课程实验信息技术学科教学指导意见》进行了适当设计，教学侧重于让学生掌握网站的策划与构思和熟练掌握简单网页的设计与制作。
二、学情分析
学生已经会收集和整理素材，掌握了用FrontPage制作网页的基本操作，对网站的策划与构思有了一定的了解，但网站创建的知识以及网站策划构思的实践比较欠缺，另外学生现有知识水平存在一定差异。
三、教学目标
知识与技能：能较熟练地运用表格实现网页布局；知道创建网站的一般过程，了解一些主页设计的知识；初步掌握网站的策划与构思。
过程与方法：通过自主探究和小组合作完成学习任务，掌握一些探究学习的方法，培养与他人协作、交流的意识和能力。
情感、态度与价值观：通过网站主页设计，激发学生的创作欲望，提高学习信息技术的兴趣和愿望；通过教师提供的创作背景信息，使学生更关注气候变化对人类发展的影响，增强社会责任感。
四、教学重难点
重点：学会运用表格实现网页布局，初步掌握网站的策划与构思。
难点：如何在主页制作中实现自己的网站设计构思。
五、教学过程
1．教学引入，学习准备
教师指导学生访问课堂学习网站（如图1），然后介绍网站的创作构思与特点。
师：这是老师为课堂学习专门设计制作的一个网站，请同学们从“名称贴切、主题鲜明、内容丰富、结构清晰、界面友好美观”五个角度，给网站做个评价，认为都满意就赶快伸出五个手指头。
学生们高举手臂，伸出五个手指。
师：谢谢大家的支持，你们的认可是我创作的动力。
师：通过前段时间的学习，我们已经较好地掌握了素材收集与整理的方法；掌握了一些利用FrontPage软件做网页的基本操作；在欣赏优秀网站的基础上，对网站的策划与构思有了一定了解。
这节课，我们将跟随着学习网站的导航栏，一起揭开创建个人网站的第一页──设计制作网站主页。
师：先来玩一个拼图游戏吧。
图1 学习网站首页图2 学习参考页面
设计意图：用学习网站吸引学生的注意力，使其迅速进入课堂学习状态。
通过学生评价老师的网站设计，使学生对网站策划构思中要考虑的因素有进一步认识。
2．以趣激学，化解难点
学生浏览学习网站中“拼图游戏”活动要求。
活动内容：将分割成小块的图片素材插入到教师预先设计好的网页中，完成拼图。
图3“威尼斯的泪”网站主页图4 “威尼斯的泪”表格框架
师：老师这里有个完工的网站主页（如图3），网站主题是关于拯救水城威尼斯的，网站名称是“威尼斯的泪”，页面十分简洁，用一张图片吸引观众目光，导航栏设置在右下处，四个超链接对应网站的四块内容，这种网页布局可归为封面型的布局类型，在个人主页和企业网站设计中较常用（具体可参考学习网站）。
请大家仔细看这个网页，接着我们将用它的半成品来玩拼图（如图4）。
教师用FrontPage软件打开半成品网页。
师：同学们看到网页上都有些什么？
生：哦，表格，原来刚才的网页是用这样的表格来实现布局的。
师：对了，那再仔细观察一下，这里到底用了几张表格。
生：两张，三张……
师：答案是五张表格，最外面一张虚线显示的表格将整体分为上下两大块，然后表格里面套表格，最终将所有网页内容，用一个个单元格定位。
师：现在网页上半部分的九个单元格就是留给大家来完成拼图的，加油，看谁最快完成提交。
学生下载素材，尝试着完成拼图；教师巡视，了解学生的制作过程。
学生在制作过程会碰到一个主要问题“如何将图片拼得天衣无缝”，涉及到表格的属性设置这一知识点，要能够想到将表格边框设置为隐藏，将表格单元格边距和间距值都设置为0。
师：已经有同学完成拼图提交了，某某同学是最快完成的，让我们一起来看一下他们的拼图吧。
教师根据学生完成情况，选择不同的教学，如果已经有学生很好地完成了拼图，就请学生来讲解、演示；如学生都没有很好地解决问题，教师可以通过提问“五张表格中最外一张用虚线显示的表格在预览中是否能看到它？”“表格边框隐藏是怎么实现的？”“表格属性中还能设置什么？”等问题，引导学生找到答案。
师：只有想不到，没有做不到，网页布局，表格帮你轻松搞定。
设计意图：以一个熟悉的游戏任务引导学生探究、学习、掌握表格布局的知识。
同时，任务素材又是后续学习任务“主页设计”的一个范例，帮助化解学习难点。
3．创设情景，引起思考
师：再次欣赏这幅拼图作品，不知道摄影师有没给它取过名，就让我们来给它设计个名称吧。
生：“大海，大海”，“港湾”，就用“威尼斯的泪”……
师：请大家分别用“大海，大海”和“威尼斯的泪”做名称来看这幅作品，不知道你的脑海里会浮现些什么？
生：很不一样。
师：作品的名称十分重要，它能够引导观众欣赏的视角，我们在进行网站策划构思的时候，一定要给自己的网站设计好名称。
师：拼图照片源自一则反映威尼斯遭受水淹的新闻报道，由于气候变化，威尼斯经常遭受水灾，人们用葬礼的形式倡议拯救威尼斯。
在学习网站还有“‘2012’离人类还有多远？”和“哥本哈根气候大会”等背景资料，提供这些材料是为了引起大家对“气候变化对人类社会的影响”这一社会议题的思考，同时我们将借助网页技术来发出自己的声音。
师：让我们一起进入主页设计活动环节。
设计意图：通过名称设计，揭示网页作为一种信息表达技术的价值，培养学生的创作意识。
用热门新闻和议题创设情景，激发学生创作欲望和增强社会责任感。
4．任务驱动，合作探究
活动内容：根据背景资料，以同桌同学为小组，进行网站创建的策划与构思，形成网站主页的初步框架，以完成主页表格框架或绘制草图等形式呈现结果。
师：主页设计是网站设计制作的一个重心，设计的完成如同写文章列好了提纲，将对整个网站的制作过程和完成质量起重要影响。
接下来，小组同学要发扬团队协作精神，一起来完成学习任务。
这可能是我们第一次进行网站主页的设计，所以老师给大家的建议是“从模仿做起，善于吸收他人经验”，在学习网站中有“网站创建流程”“网站主页设计”“主页模版欣赏”等内容可供参考。
教师将“网站创建流程”（如图2）和“威尼斯的泪”表格框架网页（如图4）投影在屏幕上，作为重点提示；了解小组合作情况、操作进度，解决技术问题，并对技术相对薄弱的小组重点帮助指导。
小组同学合作协商，进行网站的策划与构思，形成网站主页的初步框架。
设计意图：通过任务驱动、小组合作探究，让学生在实践中体会网站创建和主页设计的知识，培养协作、交流的意识和能力。
5．交流评价，分析提高
师：在刚才的学习活动中，大家表现很好，一些小组中，同学们的讨论很激烈，发挥了各自特长，任务完成体现了1+1>2的效果；下面我们一起围绕以下三点来交流学习成果：网站名称响亮有特点、栏目设置有趣且反映主题、页面布局美观可实现。
老师会请几组同学派代表上台来介绍自己的设计，其他同学随时准备发表观点。
设计意图：通过交流评价学习成果，有助于学习小组的思维与智慧被整个群体所共享，形成共享的、更高级的理解，同时在评价中获得成就感。
6．课堂小结，延伸教学
师：这节课我们围绕设计网站主页，实践探讨了网站的策划构思和实现的过程，接下来的几节课我们将进一步完善设计，学习新知识以至完成整个网站。
网页技术作为一种信息表达的技术，其真正价值的体现在如何更新颖合理地表达一个有意义的主题或内容，希望同学们在日常学习过程中注重观察，多积累一些网页制作的知识，提升技术素养。
六、教学反思
在让学生围绕某个主题进行网站设计制作时，会碰到这样一些情况：（1）找不到头绪，无从下手；（2）想到一点做一点，结果做到一半再也做不下去；（3）网站最终完成了，但却暴露出栏目设置不合理，内容无法体现主题等问题。
显然，学生对网站策划构思的知识掌握不够，我在教学设计中融入了三种方法来加强引导：（1）作品欣赏，俗话说：“熟读唐诗三百首，不会做诗也会吟”，模仿是创作入门的重要途径；（2）开展构思协商，通过小组合作和全体交流讨论，有助于教师和每位学生的思维与智慧被整个群体所共享，形成共享的、更高级的理解。
（3）进行作品评价，在自评和互评中反思自己策划构思的不足，发现自己和他人设计的新颖之处，使学生获得满足感和成就感。