网站内容与功能设计(„第五篇：制作网站首页教案设计(1)(组图))

　　网站内容与功能设计(„第五篇：制作网站首页教案设计(1)(组图))

　　„第五部分：制作网站主页教学计划设计

　　制作网站首页教案设计

　　制作网站首页教案设计

　　广东省云浮市云南县站台镇初中

　　黄伟星

　　教学科目：制作网站首页教学背景：

　　网站首页是网站的“脸”。学生通过学习设计网站来设计主页。一方面，他们培养积极思考、探索、实验的意识，以增加作品的吸引力，展现自我。态度，另一方面，通过学习各种基本的网页设计技巧，体验网页制作的大体过程，为接下来的几节课和参与活动打好基本功。教学目标：

　　1、知识与技能：

　　（1）了解网页一般由哪些元素组成。（2）学会使用表格进行布局。（3）可以在网页中添加网页元素。（4）可以在网页上设置超链接。

　　2、流程和方法：

　　（1）通过制作网站首页，掌握布局、添加网页元素、设置超链接等基本技术方法，相互推论。

　　（2）通过学生动手设计网页的实践活动，学生可以掌握设置对象属性的方法，为学生以后学习其他软件打下基础。

　　3、情感态度和价值观：

　　制作网站首页教案设计

　　（1）提高视觉素养，能够根据网页主题确定合适的网页风格，有初步的创意。（2）通过使用表格来布置网页对象活动，可以进一步掌握设置各种对象的方法和属性规律，提高学生学习信息技术的信心。

　　（3）在合作实践过程中，培养学生的审美能力和创造能力，培养学生在集体协作学习中合作、协助、团结、协作的良好品质。

　　（4） 培养学生大胆创新的精神，培养学生创作后的美感和成就感。

　　（5）善于与老师和同行分析讨论，通过分析讨论学会欣赏和评价。

　　4、研究分析：

　　学生已经具备使用计算机软件的基础，但在学习过程中往往更注重技术实现的层面，让他们能够理解和掌握网站主页的*敏*感*词*法，因此具有很强的可操作性。前几节课，同学们初步确定了网站的主题，采集了一些资料。学生在word文档的学习中，掌握了在文档中插入图片、艺术字等素材的方法，为网页添加素材的过程奠定基础。同时，表格的教学相对枯燥，表格的嵌套，根据图片的特点裁剪图片，设计、制作表格等知识点比较枯燥。图像处理操作水平的差异和枯燥的教学内容可能会导致很多学生不愿意和做不到。在实际教学中，教师要时刻对学生进行适当的引导，充分调动学生的学习兴趣。

　　5、质量目标：

　　网页的制作要应用到多方面的知识，培养学生的知识传递能力，同时为学生提供自由的空间，充分发挥学生的创造力和想象力，培养学生综合运用的能力。使用知识。教学重点及难点：

　　1、教学重点：

　　制作网站首页教案设计

