《网页的制作》教案精编5篇

参考资料，少熬夜！《网页的制作》教案精编5篇【导读指引】三一刀客最漂亮的网友为您整理分享的“《网页的制作》教案精编5篇”文档资料，供您学习参考，希望此文档对您有所帮助，喜欢就分享给朋友们吧！网页制作教学设计1教学目标：1、知识与技能（1）了解超级链接的含义及链接源和链接目标的含义，掌握同一站点内以及不同站点间网页超级链接的创建方法。（2）掌握网页内书签的作用及创建书签链接方法，掌握交互式按钮、框架网页内超级链接的设置方法。（3）理解热区链接的含义及创建方法。2、过程与方法（1）通过创建网页超级链接的操作，使学生了解网页中创建超级链接的基本方法，破除对网页链接的神秘感。（2）通过对不同对象设置超级链接的操作，使学生总结出操作的规律，培养学生自主学习与操作的能力。（3）通过网页不同的超级链接方法，拓展学生思维，创建多种形式的网页链接。3、情感态度与价值观（1）通过链接我国主要自然保护区网页，激发学生热爱祖国、热爱自然、热爱生命的激情。（2）完成超级链接，使学生感受成功的喜悦和快乐。教学重、难点：1、教学重点：（1）超级链接的含义及链接源和链接目标的含义。（2）超链接的制作方法——给文字、图片制作超链接，制作书签链接，给交互式按钮制作超链接，框架页面内的超链接，图片区域制作超链接等。2、教学难点（1）书签链接中名称及对应链接位置的设定。（2）在框架页面中制作超链接时，目标对象所选择的显示窗口形式。教学方法与教学手段：任务驱动法、讨论探究法、讲解与演示法、类比知识迁移法。教学准备：动物——人类的朋友站点，包括未链接的网页，如欢迎页、表格页、框架页，表单页等。教学过程：1、引入展示两个主页，一个已经创建了链接，一个没有创建链接，让学生进行比较并找出区别，引出本课课题——超级链接。参考资料，少熬夜！提出：我们在先前的学习中，哪个软件中的相关操作与它类似？什么是超级链接？找一个例子，分析链接源和链接目标分别是什么？学生展开交流，通过对比找出不同点，并积极思考，回答老师的问题。设计意图：通过对比操作、交流，再辅以知识迁移，明确本节课教学内容。2、新授（1）站内超级链接引导学生回顾PowerPoint中超链接的制作方法（教师提示：右击链接源，利用快捷菜单制作超链接），辅以教材中的内容，让学生自行探究并完成以下操作：任务1同一站点内不同页面之间的链接○1制作首页（欢迎页）到表格页的超链接。○2给表格页内交互式按钮设置超级链接，链接到相关页面。○3给框架页内交互式按钮设置超级链接，链接到相关页面。教师巡视，及时指导，安排学生示范操作并讲解如何制作超链接。交互式按钮的超链接制作要求在框架网页中演示操作。老师可以提问学生：演示者操作的对吗？有没有问题？引导学生发现问题：超链接制作完成后需要检验（保存后预览）。教师讲解，突破难点，再交由学生操作。以上是同一站点内不同网页之间的链接，有时一个页面中内容过多，需要不断拖动滚动条实现阅读，能否实现快速跳转呢？任务2同一站点内同一页面内的跳转（链接）：在动物趣闻页面内制作书签链接。教师讲解：由生活中的书签引入，介绍书签链接的概念，然后再演示如何操作。提示：书签链接的双向性问题（返回）。学生认真听讲后模仿制作，教师巡视进行指导并反馈学生的完成情况。（2）站间超级链接仅凭我们课堂上制作的这些页面还不足以详细介绍我们的主题，此时我们还可以借助超链接，链接到因特网上的其他网站，以丰富我们的内容。任务3借助热区链接，为友情链接页面制作超链接，链接我国一些自然保护区网站。有了以上基础，可安排学生自学教材中有关热区链接的相关内容，学生探究操作后教师再安排学生进行演示，辅助以提问的形式检验学生的自学情况。3、总结与评价参考资料，少熬夜！开展同学间的互助，检验其链接完成情况，推荐优秀同学做展示。引导学生分类总结本节课的知识点。网页制作教学计划2一、基本情况1）课程名称：网页制作2）教材使用情况：无3）任课班级：高二（1）4）本学期周课时：25）计划教学时数：326）已完成教学情况：无二、教学目标及任务：1）课程教学主要目的要求：主要目的：1、介绍网络及网站建设的相关知识，使学生对其有一个初步了解；2、了解万维网的基本结构，网页组成的基本要素；3、了解目前常用的网页制作软件，并熟练掌握用Frontpage软件设计制作网页；4、学会对站点进行管理，对网页进行上传。2）教学重点、难点：教学重点：熟悉网页组成的基本要素；在Frontpage中熟练利用表格规划布局网页；熟练正确设置超级链接。教学难点：动态网页的实现；利用表单处理数据信息；对站点进行管理并上传网页。三、教学内容及计划安排：教材体系及教学进度计划教学内容调整说明第一周：了解网站和网页的相关知识第二周：Frontpage简介第三周：Frontpage文本基本操作第四周：图像基本操作第五周：网页中表格的使用之插入表格第六周：表格的修饰第七周：动态网页的实现之简单动画效果第八周：活动元素第九周：框架的使用之创建框架第十周：框架的修饰第十一周：表单的使用之表单栏的设定第十二周：使用表单模块处理表单信息第十三周：管理站点第十四周：网页上传第十五周：复习第十六周：考试参考资料，少熬夜！1、五一放假及活动的影响，实际教学时数比计划教学时数要少；因此实际上课进度比计划要快。2、由于是技能课，理论课时数会少于上机操作时数；网页制作教学设计3教学目标：1、知识与技能：（1）理解框架的概念及用途。（2）掌握框架网页的新建、制作、编辑与保存，了解框架的拆分方法。（3）初步掌握将框架结构与表格布局结合使用来制作网页。2、过程与方法：（1）通过对表格网页的分析，体验新知识（框架结构网页）的优点，从而促进其学习新知识。（2）理解框架的概念与组成，学会分析网站的结构。3、情感态度与价值观：（1）通过以人与动物为主题的框架结构网页制作活动，了解更多有关人与动物和谐相处的知识，通过故事趣闻，增强学生关注动物的兴趣和意识。（2）能够将表格与框架结构网页结合使用，在创作中体验乐趣。教学重、难点：1、重点：框架的概念、用途，创建、编辑与保存框架网页的方法。2、难点：框架的拆分。教学方法：对比教学法、探究学习法、模仿学习法。教学准备：整理、归类相关素材，并按要求摆放。教学过程：1、引入老师展示一组利用表格制作的网页，要求学生仔细观察，找出它们的一个共同特点（学生答：网页上方和左侧内容都是相同的，仅右下部分内容不一样），并提问如何快捷地制作这种网页？（学生答：使用复制粘贴快捷地制作）尽管复制、粘贴能为我们节省时间，但有没有更好的方法呢？相同的区域我们能否只做一遍呢？今天我们要学习的内容——框架网页制作，就能给我们带来更多便捷。（让学生明确框架网页使用的场合）2、新授（1）框架网页概念由以上例子入手，再展示一个框架网页，教师引导学生理解框架网页的概念（2）框架网页的新建与保存参考资料，少熬夜！教师要求学生先阅读教材中的操作步骤，再尝试进行探究操作。任务1创建横幅和目录结构的框架网页，新建top和left页面，并学会保存。框架结构中的每个框都是一个独立的选项文件，即网页文件，因此当框架确定之后，需要为每个框分别指定其网页文件的来源，可以通过每个框中的新建网页按钮和设置初始网页按钮进行选择。在top和left页面中，单击保存按钮，随即开始保存。此处为教学难点，可先由框架的概念入手，再针对保存页面中的蓝色部分，教师进行讲解，教会学生注意观察。学生要理解框架网页的概念，通过阅读教材中的内容，自学新建框架网页的操作，初步了解新建网页和设置初始网页两个按钮的不同，并认真聆听教师的讲解，注意观察，按要求模仿操作。设计意图：培养学生自主学习能力，课堂教学难点在教师的讲解后模仿操作，有效突破难点。（3）相关页面的制作与设置框架网页中相关页面的制作，需要结合表格来布局，插入文字、图片和交互式按钮。任务2top和left页面的制作。要求：○1top页面内插入1行2列的表格，左边单元格插入logo图片，右边单元格插入banner图片。○2left页面内插入5行1列的表格，在每个单元格内依次插入交互式按钮（共4个），交互式按钮文字为展示介绍的相关内容概括，在第5个单元格内插入一个邮箱指示的图片。○3调整表格边框的粗细。○4为main区域设置初始页面。（该网页由教师提供现成的）学生制作相关页面，同时也是对前面所学内容的复习和回顾。老师反馈学生的操作情况，开展比一比、评一评活动，对表现好的学生给予表扬。（4）框架网页属性的设置创建好框架网页后，可以根据实际需要改变框架的属性。任务3调整框架的大小、设置框架的边框、设置框架窗口中的滚动条等。提高任务：框架的拆分。学生自主探究学习，可向老师寻求帮助。完成设置后请同学示范操作，并说明自己设置的方法和原因。操作基础扎实的同学完成任务后可进行扩展学习。3、总结与评价老师可以给出一些常见的框架结构应用界面，如Web邮箱页面等，引导学生总结本课内容，梳理课堂知识，并让学生分参考资料，少熬夜！组，推荐一些优秀作品进行全班展示。设计意图：开拓学生的视野，使学生了解框架的应用，教会学生要善于总结，要学会学习的方法。《网页的制作》教案4学习目标:制作框架网页、在网页中插入字幕和超链接知识1、制作框架网页框架网页是一种特殊的HTML网页，它将窗口划分成若干小窗口区域（框架）。每个框架独立显示一个不同的网页（有自己的网页名字），整个框架网页有一个总的名字。框架与表格在组织网页结构时相似。表格是对页面区域进行划分，框架是对整个浏览窗口进行划分。·创建框架网页：单击菜单“文件”→“新建”→“网页”，选择“框架网页”标签→选择“嵌套式层次结构”·选中的框架边框为蓝色，在拆分或删除框架时应注意是否选中。·隐藏框架间的横线：右击框架网页→单击“框架属性”→在对话框中单击“框架网页”按钮，在“网页属性”对话框中选“框架”标签→设置“显示边框”为未选中状态。·按住Ctrl键，拖动鼠标可以快速拆分框架。·删除框架：单击菜单“框架”→“删除框架”。·保存框架网页时注意要保存所涉及到的所有网页。·更改框架链接的网页：右击相应的超链接→在弹出的快捷菜单上选择“超链接属性”命令，打开“编辑超链接”对话框→可直接选择列出的文件，或在“URL”框中输入网页的地址→单击“目标框架”右边的“更改目标框架”按钮，在“当前框架网页”中选择目标框架。2、网页中插入字幕·插入字幕：光标定位插入点→单击“插入”→“组件”→“字幕”打开“字幕属性”对话框；→在文本框中输入文字，选择“方向”、“速度”、“表现方式”等；→选中字幕，拖动鼠标，调节字幕运动范围。·修改字幕：双击字幕，可以打开“字幕属性”对话框，对字幕属性进行修改。3、超链接相关网页超链接是从一个网页指向另一个目标的`连接。一般在网页中的某文字或图片上设置超链接。·创建超链接：单击文字或图片→“常用”工具栏的“超链接”按钮，打开“创建超链接”对话框。·取消超链接：选中具有超链接的文本或图片，单击“超参考资料，少熬夜！链接”按钮，在打开的对话框中将URL栏中的内容删除。·跟踪超链接：在超链接上右击，在打开的快捷菜单上选择“跟踪超链接”命令；或：在普通视图中，按住Ctrl键，将光标移到超链接上，单击，会跟踪连接到超链接指向的目的位置。·设置超链接文本的颜色：网页中超链接文本的颜色共有3种：未访问过的，当前正在访问的，已访问过的。FrontPage默认这3种颜色分别为蓝色，红色、深蓝色。单击“格式”→“背景”→在“网页属性”对话框→选“背景”标签，选定“超链接”、“已访问过的超链接”、“当前超链接”的颜色。作业：新建框架网页，建立超链接，在网页中插入字幕。制作网页（框架）这一教案网页制作教学计划5新学期开始，本学期我将担任11级计算机网络班《网页制作》的教学，为了有效地培养学生学习网页制作课程的兴趣，使学生逐步具备利用所学知识进行网页制作的能力，以适应信息社会的学习、工作和生活的需要；为了规范教学，我特制订教学计划如下：一、教学指导思想：本学期我将认真做好所教课程的各项工作。认真学习中职计算机学科的教学