长沙市第六届中小学生网页制作竞赛获奖名单

初中组

高中组

网页制作教学设计(公开课)

一体化课程教案（首页）课程网页制作授课教师课题（项目）名称创意型网站开发审批学习任务创意型网站开发授课课时16 授课日期年月日至年月日授课班级13电商高中项目（任务）描述小李刚刚通过应聘进入了一家网页制作公司，公司规模不大，主要业务是承接各类网站的制作。现在公司刚接了四个不同的制作网站业务，由于公司人数不多，所以小李要独立负责其中一个网站的建设，由于时间紧迫，现要求小李选择其中一个网站，并和策划部进行快速沟通和需求分析，完成资料的整理和素材的简单加工，设计出基本框架，再通过网页编辑工具完成网页版面的制作和内容元素的编辑，最后通过公司服务器发布网站到互联网上。教学目标通过完成本次任务，学生能够 ●通过多方调研明确客户需求，撰写需求确认分析说明书； ●通过组内讨论，做好网站开发详细计划，撰写项目工作计划表； ●通过小组分工合作，自主探究学习，设计有特色的网站； ●通过测试，发现存在问题并提出解决方案； ●能够展示小组作品的优势和特色，并能客观评价他人； ●通过基于工作情境的角色扮演，熟悉网站开发的工作流程，并从中获得沟通表达，解决问题的经验，体验团队合作和信息共享的乐趣。教学重点分析客户需求；设计网站规划书；创建网站站点；设计网页版面布局；素材编辑和修辞；内容页制作和超链接。教学难点使用Dreamweaver进行网页布局；内容页制作；页面间的超链接。学情分析根据客户需求，开发一个商务网站，进行宣传推广商品。该网站以信息发布、产品介绍、在线销售、顾客服务、提升品牌形象为主要功能和目的。学生在学习任务中首先要进行客户需求分析，制定网站设计书，并进行创建站点和管理站点，然后在已创建的站点上进行主页、内页设计完善网站功能，并使用多种工具进行网页美工，最后发布和管理已建好的网站，根据公司的要求，更新和维护网站。教学策略本次教学任务在电商实验班进行授课，采用任务驱动，模块演示的教学方法；以学生为

网页效果图的制作公开课教案

网页效果图的制作 ——制作网页标志横幅课程：电子商务网页制作班级：09电商3+2 时间：12月16日第三节授课教师：李晓琳教学目标：知识目标：1、能描述创建网站主页的目的 2、能列举网页应包含的内容 3、了解网页标志横幅的作用技能目标：1、能绘制网站主页的网页标志横幅 2、掌握fireworks工具属性的设置方法情感目标：对操作过程中遇到的问题能主动思考具有较强的网页设计创意思维、艺术设计素质。教学重点：1、Firewoks中矩形工具、文字工具、直线工具、库命令的使用 2、Firewoks中元件转换为按钮的操作难点：元件转换为按钮及库命令的使用教学方法：任务驱动教学法一、导入提问：同学们平时的休闲方式有哪些呢？——影视文化通常是我们茶余饭后的谈资，平时也会去电影院看电影是吧？特别是大片，往往去了电影院要排长队，而且还不一定买的到票，在电子商务迅速发展的推动下，网上订票为我们消除了排队买票的烦恼。那网上订票是基于什么样的平台呢？下面我们来看下我们德清的大地数字影院的网络平台——“哈票网”。二、新授任务一：网页横幅的制作—— 1、“哈票网”网站的展示，分析引出一个网页应包含哪些内容。提问：看了这个页面，请你说出一个网页包含哪些元素呢？（学生回答，教师补充）——引出网页横幅的重要性 2、为什么要制作网页横幅？在一个简单的网页中，上方的横幅是最重要的视觉元素。在很多博客网页中，

它甚至是唯一的视觉元素。所以它的作用可以说是相当大的。它必须能够与网站的风格配合，并能传达视觉上的信息。它必须让人看上一眼就让人知道这个网站是属于什么类型，风格是什么。（展示不同网站的不同网页横幅效果图，说明网页横幅是可以多种形式展现的。） 3、提出任务，教师演示：效果图展示，操作示范（1）新建一个文档：宽1200像素，高为600像素。（2）矩形工具、圆角矩形工具、椭圆工具、文字工具、直线工具的使用及属性设置 4、学生活动：按所给效果图及素材制作网页横幅（根据男女生兴趣偏好不同，男女分组操练：男生做NBA网页横幅、女生做淘宝门户网的网页横幅）操作步骤: （1）新建一个文档：新建一个文档：宽1200像素，高为600像素。（2）用矩形工具绘制两个矩形：可与画布同长，宽度根据需要自定，大矩形的颜色设为“#333333”,小矩形的颜色设为“#666666” （3）在小矩形右侧添加文字，选择“文字工具”，添加文字，其属性设置为：字体——宋体，颜色——“#66FF00”，字号——“15” （4）用椭圆矩形工具在画布的左侧绘制两个圆形，一大一小，填充颜色渐变，颜色为“#FFFF00”至“#00CC00”,如图所示（5）用文字工具，在大圆上添加文字“哈”，文字属性设置为：“白色”“隶书”“90”；小圆上添加文字“票”，属性设置为“白色” “幼圆”“30”；再用文字工具在“哈票”右侧添加文字“快速订票轻松观影”，属性设置为“白色”“幼圆”“24”，紧接着下方添加网址，属性设置为“#66FF00”“Century Gothic”“22” 5、教师巡回指导，发现问题，个别辅导任务二、美化横幅——添加阴影、元件转换为按钮