　　(1）Methods and techniques to plan the layout using a table. (2） Select web page elements and settings appropriately.

　　2、教学难点：

　　（1）掌握超链接技术设置方法网站导航功能。（2）掌握设置网页属性的一般方法。课本分析：

　　1、 本节的作用和地位：

　　本课程侧重于培养信息表达能力，对加强学生的信息意识，提高学生的信息处理能力具有重要作用；网页的设计也为学生提供了展示个性和自主创新的机会，鼓励他们积极、创造性地学习。对网页的评价可以使学生了解内容布局的原则、页面布局的类型、色彩搭配的风格等，提高学生的艺术修养和审美情趣。

　　2、 本节主要内容介绍：

　　课程改革后，信息技术课程不再是一门纯粹的计算机技能课程。它强调以培养信息素养为目标，以任务驱动模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。本课的主要任务是让学生掌握使用FrontPage中的表单来规划网页以及在网页中插入图片、声音、横线的相关知识和操作，并将其合理灵活地运用到网页制作中，美化自己的网页。网页。教学法：

　　1、先学后教，“兵”教“兵”

　　先学就是让学生自己学习，尝试独立操作；后期教学，教师根据学生自学的结果进行密集讲授和点评，尽量让学生“教”出来；老师的角色，自学好的学生可以展示给其他学生，通过示范，互相交流。

　　制作网站首页教案设计

　　相互促进，相互影响，共同进步。

　　2、任务驱动，团队竞赛方式

　　根据学生不同的学习能力、知识储备、兴趣爱好以及自愿形成的原则，将班级分为若干组。在网络教学课件的辅助下，在教师的指导下，各小组按照自己规划的网页设计方案，以任务驱动、分工协作的形式制作网页。通过自评、小组评价、师生互评相结合，让学生独立完成作业。学生自己担任评委，评选出优秀的网页，通过展示学生的优秀作品，激发学生对网页制作的兴趣。

　　操作能力强的学生担任组长，带动其他成员完成网页制作，一是培养彼此的合作互助关系，二是培养学生、师生之间的感情。

　　教师在整个课程中只扮演组织者和提醒者的角色，引导学生一步步完成本课的目标，让学生充分发挥自主性和帮助性，培养合作创新能力。

　　3、问题引导方法

　　根据学生现有的知识结构体系，通过提问、穿插观察、自主探究、合作交流等方式提出每个教学目标，加深学生的印象，培养学生的观察能力、实践能力和团结协作精神。合作。让学生自觉、主动地分析和解决问题。学生在操作过程中不断发现和解决问题，使学生从学习知识转变为知道知识。教学评价：

　　在教学过程中，一方面要考察学生能否顺利掌握网页制作的基本技术方法，并按照设计要求完成网站主页的制作，另一方面，需要考察学生在作品中是否进行了科学的布局规划。、各种网页元素的使用是否合理，作品是否具有表现力和可读性。教学过程：

　　制作网站首页教案设计

　　一、创建场景，引入主题，明确任务

　　老师：上节课我们已经计划好了自己的网站。今天老师给你带来了礼物。很漂亮的网站，就是《教师私校网站》，里面有很多关于学生的内容，比如：你们的美好生活是平等的，请尽情享受吧。

　　学生：学生认真观看，独立讨论，畅所欲言，发表意见。

　　师：按照网站的规划，我们开始设计网页。首先要做的当然是主页的制作。首页是网站的“脸”。是否能吸引访问者的注意力尤为重要，所以在设计主页时需要特别注意。如何设计一个好看的网页，让网站第一时间抓住浏览者的眼球？再次打开网站的主页。学生：仔细观察主页的特点。并互相讨论并表达他们所看到的。

　　师：材料是上节课采集的。在本课中，让我们手工制作网站的主页。指导学生使用FrontPage打开示例“Class网站”的首页，让学生分组交流，回答以下问题：

　　1、你知道可以用什么软件制作网页吗？

　　2、这个网页收录很多元素。它们在网页上是如何整齐有序地排列的？什么可以用来划分网页的布局？

　　3、这个主页收录哪些元素？你能很好地表达主要思想吗？结合群里采集的资料，你觉得有哪些网页元素可以加入到你的网站首页？

　　4、导航栏是网站的“地图”，没有它，浏览者就会“迷失”。选择示例首页导航栏中的栏目文字网站，点击常用工具栏上的超链接按钮，看看会出现什么？学生：观察思考，分组探索，合作交流，回答老师提出的几个问题，确定自己要做什么。

　　制作网站首页教案设计

　　师：其实很多文字处理软件都可以设计网页。例如，在 Word 中，您可以使用“另存为网页”将文档另存为网页。一些图像处理软件如 PhotoShop 也可以创建网页，Windows“记事本”也可以创建网页。网页等，但FrontPage和Dreamweaver是最方便的网页制作软件，因为它们不仅可以制作网页，还可以方便地设计和管理网站，非常适合入门学习。

　　二、先学后教，任务驱动，自主学习

　　1、使用表格进行布局

　　师：（1）问同学们为自己的主页准备了哪些内容和材料（如文字、图片、*敏*感*词*、音频、视频）？

　　（2）引导学生阅读课本，然后练习。学生：（1）学生回答老师的问题。（2）在线学习相关技巧和技巧。

　　（3）小组自主合作探索，老师指导，安排熟练的学生进行示范。老师：（1）老师巡视教室，做个别辅导。老师对常见的进行详细讲解学生的问题。

　　（2）之前可以用表格来表示数据信息吗？表格也可以用来分割网页吗？

　　（3）你打算如何安排他们的具体位置，使网页更加合理美观，方便访问者访问？

　　（4）让学生去网站、腾讯QQ网站，让学生观察并提出问题，然后将表中的每个元素一一删除，这样那只留下一个空的表结构。（5）提醒学生在编辑窗口和预窗口之间切换，这样表结构可以调整更多

　　制作网站首页教案设计

　　合理的。

　　(6）表单怎么不显示在我们的网页上？

　　学生：思考答题，组队探索，交流，完成老师布置的任务。

　　师：（1） 对比展示两个材质相同、布局不同的网页。一个是表格布局，但是隐藏表格边框，页面整齐，文字和图片对称放置，有一种是某种模式；另一种不使用表格布局，页面杂乱，图文混杂，布局杂乱。（2）老师简单示范。

　　A：添加一个表；B：表格属性设置面板中几个常用设置选项的说明。（3） 指出学生容易出错或困难的问题以及学生可能遇到的问题。

　　学生：（1）认真看老师的介绍，总结交流自己做的过程中的问题和不足，成功的经验和改进的想法等。

　　(2） 找出容易出错或难点的问题以及同学之间可能遇到的问题，合作探讨解决方案。

　　2、添加网页元素

　　老师：（1） 要求学生在首页添加事先准备好的各种网页元素（如文字、图片、*敏*感*词*、音频、视频），也可以使用共享资源库中的素材老师的电脑。（2）把学生用到的技能要点发给学习网站。

　　学生：（1）群合作交流，选择之前采集的资料，添加到网页中。（2）在线学习相关技能和技巧。（3）找出来需要添加在线材料。

　　制作网站首页教案设计

　　（4）有能力的同学也可以尝试一下如何让网页更加生动，比如添加视频、背景音乐等。

　　老师：（1）适当地为学生提供方法和教学经验。（2）解决学生提出的疑难问题。

　　（3） 鼓励学生去发现并尝试提高他们的动手能力。

　　（4）教师巡视课堂，进行个别辅导。老师对学生常见问题进行详细讲解。

　　老师：（1） 老师的简单介绍。

　　（2） 指出学生容易出错或难以处理的问题以及学生可能遇到的问题。

　　学生：认真观看老师的讲解，总结交流自己在做的过程中遇到的问题和不足，成功的经验和改进的想法等。

　　3、设置超链接

　　师：（1）如何通过超链接技术实现网站的导航功能？

　　（2）再次提出导航栏是网站的“地图”，没有它，浏览者就会“迷失”。选择示例网站的导航栏中的列文本@>主页然后点击常用工具栏上的超链接按钮，看看会出现什么？

　　（3）有没有找到需要设置超链接的地方？尝试设置一下。（4）如何检查每个链接目标是否设置正确？

　　学生：动手尝试，通过自主探索、小组合作和交流，回答老师的问题。师：老师只是示范。

　　制作网站首页教案设计

　　三、课堂总结、作业展示、师生评价

　　（1）老师引导学生对本课重点知识进行总结、提问，了解学生对相关知识的掌握情况。

　　（2）同学们互相欣赏作品，推荐优秀作品在全班展示。大家来评说哪些作品做得好，哪些作品好？那部作品还有哪些不足，有哪些方面？学生们一起进行评价，老师对表现好的学生和帮助他人的学生给予表扬。

　　四、教学反思

　　本课采用的教学理念和教学方法以建构主义教学理论为指导，采用“任务驱动教学法”，使学生在“任务驱动学习”的探究模式下实现知识​​的意义建构。以学生自己的实践和自主学习为主，老师的巧妙引导，及时指导为辅。学生在这个学习过程中处于积极主动的主导地位，使他们能够充分发挥学习的主动性和创造性，使学生自主学习。知识。让学生通过合作、协调、构思和创新来完成全课学习的方法极大地调动了学生的学习积极性，培养学生表达信息的能力，增强学生的信息意识，提高信息处理能力。在探索性学习中，重要的不仅仅是完成任务的学习，而是学习者探索知识的过程。它是学习者在探索知识过程中思维的飞跃，是一个极好的个性化发展过程。同时，自主学习可以让每个学生根据自己的知识基础和学习方法，按照自己的节奏进行个性化学习，克服了传统课堂教学中抑制个性化发展、采取“一刀切”的人为现象。 ，但在指导过程中要注意掌握“

　　制作网站首页教案设计

　　《网站制作-网站制作与首页制作》教学设计

　　一、教材分析

　　本课为江苏科技出版社教材。初中信息技术（8年级）第3章第2节第二课内容是经过网站规划和网站设计网站实现的关键部分在整个课程的学习过程中非常重要。本课的主要任务是使用Dreamweaver软件，让学生掌握在网页中插入图片、声音、横线等的知识和操作，合理灵活地编辑和美化自己的网页。

　　二、 教学目标 1. 知识与技能

　　（1）掌握如何创建一个简单的网页。

　　（2）能够在网页中插入和排版文字，掌握插入图片和横线的方法和属性的设置方法，能够灵活使用“网页属性”对话框设置网页属性，如作为背景和背景音乐。

　　（3） 掌握保存网页的方法，了解保存网页和普通文档的区别。2.流程和方法

　　（1）比较教学使学生掌握学习应用软件的基本方法和规律，达到相互推论的效果。

　　（2）任务驱动，自助探索，网站实践活动的动手设计，建立对象属性设置的思维方法和操作方法，为学生学习其他软件打下基础在将来。

　　(3） 团队合作，培养学生的自助和协作学习能力。3.情感态度和价值观

　　制作网站首页教案设计

　　（1） 对比学习，学生可以体验软件学习的一般方法和规律，提高学习信息技术的信心。

　　（2）能够在网站主页的设计和创建过程中掌握设置对象属性的方法，初步体验成功的喜悦。

　　(3）能够通过小组交流学习，激发学生求知欲和创新的学习精神。

　　三、教学重点和难点 1. 教学重点（1）建站。

　　（2）简单的网页设计方法，如文本、图片、横线的插入和编辑。（3）网页属性设置的一般方法。2.教学难点

　　（1） 站点的角色和存储路径。（2） 网页的保存。

　　四、教学方法

　　对比和任务驱动的教学方法，自我探究和合作学习方法，

　　五、教学准备

　　教学内容准备：将相关资料整理归类，分发到学生电脑指定磁盘。上课地点：多媒体教室

　　六、 教学过程 1. 上下文导入

　　制作网站首页教案设计

　　分发教学计划，展示“旅行日记”网站，询问学生假期旅行经历，引导学生思考如何记录旅行过程，讲解网站展示的内容，启发学生培养网站学习兴趣。

　　设计意图：从学生的实际生活入手，自然过渡，激发兴趣，活跃气氛。2.新课教学（1）网站介绍

　　通过展示的网页，分析其构成元素：网站标志、标题、横线、文字介绍、背景图片、背景音乐，强调网站内容的合理布局。

　　(2）创建站点

<p>由于我们的网站需要制作多个网页文件以及相关的图片、声音文件等，所以我们必须在网站的建设初期做好管理准备，对