网页制作教学计划6篇

　　时间过得太快，让人猝不及防，我们又将迎来新的喜悦、新的收获，写一份计划，为接下来的工作做准备吧！我们该怎么拟定计划呢？下面是小编收集整理的网页制作教学计划，欢迎大家借鉴与参考，希望对大家有所帮助。

　　网页制作教学计划 1

　　一、课程基本信息

　　课程编号：

　　中文名称：网页设计与制作

　　英文名称：Web Design and Production课程类别：选修课适用专业：所有专业

　　开课学期：20xx—20xx第2学期

　　总学时：24学时总

　　学分：1

　　课程简介：

　　本课程突出网页设计与制作的现代特点，从Internet的基础知识入手，重点介绍HTML超文本标记语言，以及所见即所得的网页设计制作工具Dreamweaver的基本操作流程。从静态页面到动态页面由浅入深的介绍网页设计与制作全过程。采用案例分析和亲自实践的方式突出、突破课程的重点和难点。并指导每一名选课的同学为自己建一个博客网站，以此提高同学对网页设计与制作的兴趣和爱好。

　　二、课程教学目标：

　　网页和网站是Internet的重要组成部分，企业、公司和机构通过网站来宣传推介自己的技术和产品，个人发布主页展示自己的风采，人们从不同类型的网站来获取需要的信息。因此，设计与制作网页已经成为计算机应用技术的一个重要方面。本课程的主要教学目的是使学生掌握网页设计与制作的基础知识，能运用网页工具设计和制作常用网页。

　　三、理论教学内容与要求

　　第一章、网页的基础知识（1学时）

　　（1）Internet基础知识

　　（2）www简介

