最新第一单元网站设计与制作 免费下载.doc

省庄二中教学备课表科目_信息_ 课题_创建站点_ 课时累计_1_ 2012年9月_日姓名张俊旺主持人学习目标1、了解网站的规划方法；2、认识FrontPage2000的工作界面；3、理解站点、网页、主页的概念教材分析重点网站规划、工作界面难点站点、网页、主页预习提纲1、什么是网站？2、网站规划的一般步骤是什么？常见的网页版面布局形式有哪些？Banner 和Logo是什么？3、FrontPage2003界面由哪几部分构成？如何新建网站？4、能够区分站点、网页和主页。师生交流摘要必须记住：FrontPage2000的工作界面。加强理解：站点、网页和主页的区分；常见的网页版面布局，Banner 和Logo。升华提高：新建网站、打开关闭网站。学习流程 问题导引一、导课主持人引导同学们看阅读与思考，提出问题。（可由主持人更换导入故事，乱拆乱建等等） 通过故事得出什么结论？如果要在网上安个家，同样需要对自己的网站进行合理的规划。通过这节课我们就来学习创建站点。二、请学生分别读知识目标、技能目标、情感态度与价值观目标三、他山之石，可以攻玉主持人引导学生了解什么是网站。1、什么是网站？网站是在因特网上一个相对独立的信息的集合，这些信息以网页的形式向全世界发布。因此，网站就是相关网页的集合。2、练一练：观察课本，两个网站各自有什么主要特点？四、网站规划的一般步骤1、确定网站的主题和风格网站的主题是什么？网站的风格是什么？我们想要建立的“情感小屋”网站应该是什么特点？2、设计规划网站的结构和内容主页 网页一 网页二 网页三 网页四 网页五情感小屋（1、我的父母2、我的校园3、我就是我4、左邻右舍5、雁过留声3、设计网站的版面布局什么是网站的版面布局？常见的网页版面布局形式有哪些？（T、口、冂、时尚型、三）什么是Banner?什么是Logo?4、搜集整理网站素材 常见的素材网站5、选择网站制作工具五、FrontPage的站点管理1、初识FrontPage网页文件名标签、编辑窗口、视图切换区、状态栏、任务窗格2、新建网站请同学叙述如何新建网站，分哪几步？主持人在台上演示。_private文件夹与image文件夹分别存放什么？什么是网站的首页？3、关闭网站 请同学介绍方法4、打开网站 方法？六、实践与创新 谈谈收获七、小结：主持人总结本课内容。课后反思：省庄二中教学备课表科目_信息_ 课题_设计网站首页_ 课时累计_2_ 2012年9月_日姓名张俊旺主持人学习目标1、认识网页的工作原理；2、了解网页编辑的一般过程；教材分析重点学会在网页中输入文字、插入图片和水平线难点学会新建、预览和保存网页预习提纲1、在网页中输入文字： 2、在网页中插入图片：3、在网页中插入水平线：4、保存网页5、预览网页6、添加新网页师生交流摘要必须记住：学会在网页中输入文字、插入图片和水平线升华提高： 善于从身边的广告、书刊中学习版面设计知识，并学习以致用学习流程 问题导引一、导课主持人引导同学们看阅读与思考，提出问题。网站的首页就像整个网站的“脸谱”，应该能够网站的主题和特色。怎么设计网站的呢？通过这节课我们就来学习设计网站首页。主持人板书：设计网站首页。二、在网页中请同学们观察“情感小屋”网站首页，主持人分组让学生完成以下任务：1、在编辑窗口中把这些文字输入到网页上，“Banner位置 首页 我的父母 我的学校 我就是我 左邻右舍 雁过留声 欢迎光临 我的情感小屋子=Copyright 2010-2015小学制作”2、对文字进行修饰3、注意观察两个方面，保存前后的变化。补充：网页中的换行三、在网页中插入图片主持人分组让学生完成以下任务：在网页中插入任意一张图片，调整图片大小位置合适。四、在网页中插入水平线主持人分组让学生完成以下任务：1、在网页中插入水平线，根据“水平线属性”对话框调相关设置。2、把水平线设置为宽度为75%、高度为8、水平居中、颜色为蓝绿色五、保存网页主持人请同学介绍有哪两种保存网页的方式问：什么是网页标题？网页标题与网页文件名的区别是什么？六、预览网页主持人分组让学生完成练一练的三个任务：1、在视图切换区选择“预览”视图查看网页效果2、利用工具栏中哪个按钮可能直接启动浏览器进行网页浏览3、分析它们的优缺点？七、添加新网页主持人请同学介绍如何添加新网页先尝试听介绍自己练课后反思：省庄二中教学备课表科目_信息_ 课题_网页中的表格_ 课时累计_3_ 2012年9月_日姓名张俊旺主持人学习目标1、理解表格在网页设计中的重要作用；2、学会使用表格布局网页；灵活掌握表格调整的方法。教材分析重点学会使用表格布局网页；灵活掌握表格调整的方法难点插入表格、行列操作，单元格操作预习提纲1、如何插入表格 2、调整表格一般分为哪几项：行高和列宽，单元格的合并和拆分，插入或删除表格中的行与列3、平均分布行和列4、布局表格和单元格的使用师生交流摘要必须记住：学会行高和列宽的调整，单元格的合并和拆分，插入或删除表格中的行与列升华提高： 表格的作用学习流程 问题导引一、导课主持人引导同学们17页学习探究的第一部分表格的作用，提出问题。当我们上网浏览网页时，会看到网页中的文字、图片、动画等素材排列整齐有序，并且 不会因浏览窗口大小的改变而改变排列方式。这是如何做到的呢？什么是表格？什么表格的边框？表格的作用是什么？通过使网页的内容，让网页内容成了一个有机的整体。二、在网页中插入表格请同学们观察操作步骤：提问1、如何设置表格边框为虚线？提问2、表格边框虚线起什么作用？请主持人选部分同学到讲台上演示。依次是23、22、14、21，宽度都为780像素，水平居中。补充知识：什么是像素？三、表格的调整请同学们阅读表格的调整回答下列问题：1、我们可以用哪两种对行高和列宽进行调整？用鼠标调整时注意什么？鼠标手动的方式和单元格（表格）属性对话两种方式。鼠标调整时注意鼠标指针，变成“”“竖向箭头”托动鼠标即可。2、如何对单元格进行合并和拆分？选中，右键，选择“合并单元格”“拆分单元格”，如果是拆分，需要填写行数或列数。3、如何插入或删除表格中的行或列？选择行或列，选择的方法很重要，指针变成粗实箭头。右击快捷菜单，选择插入和删除。4、如何应用“平均分布行和列”命令？选择表格，右键快捷菜单，选择平均分布行和列。主持人请俩人上讲台，边演示边讲解。可以选多人参加。四、布局表格和单元格的使用请同学们并回答下列问题如何打开“布局表格和单元格”任务窗格？它有什么作用？作用：布局表格为网页布局创建一个框架，布局单元格为该框架包含有网页内容的区域。五、小结主持人找同学总结，我们都收获了些什么？课后反思：省庄二中教学备课表科目_信息_ 课题_网页的美化_ 课时累计_4_ 2012年9月_日姓名张俊旺主持人学习目标1、学会在网页中设置背景、音乐、Flash动画和滚动字幕；2、了解美化网页的常用方法理解美化网页对提高网站质量的作用。教材分析重点在网页中设置背景、音乐、Flash动画和滚动字幕难点美化网页的方法步骤预习提纲1、如何插入背景音乐 2、如何设置网页的背景3、如何设置表格的背景4、如何插入Flash动画5、如何插入滚动字幕师生交流摘要必须记住：学会在网页中设置背景、音乐、Flash动画和滚动字幕升华提高：了解美化网页的常用方法理解美化网页对提高网站质量的作用学习流程 问题导引一、导课主持人引导同学们23页阅读与思考，提出问题。怎样对网页进行美化，才能使它漂亮起来呢？二、认读学习目标主持人指定学生认读目标，其他同学认真听记。三、插入背景音乐请同学们观察操作步骤：1、老师向大家推荐一首歌曲云宫迅音，请同学也推荐一首，咱们一块从网上把这两首曲子都下载下来。2、由老师演示如何把背景音乐设置为云宫迅音。3、主持人指定同学探索如何设置背景音乐。4、主持人请同学总结下如何设置背景音乐。加油站：背景音乐的格式四、设置网页的背景请同学们阅读课文：1、老师想让同学们把当前网页的背景颜色由空白改为浅蓝色，谁给大家演示下。2、老师想让大家把背景颜色改为同学们自己喜欢的图片，谁想办法做一下。3、总结下更改网页背景的要点。一点通：颜色与心理 加油站：色彩知识五、设置表格的背景主持人问：同学们想一想，教材是不是讲重了呀？背景颜色不是已经改了吗？结论：我们又将要学习的是表格的背景颜色，我根据需要对网页中某一个局部的背景颜色进行设置，以达到强化有关内容的效果。提问：我们能通过哪两方面实现？演示：修改表格的颜色，修改单元格的颜色。总结：更改表格和单元格背景颜色与网页背景颜色的异同。六、插入Flash动画和滚动字幕主持人请老师演示。步骤：1、下载Flash动画，并插入到当前网页中。2、插入Web组件，选择“动态效果”，选择“字幕”。七、小结：主持人找同学总结，我们都收获了些什么？课后反思：省庄二中教学备课表科目_信息_ 课题_建立超链接_ 课时累计_5_ 2012年10月_日姓名张俊旺主持人学习目标1、学会在网页中插入超链接和导航栏；2、掌握将链接指向站点内、站点外和电子邮箱的方法。教材分析重点理解超链接的概念，理解导航栏在网页设计中的重要性难点体会万物皆有联系，加强与父母、老师和同学间的交流预习提纲1、设置超链接 建立网站内的链接、建立到其他网站的链接、建立到邮箱的链接、建立书签链接2、设置网站导航栏师生交流摘要必须记住：理解超链接的概念，理解导航栏在网页设计中的重要性升华提高：体会万物皆有联系，加强与父母、老师和同学间的交流学习流程 问题导引一、导课主持人引导同学们30页阅读与思考，提出问题。在因特网上有数不胜数的网站和网页，怎样才能快捷地浏览它们呢？出示课题：建立超链接二、认读学习目标主持人指定学生认读目标，其他同学认真听记。三、设置超链接请同学们阅读课文：1、设置超链接的作用是什么？我们在设计网页时，为实现自由跳转，需要设置链接目标和采用的协议等，也就是给相应对象设置超链接。2、什么是超链接？超链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。3、超链接分哪几种？（网站内、其他网站、到邮箱、书签）下面请老师给大家演示下这四种超链接的建立方法。常见链接类型的状态栏特点链接类型特点或特征站点内链接指向本站内的一个网页站点外链接指向外部网站的访问地址邮箱链接将链接目标设成一个电子邮箱的地址书签链接通过设置书签链接的方式来迅速找到阅读目标四、设置网站导航栏1、什么是导航栏？是网站内容的目录，能让我们在浏览网页时很容易到达不同的页面。导航栏一般放置在各主要网页中比较醒目的位置。2、建立导航栏一般有哪两种方法？五、小结主持人找同学总结，我们都收获了些什么？课后反思：省庄二中教学备课表科目_信息_ 课题_网站的发布与维护_ 课时累计_6_ 2012年10月12日姓名张俊旺主持人学习目标1、理解网站空间的概念；了解网站上传的原理；2、掌握网站检查和宣传的方法；教材分析重点理解网站空间的概念；了解网站上传的原理难点掌握网站检查和宣传的方法预习提纲1、网站发布前的检查：检查语法、检查网站的整体情况、检查超链接、检查网页中嵌入式文件的存放路径2、申请网站空间3、上传网站：利用“WEB文件管理”功能、使用FTP工具4、网站的宣传：网站登录、交换链接、论坛发帖师生交流摘要必须记住： 理解网站空间的概念；了解网站上传的原理升华提高：掌握网站检查和宣传的方法学习流程 问题导引一、导课我们设计的网站只有发布到Internet，才能让更多的人访问。如何发布网站，发布网站前应该做的准备做的工作有哪些？本节课就来解决这些问题。板书：第6课 网站的发布与维护二、网站发布前的检查请同学们阅读课文，解决以下问题：提问1、网站发布前的检查一共有哪几个方面？提问2、检查语法的主要功能，举例说明？提问3、检查网站的整体情况时，一般重点查看哪几项指标？提问4、如何检查超链接？提问5、检查网页中嵌入式文件的存放路径？提问6、请同学介绍下路径的相关概念？三、申请网站空间请同学们阅读课文回答下列问题：1、申请网站空间的大致步骤是什么？常用的免费提供空间的网站有哪些？2、中联网上如何申请免费空间？四、上传网站请同学们并回答下列问题1、Web文件管理界面有哪几部分组成？2、LeapFTP界面有哪几部分组成？3、请同学介绍FTP的工作原理是什么？4、LeapFTP如何设置和使用？五、网站的宣传请同学们阅读课文回答下列问题：提问：为了宣传自己的网站，一般采用哪几种方式？六、补充知识：网站的表态与动态空间七、小结主持人找同学总结，我们都收获了些什么？课后反思：省庄二中教学备课表科目_信息_ 课题_制作表单网页_ 课时累计_7_ 2012年9月_日姓名张俊旺主持人学习目标1、了解表单的交互作用；学会在网页中插入表单；正确设置表单信息的收集方式。2、能正确对待自己的缺点和别人的优点，善于取人之长，补己之短。教材分析重点学会在网页中插入表单；正确设置表单信息的收集方式。难点同上预习提纲1、在网页中插入表单2、设置表单信息的收集方式师生交流摘要必须记住：表单的交互作用；学会在网页中插入表单；正确设置表单信息的收集方式。升华提高： 表单的工作原理学习流程 问题导引一、导课“有了一些小成绩就不求上进，这完全不符合我的性格。攀登上一个阶梯，这固然很好，只要还有力气，那就意味着必须再继续前进一步”读了安徒生的这段名言，你想到了什么？我们网上的“家”是否也“必须