网页设计教案
网页设计教案。
今天栏目小编为大家推荐了一篇与“网页设计教案”有关的好文。每个老师为了上好课需要写教案课件，只要我们老师在写的时候认真负责就可以了。 学生反应的多样性可以提供不同角度的课堂反馈。希望我的探讨能够丰富您的知识！
网页设计教案【篇1】
微课融入《网页设计与制作》课程教学具有它重要的现实意义，如果将其现实意义细分，还可分为狭义与广义两方面来谈。
从狭义角度讲，实际上《网页设计与制作》有它一定的课程设计独特性和传统课堂教学局限性，初期尝试可能不會拥有太高的教学质量。尽管说当前高等教育中对微课的研究与应用已经全面铺开，但微课在高职计算机专业中《网页设计与制作》的应用几近空白，还未有可参考的教学应用经验，所以在高职计算机专业课堂中的《网页设计与制作》渗透微课教学理念与方法模式，对推进该专业领域的教学改革固然是非常值得期待的有益尝试，它既能够为学生创设良性的学习空间，也能够丰富教师的专业教学手段，一举多得[2]。
从广义角度讲，微课是新型的教学模式和学习方式，它更是一种全新形式的教学资源模式。在该课程体系构建过程中，学生和教师同样得到成长机会，这也让整个教学过程变得更有意义。细致来说，它存在3点现实意义。
第一，它从广义范围上扩大了高职院校的微课应用范围，是对自身课程体系、资源共享机制以及校内课程安排灵活化的一种全面革新。再者，微课也实现了对传统计算机专业学科领域的有效补充，从正面提升了学生的学习兴趣与学习欲望，这让未来微课教学常规化成为可能。
第二，它也拓展了教师的教研方式，让教师拥有了更多可利用教学手段。基于微课的《网页设计与制作》更加灵活多变，教师不但能够在现场通过当堂展示来体现知识内容的开放性、实操性、广泛性与时效性，也能够与学生实现更多教学过程互动，提高教师本身的教学交流能力与教学互动能力，促进高职教学业务水平的提高。
第三，它满足了学生对于学科学习的个性化需求，微课以碎片化信息教学理念开展，它所谓学生提供的是基于不同知识点的个性化教学过程，能够在某种程度上满足学生的个性化学习需求，让学生对于《网页设计与制作》中各种知识点的掌握更加快速娴熟。在该过程中，学生的自学能力、主动学习能力与计算机技术综合运用能力都被培养并得以提升。再者，微课实现了对学生课堂学习内容的有效延伸，它不但能够组织当堂教学，也能在课下组织第二课堂，这就兑现了对知识的关键优化与弥补，让学生随时随地都能开始学习并享受学习体验。综上所述，在《网页设计与制作》中融入微课教学模式于学校、于教师、于学生各个群体都是非常有益的，具有革新学科教育发展进程的现实意义[3]。
网页设计教案【篇2】
《HTML网页设计》课程教学大纲
一、教学目的和任务
《HTML静态网页设计》是我院软件开发专业的专业基础课，选用教材《网页设计》，全书共分为17章，其中HTML内容占11章，包括HTML基本语法，常用标签的使用，表格的使用，层和框架的使用，在HTML中多媒体的应用，表单的使用，网页的图像及多媒体，以及站点的创建和管理。其中重点包括常用标签的使用，表格的使用，框架和表单的使用，文字与段落，以及CSS应用。
一方面本课程通过对网页用户界面设计中的信息传达、视觉符号的应用等专业知识的讲授，让学生能掌握网页设计中相关的设计思维与视觉表现方面的知识，让学生把网站中要传达的信息通过数码交互媒体的手段展现出来。另一方面通过对相关设计软件的使用进行课堂讲解与练习，使学生能够掌握相关软件操作的基本知识，并能够通过灵活应用课堂知识处理一些在实际项目中遇到的技术困难。
二、教学方法与教学要求
1课前认真备课，选好实例
网页制作技术不断地发展变化，新的技术、新的方法也在不断涌现，所以我们也需要将网页设计的最新、最实用的技术引用到课堂上去。课堂教学是传授知识的主要方式和场所，目的在于将书本知识转化为学生的知识和技能。为实现这一目的，我深入钻研教材，理清教材内容特点、编排次序和知识点之间的衔接关系，整理出一条条线索。如在上第一节课时，我会从网上下载一些经典的并具有代表性的网页给同学欣赏，在看的过程中一一的介绍并分解到书本的各个章节的知识点,提高学生们的兴趣与积极性。
课堂的教学方法
教学过程是教师与学生之间信息传递及反馈的过程。“我认为教学的艺术不在于传授本领，而在于激励、唤醒、鼓舞。”因此，在学习过程中，给学生明确的思路，激励学生积极主动参与思考，运用任务驱动法、模块教学法，案例教学法和项目教学法等教学手段，引导他们在解决问题的过程中体验到学习带来的成功感和愉悦感，使学习兴趣长久地保持下去。
案例教学法。案例教学法，即在教师指导下，根据教学目标的内容的需要，采用案例组织学生进行学习、研究、锻炼能力的方法。案例教学法可分为案例导入、案例例证、案例讨论、案例结尾和案例练习等多种方法。
在课堂上我采用是案例例证法，通过精心挑选案例，明确提出需要掌握的知识点及操作技能，以案例带动知识点，贯穿整个教学过程。具体做法是通过具体案例提出任务，将任务分解到每次的课堂教学中实现，教学过程中为了调动学生的学习积极性，教学过程中常常采用互动方式，即老师提出一种解决问题的思路，然后让学生采用其他方式来解决同一个问题。
项目教学法。项目教学法是指通过实施一个完整的项目工作而进行的教学活动,采取小组讨论、协作学习的方式。
将课程中的各个知识点或技术点采用教师给出项目要求或参考项目需求的方式，让学生分组选择项目或者自己调研确定项目，小组合作进行项目规划和页面设计。通过“小组合作规划设计”，以“项目小组”为基本形式、小组成员之间的合作性活动为主体、完成小组项目为主要目标、小组整体水平为主要依据来评定成绩的考核形式，为学生创造一个良好的合作氛围。小组的每一个成员在这一过程中都有发挥自己优势和表现自己的机会，通过小组成员之间相互讨论、评价、反馈、倾听、激励以及互为师生、优势互补等合作形式，激发学生的学习兴趣，改进学生的学习方法与态度，增强学生的集体荣誉感和团队协作精神。
三、教学内容与教学安排
1、课堂讲授
第一章 HTML入门简介
主要掌握文档标记的使用，头部标记title，主体标签body，标题标记等，了解和掌握HTML文档的结构。第二章HTML常用标签
通过学习斜体字标签、下标标签、上标标签、插入字标签、删除字标签、计算机代码标签、键盘输入文字标签、计算机代码样式标签等，用于控制文字样式。第三章 超链接
超链接章节主要掌握锚点、外部链接、邮件链接、脚本链接、空链接的相关基本知识，用于链接跳转功能的实现 第四章 框架
通过框架页示例，学习网页框架的基础知识，掌握框架边框的设置、框架边距的设置、设置框架缩放、设置框架滚动条、设置框架边框的颜色，对框架进行上下分割窗口、左右分割窗口来设计框架页面，设置浮动框架的高度和宽度，设置浮动框架的对齐方式等。
第五章 表格【上】
表格章节主要学习设置表格的边框、表格的背景颜色、表格边框颜色、设置表格高度和宽度以及设置表格背景图像等。第五章 表格【下】
本章主要掌握表格间距设置，表格水平对齐设置，表格标题的设置，行标签和单元格背景颜色的设置，掌握表格跨行跨列的设置以及表格的嵌套，用于今后利用表格进行网页布局。第六章 列表
本章节主要学习各种列表：有序列表、无序列表、目录列表、菜单列表、自定义列表以及嵌套列表等。用于网页的排版设计 第七章 表单
表单章节是HTML的重点章节，将学习表单的各种控件知识：如单行文本域、密码域、单选按钮、复选框、普通按钮、文本域、图像域、多行文本域、选择列表等。第八章 网页图像
本章节主要学习网页图像设置的相关知识，主要有如何加载图像、如何设置图像大小、如何设置图像边框、如何设置图像对齐方式、如何设置图像与文本的距离、如何设置图像的提示文字、如何设置图像超链接、如何图像影像地图等。第九章 网页多媒体
网页的多媒体运用知识必不可少，本章节将学习如何设置文字及图像的滚动效果、如何加入背景音乐、如何嵌入flash动画、如何嵌入mp3、如何嵌入mpg视频等。第十章 CSS基础
本章节将学习使用CSS进行网页样式风格的设计。要使学生掌握使用CSS的基本语法，以及在HTML中使用CSS的几种方法。达到网页美化的目的。
2、课堂及课后练习
第一章 HTML入门简介 任务一【文档标记的使用】 任务二【头部标记】 任务三【主体标签BODY】 任务四【标题标记】 任务五【控制文字的格式】 任务六【特定文字标记的应用】 任务七【换行符标记的应用】 第二章 HTML常用标签 任务一【文字样式示例】 任务二【斜体字】
任务三【设置文字样式】 任务四【下标】 任务五【上标】
任务六【插入字标签】 任务七【删除字标签】 任务八【计算机代码标签】 任务九【键盘输入文字标签】 任务十【计算机代码样式标签】 第三章 超链接
任务一【HTML链接】 任务二【锚点】 任务三【外部链接】 任务四【邮件链接】 任务五【脚本链接】 任务六【空链接】 第四章 框架
任务一【框架页示例】 任务二【设置框架边框】 任务三【设置框架边距】 任务四【设置框架缩放】 任务五【设置框架滚动条】 任务六【设置框架边框的颜色】 任务七【上下分割窗口】 任务八【左右分割窗口】
任务九【浮动框架的高度和宽度】 任务十【浮动框架的对齐方式】 第五章 表格【上】 任务一【表格边框】 任务二【表格高度】 任务三【表格背景颜色】 任务四【表格边框颜色】 任务五【表格高度和宽度】 任务六【表格背景】 第五章 表格【下】 任务七【表格间距】 任务八【表格水平对齐】 任务九【表格标题】 任务十【行标签】
任务十一【单元格背景颜色】 任务十二【跨行跨列】 任务十三【表格嵌套】 第六章 列表
任务一【有序列表1】 任务二【有序列表2】 任务三【有序列表3】 任务四【无序列表】 任务五【目录列表】 任务六【菜单列表】 任务七【定义列表】 任务八【嵌套列表】 第七章 表单
任务一【表单method属性测试】 任务二【单行文本域】 任务三【密码域】 任务四【单选按钮】 任务五【复选框】 任务六【普通按钮】 任务七【文本域】 任务八【图像域】 任务九【多行文本域】 任务十【选择列表】 第八章 网页图像 任务一【加载图像】 任务二【设置图像大小】 任务三【设置图像边框】 任务四【设置图像对齐方式】 任务五【设置图像与文本的距离】 任务六【设置图像的提示文字】 任务七【设置图像超链接】 任务八【图像影像地图】 第九章 网页多媒体 任务一【滚动效果1】 任务二【滚动效果2】 任务三【背景音乐】
任务四【嵌入flash动画】 任务五【嵌入mp3】
任务六【嵌入mpg视频】 第十章 CSS基础
任务一【使用CSS美化网页字体】 任务二【使用CSS美化网页背景】 任务三【使用CSS让用户自由定制个性化的页面】
3、课程作业（按知识点划分，共计八个部分）第一部分、制作第一个网页
第二部分、新闻信息浏览页面的制作
（一）第三部分、新闻信息浏览页面的制作
（二）第四部分、网站结构的实现
（一）第五部分、网站结构的实现
（二）第六部分、用户信息录入页面的实现
（二）第七部分、网页文本的样式设置 第八部分、CSS结构、规则及属性
四、课程考核
本课程理论考试采用闭卷形式，上机实践与其他课程进行组合考试，同时结合平时作业进行课程考核与成绩评定。考核评分以百分制计，原则上理论、实践考试成绩占80%，平时作业成绩占20%。
五、教材及参考书
教材： 《网页设计》 中国水利水电出版社 参考书：《HTML 标准教程》 贾素玲 王强 著 清华大学出版社
六、教学设备及教具要求
由学院统一安排多媒体教室及机房，任课教师准备多媒体课件等教学相关资料。
网页设计教案【篇3】
网页设计与制作课程的研究与应用论文
［摘要］本文简要叙述了O2O教学模式的概念及特点，调查分析了在高职院校中采用O2O教学模式的必要性和可行性，从《网页设计与制作》课程应用O2O教学模式的背景出发，对使用O2O教学模式的改革方案进行了详细的叙述。
［关键词］O2O教学模式;网页设计与制作;教学改革
一、O2O教学模式的概念及特点
O2O教学模式，是利用互联网技术，综合线上、线下的优质教学资源，构建双向互动的新型教学模式。其具有的特点如下。(一)对学生实现了个性化学习。学生对于线上学习时间的安排比较自由，可有选择性的对教学视频进行观看。(二)对教师实现了素养的提高。对于每一堂课，教师都必须以基于线下来做线上，以及基于线上来改进线下为原则来准备线上和线下教学资源，且线上线下教学资源必须相互融合。线下教案的设计，线上教学视频的录制与编辑等课前准备工作，教学资源的完成对教师的素养实现了本质的改变。(三)学习资源的丰富性及共享性。为了能更好地利用O2O教学模式进行教学，在网络平台上必须上传丰富的学习资源。(四)能实现师生间的多向交流性。教师与学生、学生与学生之间可以在线上、也可以在线下、同时还可以从线下到线上，再从线上到线下等进行交流讨论，大大的突破了时间与地点上的限制。
二、采用
O2O教学模式的必要性和可行性
(一)必要性
现在的高职院校学生生源主要来自两个渠道，一是通过高考录取进来的专科生，另一部分是通过中考录取为五年一贯制的专科生，生源素质普遍较低，学生学习兴趣不高，自学能力较差。本文作者通过问卷和实地访问调查发现，在传统的教学模式课堂上学生喜欢玩手机，课外时间更是玩得不亦乐乎，甚至达到忘我的境界。为了能达到理想的教学效果，学院管理人员和教职人员齐抓共管，针对问题制定了一系列的对策用以阻止学生玩手机。鉴于此，何不利用学生痴迷于手机这种心态，充分发挥手机移动端的最大作用，结合移动互联网技术，采取O2O模式进行教学。
(二)可行性
通过调查分析，免费无线WIFI已覆盖全院，人人都拥有至少一台移动终端设备，学院机房课外时间都为学生开放。我院已购买了支持手机端学习的超星慕课平台，这些软硬件设备都为开展O2O教学提供了良好的基础。此外，通过调查发现教师很愿意尝试利用这种与互联网关系密切的具有创新的现代信息技术教授方式，学生也很愿意接受这种具有自由灵活性的学习方式。
三、《网页设计与制作》课程应用
O2O教学模式的背景《网页设计与制作》课程的'特点是理论难度较大、实践性强。课程的知识点较多且比较抽象，课堂上大多数知识点学生能听懂，但不能将各个知识点融会贯通，遇到实际的WEB页面设计工程时便是无从下手。在传统的教学模式课堂上，教师通过举例展现实际效果将知识点解释清楚，并对各个知识点的关系进行梳理。但由于课时的原因，学生听完之后就没有更多的时间进行下一步讨论，在没有听懂的情况下也没有时间向老师请教，就更不用说对本堂课的知识进行扩充延伸。为了改变传统教学模式教学效果和效率低下问题，5月，我院引进了超星慕课平台，将《网页设计与制作》课程作为试点进行教学改革，探索出一套适合我院的O2O教学模式，然后在全院范围内推广至其他课程。
四、基于O2O教学模式在《网页设计与制作》课程改革与实践
(一)线上网络平台资源的建设
在超星慕课平台上建立网页设计与制作课程，在平台上发布多种教学资源供学生观看与下载。教师通过appMaker富媒体编辑器对教学视频中知识点的重点、难点进行回放、放大等编辑操作，用以强调内容的重要性。
(二)线上与线下课堂教学模式的改革
在传统教学模式课堂中，教师讲课的基本流程为复习导入新课、新课讲授、课堂小结、布置作业、课后小结五个环节。一堂课45分钟，每个环节分别占用的时间大概为:5－8分钟，30－35分钟，3－4分钟，2－3分钟(课后小结是利用课外的时间完成)。一堂课下来，教师与学生、学生与学生之间基本没有互动环节(除了教师提问环节)，这样不利于学生对知识的吸收与内化。而利用O2O教学模式进行教学，教学环节与时间分配都必须重新设计。
(三)O2O教学模式的教学环节设计
通过探讨总结分析，将O2O教学模式学习时段分为课前、课堂、课后三个时段，具体工作如下:
(1)课前时段:课前时段即线上学习时段。在每堂课上课之前，老师都会通过超星慕课平台推送下节课学习内容的消息到学生的移动端。学生收到消息后首先进行的是课程预习及视频的自主学习，学习过程中遇到的问题，可以通过平台中的互动课堂版块进行在线提问和讨论，也可以记录在纸质笔记本上，带到线下课堂上请教老师或与同学进行交流。学生在完成课前时段作业的同时，相应的对下一节课内容已完成记性和理解两个过程，为课堂时段提供充足的准备。
(2)课堂时段:课堂时段即线下学习时段。在课堂上，老师首先利用10－15分钟的时间对视频中的知识点、重难点进行梳理，并对学生进行提问以了解学生课前学习的情况。其次利用15－20分钟的时间让学生提问，通过老师或学生(已完全理解该内容的学生)进行解答。再剩下的10－15分钟，学生通过分组的形式讨论老师布置的案例。老师参与程度或分组形式以具体内容而定，最后由每组的组长向老师表述讨论结果，进而老师对每组讨论结果进行总结点评。课堂时段的进行能增强人与人情感上的交流、教师面对面个性化的指导、教师和学生及学生和学生之间的即时讨论等，是很重要的一个环节。
(3)课后时段:课后学生再利用时间去观看上一堂课的教学视频，把之前遇到的问题(课堂时段已解决的)再梳理一遍，以达到温故而知新的目的。再完成老师发布在平台上的在线作业，如有疑问，可以利用超星慕课平台所提供的讨论交流模块在线咨询辅导老师，也可以与同学进行交流，同时对自己的学习效果进行在线测试等。
(四)适应O2O教学模式的教师队伍建设
传统的教学模式中，所有的教学工作基本都是一人完成。而利用O2O教学模式进行教学，虽然老师从主要讲课“降”为只辅导学生、与学生讨论、交流问题的角色，但是平时的工作量不但没有减少，反而成倍增加。老师除了要做在传统的教学模式中准备的工作外，课前必须把教学视频录制编辑好，把教学素材上传到教学平台上，还须与学生保持紧密联系，掌握其学习动态，根据学生的学习效果优化课程教学内容，时刻在线为学生解答问题等。由于一名老师精力有限，是很难独立完成这么大的工作量的。因此，教学团队经过探讨，对团队老师进行分工，将工作量进行分解，明确每个老师在O2O教学模式中各个教学环节的角色、任务及相互协作的关系。将团队分成主讲教师和辅导教师两部分。主讲教师主要由具有丰富的教学实践经验的教师组成，主要负责课前教学视频的录制编辑，课堂时段的讲课并组织学生讨论交流。而辅导教师主要负责课前消息的发布、课后答疑、题目发布、作业收集与批改等工作。大家都把自己的工作任务做好，有事情积极沟通，抱着相互协作的态度完成课程教学工作。
(五)O2O教学模式的考核机制
O2O教学模式的考核机制以培养学生实践创新能力目的，以平时的学习态度为基础，依据教学环节进行设计，以期末考试总成绩100%进行计算。平时学习态度占10%，包括线下上课和实训考勤;实训作业和报告完成情况占10%;课前时段学习占10%，包括教学视频观看情况，线上任务点的完成等;课堂时段学习占15%，包括问题的提出、讨论的积极性等。课后时段占10%，包括在线测试、作业完成情况、复习观看教学视频等。最后必须按照要求完成一个综合型的网站作品，这是考查学生综合实践及创新能力的代表作，包括图像的处理、动画的制作、审美观等，所占的比重很大，占45%;期末总评分为以上六环节项分数的总和，只要有一项环节分不及格，课程总评成绩为不及格。
五、O2O教学模式的实施效果
在O2O教学模式的实践过程中，我们设置级计算机应用技术专业一班为试点班，二班为对照班。其中一班人数为35人，二班人数为38人。两个班之前的网页设计与制作前导课程均有同一个老师执教，各门课程期末考试成绩统计情况基本一致。通过一个学期的学习，对两个班教学效果进行总结分析。(1)从交上来综合型的网站作品分析，一班学生设计出来的作品在颜色搭配、代码使用、美观整洁度明显优于二班学生;(2)从省级大学生科技创新与职业技能竞赛网页设计与制作项目获奖率分析，一班学生获奖比往年高，而二班基本持平。此外，通过对试点班进行无名问卷调查，85%的学生认为在新的教学模式下，自我控制能力和自学能力得到了很大的提高，75%的学生认为新的教学模式更有趣，82%的学生认为自己的团队协作能力、语言表达能力和自信得到了提升，90%的学生认为自己的实践创新能力得到了提高。
六、总结
实践证明，采用O2O教学模式进行教学，能够提高网络优秀资源共享率，改变了教师的教学方式和学生的学习方式，在教学过程中取得了良好的效果。但也遇到一些不可预测的问题，需要我们一线教学工作人员在以后的教学过程中不断地探索与改进.
参考文献:
［1］井靖，何红旗，王志刚，殷冠英．O2O教学模式”在大学计算机专业教学中的应用原则［J］．计算机教育，(2)．
［2］胡小华．O2O电商模式下服务营销课程教学模式的创新思考［J］．长春教育学院学报，2015(11)．
［3］张颖．“O2O模式”在高职院校技能操作类课程项目化教学过程中的适用性研究［J］．无线互联科技，2016(10)．
网页设计教案【篇4】
摘要：网页设计课程已成为现代之一，它集理论知识和实际操作为一体。但是，目前计算机网页设计课程教学方式存在很多问题，学生的网页设计成品并不是很优秀。笔者主要针对计算机网页设计课程存在的问题、改革目的、改革方案以及改革思路进行论述，希望对教师的教学有所帮助。
关键词：计算机；网页设计；教学模式
我国经济的发展速度较快，社会也在不断进步，计算机技术也在不断更新，成为人类生活、国家发展、社会进步中的重要组成部分。但计算机网页设计课程的教学模式却存在很多问题。很多教师受传统教育模式影响，偏重于书本上的理论讲解，忽略了实际动手操作；还有很多教师教学的目的性不强，教学内容也不完善，导致教学的效率下降；而且教师在教学中发现，学生对计算机网页设计课程的兴趣不足等。这些问题成为教师教学时的最大阻碍，也成为计算机技术教育发展的阻碍。
1计算机网页设计课程的教学现状及存在问题
1.1教师注重理论讲解，忽略实际操作
虽然新课改早已被提出，但教师多年受传统教学模式的影响，在讲课时仍会以传统的教学方式来授课，大量且反复讲授课本上的知识，学生只能被动接受。教师也不会对知识进行拓展，导致课堂索然无味。而且很多教师长久依靠传统的教学方法、教学理念来进行教学，不懂变通与改进，使课堂氛围变得紧张和压抑，学生的学习主动性下降。另外，由于教师几乎占用了课堂的全部时间，导致学生的主体地位逐渐被教师代替，学生的学习积极性不断减少，最终对网页设计这门课程没有了学习兴趣，学生的学习成绩可想而知。
1.2学生对网页设计课程的兴趣减少
很多教师发现学生不重视网页设计课程的学习，以至于有些教师会采用逼迫强制的手段迫使学生去学习，最终激起学生的叛逆心理，导致学生厌烦网页设计课程，提不起任何的学习兴趣。也有很多学生根本不了解网页设计课程，根本不知道页设计有什么用处，因此，学生自然而然便会放松对这门课程的学习，导致成绩下降，久而久之，形成恶性循环，学生便会对网页设计课程失去兴趣。很多教师在讲课时也不会考虑学生的感受，也不会关心所讲的知识学生是否能听懂，是否能够掌握知识，导致学生对这门课程产生抵触情绪，自暴自弃。也有很多教师对学生过于苛刻，也使得学生对这门课程没有好感、学习兴趣降低。
1.3教学目的不强，教学效率下降
很多教师受传统教学思想所影响，只注重学生对网页设计课程的学习以及期末考试后学生的分数，忽略了学生的综合能力的发展。但目前，时代在不断发展，社会也在与时俱进，成绩高的学生比比皆是，但成绩不能代表学生的实际实力。因此，教师的教学目的也不能总是以提升学生的网页设计课程的成绩为主，应注重学生的综合实力，除了培养学生的学习能力之外，教师还要培养学生的研究探索精神以及团队的合作能力和动手操作能力。很多学校的教学设施已达到一流水平，然而教师却依旧习惯使用粉笔和黑板，在课堂上浪费了大量的讲课时间，导致课堂讲课效率下降[1]。
2计算机网页设计课程教学模式的改革目的
与计算机相关的行业随着社会的进步，相继崛起，且不断地发展，因此，市场对计算机领域的人才的需求量也在不断增大，所以培养计算机人才是非常重要的。但新的时期，培养新型人才，与教学模式有着密不可分的关系。改革计算机网页设计课程的主要目的便是使学生适应社会的发展趋势，也是使目前计算机教育符合现代社会的发展要求，提升学生的综合能力，提高学生的实践能力和技术水平，以使学生不断发展而不被社会所淘汰。但原有的教学模式已不适应我国教学新事业的发展，因此，必须改革传统的网页设计课程教学模式。
3计算机网页设计课程教学模式的改革思路
学生最终会走向社会，因此，改革后的网页设计课程必须以适应企业需求为导向，在此基础上培养学生网页设计的能力。教师在教学中不要总以课本为主，应适当采取案例教学的手段，并用实际网站加以辅助，来编排或者改革网页设计课程的教学内容，使学生有独立设计网页的能力，并指导学生如何分析市场需求，如何跟随市场变动的脚步。同时还要培养学生的工作理念与服务精神，提高学生自身的节操与审美情趣，并在潜移默化中让学生形成“技术为设计服务”的思想，并让这种思想指导学生创作[2]。
4计算机网页设计课程教学模式的改革方案
4.1改革教学理念
从严格意义上来讲，计算机网页设计可以分为两个阶段，一个是布局设计，另一个便是后台的程序编写，但随着多媒体技术的发展，计算机网页设计也需要与多媒体技术相结合，即朝着图文并茂的方向发展，市场对网页设计方案的要求也越来越高。网页设计的主要目标就是将颜色、字体、图片以及格式合理地组合，提升用户的视觉体验，还可以插入声音，给用户带来良好的声效体验，所以教师应提升学生的页面设计的布局与配色的能力。教师在讲课时，可以给学生10～15分钟的讨论时间，让学生谈谈对色彩搭配、整体风格以及图像的插入的想法，或引导学生对一些优秀的网页设计版面进行总结和分析，培养学生的分析能力，帮助学生不断超越自我[3]。
4.2改革教学内容
教学内容是教师在上课时所要对学生讲授的知识，教学内容的精致程度对一堂课的质量有着重要的影响。如今，学生的合作实践能力与动手操作能力是人才选拔的重要条件。因此，教师在讲课时应以基础知识为主，并让学生动手操作，增强学生的.实践能力，并且适当启发学生进行深入探究，并不是一味将全部知识与操作技术全部强加给学生，使学生失去探索研究的兴趣，以至于学生最终对网页设计课程失去兴趣。教师在讲解的同时也要进行操作演示，加强学生对知识的理解与记忆。教学内容是教师教学中很重要的一部分，因此，改革教学内容是非常必要的[4]。
4.3改革教学方法
教师受传统教学方法的影响，一直在课堂上占据着主导地位，导致课堂枯燥无趣，学生也慢慢地失去了学习的兴趣与动力。因此，为了树立学生的主体地位，提高学生的学习积极性，教师要改革和研究教学方法，师生情，一般是学生热爱学习的催化剂，所以，为了提升中学生的学生热情，教师在教学时可以拉近与学生的距离，使学生对教师产生好感，从而提升学生自身的学习积极性与主动性。在教学时，教师也要与时代接轨，采用多媒体设备进行教学，合理构建教学内容。而且多媒体集声音、动画、视频、图像为一体，能让学生深刻理解知识。另外，教师要有足够的耐心去解答学生的问题，使学生增强对学习的信心，并带动学习兴趣的增长。
4.4改革课程考核方式
考核不仅是检验学生的学习成果，也是对教师的教学成果的一种考核。考核也是教育系统里最重要的组成部分之一，但是，关于计算机网页设计的考核，主要以考察为主，并不能真实准确反映学生的学习情况及学习能力。因此，在对学生网页设计与制作能力的考核中，应让学生发挥自身的审美情趣以及操作能力，并以网页页面的排版设计、整体的色彩搭配所产生的效果以及网页的主要设计内容为主要考核点。考查学生对知识的掌握情况的同时，也要统计与记录学生平时的上课状态以及出勤情况，将其也作为考核一部分，将二者的成绩总和作为学生期末时网页设计的最终成绩，以这个成绩来判断学生的学习情况和学习能力。教师参考学生的最终成绩以及这学期教学过程中出现的问题，对下一学期的教学内容和教学方法进行进一步改革，以保证教学效率[5]。由此可见，改革课程考核方式是非常有必要的，只有让现阶段的计算机网页设计具有更多的创新性设计和创新性理念，才能够更好拓展学生的视野，使网页设计课程变得具有实践意义。
5结语
以上是关于计算机网页设计课程的改革的想法，教师在网页设计课程的教学中，实践是非常重要的。教师在教学中要以培养学生的综合能力为主要教学目的，以学生综合发展为教学方向，及时解决教学中出现的问题，以促进计算机网页设计课程教育的发展。
参考文献
[1]张红军.计算机图像处理技术在网页设计中的运用[J].电子技术与软件工程,2014(9):11-18.
[2]袁琳.案例教学在计算机网页设计课中的应用[J].新西部,2014(3):109-111.
[3]罗显松.基于计算机图像处理的网页包装设计技术研究[J].中国包装工业,2014(4):123-128.
[4]黄婷,张玲.任务驱动法在公共选修课的教学应用——以网页设计与制作课程为例[J].西昌学院学报(自然科学版),2013(3):106-108.
[5]刘洪庆.构建高职《计算机网页设计》课程教学过程设计模式[J].中国校外教育(理论),2010(12):162.
网页设计教案【篇5】
同学们你们善于观察吗？老师先考考你们，我们一起来看一组图片，你们看看在那里看过呢？学校缓台的窗台上。你们的观察能力真的很强啊，对，这些都是我们学校美术的特色作口，盘画。其实，我们做过很多作品：有手工作品，语文课中的作文、书法等都是作品，这节课我们以绘画作口品为例，做一个学习园地网页，把我们的作品展示到自己的班级网站中，以便我们更好的努力学习。现在我们就一起来制作吧！
首先我们来打开上节课的班级网站，在这个网站中新建一个网页，并保存成“学习园地”。
2、插入表格：单击“表格”中的“插入表格”并对表格属性进行设置。如：行、列的操作，对齐方式等。同时讲解什么是行，什么是列，以及单元格的概念。
4、在学生学会插入表格的基础上，来设计网页，展示作品。并讲解在单元格中可以插入图片、文字。那我们就一起快快去做吧！插入图片，并在图片的上面或下面进行图片的注释。
5、进一步设置单元格的背景，来美化网页。
6、设置超链接：通过导航栏目，设置文字超链接。选中文字，点击右键选择超链接在列表中选择你要链接的网页，单击“确定”按钮。
7、学生在教师的讲解后，学生自己动手操作制作网页。教师进行指导。（伴随音乐）
1、生评：从网页设计上，美观程度上，知识落实上重点评价。
2、师评：对学生作品进行评价，并对其它学生的评价加以更完整的解释。
我们这节课主要是利用了表格来设计网页，以使来美化我们的网页，通过绘画作品的展示，学习更多的知识。
网页设计教案【篇6】
答 案
一、名词解释
1.互联网
答：互联网是目前世界上最大的计算机通信网络，遍布全球，将世界上各种规模的计算机网络连接成一个整体，从而实现信息交流与共享，主要提供了WEB、BBS、TELNET、FTP等服务。
2.网络协议
答：是一系列通信规则的总称，分为硬件协议和软件协议，主要包括用户数据与控制信息的结构和格式，需要发出的控制信息以及相应要完成的操作与响应，对事件实现顺序的详细说明等三部分内容。
3.OSI
答：OSI即开放系统互联，它是由国际标准化组织(ISO)发起制定的计算机网络通信标准，将通信网络从高层到低层依次排列为，应用层、表示层、会话层、传输层、网络层、数据链路层、物理层。
4.TCP/IP
答：TCP即传输控制协议，工作在OSI模型中的传输层，用于建立和校验数据连接，而IP即网际协议，工作在OSI模型中的网络层，用于处理网络上一个主机到别一个主机的数据报路由选择。
5.IP地址
答：通过IP层协议为互联网中的每一个网络和每一台主机所分配的惟一通信地址，它由32位二进制数表示，每8位为一组，以圆点“.”分隔，主要分为ABCDE五类IP地址。
6.DNS
答：DNS全称为Domain Name System，它实质上是一个分布式数据库，包括提出数据的标准格式，数据库查询方法，以及本地更新数据的标准方法。
7.WWW
答：万维网(World Wide Web，www)又称全球信息网，简称WEB，是目前互联网上最流行的交互式信息查询服务。
8.网页
答：网页即是基于超文本和超媒体的信息载体，它的核心是HTML。
9.WEB浏览器
答：WEB浏览器是指一个运行在用户计算机上的程序，它负责下载、显示网页，因此称为www客户程序。
10.重心平衡
答：重心平衡即页面重心反映网页上各种元素分布的协调程序，协调方式有对称布局与非对称布局两种形式。
11.WEB安全色
答：WEB安全色指浏览器所能识别的00、33、66、99、cc、ff 六组数据任意选3种组合成的216种颜色。
12.抖动
答：抖动指在WEB显示时，采用WEB安全色去替代予之相近网页元素颜色，而产生的颜色的偏差。
13.站点风格
答：整个网站所采用的结构布局、色调、文字、标志、图案等要素带给浏览者的关于该网站的印象。
14.LOGO
答：LOGO即标志、徽标、商标，是现代经济的产物，承载着企业的无形资产，是企业综合信息传递的媒介。
15.CI
答：CI是Corporate Identity的缩写，中文译为“企业形象”，是指企业有目的、有计划、战略性地创造出所希望的自身形象，由此提高企业的社会知名度，最终得到自己最适合的经营环境。
二、单选题
1、D 2、D B 3、D 4、C 5、A 6、C 7、C 8、C 9、B 10、C 11、B12、A13、B14、C15、B
三、填空题
1、WEB、FTP、Telnet、BBS
2、硬件协议、软件协议
3、应用层、表示层、会话层、传输层、网络层、数据链路层、物理层
4、5
5、index.htm或default.htm
6、Notepad、HotDog
7、对称布局、非对称布局
8、色相、饱和度、明度
9、Red、Green、Blue
10、Jpg
11、大色块构图法、线条构图法
12、图片、文件格式
四、简答题
1、答：初学网页制作需注意的以下几个方面：
1)从了解HTML的基本标记开始;
2)选择一个自己认为顺手的工具，从第一个页面开始;
3)多访问他人的网页，从中受到启发;
4)深入分析成功网站及网页。
2、答：网页制作最基本原则是有创意，网站设计需要考虑的基本原则：
1)网页内容便于阅读;
2)站点、页面色彩的搭配得当;
3)带宽足够宽;
4)浏览器功能强大与最佳分辨率;
5)提供与浏览者的交互;
6)站点内容要精、专，并及时更新;
7)简单即是美。
3、答：站点设计的国际专业流程：
1)初始商讨;2)构思;3)综合内容;4)页面布局和导航;
5)图形制作;6)内容集成;7)测试;8)验收交付。
4、答：目录结构建设原则：
1)不要将所有文件都存放在根目录下;2)按栏目内容分别建立子目录;
3)在每个主目录下都建立独立的images目录;4)目录的层次不要太深;
5)切忌使用中文目录;6)不要使用过长文件名的目录;
7)尽量使用意义明确的目录。
5、答：网站设计应注意八个方问题
1)网站的设计目的决定设计方案;2)浏览者的需求第一位;
3)页面的有效性;4)页面布局保持统一性;5)使用表格和适当的帧结构来设计网页;
6)谨填图片的使用;7)平面设计意识;8)减少JavaApplet和其他多媒体的使用。
网页设计教案【篇7】
（1）了解超级链接的含义及链接源和链接目标的含义，掌握同一站点内以及不同站点间网页超级链接的创建方法。
（2）掌握网页内书签的作用及创建书签链接方法，掌握交互式按钮、框架网页内超级链接的设置方法。
（3）理解热区链接的含义及创建方法。
（1）通过创建网页超级链接的操作，使学生了解网页中创建超级链接的基本方法，破除对网页链接的神秘感。
（2）通过对不同对象设置超级链接的操作，使学生总结出操作的规律，培养学生自主学习与操作的能力。
（3）通过网页不同的超级链接方法，拓展学生思维，创建多种形式的网页链接。
（1）通过链接我国主要自然保护区网页，激发学生热爱祖国、热爱自然、热爱生命的激情。
（2）完成超级链接，使学生感受成功的喜悦和快乐。
（1）超级链接的含义及链接源和链接目标的含义。
（2）超链接的制作方法――给文字、图片制作超链接，制作书签链接，给交互式按钮制作超链接，框架页面内的超链接，图片区域制作超链接等。
（1）书签链接中名称及对应链接位置的设定。
（2）在框架页面中制作超链接时，目标对象所选择的显示窗口形式。
教学方法与教学手段：
任务驱动法、讨论探究法、讲解与演示法、类比知识迁移法。
教学准备：
“动物――人类的朋友”站点，包括未链接的网页，如欢迎页、表格页、框架页，表单页等。
展示两个主页，一个已经创建了链接，一个没有创建链接，让学生进行比较并找出区别，引出本课课题――超级链接。
提出：我们在先前的学习中，哪个软件中的相关操作与它类似？什么是超级链接？找一个例子，分析链接源和链接目标分别是什么？
学生展开交流，通过对比找出不同点，并积极思考，回答老师的问题。
设计意图：通过对比操作、交流，再辅以知识迁移，明确本节课教学内容。
引导学生回顾PowerPoint中超链接的制作方法（教师提示：右击链接源，利用快捷菜单制作超链接），辅以教材中的内容，让学生自行探究并完成以下操作：
○1制作首页（欢迎页）到表格页的超链接。
○2给表格页内交互式按钮设置超级链接，链接到相关页面。
○3给框架页内交互式按钮设置超级链接，链接到相关页面。
教师巡视，及时指导，安排学生示范操作并讲解如何制作超链接。
交互式按钮的超链接制作要求在框架网页中演示操作。老师可以提问学生：演示者操作的对吗？有没有问题？
教师讲解，突破难点，再交由学生操作。
以上是同一站点内不同网页之间的链接，有时一个页面中内容过多，需要不断拖动滚动条实现阅读，能否实现快速跳转呢？
教师讲解：由生活中的书签引入，介绍“书签链接”的概念，然后再演示如何操作。
学生认真听讲后模仿制作，教师巡视进行指导并反馈学生的完成情况。
仅凭我们课堂上制作的这些页面还不足以详细介绍我们的主题，此时我们还可以借助超链接，链接到因特网上的其他网站，以丰富我们的内容。
任务3借助热区链接，为“友情链接”页面制作超链接，链接我国一些自然保护区网站。
有了以上基础，可安排学生自学教材中有关热区链接的相关内容，学生探究操作后教师再安排学生进行演示，辅助以提问的形式检验学生的自学情况。
开展同学间的互助，检验其链接完成情况，推荐优秀同学做展示。引导学生分类总结本节课的知识点。
网页设计教案【篇8】
一、教材或教学内容分析
本章内容在本教材中的位置处于第五章,是在文字处理(Word图片、动画、声音等都有所了解,而网页的制作就是将这些元素重新组合到网页上,学生要学的就是这种组合的方法。所以说,虽然大多数学生以前都未接触过网页的制作,但有了以上这些基础,学起来就轻松多了。
本章内容按照学生已有的基础,我对教学内容分了一下类,也为教学的组织工作打下一点基础。本章内容主要由网页基础知识、网站的建立和管理、网页的制作、创建超链接、图片的处理、网页框架。
重点是网页的制作和创建超链接,学会了这些就可以开始简单的网页制作了。
难点是网页框架,这部分相互之间关系比较复杂,必要时,老师在对各组个别辅导时,可以给予分别讲解。 这个分类可以为组长安排各个组员的任务提供参考,使分工更加合理。
二、教学对象的分析
信息技术课虽然已经成为初中的必修科目,但是城乡学生之间掌握情况的差异却相当大,条件好一点的初中学生不仅已经熟练掌握了课本上的内容,还对一些常用软件有所了解;而差一点的可以说是从高中开始才正式接触到信息技术知识的学习,他们需要多锻炼、多指导,所以协作学习对学生的学习帮助很大。
三、教学策略的选择及媒体的使用
在教学策略的选择上,我使用的是任务驱动和协作学习相结合的方法。
任务驱动就是要求本章内容学习完之后,每个小组都要完成自己班级网站的制作,并在全班进行评比,选择最好的作为班级主页挂到学校主页上去,这有助于激发学生参与学习的积极性。
协作学习则是让学生在学习过程中互帮互助,用较短的'时间、教少的精力学到更多的东西,完成一个集体项目,让他们在学习之后获得成就感。因此在媒体的选择上,我们使用的是TOP20xx系统。TOP20xx系统有利于教师进行分组教学和学生作品的点评及成果的展示。教学过程开始之前,教师把学生按座位分成四组,每个组都按学生对计算机的掌握程度平均分配,保证每个组都有计算机操作方面比较突出的,也有相对比较差的,使其形成能够互帮互助的学习小组。并由他们自己选出组长各一名,然后由组长根据组员的情况,确定在班级主页制作过程中主要完成什么任务,也就是说起到一个组织者的作用。做过网页的人都知道,做网页是一项比较费时的工作,而要学生在较短的时间内制作出像样的网页是比较困难的,而在这个过程中,网页的设计占去了相当多的一部分时间,组长把任务分到各组员头上以后,组员就可根据自己要完成的任务相对集中的做某方面的工作,做完以后,组员之间进行经验交流,告诉组员自己的网页是如何制作出来的,在完成自己的网页后,再重复一遍制作过程花费的时间的不多的。这样,其他组员就可在较短的时间之内掌握比较先进的网页制作方法,而不必再花那么多时间去探索。因为每位组员都必须自己完成一个任务,所以在这个过程中,也同样有自己探索学习的机会和介绍自己经验的机会,使组内的每个学生都在学习中获得成就感。
四、教学过程
教学进程
教师活动
学生活动
1、课前准备
课前将本章内容的基本结构、内容的归类、网页基础知识、网页素材做成一个网站,供学生参考,网站上的内容可根据学生以后在学习中的要求添加。根据学生对已有的网页制作的情况进行分组。
学生根据自己的分组情况选出组织能力较强、计算机水平较高的人做组长,协作小组形成。
2、教师布置任务,作必要讲解
第一节课,教师简单介绍网页基础知识,并给各小组布置任务——用下面的时间完成班级网页的制作,并对组长进行本章基本内容及本章内容的分类的介绍,让他们对本章内容有总体上的把握。
在教师对网页基础知识讲解的基础上,浏览教师制作的网站,继续学习;
课后各组设计自己的班级主页,组长根据网站上教师对本章内容的分类给学生布置任务。
3、教师指导分工情况,学生开始自主学习
第二节课教师对组长对全组的分工情况给予检查,提出意见和建议。
学生根据分工制作网页,学习可以跟着课本上自学,也可根据以前学习Word的经验自己摸索制作过程,不懂之处可向会的同学请教,还可以相互之间讨论,在网页的设计方面也可以相互之间多商量,发扬互帮互助的精神。
监督
下面三节课,老师在每组各用10分钟时间检查他们上节课的网页制作情况,并对他们碰到的问题给予提示或解决,起指导和监督作用。
学生继续学习、制作网页。
五、阶段总结
四节课的制作以后,各组员所制作的网页都初见雏形,所以教师组织一堂课,由各组展示自己的作品。教师在学生评讲完后,给予总结。
各组分别展示自己的作品,其他组对他们可以提出意见或建议,也可从其他组的学到好的创意。由组长在课后写一份阶段总结,从而指导以后的工作。
六、学生自主学习,教师指导、监督
下面四节课,老师仍然对每组各花10分钟时间轮流检查他们上节课的网页制作情况,并对他们碰到的问题给予提示或解决,起指导和监督作用。
学生继续学习、制作网页。
七、各组将内容汇总,形成班级主页
教师对各组出现的问题提出建议或意见。
组长或组长安排人将各组的主页进行汇总,形成一个完整的班级主页,对欠缺的地方进行修补。
八、班级网站制作完成,展示与总结
老师请其他信息技术教师来做评委,对各组做的网站提出意见或建议,评出最佳网站、最佳创意等奖,让大家的付出都有所收获。
各组分别展示自己组所制作的班级主页。
课后:
大家集中各组的优势,将班级主页完成,挂到学校主页上。
网页设计教案【篇9】
关键词：校园网站；规划
中图分类号：TP393.18 文献标识码：A文章编号：1007-9599(2012)05-0000-02
网站建设是学校教育信息化建设的重要方面，是适应现代教育技术和信息技术的发展，加大学校对外交流与宣传力度，提高教学、科研、管理效率的重要途径。学校网站是学校对外宣传的窗口，也是展示全校师生才能，加强对校外联系，互相学习，共同发展的阵地。校园网站建设的目的是促进师生与学校共同发展，因此，需要学校领导的高度重视，全校师生的共同参与，同心合力把学校网站建设好。
一、校园网站的定位
2.学校网站是家校联系的纽带；
3.学校网站是社会支持的桥梁；
4.学校网站是教师教育教学的手段和途径，并为教师教育教学提供媒体支持；
5.学校网站是学生进行有效学习的场所，并为学生健康成长提供帮助。
二、学校网站板块的设置。
主要根栏目设置：
首页、新闻中心、学校概况、教育教学、课改一线、教师风采、学生明星、校园文化、电子校刊、下载中心、留言板、校园博客
主要根栏目下的具体子栏目及组成：
首页：
建设成动态链接和可视板块，将分栏目平铺于首页。
学校概况：
1.历史沿革：学校的历史简介、现在的师资情况。
2.管理机构：学校管理机构。
3.管理制度：
①党支部：党支部的工作计划，保先教育资料、党最近的新闻。
②工会：工会的职能、工会主要领导名单、工会活动的介绍和照片。
③少先队：优秀少先队员事迹报道、少先队对学生进行的教育、周一的升旗“国旗下讲话”讲话稿
④规章制度：学校的各种规章制度，包括老师的规章制度
4、学校荣誉：其中包括：学校、教师个人、学生取的各种荣誉。
新闻中心：
1.校园动态：包括校园新闻和校园公告，校园新闻，校园内一些近期活动以及重大事件。
2.通知安排：学校通知安排。
3.年级新闻：各年级新闻动态。
4.学校大事记：每年的学校大事记。
教育教学：
1.计划总结：该页面包括两大部分，第一部分是学校的这个学年（或学期）的总的各方面的计划。例如：业务学习的工作计划，安全综合工作的计划，教学方面的工作计划，德育教育的工作计划等等。第二部分是学校这个学年（或学期）的工作总结。可以包括学校各个方面的总结。例如：各个教师的个人总结，学校的安全工作总结，学校的教育教学工作总结等。
2.教研安排：该页面主要来放一下学校各个教研组在这个学年（或学期）的总的工作安排，比如说各个年段，各个教研组的过关的要求，过关的时间，过关的内容等具体情况。
3.集体备课：语文组、数学组、英语组：分为1――6年级，备课教案。其他：除语文、数学、英语学科外的备课教案。
课改一线：
1.信息公告：科研中心信息公告
2.教学研讨：我校教师优秀教学案例、优秀教学反思。
3.参考资料：优秀论文，指导文章。
4.推荐文章：名师案例、反思
教师风采：
1.学科带头人：省、市、县、校学科带头人
2.教学能手：省、市、县、校教学能手。
3.教坛新秀：校优秀青年教师。
学生明星：
各年级十佳少年、三好学生、特长生等。
家长频道：
1.家长学校：家校互相共享的平台。
2.教子有方：提供一些具有可读性的家教文章。
校园文化：
1.艺术的启蒙：学生的艺术作品照片。
2.少先队员活动：少先队员去扫地，养老院照片等。
3.学习兴趣小组：各个兴趣小组的照片，假日活动的照片。
4.科普教育：科普教育，对小学生的科技展览，以及参观工厂。
5.课外活动：课外组织的体育活动以及学生春游等。
电子校刊：
校报
下载中心：
1.论文著作：是我校老师自己写的优秀论文，可供其他老师欣赏。
2.精彩教案：是学校老师的优质课，教坛新秀，公开课等活动的教案、课件，或者是网络上下载的一些优秀教案、课件。
3.试卷中心：各个学期的期末测试试卷，或者是各个学期的过关试卷，竞赛试卷等等。
4.软件中心：各个常用软件的下载，例如压缩软件，系统补丁等等。
5.课件
留言板：学校与社会互动的平台。
三、明确任务，确保高质量完成
1.各责任教师应该统一思想，提高认识，明确责任。
2.各室的需要提供的重要资料必须计划时间内传到网上。
3.各负责教师至少每天应该浏览学校网站，了解网站相关信息。
4.学校重大活动信息必须在一周内由各处室负责上传到网上。
四、具体实施方案
教育手段现代化工作包括两大方面，即校园网建设和计算机多媒体教学。校园网建设是实现教育手段现代化的基础工程。初步建成校园网系统并投入使用；初步建成部分学科教育信息资料库、教育管理和教育科研信息资料库；通过培训，建成一支掌握教育信息技术，熟悉计算机网络、资料库建设的技术队伍，全面开展全体教职工应用校园网获取教育信息的培训工作；逐步实现与兄弟学校资源共享；建成进入课堂的在网上运行的多媒体教学资料库；在职教职工基本都能学会使用校园网获取信息，教师做到人人懂微机、会微机，形成我校的电脑文化。
校园网建设势在必行。信息时代的热潮扑面而来，学校应做哪些工作来适应信息时代的到来呢？首先是在教师和学生中普及计算机知识，学会信息时代获取知识的方法。教师培训工作中，最重要的是转变教师观念，要使广大教师感到应用校园网络辅助教学的迫切性，认识到这是关系到我们的下一代能否适应21世纪需要的大问题，从而能自觉地改变传统的一本书、一支粉笔的教学模式，积极地应用校园网进行教育教学改革。校长带领大家学习建构主义学习理论，积极探讨建构主义理论在教学中的应用。
计算机网络技术是一项全新的技术，又是发展非常迅速的技术。教师培训采用灵活多样的形式，除有条件的可以进行系统进修外，对大量教师结合教学实际的需要，利用寒暑假、节假日、放学后等时间，有针对性的进行分类分层次的进修，在学中用，用中学，提高培训效率。建立教师培训激励机制，鼓励教师积极参加培训和在教学实践中应用校园网技术。
对全校教职工建立三级培训机制：
一级：全体教师。应掌握计算机入门知识，以及一般教学软件的使用知识，如：Windows、Word、Powerpoint、Excel、网络浏览器IE、E-mail等。
二级：学校的中青年骨干教师。应掌握计算机辅助教学的理论，教学软件的设计制作与评价知识。如：ppt、flash、优秀多媒体课件的设计制作与评价，主页的设计制作等。
三级：校园网专职人员、与校园网有关的教学与研究人员计算机辅助教育设计和开发人员。应掌握教学软件的程序设计，如：VB、VC、JAVA，相关的电脑美术、电脑音乐软件的使用、动态网页设计制作等。
其他：需各教研组抽调一、二名教师利用空闲时间参与到校园网站的维护中来，主要工作：将各学科的学习资料放入网站和解答校园论坛上学生提出的问题(这是一个漫长的工作，培训工作由计算机组完成)
培训的目的是在普及计算机网络技术的基础上，建立一支熟练掌握多媒体、网络开发与设计能力的计算机网络技术骨干队伍，确保学校在21世纪的发展。
为了让学生真正实现多媒体交互式学习，我们还建设了多媒体网络教室等相关的软硬件环境。我们的学生可以在完全真实的环境中学习计算机和网络的课程。并通过网站（论坛）进行自主交互式的学习。我们的教师也可以采用先进的网络备课方式，用先进的课件制作平台制作出生动的交互式多媒体课件，更好的完成教育。
五、校园网站建设费用情况
1.校园网站网页设计与制作费用，由信息中心采用动易核心程序自己美化版面独立完成，无需任何费用。
2.为使校园网站运行稳定，需购买独立域名和支付空间费用
网页设计教案【篇10】
《网页设计B》课程教学大纲
Web Design B
课程代码： 课程性质：专业基础理论课/选修 适用专业：信息与计算科学
开课学期：7 总学时数：32 执 笔：刘伟
一、课程的性质和目的
网页设计是针对学习制作网页的相关问题，注重网页设计基本知识的培养的一门课程，可作为进行网页设计学习的本、专科学生的入门基础课，通过本课程教学，使学生掌握网页制作的基础知识并应用开发设计网站；初步学会使用Dreamweavr MX、Flash MX等开发工具制作精美的网页网站；初步掌握XML语言、脚本语言开发基于WEB的数据库系统；培养解决实际问题的动手能力。
二、课程教学内容及学时分配
第一章 HTML（4学时）
了解HTML的定义, 理解HTML的基本结构与主要功能；了解HTML的标记与基本结构；了解HTML文字格式与页面格式；了解超级链结，列表和表格；了解HTML文件中多媒体与框架的设置；解表单标志的设置。
主要内容：Internet简介；Internet的主要功能，WWW简介；HTML简介；HTML语言、HTML主要功能、HTML的基本结构；HTML文件结构的格式；HTML的基本语法、基本结构、文件结构的格式标记。
第二章 网页编辑工具（2学时）
简单了解Frontpage 2000软件的安装配置与操作使用；简单了解Dreamweaver MX软件的安装配置与操作使用；简单了解Flash MX软件的安装配置与操作使用。
主要内容：网页编辑工具Frontpage 2000、Dreamweaver MX。第三章 ASP技术（6学时）
了解ASP特点，理解ASP的工作原理，了解ASP的运行环境；了解ASP的程序语法；了解ASP的内建对象；了解ASP的内建组件；了解ASP访问数据库的方法。
主要内容：ASP(active server pages)是动态服务器网页，是Ｍircorsoft 公司在1996年底推出的一种运行于服务器端的WEB应用程序开发技术。它既不是一种语
总学分数：2
编写年月：2002年3月 修订年月：2007年7月
言也不是一种开发工具，是内含于IIS/PWS之中的可以集成SCIPT语言到HTML主页的服务器端的脚本语言环境。
第四章 JSP技术（6学时）
了解JSP特点，理解JSP的工作原理，了解JSP的运行环境；了解JSP的程序语法；了解JSP的内建对象；了解JSP的内建组件；了解JAVABEAN的使用；了解JSP访问数据库的方法。
主要内容：SP是定义于Servlet之上的一个JAVA标准延伸机制。JSP将网页的HTML部分和多段JAVA程序代码合并在单一文档中，即在传统的HTML网页中加入了JAVA程序片段和JSP标记。
第五章 XML（3学时）
了解XML的历史与优点；了解XML的语法；了解XSL的定义与XML的结合；了解CSS的定义与XML的结合。
主要内容：XML（extensible markup language 可拓展置标语言）继承了SGML的优点，又弥补了HTML的不足，它提供了一个直接处理WEB数据的通用方法，着重描述WEB页面的内容，而不是显示格式；CSS与XSL。
第六章 VBSRIPT、JAVASCRIPT（5学时）
理解VBSRIPT功能与使用；理解JAVASCRIPT功能与使用；了解JAVASCRIPT中内置对象。
主要内容：VBSCRIPT的语法与使用；JAVASCRIPT的语法与使用；JAVASCRIPT中内置对象。
第七章 ACTIVEX技术（2学时）
了解ACTIVEX控件的开发、注册与使用。
主要内容：ACTIVEX控件的开发；ACTIVEX控件的注册；ACTIVEX控件的使用。
第八章 基于WEB的数据库的开发（4学时）
了解基于WEB的数据库开发的原理；了解基于WEB的数据库开发的一般步骤；了解基于WEB的数据库开发的类型。
主要内容：数据库在ASP中使用；JSP访问数据库；ASP、JSP中数据库的连接技术。
三、课程教学的基本要求
1.了解网页设计的基本概念，熟练使用网页设计工具快速构建网站； 2.能比较熟练地使用ASP、JASP技术创建动态页面； 3.初步掌握基于web的数据库信息系统技术的解决方案。
4.重难点：（1）.HTML 重点：HTML标记的使用，框架的设置；表单的使用 难点：文字格式与页面格式，列表和表格，表单标记。（2）.ASP
重点：ASP的工作原理，ASP的页面数据的传递
难点：内建对象的使用，ASP的语法，ASP访问数据库的方法；（3）.JSP 重点：JSP的工作原理，JSP的页面数据的传递
难点：内建对象的使用，JSP的语法，JSP访问数据库的方法；JAVABEAN的使用。
（4）.XML 重点：XML的语法优点，如何在CSS与XSL中结合XML 难点：XSL与CSS定义与使用。（5）.ACTIVEX组件
重点：ACTIVEX组件的注册使用 难点：ACTIVEX组件的实现。（6）.基于WEB的数据库开发
重点：ASP、JSP中数据库的连接技术，开发环境
难点：中间层的实现
该课程实践性较强，需要学生多上机练习加强理解；针对所留习题，可以组织两到三次讨论，以便学员掌握网站建设的思想。
总评成绩：平时作业占30%，闭卷考试占70%。
四、本课程与其它课程的联系与分工 先修课程：软件工程，数据库原理
五、建议教材及教学参考书
［1］侯文彬等编，《网页设计教程》，清华大学出版社，2003年出版社 ［2］丁爱萍，《网页制作教程》，电子工业出版社，2001年出版社
［3］魏应彬等，《网页设计与WEB数据库发布技术》，清华大学出版社，2000年出版社 ［4］张铭泽等，《JavaScript动态网页设计》，机械工业出版社，2000年出版社