　　（3）网页制作的`技术和工具介绍

　　第二章、超文本编辑语言HTML（8学时）

　　（1）HTML文件的基本结构

　　（2）文字和段落标记

　　（3）列表标记

　　（4）图片标记

　　（5）表格标记

　　（6）超链接标记

　　（7）表单标记

　　（8）框架标记

　　第三章、JavaScript语言（4学时）

　　（1）JavaScript语言简介

　　（2）JavaScript编程基础

　　（3）基于对象的JavaScript语言

　　（4）JavaScript程序实例

　　第四章、层叠样式表CSS（1学时）

　　（1）CSS概述

　　（2）CSS属性

　　第五章、可视化网页设计工具

　　（1）网页的基本操作

　　（2）图像、表格与超链接

　　（3）表单与框架

　　（4）添加网页元素

　　（5）发布站点

　　第六章、动态网页设计语言ASP（4学时）

　　（1）ASP简介

　　（2）VBScript脚本基础

　　（3）ASP的内置对象

　　（4）实用文件

　　第七章、利用AD0访问数据库（1学时）

　　（1）数据库的连接

　　（2）数据库的检索

　　（3）数据库的操作

　　总结复习（1学时）

　　四、实验教学内容与要求

　　（略）

　　五、作业

　　（略）

　　六、考核方式

　　期末考核每个同学为自己设计制作一个博客网站。

　　七、成绩评定

　　1、自制网站（80%）

　　2、平时考勤、作业（20%）平时成绩分配：

　　平时考勤5次，每次2分，共占10%作业5次，每次2分，共占10%

　　八、执行大纲时应注意的问题

　　根据学生对课程内容的掌握和理解程度会对进度做适当的调整。

　　网页制作教学计划 2

　　一、基本情况

　　1）课程名称：网页制作

　　2）教材使用情况：无

　　3）任课班级： 高二（1）

　　4）本学期周课时： 2

　　5）计划教学时数： 32

　　6）已完成教学情况：无

　　二、 教学目标及任务：

　　1） 课程教学主要目的要求：

　　主要目的：

　　1、介绍网络及网站建设的相关知识，使学生对其有一个初步了解；

　　2、了解万维网的基本结构，网页组成的基本要素；

　　3、了解目前常用的网页制作软件，并熟练掌握用Frontpage软件设计制作网页；

　　4、学会对站点进行管理，对网页进行上传。

　　2） 教学重点、难点：

　　教学重点：熟悉网页组成的.基本要素；在Frontpage中熟练利用表格规划布局网页；熟练正确设置超级

　　链接。

　　教学难点：动态网页的实现；利用表单处理数据信息；对站点进行管理并上传网页。

　　三、 教学内容及计划安排：

　　教材体系及教学进度计划

　　教学内容调整说明

　　第一周：了解网站和网页的相关知识

　　第二周：Frontpage简介

　　第三周：Frontpage文本基本操作

　　第四周：图像基本操作

　　第五周：网页中表格的使用之插入表格

　　第六周：表格的修饰

　　第七周：动态网页的实现之简单动画效果

　　第八周：活动元素

　　第九周：框架的使用之创建框架

　　第十周：框架的修饰

　　第十一周：表单的使用之表单栏的设定

　　第十二周：使用表单模块处理表单信息

　　第十三周：管理站点

　　第十四周：网页上传

　　第十五周：复习

　　第十六周：考试

　　1、五一放假及活动的影响，实际教学时数比计划教学时数要少；因此实际上课进度比计划要快。

　　2、由于是技能课，理论课时数会少于上机操作时数；

　　网页制作教学计划 3

　　新学期开始，本学期我将担任11级计算机网络班《网页制作》的教学，为了有效地培养学生学习网页制作课程的兴趣，使学生逐步具备利用所学知识进行网页制作的能力，以适应信息社会的学习、工作和生活的需要；为了规范教学，我特制订教学计划如下：

　　一、教学指导思想：

　　本学期我将认真做好所教课程的各项工作。认真学习中职计算机学科的教学大纲和网页制作的相关教材，明确教学任务和教材体系，力争“教书”与“育人”贯穿始终。全面贯彻教育部关于中职教育的大政方针，努力探索计算机教学规律，在激发和培养学生的学习兴趣，养成良好的学习习惯，提高动手能力的同时，着力培养学生树立正确的荣辱观和人生观，积极推进素质教育。在教学中要充分利用计算机来培养学生的信息素养，有效地提高教育教学水平。促进学生创新精神和实践能力的培养，充分考虑学生的发展需要，强调学生自主学习，发挥教师的主导作用，学生主体作用，以学生个体发展为目标，不断提高教育教学质量。

　　二、学生情况分析：

　　上学期学生已经初步学习了部分课程，对此可能有了一定的了解，但是中职学生整体素质层次不齐，绝大多数学生学习目标明确，但也有少数学生对微机在当前和末来社会中作用认识不够。虽然有基础但是通过一个假期之后，很多知识需要巩固。但总体来看本课程学生们的学习兴趣还是很好的。

　　三、教材分析

　　我们选用的是电子工业出版社出版的《网页制作》第二版教材。本教材的编写打破了传统的学科体系，以项目为中心，一个个小任务为实例，以范例网站的建设为主线，不强求理论体系的完整性，以够用为度，以是否实用为标准。整个项目统筹考虑实训的设计，循序渐进，逐步完善，着重培养学生独立思考问题和主动解决问题的能力，力求在学习的过程中积累实际工作的经验，从而突出职业技术教育的特色。

　　本书共8章，前面已学习了前三章，本学期主要学习后五章。第四章打造企业留言板本章的教学重点和难点是插入表单对象的基本方法及设置表单及表单对象属性的方法。要求掌握表单、文本域、单选按钮、列表／菜单、复选框、文本区域、隐藏域、按钮、文件域、跳转菜单、字段集、【检查表单】行为、密码验证的方法等知识点。主要是通过完成企业留言板这一项目来学习的。通过总的项目来分析逐个小任务。最终完成知识点的学习。为了更好的使同学们掌握重难点，在教学中我会精讲多练，让学生案例分析，讨论，最终上机操作，如：用户注册，163信箱等的制作。

　　第五章在Dreamweaver中美化页面本章教学重难点是添加、修改和删除行为的方法及在网页制作中应用行为的基本方法。要求学生掌握行为的概念、【行为】面板、常用事件、状态栏文本、弹出式菜单、打开浏览器窗口、交换图像、控制Shockwave或

　　Flash、弹出信息、拖动层等知识点。主要是通过逐个任务来完成教学的。首先教师演示教学案例。通过PPT课件讲授基本知识。然后通过让学生自己动手重新制作教学案例来巩固基本知识。最终通过实训让学生进一步熟悉所学知识点。

　　第六章站点的发布本章教学重难点是在IIS中配置FTP服务器的方法及通过Dreamweaver发布网页的方法和在模板中插入模板对象的方法。要求学生掌握安装IIS服务器、配置Web服务器、配置FTP服务器、发布网页、检查链接、改变链接、查找和替换、清理文档、保持同步等知识点。本章主要通过教师实例演示，学生动手操作来完成教学任务的。为了让学生更加熟练操作，教师主要通过多个实例操作练习的方法来完成教学。

　　第七章CSS样式的应用本章教学重难点是创建和设置CSS样式的方法及附加样式表的方法。要求学生掌握【CSS样式】面板、CSS样式的类别、定义CSS样式的方法、CSS的【类型】等属性对话框、3种选择器各自的特点、创建超级链接的高级CSS样式、设置单元格ID名称和样式、修改CSS样式、删除CSS样式、应用CSS样式、附加样式表、重命名样式等知识点。主要通过项目教学法来完成教学，项目的主要目的是让学生掌握CSS样式的基本知识。项目主要通过CSS样式控制购物网页的外观，一方面要熟悉CSS样式的基本使用方法，另一方面要了解购物网页页面的基本特点。本项目使用的网页布局技术仍然是表格，另外还涉及文本、图像等网页元素。

　　第八章网页制作综合实例本章重难点是使学生综合运用所学知识点。要求学生掌握网站设计流程、设计网页布局、各级网页制作的方法及网站的推广。本章主要是让学生自主完成学习任务，以培养学生发现问题，分析问题，解决问题的'能力。同时培养学生主动学习的意识。

　　四、教学措施

　　1、计算机是一个不断发展的学科，也是一个日新月异的学科，不断会有新的计算机技术出现，教师要在第一时间了解这些动态，然后学会交给学生。因为计算机在现实生活中的应用都是最新的技术，如果与现实脱节了，那么学生现在学到的计算机知识在现实中根本就用不上。所以需要教师有良好的计算机学习能力，为学生做好引导者。

　　2、采用项目教学法，任务驱动式，案例讲解，实例讨论等教学法围绕“教务管理系统”组织教学内容，分解出一个个子任务分组学习，分组讨论，充分调动学生的学习积极性，开发个人潜能。

　　3、学生自主完成学习任务，以培养学生发现问题，分析问题，解决问题的能力。同时培养学生主动学习的意识。

　　4、该课程理论性和实践性均强，要求学生勤学多练，除掌握对网页制作的操作外，还应要求学生做好flash与平面设计，并引导学生综合运用。根据学生的学习情况制订贴近学生生活的实践操作以真正达到了学以致用的目的。

　　5、课后及时反思，撰写反思日志，积极与学生沟通，了解学生学习掌握情况，对于存在的问题及时发现纠正，对于好的经验方法进行总结创新。

　　6、制定激励措施，引发学生的创新积极性。对于对计算机有兴趣和独到见解的学生，可以成立兴趣小组，有老师带队，做一些新的项目和开发研究。制定一套合理的奖励机制，对于学生的创新成果给予一定的肯定和奖励，激发学生的创新热情，让学生觉得自己创新是有人欣赏，是有价值的，从而以更积极的态度投入到新的创新中。

　　总之，计算机在教育中的地位越来越重要，我们需要投入更多的精力来对计算机教育进行创新和研究。对于本课程的教学已远远不止于此。除了因人而异、因材施教以外，更要博览群书、拓宽视野，努力寻求新的切入点，使理论教学和实际应用更好更紧密的结合起来，培养出更多适应信息化社会的实用型和复合型人才。

　　网页制作教学计划 4

　　教学目标：

　　1、知识与技能：

　　（1）理解框架的概念及用途。

　　（2）掌握框架网页的新建、制作、编辑与保存，了解框架的拆分方法。

　　（3）初步掌握将框架结构与表格布局结合使用来制作网页。

　　2、过程与方法：

　　（1）通过对表格网页的分析，体验新知识（框架结构网页）的优点，从而促进其学习新知识。

　　（2）理解框架的概念与组成，学会分析网站的结构。

　　3、情感态度与价值观：

　　（2）能够将表格与框架结构网页结合使用，在创作中体验乐趣。

　　教学重、难点：

　　1、重点：框架的概念、用途，创建、编辑与保存框架网页的方法。

　　2、难点：框架的拆分。

　　教学方法：

　　对比教学法、探究学习法、模仿学习法。

　　教学准备：

　　整理、归类相关素材，并按要求摆放。

　　教学过程：

　　1、引入

　　老师展示一组利用表格制作的网页，要求学生仔细观察，找出它们的一个共同特点（学生答：网页上方和左侧内容都是相同的，仅右下部分内容不一样），并提问如何快捷地制作这种网页？（学生答：使用复制粘贴快捷地制作）

　　尽管复制、粘贴能为我们节省时间，但有没有更好的`方法呢？相同的区域我们能否只做一遍呢？今天我们要学习的内容——框架网页制作，就能给我们带来更多便捷。（让学生明确框架网页使用的场合）

