下面是范文网小编整理的网页设计与制作教学计划3篇(网页设计与制作课程目标)，供大家赏析。
网页设计与制作教学计划1
网页制作教学计划 网页制作基础（1周）
１．了解网页中的常用术语
域名、ＵＲＬ、超级链接、导航条、站点、表单、发布 ２．网站的概述以及网站的各种类型 ３．网页制作的常用工具软件。４．网页设计的基础语言－ＨＴＭＬ
文件开始标记
文件头开始标记
文件标题结束标记
文件头结束标记
正文文件开始标记
网页设计与制作教学计划2
《网页设计与制作》教学大纲
第一部分 大纲说明
一、课程的性质和任务
《网页设计与制作》是高等职业学校计算机专业的一门必修的专业基础课。本课程讲述了网站创建、网页制作基本知识、Dreamweaver网页制作集成工具使用的方法等内容。通过本课程的学习，使学生掌握构建网站的基本知识，熟悉网页开发平台的使用，能够独立的创建个人网站。
二、课程教学要求
1、理论和实践相结合
本课程是计算机专业的一门必修的专业课程，是理论和实践相结合的课程。该课程重点是构建网站的基本知识，熟悉网页开发平台的使用，能够独立的创建个人网站。在教学过程中 要与Dreamweaver MX、Flash MX和Firework MX结合起来，同时，应该使课堂理论教学与学生参与专业实践相结合，在课外安排一定的时间进行专业实践，这样学生在学习中，通过理论学习和上机操作实验熟悉构建网站的流程，能够进行简单图像和动画的制作、加工和处理，能够独立的创建个人网站。
2、加强课堂练习与课后练习
为了训练和培养学生的实际操作能力，必须要求学生进行课堂练习与课后作业练习，加强学生的专业技能和基础理论的学习。
三、教学时数与教材
网页设计与制作课程教学总学时数为54学时，其中授课时间为32学时，实验课时为22学时；《网页设计与制作》，田博文编著，人民邮电出版社，2004年。
四、课程教学方法
在网页设计与制作的教学中应当注意：
1、教学方法
本课程应采用理论与实践结合，讲授与自学结合，实践操作与课堂讨论结合的“三结合”教学方法。
2、教学形式
本课程的教学形式可以采用班组教学、课堂讲授、利用业余时间自学等形式。
3、实践性环节教学要求
本课程具有较强的实践性和应用性，教学过程中应该贯彻理论与实践相结合的原则，有重点的组织一些课堂讨论和实践操作以及单元测试，督促并检查学生按时完成课外作业，有条件的情况下，可以组织学生到有关部门及单位参观、座谈、以增强学生的感性认识。
第二部分 教学内容和教学要求
第一章 基础知识（2学时）教学目的与要求：
通过本章学习，学生应了解网页被执行的详细过程，以及与网络相关的基本定义和概念，并掌握在网络中建立网站的方法。
重点难点：在网络中建立网站的方法教学内容： 教学内容：
（一）网络基础知识
（二）初识网页
（三）网上安家
第二章 创建本地虚拟站点（4学时）教学目的与要求：
通过本章学习，让学生熟练掌握在本地创建虚拟站点与创建文件和文件夹的方法，以及站点管理器的使用，了解制作网站的准备工作。重点难点：创建虚拟站点与创建文件和文件夹的方法 教学内容：
（一）准备工作
1、了解网站的服务群体
2、确定网站的主题
3、画出结构图
4、确定网站命名规则
（二）创建虚拟网站
（三）其他功能
1、站点地图布局
2、保存站点地图
3、设计备注
第三章 文档、文本和链接（4学时）教学目的与要求：
通过本章的学习，让学生熟练掌握创建、保存文档的方法，以及文本的各项参数设置和文本超级链接、图像超级链接、下载链接的使用方法，了解文本各项参数的源代码表示方法。
重点难点：创建、保存文档的方法，以及文本的各项参数设置和文本超级链接、图像超级链接、下载链接的使用方法 教学内容：
（一）新建文档
（二）建立超级链接
1、添加文本链接
2、图像超级链接
3、电子邮件链接
4、下载链接
5、命名锚记 第四章 Web图像（4学时）教学目的与要求：
通过本章的学习，让学生熟练掌握在Dreamweaver MX中使用图像的一些基本方法和技巧、设置网页背景色和背景图像的方法、图像映射和跟踪图像的方法，了解GIF和JPEG两种图像格式的异同点和使用环境。
重点难点：设置网页背景色和背景图像的方法、图像映射和跟踪图像的方法 教学内容：
（一）网页中的色彩
（二）图像格式
1、GIF格式
2、JPEG格式
3、如何正确地使用GIF
（三）Dreamweaver MX中的图像技术
（四）设置网页背景
1、改变网页背景色
2、设置背景图像
（五）在Dreamweaver 中巧妙地处理图像
1、给图像添加文字说明
2、图像映射
3、跟踪图像
第五章 Fireworks MX中的图像技术（4学时）教学目的与要求：
通过本章的学习，让学生熟练掌握文本工具、绘图工具和握样式的使用，以及GIF、JPEG格式图像的输出，图像处理技术和在Fireworks MX中制作HTML网页的过程。
重点难点： 文本工具、绘图工具和握样式的使用，以及GIF、JPEG格式图像的输出，图像处理技术和在Fireworks MX中制作HTML网页的过程。教学内容：
（一）制作漂亮的文字
（二）制作个性化的网站标志
（三）制作网页背景图像
（四）对图像进行美化
（五）制作HTML网页
（六）Dreamweaver MX与Fireworks MX的配合使用
第六章 表格（4学时）教学目的与要求：
通过本章的学习，让学生熟练掌握表格的创建、编辑过程、表格的嵌套、表格的宽度、边框、背景色和背景图像的位置和表格的各种标签的源代码，了解表格的组成及各项参数的含义。
重点难点： 表格的创建、编辑过程、表格的嵌套、表格的宽度、边框、背景色和背景图像的位置和表格的各种标签的源代码 教学内容：
（一）表格的组成（二）建立表格
（三）表格属性
（四）在表格内添加元素
（五）选择表格
（六）编辑表格
（七）增加、删除行和列及拆分、合并单元格
（八）表格的缩放
1、用拖放方法缩放表格的大小
2、用表格的[属性]面板改变表格尺寸
（九）一个完整的页面制作过程
1、页眉的制作
2、左侧导航区的制作
3、制作中间主要区域
4、制作右侧新闻摘要区 第七章 框架（4学时）教学目的与要求：
通过本章的学习，让学生熟练掌握创建、保存框架的过程、框架组、框架的属性设置和框架中链接的目标显示窗口、了解框架的含义。
重点难点： 创建、保存框架的过程、框架组、框架的属性设置和框架中链接的目标显示窗口 教学内容：
（一）建立框架
1、建立框架
2、插入框架
3、添加内容
4、保存框架
（二）选取框架
1、选择一个框架
2、选择框架组
（三）框架和框架组的属性
1、框架属性
2、框架组属性
（四）编辑框架
（五）框架中链接的目标显示窗口 第八章 表单（4学时）教学目的与要求：
通过本章的学习，让学生熟练掌握各表单的属性，了解表单的含义。重点难点：各表单的属性 教学内容：
（一）创建一个反馈表单
（二）测试表单页
（三）表单及表单域的各项属性
第九章 插入其他对象（4学时）教学目的与要求：
通过本章的学习，让学生熟练掌握水平线、6种文件头标签、插入字符的使用，熟练在网页中插入多种格式的视频。
重点难点：水平线、6种文件头标签、插入字符的使用，熟练在网页中插入多种格式的视频 教学内容：
（一）插入水平线
（二）插入文件头标签
（三）插入字符
（四）插入多媒体
1、插入Flash动画
2、插入插件
3、播放“*.rm”格式影片 第十章 HTML样式和CSS样式（4学时）教学目的与要求：
通过本章的学习，让学生熟练掌握HTML样式的用法、CSS样式的创建、3种放置CSS代码的方式，了解CSS样式的定义。
重点难点：HTML样式的用法、CSS样式的创建、3种放置CSS代码的方式 教学内容：
（一）HTML样式
1、新建样式
2、应用HTML样式
3、清除HTML样式
4、在面板中处理样式
（二）什么是CSS样式
（三）[CSS样式]面板
（四）CSS的属性
（五）使用Dreamweaver MX中的CSS样式编辑器
1、创建自定义样式
2、重定义HTML标签
3、使用CSS选择器
4、附加样式表 第十一章 Flash MX（4学时）教学目的与要求：
通过本章的学习，让学生熟练掌握用工具箱中的工具创建和编辑图形、视频、音频的导入、运动动画、变形动画的创建、运动引导动画、遮罩动画的创建，了解矢量动画、位图图像的定义。
重点难点： 用工具箱中的工具创建和编辑图形、视频、音频的导入、运动动画、变形动画的创建、运动引导动画、遮罩动画的创建 教学内容:
（一）基础知识
1、电脑动画
2、矢量图形
3、位图图像
4、Flash动画的特点
（二）Flash MX
（三）创建图形
（四）编辑图形
（五）素材和元件
1、视频的导入
2、音频的导入
3、元件
（六）创建基本动画
1、运动动画和变色动画
2、变形动画
3、逐帧动画
（七）创建多层动画
1、制作运动引导动画
2、制作遮罩动画
（八）作品的测试和发布
1、作品的测试
2、作品的优化
3、作品的导出和发布 第十二章 模板和库（4学时）教学目的与要求：
通过本章的学习，让学生熟练掌握模板、库的创建方法，了解[资源]面板的一般用法。
重点难点： 模板、库的创建方法 教学内容:
（一）[资源]面板
（二）Dreamweaver MX中的模板
1、创建模板
2、创建可编辑区域
3、创建重复区域
4、创建重复表格
5、编辑模板
6、使用模板
（三）Dreamweaver MX中的库
1、什么是库
2、怎样使用库
第十三章 源代码相关功能及行为（4学时）教学目的与要求：
通过本章的学习，让学生熟练掌握13种行为的创建过程、代码提示、标签选择器、标签编辑器、标签检查器的使用，了解标签管理器的一般用法。重点难点：13种行为的创建过程、代码提示、标签选择器、标签编辑器、标签检查器的使用
教学内容:
（一）查看源代码
（二）管理标签库
（三）Dreamweaver中的编码
1、使用代码提示加入背景音乐
2、使用代码片断快速创建网页
3、使用标签选择器插入浮动框架
4、使用标签编辑器编辑标签
5、用标签检查器编辑标签
6、使用快速标签编辑器插入
（四）插入HTML注释
（五）[行为]面板
（六）事件
（七）动作
1、播放声音
2、打开浏览器窗口
3、弹出信息
4、调用JavaScript
5、改变属性
6、交换图像
7、检查浏览器
8、检查表单
9、控制Shockwave或Flash
10、转到URL
11、设置导航条图像
12、跳转菜单
13、弹出式菜单 第十四章 网页发布（4学时）教学目的与要求：
通过本章的学习，让学生熟练掌握设置FTP上传的步骤、发布网页的过程、检查、改变站点范围的链接的方法、检查、改变站点范围的链接的方法、清理文档的过程、同步的使用方法，了解报告的作用。
重点难点：设置FTP上传的步骤、发布网页的过程、检查、改变站点范围的链接的方法、检查、改变站点范围的链接的方法、清理文档的过程、同步的使用方法 教学内容:
（一）设置FTP上传
（二）发布网页
（三）报告
（四）检查站点范围的链接
（五）改变站点范围的链接
（六）查找和替换
（七）清理文档
（八）同步
网页设计与制作教学计划3
城阳职专 2011——2012 学第 二 学期
教 师 教 学 计 划
专 业： 计算机网络 学 科： 网页制作 任 教 班 级： 11网络1、2 是 否 结 业： 是 教 师： 吴文杰 组 长 签 字： 级部主任签字： 教导主任签字： 二○一二 年 二 月 六 日
新学期开始，本学期我将担任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.制定激励措施，引发学生的创新积极性。对于对计算机有兴趣和独到见解的学生，可以成立兴趣小组，有老师带队，做一些新的项目和开发研究。制定一套合理的奖励机制，对于学生的创新成果给予一定的肯定和奖励，激发学生的创新热情，让学生觉得自己创新是有人欣赏，是有价值的，从而以更积极的态度投入到新的创新中。
总之，计算机在教育中的地位越来越重要，我们需要投入更多的精力来对计算机教育进行创新和研究。对于本课程的教学已远远不止于此。除了因人而异、因材施教以外，更要博览群书、拓宽视野，努力寻求新的切入点,使理论教学和实际应用更好更紧密的结合起来,培养出更多适应信息化社会的实用型和复合型人才。
五、教学进度：(附表)