网页制作公开课教案.doc

教学科目授课日期节次教学内容教学目标教学重点与难点教学方法教学资源公开课教案网页制作授课班级10 计 4授课教师徐彬2011．06． 12课型任务驱动授课学时 1 课时下午第二节授课地点图书馆动漫机房有趣的拼图通过讲解、演示、实践，让学生掌握在网页中运用层制作拼图游戏。知识目标技能目标态度目标通过讲解让学生 1. 提高学生分析问题、解决问1、培养学生的观察能力及掌握在网页制作中题的能力勇于探索、勇于创新的精层的特点，学会添加2．锻炼学生的表达能力和协神 “拖动层”行为。并作、沟通能力2、培养学生的团队精神且了解相应的事件。3．提高学生的动手实践能力，能运用层制作有趣的拼图教学重点：层的特点、“拖动层”行为。教学难点：“拖动层”行为。综合（讲授、启发、引导、演示示范、观察、比较、实践等）多媒体计算机、多媒体教学软件本节是《网址制作 DreamweaverMX2004》中层的应用中的内容，是操作实践课。本节采用情景导学与任务驱动相结合的教学法帮助学生消化吸收新知识，教学引起学生的学习兴趣，激起学生的求知欲望，发挥学生的主体作用，体现教师设计的主导作用。通过兴趣与任务使学生学习到相关的计算机基础知识和操作技能，进而培养学生的自学能力与动手实践能力。

教学过程设计教学环节与主要内容具体教学目标教学活动【复习导入】 ( 一 ) 导入（学时分配： 2 min ）创设情境，打开“趣味拼图”网页，请同学玩一玩拼图游戏。 ( 二 )复习知识点（学时分配： 2 min ）1、你觉得我们玩的拼图游戏有什么特点？这种特点是利用了什么技术实现的？2、拼图游戏利用了层的什么特点？1、激发学生学习兴趣。 2、导入新课教师：帮助学生回顾复习层的特点。学生：回顾并实践复习已学知识教师：根据实例，提问诱导，导入课堂任务学生：观察、讨论、思考 ( 三 ) 明确学习目标（学时分配：1min） 1、层的特点。 2、“拖动层”行为。教师：明确学习目标 3、 onLoad 事件。【任务分析与制作】（一）任务初分析（学时分配： 5min）让学生理解理解掌教师：讲解、示范、演示打开趣味拼图网页，引导学生分析制作此网握层的特点。学生：观看操作演示、学页所需的技术：习领会 1、网页布局：表格。 2、图片素材的添加：插入图片（拓展）。通过练习巩固所学学生：实践，完成练习 3、拼图图片的移动：表格转换为层。知识内容。教师：巡视、评价、辅导（二）任务初制作（学时分配： 15min）学生制作趣味拼图网页并调试。（三）任务再分析（学时分配： 5min ）让学生理解理解掌教师：讲解、演示、示范请同学们汇报自己作品的调试成果。握“拖动层”行为以学生：观察、学习、领会针对调试作品所发现的问题进行再分析。及事件的用法。 1. “拖动层”行为。 2. 事件。

《网页制作》教学设计(优质课比赛优秀设计)