　　2、新授

　　（1）框架网页概念

　　由以上例子入手，再展示一个框架网页，教师引导学生理解框架网页的概念

　　（2）框架网页的新建与保存

　　教师要求学生先阅读教材中的操作步骤，再尝试进行探究操作。

　　任务1创建"横幅和目录"结构的框架网页，新建top和left页面，并学会保存。

　　框架结构中的每个框都是一个独立的选项文件，即网页文件，因此当框架确定之后，需要为每个框分别指定其网页文件的来源，可以通过每个框中的"新建网页"按钮和"设置初始网页"按钮进行选择。在top和left页面中，单击"保存"按钮，随即开始保存。

　　此处为教学难点，可先由框架的概念入手，再针对保存页面中的蓝色部分，教师进行讲解，教会学生注意观察。

　　学生要理解框架网页的概念，通过阅读教材中的内容，自学新建框架网页的操作，初步了解"新建网页"和"设置初始网页"两个按钮的不同，并认真聆听教师的讲解，注意观察，按要求模仿操作。

　　设计意图：培养学生自主

　　学习能力，课堂教学难点在教师的讲解后模仿操作，有效突破难点。

　　（3）相关页面的制作与设置

　　框架网页中相关页面的制作，需要结合表格来布局，插入文字、图片和交互式按钮。

