网站设计课教案

2018-08-07 百科阅读：

网站设计课教案篇一:初中信息技术教案：设计网站首页

教案网权威发布初中信息技术教案：设计网站首页，更多初中信息技术教案相关信息请访问教案网。
一、教学设计部分教学内容分析　　R本课的主要内容与地位　　本节课学习的内容是设计网站的首页。首页如同一本书的封面、一个戏曲人物的脸谱，应该能够反映出整个网站的整体风格和特色，让访问者通过网站首页就能对整个网站有所了解。所以，网站首页的设计是整个网站设计的重点。　　R本课与前后内容的关系　　本课是在第一课的规划设计基础之上进行的学习活动。首页的设计一定要按照规划进行。本节中涉及的知识点（编辑网页：文字输入和编辑、插入图片、插入水平线；保存、预览和新建网页）是网站制作过程中需要反复用到的，所以学生应熟练掌握。教学目标分析　　R知识目标/技能目标　　·知识目标　　⑴认识网页的工作原理；　　⑵了解网页编辑的一般过程。　　·技能目标　　⑴熟练掌握在网页中输入文字、插入图片、插入水平线的操作；　　⑵掌握网页的新建、预览和保存。　　R过程与方法目标　　⑴对网页操作中基本概念（首页、网页、网页标题等）有清晰的认识；　　⑵在操作中体会网页中图文混排遇到的困难，探索解决之道，为下一节课──用表格布局网页的学习埋下伏笔。　　R情感态度与价值观目标　　感受身边版面设计的素材：广告、报刊、课本，学以致用，将其用于网页设计中。　　R本课的重难点　　重点：插入图片和水平线。　　难点：图片和水平线属性的设置、嵌入式文件的保存。　　R本课的课时分配建议　　1课时教学策略设计建议　　R教法建议　　因FrontPage与学生之前学习的Word、Excel同属微软的Office家庭软件，在操作上有许多相同或相似之处，所以在教学过程中，教师应鼓励学生对照Word中的操作完成文字的输入与编辑、插入与编辑图片等操作；采用分组设置、对比效果的形式探究“水平线属性”对话框中各参数的含义，从而加深学生对水平线的理解；在网页保存环节中，嵌入式文件的保存是学生从来没有接触过的知识点，教师应安排学生将不同的网页素材保存在站点中的不同文件夹中，以此达到强化的目的；组织学生进行网页预览时，提醒学生注意站点文件夹中文件的变化和HTML窗口中代码的变化；讲解新建网页时，可以让学生尝试使用其它网页格式新建网页，拓展学生网页设计的思路。　　R学法建议　　对照以前学过的Word中的操作，总结FrontPage与其在操作上的不同，大胆尝试以不同的方式和途径完成老师交给的任务。教学资源与环境建议　　R本课教学资源索引　　教师应为学生提供足够多的各种格式、各种大小的图片素材。　　R教学环境准备建议教学评价建议　　R自评、互评、师评要注意的问题　　学生在设计网站首页时是否能对照Word完成相似的操作，是否能对新网页中的素材进行灵活的设置。教学过程参考案例　　第一阶段：导入新课，明确学习目标教学环节教师活动学生活动设计理念导入新课播放《说唱脸谱》音乐。师：脸谱能准确反映出人物的性格，一个网站的“脸”是什么？师：我们如何给我们的网站设计脸谱呢？这就是本节课我们要学习的内容──设计网站首页（出示课件）。学生讨论答案──网站首页。结合第一节课的规划，讨论如何设计首页。通过脸谱联想到首页，激发学生学习网页设计的热情。　　第二阶段：范例精讲，学生自主探究，完成范例教学环节教师活动学生活动设计理念学习与探究任务一：输入文字出示网页输入文字后的效果。任务二：插入图片出示插入图片后的效果，并提示图片存放位置。要求学生分别使用控制柄和设置图片属性的方法调整图片大小。任务三：插入水平线根据教材提示，使用默认值插入水平线，然后分组修改“水平线属性”对话框各参数。将前面输入的“=”组成的线替换为水平线。任务四：保存网页出示任务，由学生探索嵌入式文件保存的技巧。任务五：预览网页分组尝试两种预览网页的方法，并作比较。任务六：添加新网页根据教材提示为网站添加新网页。对比老师出示网页效果进行文字的输入和编辑，比较与Word中操作的异同。　　根据样例插入相应图片。　　尝试操作并比较说明二者的区别。分组实验，填写表1-2-1。　　操作并体验二者在表现效果上的差异。　　预览网页。　　　　完成操作，并探索新建网页的其它方法。比较它们的优缺点。前两个任务与Word操作大同小异，让学生通过对比强化记忆。　　　　　　　　通过学生自己实践理解水平线对话框的设为

