下面是范文网小编收集的“网页制作”教学设计与思考大全3篇(网页设计与制作教学反思)，以供参考。
“网页制作”教学设计与思考大全1
《网页设计与制作》教学大纲
第一部分 大纲说明
一、课程的性质和任务
《网页设计与制作》是高等职业学校计算机专业的一门必修的专业基础课。本课程讲述了网站创建、网页制作基本知识、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上传
（二）发布网页
（三）报告
（四）检查站点范围的链接
（五）改变站点范围的链接
（六）查找和替换
（七）清理文档
（八）同步
“网页制作”教学设计与思考大全2
教学总结
2010年7月5日
本学期承担0,04A0801班的网页设计与制作课程的教学任务。教学目的：通过课程的教学,使学生掌握该软件的操作方法和操作技巧,学会运用其创建个人网站.具备一定的网站设计能力,学会网站的测试、维护、发布及推广等。
教学内容：通过实例的讲解，让学生掌握网页制作和网站开发的知识。从如何策划网站、收集网站资料、准备素材、各个页面的逻辑关系和链接的建立到网站动态系统的开发，如何申请空间和域名，如何上传网站以及网站测试、维护、发布及推广等。
教学方法：多媒体教学时，准备好教学课件和教学素材，采用项目教学法，围绕实例，掌握相关知识点和操作方法，增强学生学习兴趣，掌握网页的制作和处理方法，提高学生解决和处理问题的能力。通过实践课程环节，加强技能培训，学会举一反三，融会贯通，提高综合运用能力。增强学生探究和创新意识,学习科学探究的方法,发展综合运用知识的能力,增进学校与社会的密切联系,培养学生的社会责任感。
教学课时：60学时。多媒体教学占三分之一，实践教学占三分之二。教学评价：本课程为考试科目。平时成绩占40%，期末考试占60%。平时成绩包括：迟到、早退、旷课，上课纪律，书面练习，平时上机实践作品完成情况（此项为重点）。
通过本学期的教学,顺利地完成了教学目标。总之，一学期的教学工作，取得了良好的教学效果。
“网页制作”教学设计与思考大全3
[摘要]中小学信息技术课已不再是单纯的计算机技能课，它强调以培养信息素养为目标，以任务驱动为模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。本文以“网页制作”单元为例，阐述了信息技术课教学设计的新思路，并就现行教材的编排组织提出了几点建设性意见。
[关键词]信息技术/网页制作/任务驱动
中学信息技术课程的任务是培养学生的信息素养，具体包括快速获取信息的能力，正确地评价信息，有效地利用信息和准确地表达信息。因此，信息技术课也应以信息处理为主线来展开，而不该成为单纯的计算机应用软件操作课。以“网页制作”为例，整个制作过程对学生获取、评价、表达和利用信息的各项能力都是一种培养和锻炼。下面，笔者就这一单元的教学设计做具体阐述。
一、教材分析
我校目前使用的教材是江苏省中小学教学研究室编写的高一《信息技术》。网页制作是其中第五章的教学内容。在这之前，学生已初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力，网页制作单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。
教材中采用的网页制作软件是FrontPage2000。由于FrontPage2000采用了与Word等其他Office软件相类似的图形操作界面，可以自动生成Html代码，轻松实现网页发布。在第三章，学生已经学过了Word字处理软件。因此，对FrontPage2000的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。
二、设计思想
1、任务驱动
本单元的学习通过完成网页作品来实现。班级网页的信息来自学生生活的班集体，每个热爱班级、关心班级的同学都能产生一种急切地完成任务的动机，而完成任务又能给他们带来成就感和满足感。这种心理上的内在动力驱使学生自觉地把计算机作为一种信息处理的工具来使用，由“要我学”变成“我要学”。在教学中，教师通过创设情境，激发学生的创作欲望，把总任务划分到每节课，按照学生的制作进度来布置子任务，使学生在教师的引导下逐步达成教学目标。
2、小组协作
制作班级网页是个大任务，具有一定的开放性和综合性。因此采取小组协作学习的方式是非常必要的。小组成员的知识程度、学习能力和思维方式都有差异，可以通过讨论、交流与合作，取长补短、拓展思路。每个学习小组由6-8人组成，每人负责制作1-2个页面，组合成一份班级网页。最后，各小组作品集中评比，选出优秀作品，上（转载自本网 访问推荐网页
评价网页，确定标准
形成小组、讨论栏目，明确分工
推荐优秀网站
组织学生讨论网页内容和风格，分析网页框架和布局。
小结网页评价的标准
提出学习任务(班级网页制作)和原则(小组协作，网上讨论与学习)
提供网页栏目划分建议
（转载自本网 学会使用教学网站
熟悉Frontpage2000的操作界面，掌握网页文件的创建、打开、保存和关闭操作
输入文字信息并修饰
公布教学网站地址和访问方法，介绍网站栏目及功能，特别是个人空间的上传、下载方法
参与学生的网上讨论，回答学生提问，必要时进行集体讲解和演示
登陆教学网站，了解栏目功能，练习使用
创建网页文件，输入网页文字信息并保存
设置文本字体字号颜色，调整段落对齐方式和缩进格式
引用资料注明出处
在网页下方署名 学会插入图片、动画、水平线
设置背景和音乐
学习插入表格，并用表格实现页面布局
介绍素材库中各类素材
参与网上讨论、答疑
提醒学生网页上的图片和动画应少而精，以免影响浏览速度
介绍表格的嵌套
分析学生网页，用表格演示页面布局
选择合适的素材插入网页合适位置，设置图片和动画的大小、对齐方式和边框
设置网页背景和音乐
在需要插入表格的网页中，设置表格、行、列及单元格的属性并进行编辑
用表格规划页面内容 学习框架网页的创建及保存，学会拆分和删除框架
小组合作，建立主页
建立页间链接，并学会通过预览功能测试链接
介绍框架网页的各种格式和创建、保存的方法
演示拆分、删除框架
参与网上讨论、答疑
分析学生操作错误原因，页间链接应使用相对路径
演示超级链接的建立、使用预览功能测试链接
小组讨论选择一种框架页面作为主页
设置框架属性，如框架名称、初始网页等
创建主页与其他页面间的超级链接，并用预览功能测试链接是否正确
学会使用相对路径 学会创建书签链接、邮件链接和图片链接
建立URL链接
初步学会创建图象的热区链接
对每个链接进行测试
分析一个主页，让学生找出不同的超级链接
讨论各种链接的应用场合，如页面内容较多则使用什么链接？酷站链接和站长信箱分别使用什么链接？学生回答
错误原因分析，URL链接使用绝对路径
选择内容较多的页面建立书签链接
在图片上练习图片链接和热区链接
为酷站链接和站长信箱建立正确的链接
加深URL地址的认识
对每个链接进行测试 学会插入滚动字幕
学会使用悬停按钮
学会插入站点计数器和横幅广告管理器
小组网页初步组合，上传到教学网站
逐个检查各小组网页的制作进展，并给出评估意见
参与网上讨论、答疑
讲解小组网页的组合方式，每个栏目一个文件夹，图片放一个文件夹，提示学生使用文件夹视图管理文件
在主页上插入滚动字幕，并设置其方向、速度、表现和对齐方式
在主页上插入计数器和横幅广告管理器
选择一个页面插入悬停按钮，并设置其颜色、效果和链接对象
设置网页的动态效果
小组网页组合上传 了解表单的交互性，学习表单的创建和设置
在表单中插入各种组件
设置表单的Email提交方法
各组网页定稿上传
介绍简单的留言板，论坛和聊天室，供学生选择
引导学有余力的学生学习ASP和数据库技术
参与网上讨论、答疑
创建留言板或其他形式的表单，如学习调查表等
在表单中插入文本框、按钮、单选按钮、复选框、列表框等组件
设置Email提交方法
小组网页定稿上传 各组网页演示、互评
网上投票推选优秀网页和网页制作高手
每位同学自评
由班内网页高手做班级网页管理员，负责提交、维护班级网页
组织小组网页互评
设计网上投票网页
设计网页设计评估表
为每个学生的作品打分
积极参加小组互评
投票推选优秀网页和网页制作高手
认真小结本人学习情况，并如实打分自评
六、教学评价
本单元的教学评价主要根据下面的网页作品评价量化表来进行，由学生自评和教师打分反映学生的学习状况。
评价指标
(分值)具体指标
量化等级分值
自评
教师
优
良
中
差
网页内容
(40)获得的信息准确且完整 4 3 2
信息的收集方法效率高 8 6 4
网页文字没有语法和拼写错误 8
4
能找到合适的网页素材并合理应用 8 6 4
引用他人作品，是否注明出处 4 3 2
技术处理
(35)网页布局整齐、合理 8 6 4
网页色彩协调、风格鲜明 8 6 4
网页链接正确、快捷 8 6
具有较强的动态交互功能 4 3 2
【2011年七夕情人节祝福网页——带有你名字的个性祝福】
【推荐】下载本网的快捷方式到桌面，以便下次使用。
下载本文
内容搜索范文推荐【工作总结】 班主任 教师 办公室 财务 销售 【工作计划】 班主任 学校 教学 德育 班级
【工作报告】述职 述廉 社会实践 实习辞职 调查 【党团范文】入党申请书 入团 思想汇报 转正
【演 讲 稿】 技巧 竞聘 英语 节日 教师 爱岗敬业 上一篇：FOR/NEXT循环语句教学设计 下一篇：“做中学”科学教育理论在自然教学中的运用您可以将本页一键：
关于我们 | 收藏本站 | 友情连接 | 【欢迎投稿】 Copyright ? 本网 All Rights Reserved.粤ICP备0号 | 贵宾统计
您可以访问本网（www..com）查看更多与本文《“网页制作”教学设计与思考》相关的文章。
“网页制作”教学设计与思考大全3篇(网页设计与制作教学反思)相关文章：
★ 教师读书分享活动方案实施计划3篇(读书分享活动教学设计)
★ 1.色彩的纯度渐变三下美术教案3篇(美术色彩的渐变教学设计)
★ “精彩极了”和“糟糕透了”教学反思12篇 精彩极了和糟糕透了教学设计普学网
★ 人教版一年级语文下册第四单元四教学设计3篇 部编版一年级下册第四单元语文教案
★ 人教三上《一幅名扬中外的画》教学设计附板书2篇(一幅名扬中外的画教学课件)