　　任务2 top和left页面的制作。

　　要求：

　　○1top页面内插入1行2列的表格，左边单元格插入logo图片，右边单元格插入banner图片。

　　○2 left页面内插入5行1列的表格，在每个单元格内依次插入交互式按钮（共4个），交互式按钮文字为展示介绍的相关内容概括，在第5个单元格内插入一个邮箱指示的图片。

　　○3调整表格边框的粗细。

　　○4为main区域设置初始页面。（该网页由教师提供现成的）

　　学生制作相关页面，同时也是对前面所学内容的复习和回顾。老师反馈学生的操作情况，开展比一比、评一评活动，对表现好的学生给予表扬。

　　（4）框架网页属性的设置

　　创建好框架网页后，可以根据实际需要改变框架的属性。

　　任务3调整框架的大小、设置框架的边框、设置框架窗口中的滚动条等。

　　提高任务：框架的拆分。

　　学生自主探究学习，可向老师寻求帮助。完成设置后请同学示范操作，并说明自己设置的方法和原因。操作基础扎实的同学完成任务后可进行扩展学习。

　　3、 总结与评价

　　老师可以给出一些常见的框架结构应用界面，如Web邮箱页面等，引导学生总结本课内容，梳理课堂知识，并让学生分组，推荐一些优秀作品进行全班展示。

