《2022年制作网站首页教案设计.docx》由会员分享，可在线阅读，更多相关《2022年制作网站首页教案设计.docx（16页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、2022年制作网站首页教案设计 . . 制作首页教案设计 省市郁南县帄台镇初级中学 黄伟兴 教学课题：制作首页 教学背景： 首页是的脸面，学生通过学习设计首页，一方面培育他们为提高作品吸引力、呈现自我而主动思索、探究、尝试的意识和看法，另一方面通过学习各种基本网页设计技术，亲历网页制作的一般过程，更好地为接下去几节课的学习和活动参加打下基本功。 教学目标： 1 1 、学问与技能： （1）了解网页一般由哪些元素组成。 （2）学会运用表格进行版面布局。 （3）能够在网页中添加网页元素。 （4）能在网页中设置超。 2 2 、过程与方法： （1）通过制作首页，驾驭版面布局、添加网页元素和设置超的基本技
2、术方法，达到举一反三的功效。 . . （2）通过学生动手设计网页的实践活动，使学生驾驭对象属性的设置方法，为学生今后学习其他软件奠定基础。 3 3 、情感看法与价值观： （1）提高视觉素养，能依据网页主题确定恰当的网页风格并具有初步的创意。 （2）通过运用表格布局网页对象活动，进一步驾驭各种不同对象属性的设置方法和规律，提高学生学习信息技术的信念。 （3）在合作实践过程中，培育学生的审美实力和创建实力，在小组协作学习中，培育学生合作帮助、团结协作的良好品质。 （4）培育学生大胆构思、自我创新的精神，培育学生的美感及创作后的成就感。 （5）擅长和老师、同伴一起分析探讨，在分析、探讨中学会观赏，学
3、会评价。 4 4 、 学情分析 ： 学生已经具备了计算机软件运用的基础，但学生在学习过程中往往会把留意力停留在技术实现的层面上，让学生相识和驾驭制作首页的方法，故操作性强。在前面几节课学生初步确定了的主题，收集了部分资料。学生已经在 word 文档的学习中驾驭在文档中插入图片、艺术字等素材方法，为制作网页中的添加素材这一环节打下基础，同时表格教学比较枯燥，表格嵌套、依据图片特点裁剪图片、设计制作表格等学问点更加枯燥乏味。图片处理操作水帄的差异和教学容的枯燥，可能会造成许多学生不愿动手、不会动手。在实际教学时，老师应当时刻给 . . 予学生恰当的引导，在调动学生学习爱好方面下足功夫。 5 5 、
4、素养目标： 制作网页要应用到多方面的学问，培育学生的学问迁移实力，同时给学生供应了自由发挥的空间，学生可以充分发挥自身的创建力与想象力，培育学生综合运用学问的实力。 教学重点难点： 1 1 、教学重点： （1）能用表格规划版面布局的方法与技巧。 （2）恰当选取网页元素与设置。 2 2 、教学难点： （1）驾驭超技术设置导航功能的方法。 （2）驾驭设置网页属性的一般方法。 教材分析： 1 1 、本节的作用和地位： 本节课侧重培育信息表达的实力，对于加强学生的信息意识，提高信息处理的实力有着重要的作用；网页的设计也给学生供应了展示特性、自主创新的机会，促使他们主动地学、创建性地学；网页的评价则能使
5、学生了解容编排的原则，页 . . 面布局的种类，色调搭配的风格等，提高他们的艺术修养和审美情趣。 2 2 、本节主要容介绍： 课改后信息技术课已不再是单纯的计算机技能课，它强调以培育信息素养为目标，以任务驱动为模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培育出适应信息社会发展的有用人才。这节课的主要任务是使学生驾驭在 FrontPage 用表格规划网页及在网页中插入图片、声音、水帄线等相关学问与操作，并能合理、敏捷地应用到网页制作中，美化自己的网页。 教学方法： 1 1 、先学后教，兵教兵 先学，就是让学生自学，尝试独立操作；后教，是依据学生自学效果，老师进行精讲、点评，并
6、尽量让学生去教；兵教兵，就是让学生充当小老师的角色，自学得较好的学生操作给其他学生看，通过示，在学生间起到相互促进，相互影响的作用，达到共同进步。 2 2 、任 务驱动，小组竞赛法 依据学生不同的学习实力、学问储备、爱好爱好，依据自愿组成原则，将全班分成若干个小组。通过网页教学课件的协助，在老师的引导下，各小组根据自己规划出的网页设计方案，以任务驱动和分工合作形式制作网页。并通过自我评价、小组评价、师生互评相结合的评价方式使学生自主完成作业，由学生自己担当评委，评比出优秀网页，通过展示学生的优秀作品来激发学生对网页制作的兴 . . 趣。 由操作实力强的学生充当组长，带动其他成员完成网页制作，一
7、来培育他们合作互助的关系，二来培育学生之间、师生之间的感情。 整节课老师只扮演一个组织者和提示者的角色，一步步引导学生完成本课的目标，让学生充分发挥自主性、帮助性，培育他们合作、创新的实力。 3 3 、提问引导法 依据学生已有的学问结构体系，采纳提问的方式引出每个教学目标，中间穿插视察、自主探究、合作沟通的方式加深学生的印象，培育学生的视察实力，动手实力和团结合作精神。让学生自觉主动地去分析问题、解决问题，学生在操作过程中不断发觉问题、解决问题，使学生由学会学问变为会学学问。 教学评价： 在教学过程中一方面要考查学生能否顺当驾驭制作网页的基本技术方法，依据设计需求完成首页的制作，另一方面又要考
8、查学生在作品中是否做了科学的布局规划、是否合理地运用了各种网页元素，作品是否具备表现力和较强的可读性。 教学过程： 一、创设情景 、 引入课题 、明确任务 师：上节课我们已经规划了自己的，今日老师给大家带来了一个礼物，它是一个美丽的，它就是老师个人学校，里面有很多关于同学们的容，如：你们美丽 . . 的生活相等，请同学们观赏。 生：学生仔细观看，自主相互探讨，畅谈想法及发表看法。 师：继筹划之后我们就要着手来进行网页的设计了，第一个要进行的当然是首页的制作。首页是的脸面，能不能吸引访问者的留意，它显得尤为重要，所以在设计制作首页时须要特殊花心思。怎样设计一个好看的网页让第一时间抢占阅读者的眼球
9、呢？再度打开的首页。 生：细致视察该首页的特点。并相互探讨，各抒已见。 师：上节课已经搜集了素材，这节课咱们来动手制作的首页。指导学生运用FrontPage 打开例班级的首页，让学生进行小组沟通，回答以下几个问题： 1、你知道有哪些软件可以用来制作网页吗？ 2、该网页包含了许多元素，它们是如何整齐有序地分布在网页中的？用什么可以分割网页的版面布局呢？ 3、该首页包含了哪些元素？是否能很好地表达主题思想？结合小组收集到的素材，你认为在自己的首页中可以添加哪些网页元素？ 4、导航栏是的地图，没有它，阅读者就会迷路。选定例首页导航栏中的栏目文字，单击常用工具栏上的超按钮，看看会出现什么？ 生：视察思
10、索、探究、小组合作沟通，回答老师提出的几个问题，并确立自己将要开展的工作。 . . 师 ：其实许多文字处理软件都可以设计网页，如 Word 中，利用另存为 web 页就可以将文档保存为网页，有些图像处理软件如 PhotoShop 也可以制作网页，Windows记事本也可以制作网页等，不过 FrontPage 和 Dreamweaver 却是最便利的网页制作软件，因为它们不仅可以制作网页，而且能便利地设计和管理，很适合入门学习。 二、先学后教、任务驱动、自主学习 1、用表格进行版面布局 ： 师：（1）提问学生都为他们的主页打算了哪些容和素材（如文本、图片、动画、音频、视频）？ （2）引导学生阅读
11、教材，然后动手实践。 生：（1）学生回答老师的问题。 （2）上网学习相关的技能技巧。 （3）小组合作自主探究，老师引导，并支配操作娴熟的学生进行演示。 ： 师：（1）老师巡察课堂，做个别辅导。针对学生普遍存在的问题，老师做具体讲解。 （2）以前我们可以用表格来表示数据信息吗？表格还可以用来对网页版面实现分割吗？ （3）你准备怎样支配它们的详细位置才能使网页更加合理美观，便利访问者 . . 访问？ （4）让打开学生常去的，腾讯 QQ，让学生视察并提问他们发觉了什么，再逐一把表格中的各元素删除，使网页上只留下一个空表格结构。 （5）提示学生要在编辑窗口和预窗口之间切换视察，使表格结构调整得更加合理
12、。 （6）如何才能让表格不显示在我们的网页中呢？ 生：思索回答问题，小组合作探究、沟通，完成老师布置的任务。 ： 师：（1）对比展示两素材相同布局不同的网页。一个运用表格布局，但表格边框隐藏，其页面工整，文本、图片摆放对称，具有肯定的规律；另一个不用表格布局则页面凌乱，图文混杂，摆放杂乱。 （2）老师简洁演示。 A：添加表格；B：表格属性设置面板中的几个常用设置选项说明。 （3）指出学生易出错或难于处理的问题及学生可能遇到的问题。 ： 生：（1）仔细观看老师演示，归纳总结沟通自己动手动实践过程中存在的问题和不足、胜利的心得体会及改进思路等。 （2）相互找出易出错或难于处理的问题及学生可能遇到的
13、问题，合作探究解决的方法。 . . 2 2 、添加网页元素 ： 师：（1）要求学生把事先打算好的各种网页元素（如文本、图片、动画、音频、视频）添加到主页，也可运用老师机的共享资源库的素材。 （2）把学生用到的技能要点发到学习上。 ： 生：（1）小组合作沟通，对之前收集到的素材进行选用，添加到网页中。 （2）上网学习相关的技能技巧。 （3）上网查找需补充的素材。 （4）学有余力的同学还可以尝试怎样让网页更加生动。如添加视频、背景音乐等。 ： 师：（1）恰当地为学生供应方法，讲授阅历心得。 （2）解决学生提出的疑难问题。 （3）激励学生进行发觉和尝试提高他们的动手实力。 （4）老师巡察课堂，做个别
14、辅导。针对学生普遍存在的问题，老师做具体讲解。 ： 师：（1）老师简洁演示。 （2）指出学生易出错或难于处理的问题及学生可能遇到的问题。 . . ： 生：仔细观看老师演示，归纳总结沟通自己动手动实践过程中存在的问题和不足、胜利的心得体会及改进思路等。 3 3 、设置超 ： 师：（1）如何通过超技术实现的导航功能？ （2）再次提出导航栏是的地图，没有它，阅读者就会迷路。选定例首页导航栏中的栏目文字，单击常用工具栏上的超按钮，看看会出现什么？ （3）你发觉哪些地方须要设置超吗？试对它们进行设置。 （4）如何检查各个目标是否设置正确？ 生：动手尝试，通过自主探究、小组合作沟通，回答老师的问题。 师：
15、老师简洁演示。 三、课堂小结、作品展示、师生评价 （1）老师引导学生进行总结，针对本节课的重点学问进行提问，了解学生对相关学问的驾驭。 （2）学生相互观赏作品，举荐优秀作品在全班进行展示。我们来评一评， 哪个作品做得好，好在哪里？那个作品还存在不足之处，都有那些方面？师生共同评价，老师对完成状况好的学生和帮助他人的学生给与表扬。 四、教学反思 . . 本节课采纳的教学理念和教学方式是在建构主义的教学理论指导下，采纳任务驱动教学法,让学生这种带着任务自主学习的探究模式下实现学问的意义建构。以学生自己实践、自主学习为主，老师奇妙引导，适时指引为辅，学生在这种学习过程中处于主动主动的主体地位，从而可
16、以充分发挥学生的学习主动性和创建性，使学生自主地获得学问。让学生通过合作协调、构思创新的方式完成整节课学习的方法，极大调动了学生的学习主动性，培育了其信息表达的实力，加强了学生的信息意识，提高了信息处理的实力。在探究式学习中，重要的不只是仅对任务完成的学习，而是学习者对学问的探究过程，是学习者在探究学问过程中的思维飞跃，是特性化发展的极好过程。同时，自主学习可以使每一位学生依据自己的学问基础与学习方法自定步调进行个别化学习，克服了传统课堂教学中压制特性化发展而采纳一刀切的人为现象,但在引导过程中要留意驾驭好度，既让学生自己探究，驾驭学问，又要合理补充，刚好纠错。 制作 站点创建与首页制作教学设
17、计 一、教材分析 本节课是科学技术教材，初息技术（8 年级）第 3 章第 2 节的其次课时的容，是继规划、设计后进行实现的关键一节，在整个课程的学习过程中至关重要。这 . . 节课的主要任务是运用 Dreamweaver 软件，让学生驾驭在网页中插入图片、声音、水帄线等相关学问与操作，并能合理、敏捷地编辑和美化自己的网页。 二、教学目标 1学问与技能 （1）驾驭简洁网页的新建方法。 （2）能够在网页中插入、排版文字，驾驭图片、水帄线的插入方法及属性的设置方法，能够敏捷应用网页属性对话框，设置网页属性，如背景、背景音乐。 （3）驾驭保存网页的方法，了解网页保存与一般文档保存的不同点。 2过程与方
18、法 （1）对比教学，使学生驾驭学习应用软件的基本方法和规律，达到举一反三的功效。 （2）任务驱动、自助探究，动手设计的实践活动，建立对象属性设置的思维方法和操作方法，为学生今后学习其它软件奠定基础。 （3）小组合作，培育学生自助、协作学习的实力。 3情感看法与价值观 （1）能够在对比学习中，让学生体验软件学习的一般方法及规律，提高其学习信息技术的信念。 （2）能够在首页的设计和创建的过程中，驾驭对象属性的设置方法，初步体验胜利的欢乐。 （3）能够通过小组沟通学习，激发学生探究创新的学习精神。 三、教学重难点 . . 1教学重点 （1）站点的建立。 （2）简洁网页设计方法，如文字、图片以及水帄线
19、的插入与编辑等。 （3）设置网页属性的一般方法。 2教学难点 （1）站点的作用和存储路径。 （2）网页的保存。 四、教学方法 对比和任务驱动教学法，自助探究和合作学习法， 五、教学打算 教学容打算：整理、归类相关素材，并分发到学生电脑指定盘。 上课地点：多媒体教室 六、教学过程 1情境导入 分发导学案，展示旅游日记，提问学生放假出门旅游的经验，引导学生思索如何记录旅行过程，讲解展示的容，激发学生创建的学习爱好。 设计意图：由学生生活实际入手，自然过渡，激发爱好，活跃气氛。 2新课教学 （1）介绍 通过展示的网页，分析其组成元素：标记、标题、水帄线、文字介绍、背景图片、背景音乐，强调容的合理布局
20、。 （2）建立站点 . . 由于我们的须要制作多个网页文件以及相关图片、声音文件等，所以建设初期就要做好管理打算，我们以站点的形式来管理部文件。 任务 1 1 在 D 盘下建立一个站点文件夹，站点名称：0128（即班级序号+学号）。 老师活动：指导学生比照书本进行学习（限时）； 学生操作期间老师巡察课堂，做个别辅导； 针对学生中普遍存在的问题，老师可做具体讲解。 学生活动：明确老师要求后，阅读教材，开展比照着教材的自学活动； 举手反馈完成与否。 设计意图：比照教材操作步骤自学软件的相关操作。（自学为主） 提问思索：在文件夹列表中看到了什么？ 分析多出的文件夹列表栏，多了一个文件夹，里面有两个子
21、文件夹和主页，图片存放在images文件夹中。 设计意图：了解站点的作用，强调站点的管理。 （3）设计首页 再次强调一般首页组成状况，提出课堂制作要求（可跳出案例中各对象的详细摆放要求，但要求出现元素不得缺少）。 任务 2 2 新建首页，要求首页中有如下对象： 的图片标记和标题。 的建立主旨（文字介绍）。 水帄线（起分隔作用）。 到下一页的标记（可为文字，也可为图片）。 . . 老师活动：指导学生示，讲解如何插入图片（来自文件）、插入水帄线等。（留意各对象插入点的选择） 学生活动：按要求小组合作完成任务。 设计意图：类比 Word 中对象的插入方法，使学生学会学问迁移。并在完成基本任务的前提下
22、，激励学生创新。（类比学习法、学问迁移学习法） （4）编辑与预览主页 提出详细编辑要求，引导学生设置相关对象的属性。 任务 3 3 编辑主页 设置标题文字为隶书、7 级、蓝色、居中。 设置水帄线粗细为 5 像素。 设置文字介绍文字为楷体、小二号、蓝色、加粗。 选择一淡雅图片，将其设置为首页背景图片。 为首页加上背景音乐。 老师活动：指导学生示，讲解如何设置文字、图片、水帄线以及网页属性等。 学生活动：按要求小组合作完成任务。 （强调：必需在一般 窗口下编辑，网页背景图片的像素符合要求）。 设计意图：通过小组沟通学习，培育学生自助、协作学习的实力，激发学生探究创新的学习精神。 （5）保存网页 老
23、师活动：深化讲解示。 学生活动：仔细听讲，按要求保存自己的网页。 （强调：选择一个其他文件的文件夹分类保存图片等素材） . . 总结与评价 （1）引导学生填写任务完成测评表，相互检查作业，举荐优秀作品，展示给全班同学，表扬完成状况好的同学与帮助他人的同学。 （2）比照本堂课的学习状况进行总结，提问本节课的重点学问，反馈学生相关学问的驾驭状况。 设计意图：加强总结反馈，激励学生互帮互助 第16页 共16页第 16 页 共 16 页第 16 页 共 16 页第 16 页 共 16 页第 16 页 共 16 页第 16 页 共 16 页第 16 页 共 16 页第 16 页 共 16 页第 16 页 共 16 页第 16 页 共 16 页第 16 页 共 16 页