信息技术课虽然已经成为初中的必修科目，但是城乡学生之间掌握情况的差异却相当大，条件好一点的初中学生不仅已经熟练掌握了课本上的内容，还对一些常用软件有所了解；而差一点的可以说是从高中开始才正式接触到信息技术知识的学习，他们需要多锻炼、多指导，所以协作学习对学生的学习帮助很大。三、教学策略的选择及媒体的使用在教学策略的选择上，我使用的是任务驱动和协作学习相结合的方法。任务驱动就是要求本章内容学习完之后，每个小组都要完成自己班级网站的制作，并在全班进行评比，选择最好的作为班级主页挂到学校主页上去，这有助于激发学生参与学习的积极性。协作学习则是让学生在学习过程中互帮互助，用较短的时间、教少的精力学到更多的东西，完成一个集体项目，让他们在学习之后获得成就感。因此在媒体的选择上，我们使用的是TOP2000系统。TOP2000系统有利于教师进行分组教学和学生作品的点评及成果的展示。教学过程开始之前，教师把学生按座位分成四组，每个组都按学生对计算机的掌握程度平均分配，保证每个组都有计算机操作方面比较突出的，也有相对比较差的，使其形成能够互帮互助的学习小组。并由他们自己选出组长各一名，然后由组长根据组员的情况，确定在班级主页制作过程中主要完成什么任务，也就是说起到一个组织者的作用。做过网页的人都知道，做网页是一项比较费时的工作，而要学生在较短的时间内制作出像样的网页是比较困难的，而在这个过程中，网页的设计占去了相当多的一部分时间，组长把任务分到各组员头上以后，组员就可根据自己要完成的任务相对集中的做某方面的工作，做完以后，组员之间进行经验交流，告诉组员自己的网页是如何制作出来的，在完成自己的网页后，再重复一遍制作过程花费的时间的不多的。这样，其他组员就可在较短的时间之内

《网页制作》教学设计(优质课比赛优秀设计)

《网页制作》教学设计（优质课比赛优秀设计）《网页制作》教学设计一、教材或教学内容分析本章内容在本教材中的位置处于第五章，是在文字处理(Word2000)和网络基础及因特网应用两章之后。学生所学的文字处理软件Word和将要学习的网页制作软件Frontpage同是Microsoft公司的产品，在软件的使用上有很多的共通之处，所以在学习frontpage的时候，很多内容可以让学生自学，而不必面面俱到地在课上讲授。而第四章网络基础及因特网的应用又为学生对网页的理解奠定了基础，学生对网页中的基本元素——文字、图片、动画、声音等都有所了解，而网页的制作就是将这些元素重新组合到网页上，学生要学的就是这种组合的方法。所以说，虽然大多数学生以前都未接触过网页的制作，但有了以上这些基础，学起来就轻松多了。本章内容按照学生已有的基础，我对教学内容分了一下类，也为教学的组织工作打下一点基础。本章内容主要由网页基础知识、网站的建立和管理、网页的制作、创建超链接、图片的处理、网页框架。重点是网页的制作和创建超链接，学会了这些就可以开始简单的网页制作了。难点是网页框架，这部分相互之间关系比较复杂，必要时，老师在对各组个别辅导时，可以给予分别讲解。这个分类可以为组长安排各个组员的任务提供参考，使分工更加合理。二、教学对象的分析第 1 页共 6 页信息技术课虽然已经成为初中的必修科目，但是城乡学生之间掌握情况的差异却相当大，条件好一点的初中学生不仅已经熟练掌握了课本上的内容，还对一些常

用软件有所了解;而差一点的可以说是从高中开始才正式接触到信息技术知识的学习，他们需要多锻炼、多指导，所以协作学习对学生的学习帮助很大。三、教学策略的选择及媒体的使用在教学策略的选择上，我使用的是任务驱动和协作学习相结合的方法。任务驱动就是要求本章内容学习完之后，每个小组都要完成自己班级网站的制作，并在全班进行评比，选择最好的作为班级主页挂到学校主页上去，这有助于激发学生参与学习的积极性。协作学习则是让学生在学习过程中互帮互助，用较短的时间、教少的精力学到更多的东西，完成一个集体项目，让他们在学习之后获得成就感。因此在媒体的选择上，我们使用的是TOP2000系统。TOP2000系统有利于教师进行分组教学和学生作品的点评及成果的展示。教学过程开始之前，教师把学生按座位分成四组，每个组都按学生对计算机的掌握程度平均分配，保证每个组都有计算机操作方面比较突出的，也有相对比较差的，使其形成能够互帮互助的学习小组。并由他们自己选出组长各一名，然后由组长根据组员的情况，确定在班级主页制作过程中主要完成什么任务，也就是说起到一个组织者的作用。做过网页的人都知道，做网页是一项比较费时的工作，而要学生在较短的时间内制作出像样的网页是比较困难的，而在这个过程中，网页的设计占去了相当多的一部分时间，组长把任务分到各组员头上以后，组员就可根据自己要完成的任务相对集中的做某方面的工作，做完以后，组员之间进行经验交流，告诉组员自己的网页是如何制作出来的，在完成自己的网页后，再重复一遍制作过程花费的时间的不多的。这样，其他组员就可在较短的时间之内第 2 页共 6 页掌握比较先进的网页制作方法，而不必再花那么多时间去探索。因为每位组员都必

网页制作教学设计优质课比赛优秀设计