　　设计意图：开拓学生的视野，使学生了解框架的应用，教会学生要善于总结，要学会学习的方法。

　　网页制作教学计划 5

　　一、教学目标

　　1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；

　　2、认识FRONTPAGE的界面；

　　3、掌握在主页中插入文字、图片、水平线；

　　4、掌握页面文件与图片的保存。

　　二、教学重点

　　1、能在指定位置建立只有一个网页的站点（难点）

　　2、能在页面中插入文字、图片、水平线

　　3、掌握页面文件与图片的保存（难点）

　　三、学情分析

　　学生已经学习了WORD、POWERPOINT与上网浏览信息，对计算机的基本操作（WORD中文档的编辑，网页的浏览等）比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的积极性与自主性。

　　四、教学方法

　　在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学，让学生根据这个网络环境下的自己探索学习，以满足不同层次学生的需求。

　　五、教学过程设计

　　教师活动：

　　引入课题：（激发兴趣，活跃气氛）

　　同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）

　　浏览新浪网站，浏览的`第一个页面称为什么？（主页）

　　我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。

　　问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）

　　问题2：网页是不是就是主页？(第一个页面称为主页，网站设计者可以确定哪一个是主页，主页的文件名一般为：index.ht，主页也是网页)

　　设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。

　　今天我们学习用Frntpage建立站点，制作一个主页。

　　先来研究一下没有发布的网站，打开教师做的网站

　　网页制作教学计划 6

　　一、教学目标

　　让学生掌握网页制作的基础知识和技能。

　　培养学生的创新思维和实践能力。

　　提高学生的审美水平和团队协作能力。

　　二、教学对象

　　计算机专业的学生

　　三、教学内容

　　（一）HTML 基础（4 课时）

　　HTML 标签的介绍与使用；如：图像标签、链接标签。

　　（二）CSS 样式（6 课时）

　　CSS 基本语法和选择器。

　　字体样式、颜色、背景设置。

　　盒子模型，包括边框、内边距、外边距。

　　（三）网页布局（8 课时）

　　浮动布局与清除浮动。

　　定位布局，包括相对定位、绝对定位和固定定位。

　　弹性布局（Flex）和网格布局（Grid）。

　　（四）JavaScript 交互（6 课时）

　　JavaScript 基本语法和变量。

　　事件处理，如点击、鼠标移动等。

　　表单验证。

　　（五）网页综合实践（8 课时）

　　学生分组设计并制作完整的'网页。

　　项目展示与评价。

　　四、教学方法

　　讲授法：讲解网页制作的理论知识和操作技巧。

　　演示法：通过演示实际操作过程，让学生更直观地理解。

　　实践法：学生在课堂上进行实际操作，巩固所学知识。

　　小组合作法：分组完成项目，培养团队协作能力。

　　五、教学资源

　　教材：《网页制作从入门到精通》等。

　　在线教程和资源网站。

　　多媒体教室和相关软件。

　　六、教学评估

　　平时作业和课堂表现：占总成绩的 30%。

　　项目作品：占总成绩的 70%，根据作品的创意、技术运用、页面效果等方面进行评价。

　　七、注意事项

　　鼓励学生多实践、多探索，培养自主学习能力。

　　及时解答学生在学习过程中遇到的问题。