网站设计课教案篇二:高中信息技术《网页制作》教案三篇

教案网权威发布高中信息技术《网页制作》教案三篇，更多高中信息技术《网页制作》教案三篇相关信息请访问教案网。
【导语】教案是教师为顺利而有效地开展教学活动，根据课程标准，教学大纲和教科书要求及学生的实际情况，以课时或课题为单位，对教学内容、教学步骤、教学方法等进行的具体设计和安排的一种实用性教学文书。准备了以下内容，供大家参考! 篇一　　说课题目：
　　FrontPage网页设计技巧综合运用
　　专家们、教师们：大家好！
　　今天我说课的题目是：FrontPage网页设计技巧综合运用
　　我的说课将从以下几个方面进行：
　　一：说教材
　　二：说教学目的
　　三：说学生
　　四：说教学方法及实现途径
　　五：说有关教学设计中的三个引导点
　　首先说教材：
　　教材的选取：教材使用经全国中小学教材审定委员会审查通过，全日制普通高级中学信息技术教科书，高中第三册，第一单元FrontPage网页设计的总结运用课。这一教材由广西科学技术出版社出版
　　本节教学内容所处的地位：是巩固与提高学生网页设计技巧的极好机会，而且是教师抓住机会进行更精彩、更有意义的教学设计与教学实施的关键时期，我想这点会在我后面的教学设计阐述中体会。
　　接下来说教学目标：
　　基础知识目标：
　　巩固前面已学的网页设计技巧，而且将激发学生自主去探讨，更多的网页设计技巧。
　　能力培养目标：
　　培养学生互相合作，共同提高的良好品质；鼓励学生们在这一网页设计运用课中，充分利用网络资源，培养自己主动学习及探究能力和综合信息素养。
　　情感教育目标：
　　如何使信息技术教学成为培养学生综合素质的一个平台，如何设计除了教会学生使用一些基础软件知识之外的更多的东西，这是我一直在计算机课教学中思考的一个问题；学生情感教育的培养，一直应成为我们课堂教学中，不可缺少的重要素质教育目标之一，所以选择母爱为主题，由此培养学生对母爱的理解及体验母亲对儿女平凡而伟大的爱；另外也为丰富我自己的情感：我作为一名普通的教学人员，我希望在我的教学中做我应做的，做我能做的，多探讨，多尝试，丰富学生的内心同时，我也在其中丰富自己，并感受更多的快乐。
　　接下来说学生：
　　学生计算机知识背景：
　　我的学生是高二的学生，高二的的学生经过高一计算机基础知识的学习以后，他们有一定的网络知识，如何设计一个教学环节不仅仅简单让学生回顾复习一下，而是能达到更高的层次，下面了解一下：
　　学生的身心特点：
　　高中生在心理和行为上表现出强烈的自主性，具有很强的自信心和自尊心，热衷于展现自己的力量和才能；他们已不满足于父母、老师的讲解，或书本上的现成结论，
　　学生与父母的交流：
　　在高中阶段，高生中的自主、独立性使他们的个性处于极其张扬与反叛的时期，父母与孩子的交流往往在这一时期成为多事之秋。所以希望能通过这一教学，激发学生们心中对母亲的爱的理解与感受。而如何根据学生情况，使这一美好的愿望在我的网页设计教学中实现呢？用怎样的教学设计与方法来进行呢？这对我们师生都将是一个很大的挑战。
　　下面是实现这些教学理念的教学方法及实现途径：
　　教学方法一及实现途径：
　　用任务驱动教学设计与母爱内容相结合：
　　把所学的网页设计技巧与母爱内容相结合，巧设任务，对学生进行引导。
　　例如：网页中文字的修饰与滚动字幕的设计，让学生结合母爱内容，自拟一个标题，进行设计展示；从有关母爱的文章资料中选择感受深刻的有关母爱的段句并配上图片在网页中进行设计；同样的背景图片及音乐，另外表格对网页整齐化的设计，都进行精心安排，结合母爱主题进行练习。
　　教学方法二及实现途径：
　　课堂以学生为主，教师为引导，师生一起互相探讨学习的教学方法，教师在教案设计中分别把所学的网页设计技巧与母爱网页设计一一对应，设计成任务，学生之间分组合作，互相学习，相互探讨，把所有任务分成四组，班上学生分成四组，每个组负责一个任务在全班进行展示，如果有任务本组不能解决的，让其他组同学上来协组完成，让他们自己当老师。
　　教学方法三及实现途径：
　　让学生在已学习的网页设计技巧应用之上，用形式多样的方法让学生感受母爱，同时进行课本以外网页设计知识的探讨：
　　例如：给学生提供有关母爱的散文与诗歌文章及背景音乐，让学生尝试如何把朗诵与文字同时展示在网页中，鼓励学生把自己喜欢的母爱文章进行课后自己录制放到网页中；向学生介绍有关录音的软件；
　　再例如：引导学生使用特效设计代码，老师提供一两个特效代码，让学生尝试，由此鼓励学生在以后的设计中到网上自主进行资料搜索并下载进行尝试运用。……
　　教学方法四及实现途径：
　　给学生提供提问与学习的平台，鼓励学生利用网络资源进行学习。给学生提出自己在网页设计中想实现而自己又不知道如何操作实现的网页设计问题，这些问题如果可以在课堂上解决的，首先鼓励学生进行互相交流解决，教师可以当堂解决的，应给予引导，如果不能解决的，鼓励学生与自己一起到网上进行学习，并在课后再进行交流，探讨解决。
　　最后说有关教学设计中母爱情感培养的三个引导点：
　　一：说学习兴趣：苏联当代著名教育家苏霍姆林斯基在给教师的建议中说到：“在每一个年轻的心灵里，都存放着求知好学、渴望知识的火药，只有教师的思想才有可能点燃它”。所以为进一步激发学生的网页制作兴趣，进行如下教学程序：
　　1、教师进行鼓励：一张网页的设计，技巧是基础，在基础之上如何设计出一张你较为满意的网页，还有许多其他的综合能力的体现，赠言：一分耕耘，一分收获，以此鼓励。
　　2、激励办法：母爱主题的网页设计将邀请家长来欣赏，把好的作品放于学校网站上。
　　二、说有关母爱音乐：如何把时尚与情感教育相结合？我想在此我找到了很好的结合点，那就是结合现代青少年最喜欢的歌星周杰伦，他自创自唱的歌曲：听妈妈的话作为我的这节设计课的开场，当我的学生走进电教室，此时当我给我的学生播放这首歌，我的学生会不约而同的跟着节拍与我一起唱：听妈妈的话，我想在那一刻，有什么样的方法会让我的学生与我一起在深深地感受着母亲的爱呢？的确，伴着这首歌，也会使我的网页设计主题内容：母爱，自然传递给学生。
　　三、说阅读、朗读：阅读、朗读是最能使人的心灵变得明亮且是培养丰富情感的重要方式，我在网上查找了很多有关母爱的文章，一首很简洁而对母爱深刻描述的诗：MOTHER，课前与班主任、语文老师和英语老师了解情况，得到学生的同意，最后我设计班上的两位学生在课堂上朗读。另外倾听也是情感培养的重要方式，我找到有关母亲的一个英文的小故事，让我的英语老师朗读并录音，在课堂上播放给学生，进行倾听，从中让学生体会母爱。著名教育家孔子提倡诗乐，他说：“温柔敦厚，诗教也。”基于此，
　　总之，在整个教学过程中，如果说充分利用网络资源，及丰富形式多样的资料进行网页设计教学，让学生的网页设计技巧巩固中深深感受母爱和理解母爱，还不如说是我自己也是学生中的一员在深深的体会母爱吧。
　　我的这节说课就到此。
　　谢谢专家们，老师们的耐心聆听，希望专家们，老师们给我指导，我相信有大家的参与，我的这一节教学设计将会好。
　　再次谢谢大家篇二　【教学目标】：
　　1、知识与技能：进一步熟练掌握网页文字、图片的插入和格式设置，能根据创意制作内容较为丰富的个人网站首页；进一步掌握网页制作软件的表格、字幕等功能。
　　2、过程与方法：任务驱动，让学生根据自己的网站规划，参考教科书，以探究的方式掌握知识与技能，实现网站其他页面的制作。
　　3、情感、态度、价值观：培养学生的审美能力和创造能力，在小组协作学习中，培养学生的团队精神。
　　【教学重点】：
　　1、根据网站规划，独立设计网站的各子页面；
　　2、学习FrontPage2000制作网页的技巧：字幕、表格、图片阴影。
　　【教学难点】：
　　1、字幕的设计和表格的使用；
　　2、文本和图片格式的更多设置。
　　【教学准备】：
　　大屏幕投影、多媒体网络教室、相关图片及文档素材
　　【教学过程】：
　　一、创设情景，引入课题：
　　同学们上节课已经在FrontPage中制作出了网站的首页，但一个网站一般都有许多页，（展示两个例子）大家看，除首页外，其它各页面都有些什么特点？
　　（有滚动字幕、有图片，有排列整齐的表格等）
　　小学信息技术教案：《制作网站页面》
　　个人主页“小星之家”
　　小学信息技术教案：《制作网站页面》
　　个人主页“风采图片社”
　　教师引入：在一个网站中，除首页外，还应当有更多的子页面详细表达各栏目的具体内容，这些页面一般比首页内容简练，但也可以加入一些滚动字幕，绘制表格以便排列图片和数据等。这节课我们就在FrontPage中试试这些功能。
　　二、新课教学
　　任务一：制作第一个子页面，并添上滚动字幕
　　1、学生探究：用以上节课学过的方法，根据自己的网站规划，新建一个空白网页，输入标题正文，再添加图片等使页面内容丰富。
　　2、教师提示学生，在插入菜单中，有“组件”子菜单，请大家试用其中的“字幕”功能，看看它有什么用途。
　　3、小组内交流试探结果，教师选两名学生通过网络广播（或大屏幕）示范插入滚动文字的步骤和效果。
　　4、保存网页，提醒学生要用英文字为文件命名。
　　教师提醒学生要记住关闭已编辑并保存的网页。
　　任务二：制作其他子网页，根据需要插入表格
　　1、师：有时候，我们需要将文字或图片按行列排整齐，最好的方法就是先插入一个表格（展示“卡通动物欣赏”网页实例），然后在表格内输入文字或者插入图片，这样就很容易排列整齐了。
　　小学信息技术教案：《制作网站页面》
　　你的哪一个网页需要使用表格呢？试试看，根据在word中学过的方法，参考课本“吃在四川”子网页的设计方法，为自己的网页也插入一个表格，再向单元格里添加文字或图片。
　　2、学生上机操作，新建一个空白网页，输入本页应有的标题及正文文字，然后插入一个表格，并在表格内插入图片，将图片大小调至合适大小。小组内交流：插入表格时，你是怎样设置表格参数的，为什么这样做？能改变单元格的大小和背景效果吗？你是怎样找到动态图片的？又是怎样把它们的尺寸设置成一样的呢？3、讨论后，学生继续操作，并保存新制作的网页。然后制作自己所规划网站的其他子网页。
　　任务三：进一步美化各网页。
　　师：为了使我们的网页更漂亮，我们可采用改变背景、使用动画或滚动字幕，改变文字或图片的格式等方法美化网页。多数功能都可以通过“格式”工具栏或“插入——组件”菜单来实现。
　　综合实践：
　　1、选择漂亮的图片作为子网页的背景。
　　2、尝试利用格式菜单，为网页的文本加上边框。
　　3、从网上找一些与网页内容相关的gif动画，插入到自己的网页中。
　　4、为图片加上凹凸或冲蚀效果。谈谈探究学习的收获：以上效果你实现了哪几种？你是怎样做的？四、拓展练习
　　运用所学的表格布局技巧，制作一个“可爱的卡通形象”网页，要求网页内有多个卡通形象，每个卡通的大小一致，并在页面上方添加一行滚动文字“卡通乐园欢迎你！”。篇三　　教材分析
　　教学内容：高中信息技术第五章第二节《网页的制作》。
　　教学重点：网页文字处理、插入图片、动画、水平线以及设置背景的方法。
　　教学难点：通过网站自主学习，让学生自己建立网页。
　　学生分析
　　本课对象是高一学生，学生通过前面WORD和INTERNET的学习，对网页内容编辑、结构和效果等设计有了一定的感性认识。
　　教学目标
　　熟悉网页中的各种元素及其制作方法，初步了解网页制作过程，培养学生的自学能力和创新探索精神。
　　教学环境
　　设计“网页制作”网站，是学生通过网站在教师的引导下，实现自主学习，完成网站中每一知识点的学习，教师借助投影仪及时反馈学生在完成目标时出现的问题。
　　教学方法
　　通过网站引导学生自主学习，解决教师提出的实际问题。
　　教学过程
　　（引入）边讲边演示
　　展示一个简单的网页
　　你现在正在上网，一定去了不少站点吧！这些站点的页面都设计得非常精美，让你在浏览信息的同时，还可以得到美的享受。这么吸引人的页面，是怎么制作出来的呢？你想不想也做一个精美的个人主页呢？如果你的回答是肯定的，那我们就一起学一下FrontPage的使用。FrontPage是优秀的专业化网页设计软件之一，使用FrontPage你只要几分钟就可以建立一个自己的网页，这可是一件令人激动的事哟！
　　（新课）教师引导学生根据网站自学，完成教师提出具体操作要求
　　模块一、教师引导学生自学“网页制作知识准备”，提出问题：
　　1、启动FRONTPAGE？
　　2、FRONTPAGE的三种显示模式？
　　3、在e:\下新建空站点，取名为abc站点文件夹。
　　模块二、教师引导学生自学“新建网页”，提出要求：
　　1、新建普通网页。
　　4、打开e:\网站制作素材\可爱的家乡高邮.htm网页。
　　模块三、教师引导学生自学“文字编辑”，提出要求：
　　1、把高邮.htm网页中的标题设置为“5号”、绿色，“加粗”字体，“居中”对齐。
　　2、把高邮.htm网页中的正文字体设置为“3号”，绿色。
　　模块四、教师引导学生自学“图片动画”，提出要求：
　　1、在网页中插入e:\网站制作素材\高邮风景\高邮湖.jpg
　　2、在网页中插入e:\网站制作素材\高邮风景\welcome.gif
　　模块五、教师引导学生自学“水平线”，提出要求：
　　1、在网页中标题与正文之间插入水平线。
　　2、水平线宽度设置为100%，高度为3像素，水平居中，颜色改为绿色。
　　模块六、教师引导学生自学“设置背景”，提出要求：
　　设置网页背景为e:\网页制作\网站制作素材\高邮风景\背景2文件
　　模块七、教师引导学生自学“保存”，提出要求：
　　将当前网页另存到e:\abc\高邮.htm,,并将图片保存到images文件夹中。
　　模块七、教师引导学生自学“小结”，提出要求把学生分为两组，一组练习制作个人网页，一组练习制作班级网页。制作素材在e:\网站制作素材\练习素材中。对学生作品点评，小结。