《网页制作》教学设一、教材或教学内容分）和网络本章内容在本教材中的位置处于第五章，是在文字处理Word200和将要学习的网页制础及因特网应用两章之后。学生所学的文字处理软Wor 公司的产品，在软件的使用上有很多的共通之处Microsof软Frontpag同而不必面面俱到地在很多内容可以让学生自学所以在学frontpag的时候而第四章网络基础及因特网的应用又为学生对网页的理解奠定了基础上讲授生对网页中的基本元素——文字、图片、动画、声音等都有所了解，而网页的制所以说，学生要学的就是这种组合的方法就是将这些元素重新组合到网页上学起来就轻松然大多数学生以前都未接触过网页的制作但有了以上这些基础了本章内容按照学生已有的基础，我对教学内容分了一下类，也为教学的组织网页的制作网站的建立和管理本章内容主要由网页基础知识作打下一点基础创建超链接、图片的处理、网页框架重点是网页的制作和创建超链接，学会了这些就可以开始简单的网页制作了难点是网页框架，这部分相互之间关系比较复杂，必要时，老师在对各组个辅导时，可以给予分别讲解这个分类可以为组长安排各个组员的任务提供参考，使

分工更加合理二、教学对象的分析页6 共页1 第

信息技术课虽然已经成为初中的必修科目，但是城乡学生之间掌握情况的差异还对一些常条件好一点的初中学生不仅已经熟练掌握了课本上的内容，却相当大，而差一点的可以说是从高中开始才正式接触到信息技术知识的学用软件有所了解；习，他们需要多锻炼、多指导，所以协作学习对学生的学习帮助很大。三、教学策略的选择及媒体的使用在教学策略的选择上，我使用的是任务驱动和协作学习相结合的方法。任务驱动就是要求本章内容学习完之后，每个小组都要完成自己班级网站的制这有助于激并在全班进行评比，选择最好的作为班级主页挂到学校主页上去，作，发学生参与学习的积极性。协作学习则是让学生在学习过程中互帮互助，用较短的时间、教少的精力学到让他们在学习之后获得成就感。因此在媒体的选更多的东西，完成一个集体项目，系统有利于教师进行分组教学和学生TOP2000系统。TOP2000择上，我们使用的是教学过程开始之前，教师把学生按座位分成四组，每个作品的点评及成果的展示。保证每个组都有计算机操作方面比较突组都按学生对计算机的掌握程度平均分配，使其形成能够互帮互助的学习小组。并由他们自己选出出的，也有相对比较差的，确定在班级主页制作过程中主要完成什然后由组长根据组员的情况，组长各一名，也就是说起到一个组织者的作用。做过网页的人都知道，做网页是一项比么任务，而在这而要学生在较短的时间内制作出像样的网页是比较困难的，较费时的工作，组长把任务分到各组员头上以个过程中，网页的设计占去了相当多的一部分时间，组员就可根据自己要完成的任务相对集中的做某方面的工作，做完以后，组

网页制作超链接公开课教案

网页制作超链接公开课教案福宝中学公开课教案第 3 周星期三第 3 节 20 16 年 3 月 9 日执教: 刘云授课班级: 14计升A班课型 : 新授课课题“教材简介”——超链接的应用知识目标掌握超链接的几种类型及操作方法教学通过超链接的制作，培养学生观察力，动手操作能技能目标目力。通过学习，培养学生浓厚的学习兴趣，提高学生自标情感目标主、合作、探究的学习能力，培养学生创新精神。超链接的几种类型及其操作方法，设置超链接的方教学重点法教学难点超链接的设置对学生的分析以及具有一定自学能力，模仿能力强。好奇心强。要解决的主要问题教学方法形式 PPT演示文稿、讲授法、演示法教学效果评价方式机房实践检查作品一、导入新课 (1-2分钟) 二、理论知识讲解 (18分钟左右，设计意图:提高学生理论素教养) 学 1.超链接基础过 2.链接路径 (绝对路径、文档相对路径、站点根目录相对程路径)

3.链接的几种类型(链接到其他文档或文件、电子邮件链接、空链接和脚本链接、命名锚记链接) 4.创建链接的三种方法(使用属性检查器创建链接、使用 “指向文件”:图标创建链接、使用“超链接”命令) 5.链接目标(_blank _parent _self _top) 6.超链接标签超链接标签为三、实战演练 (20分钟左右，设计意图:通过教师演示和学生操作，提高学生动手能力，培养学生兴趣。) 1、点我看大图 2、网页与网页直接的链接 3、与互联网链接 (友情链接) 4、电子邮件链接 5、FTP链接 6、空链接 7、下载链接 8、锚记链接四、课程总结、作业布置 (3-5分钟) 1、完成课后思考题 2、机房实践熟练操作链接的几种类型 3、完成教材案例项目4 4、学有余力的同学自己发挥想象设计一个书本目录五、板书设计 URL、链接路径(3种)、链接类型、创建链接方法教学评议