如何提高网页制作课程的教学效果

《网页设计与制作》课程是我校计算机专业必修的课程，也是非计算机专业选修课程，本课程是侧重学生设计与制作的一门课。那么如何提高《网页设计与制作》这门课程的教学质量，达到师生双赢的结果，这是值得我们探讨的。本人经过几年的《网页设计与制作》课程的教学实践与观察，从课程教学内容、教学方法等几个方面进行阐述。

一.合理调整教学内容

从培养目标出发，《网页设计与制作》课程教学内容重在培养学生的网页设计、实际动手制作的能力，因此对课程的教学内容进行合理的调整尤为重要，在讲述课程内容时，根据教学对象的不同，教学内容也是不同的，但是都没有完全按照教材的章节顺序来讲述，比如对于计算机专业学生来讲，我主要分成几部分，第一部分介绍网页基础知识，网站的种类，网站的概念，并对优秀的网站网页进行赏析；第二部分介绍HTML语言，通过一个典型的小型网站来讲解HTML语言各类标记符的使用方法；第三部分用网站制作软件具体介绍网站建设、网站规划及流程，第四部分为网站综合设计，通过由学生选择设计各类题目，两人一组设计一个综合类网站，进而锻炼学生的团队合作能力，网页设计与制作的能力。对于非计算机专业的学生来说，HTML语言部分就省略掉了，只有在做实例的过程中遇到问题时，在进行简单讲解，经过几年的教学来看，取得了良好的教学效果。

二.改进教学方法，激发学生学习兴趣

本人在此课程中主要采用了案例教学法，案例教学法师一种用案例教学的方法，在教学过程中，按照大纲的要求以实际案例作为剖析对象，在裤棚教师的指导下，教师与学生共同参与案例的分析，讨论来寻找完成任务的方法。

比如在讲授使用dreamweaver工具如何编辑文字和插入图像等基本基本知识，我会将一个真实的学校的网页呈现给学生，引导学生对这张网页进行分析，并提出实现方法，最后选择一种便捷的方法进行讲解，学生再进行上机实践。

再比如在介绍网页中表格的布局时，以“制作旅游类网站”为主进行介绍，首先由小组中的一樱纯宴名同学在黑板上画出网页的布局结构，然后再请另一名同学在软件中进行设计，小组协作共同完成这一个案例，在制作过程中难免会遇到一些问题，如表格布局是否合理、单元格是否为顶端对齐、单元格的边距和间距是否为0等现象是学生经常出问题的地方，那么由学生进行操作所遇到的问题，他们自身的印象会更深，这样就使其在今后的实践环节中减少此类问题的出现

实践证明案例教学方法可行，得到了学生的喜爱与好评，也取得了良好的教学效果。

三. 正确引导学生的学习方法

根据我校学生的特点，学生存在学习的积极性不高，不主动，课前不预习，课后不复习等现象，因此，在本课程的教学过程中，正确引导学生的学习方法是至关重要的。

(一)经常与学生沟通交流，使学生养成预习与自学的好习惯。使学生了解，通过预习和自学能够充分发挥其动手的能力，掌握各种技能，培养自身的创新能力，这种脊银方法的运用要比老师单纯地讲好得多。

(二)根据学生的认知水平、思维方式，适当降低教材的理论难底，并多让学生欣赏一些网页制作方面的案例，增加学生的兴趣，调动学生的学习积极性，激发学生的潜能。

总之，《网页设计与制作》课程是一门实践性非常强的课程，如何提高本门课程的教学质量途径多种多样，只要在教学中不断探索，勇于创新，定会寻找出一条既符合实际又有效的途径，让学生在有限的时间内学习到更多的知识，操作的更熟练，为今后的工作、学习奠定良好的基础。同时,我也相信，只要每位教师本着“勤学、善思、实干”的准则，一如既往，再接再厉，调动学生学习的主动和积极性，培养学生观察、思维、推理、自学以及分析问题、解决问题的能力，任何一门课程的教学质量都会得到提高。

中小学专题学习网站的设计

一、引言

随着Internet网络建设的迅速发展，特别是校园网络的广泛建立，开发建设基于Internet的多媒体学习资源具有重大意义。专题学习网站是在因特网的环境下，围绕某一专题进行较为广泛深入研究的资源学习型网站，专题学习网站在中小学教学的应用，充分体现了信息技术与课程整合的优势。本文将对专题网站建设的意义和设计策略结合扬州大学附属中学信息技术拓展专题学习网站对专题学习网站的设计开发做一探讨，并就专题学习网站如何有效地实施课堂教育教学结合课程实例作一阐述。

二、专题学习网站的定义

专题学习网站的本质是一个基于网络资源的专题研究、协作式学习系统，它通过在网络学习环境中，向学习者提供大量的专题学习资源和协作学习交流工具，让学习者自己选择和确定研究的课题或项目的设计，自己收集、分析并选择信息资料，应用知识，去解决实际问题。它强调通过学习者主体性的探索、研究、协作来求得问题解决，从而让学习者体验和了解科学探索过程，提高学习者获取信息、分析信息、加工信息的实践能力和培养良好的创新意识与信息素养。

三、专题学习网站的基本特征

专题学习网站通常包含以下四个基本内容：

（1）专题知识部分是指通过收集整理与建设与本专题相关的文本、图片、动画等教学媒体，按一定的教学策略进行分类、组织，以网页形式制作专题网络教学课件。

（2）专题资源库部分是指按有关的资源建设规范分类、整理与本专题相关的资源入库（例如学习工具（字典、词典、读音、仿真实验）以及相关资源网站的链接等，并提供良好的资源上传、下载、资源维护、资源检索、资源应用等资源管理与应用功能

（3）专题学习应用工具部分指学习者提供能应用专题知识和专题资源进行网络学习的工具，这为协作学习的开展提供了有利的空间，学生可以利用“论坛”、“留言板”、“BBS”、“聊天室”等方式互相交流，并且也为教师与学生之间的沟通搭建了桥梁。

（4）专题学习评价部分是指为学习者提供自我学习评测的手段，通过收集与学习专题相关的思腊游型考性问题、形成性联系以及总结性考察的评测资料，学生可以在线完成自我学习的评价。

专题学习网站是围绕某一专题进行详细而深入的资源建设，利用网站组织学磨蔽习者对该专题进行全面的学习，并使用所提供的资源，在创设的情境下（如教学活动、各种问题情境以及虚拟实验，甚至游戏）分析信息、利用信息、培养学习者的观察思维能力，具有专题性、综合性、开放性、实践性的特点。

五、专题学习网站的设计

专题学习网站的包括选题、内容设计和系统设计几个步骤。

1．专题学习网站选题

选题网站的设计关键，主题的选择要体现专题的特点，可以涉及与中小学学习有关的学科知识、人文社会、自然科学等方面。专题学习网站不同于网络课程，课程在内容上有系统性、完整性、教学性，而专题内容相对具体，更加针对一项具体的知识内容，因此在选题时应注意以下原则

（1）选题上的教育性、科学性原则：专题是为教学服务的，要符合学习对象的特点，选题内容有一定的教育意义，突出学习中的重点，注意启发，促进思维，培养能力。选题内容正确、逻辑严谨，层次清楚，扩展资源内容健康、合情合理，突出专题特征。

（2）内容上的整合性原则：专题不只是单个知识点，它是具有相关知识特征的知识点的集合与延伸，所以选题要在专题范围内自成体系，各相关知识点要围绕专题设立，不仅仅局限于书本内容，允许在该专题涉及的范围内涵盖相关学科，体现了学科的整合。

另外，在选题时还要注意下面几个方面：

（1）专题要小而精。定位要小，内容要精，选择的题材涉及面可以很广，不要只是局限于学校的学科教学，但也要有所侧重，以实用为主。

（2）要有独特性，新颖性，只有专题网站要做出自己的特色来，才会有生命力。

2．专轮猜题学习网站的设计原则

（1）交互性原则：专题学习网站要有良好的交互性，及时对学生的学习活动做出相应的反馈。

（2）界面直观友好原则：网站界面要美观，符合学生的视觉心理；操作要简单，不需要大量的预备技能；提示信息要详细、准确、恰当。

（3）创新能力培养原则：知识创新和信息获取的能力是当代素质教育的核心，专题学习网站应采取多种教学策略，以便充分体现学生的认知主体作用，使学生在学习过程能进行积极的思考，而不是处于被动接受知识状态，从而在培养学生的创新能力和增强信息文化素养方面发挥应有的作用。

（4）科学性原则：专题网站中所要表达的知识要具有科学性，措辞要准确，行文要流畅，符合知识的内在逻辑体系和学生的认知结构。

（5）协作性原则：协作学习有利于高级认知能力以及合作精神的培养，而网络为协作学习提供了理想的环境，因此，专题学习网站要充分发挥这一优势，提供协作学习和协同工作的工具和网络空间。

（6）教学设计原则：要重视教学设计，即要注意分析学习者的特征、要分析教学目标和教学内容的结构、要设计符合学生认知心理的知识表现形式，设计能够有力地促进主动建构知识意义的学习策略。

六、专题学习网站建设的步骤：

确定选题

（1）选题要具有教育性、科学性、知识性、趣味性与整合性。

（2）选题要独特、新颖、定位准确。

（3）选题要发挥本身优势、教学试验与内容建设相结合。

专题结构化知识设计。

（1）标题

（2）专题内容（知识点）

（3）制作思路

系统结构的设计

（1）专题知识框架

（2）各部分内容的说明

网页界面的设计

工作任务列表分工

素材、资源的搜集和制作

制作工具的使用

自主学习的设计

协作交流的设计

学生评价系统的设计

网站评价的设计

七、专题学习网站的制作

目前各个学校专题学习网站的开发与设计，大部分都是由计算机教师完成的。由此而带来的弊端就是懂技术的教师不懂教学，懂教学的老师不懂技术。因此制作时必须由一线教师广泛参与网站建设，资源的整理、加工，素材的制作，制作相对简单的网页部分，计算机教师进行整合，已充分体现教师的教学思想。网站的资源建设，可采纳如下途径：

一线教师：收集资料，上传，下载符合专题的资源整理加工利用。

专业教师：围绕专题制作相关素材、课件。

购买:购买教育教学类素材。

制作时要选择或设计合适的网站源程序，制作富有个性的网站界面，学习资源的呈现要符合学生的认知规律，要按照专题内容的类型和学习者的特征，选择最合适的形式来表现专题内容。不能是资源的简单堆积，要对上传的资源适当加工，并建立合理的检索机制。其检索方式至少包括：关键字、作者、所属专题等.

谁有 《网页设计与制作》(21世纪高职高专规划教材)的电子教案

一. 网页设计软件的选择

设计主页首先要选择合适的工具软件，现在比较流行的网页制作软件是 FrontPage 和 DreamWave。他们各有优缺点，FrontPage 是微软出品的网页编辑软件，也是 Office 系列软件的组成部分。最新的 FrontPage2000中文版 在 Office2000 的软件包中可以找到。如果对 Office 有一定的基础，会用 Word 的人，很开就可以学会使用 FrontPage ，它的最大优点之一就是易学易用。另外 FrontPage 制作的网页在 IE 浏览器中的效果也特别好。但是，如果你希望网页在 Netscape 或其他浏览器上有良好表现，那么使用 FrontPage 就有些麻烦。不是说不可以，只是很容易出错。在这方面 DreamWave 就好很多，毕竟是第三方的软件。DreamWave是由 MacroMedia 公司出品的网页制作软件，最新版本茄册是3.0，功能也同样很强大。不过学习起来要难一些，而且 IE 浏览器的一些高级功能就无法实现了。各有所长，只有自己权衡了。另外不要将两个编辑软件交替使用，否则会出现混乱。

二. 网络服务商的选择

现在提供免费主页空间的网站非常多，当然也有收费的。选择什么好呢？千万不要认为什么“无限主页空间”就是最好。这里的讲究非常多的。首先要明确服务商提供的是什么操作系统的服务器，如果你使用 FrontPage 编写主页，最好选择 Windows NT 服务器，这样效果最好。另外还有 Linux 和 Unix 的服务器也很多见，用这些服务器的话要注意一个问题，就是文件名的大小写一定要清楚。一般的 Windows 用户会觉得这不是问题，因为微软的习惯，文件名大小写是不区分的。但是 Linux 和 Unix 不是这样，比如你有一个 top.jpg 的图片上传，然后在 HTML 超连接写成了 top.JPG，扩展名写成大写了。在本地看这个 HTML 文件很正常，图片显示正确。但等你上传到服务器上，你会发现根本无法显示文件。解决这个问题的最简单办法是所有的文件名和扩展名都用小写英文字母，而且不要用长文件名。当然，如果是 Windows NT 服务器，就不用担心这个问题。

如果只是做简单的主页，那只需要得到相应的主页空间就可以了。但如果做高级一些到主页，就牵涉到一些网络程序的执行，这就需要 CGI 权限甚至数据库权限。一般的网络服务器上是不会免费提供这些功能的，而且收费往往不低。对于一般的个人主页完全没必要苛求这些，不然维护费用会很大，除非确实想做出一个很好的站点。免费主页空间的另外一个问题是服务商随时有权关闭服务，因为不承担任何承诺，这样你的成果可能会白费，所以要找一些比较可靠的主页空间，最好是已经提供较长时间服务，且有一定知名度吵或的。

另外，不同的服务商使用的网络服务器和线路也不尽相同，访问的更新速度差异也非常大。要选择线路速度快一些的主页空间，不然会大大影响来访者的兴趣。最好使用本地的网络服务器，因为跨区域的网络线路往往比较拥挤。

还有，网络服务商提供怎样的主页维护方式也很重要。如果提供 FrontPage 扩展的 HTTP 维护，那就最方便了。可以做到全自动维护。如果是传统的 FTP 方式，也不错。FrontPage2000 同样可以用 FTP 自动上传，而且也可以用许多 FTP 管理软件。但还有一种是基于 WEB 的主页维护，这种主颤碰宏页空间只能到服务商的网站上按它特定方式编辑维护主页。这样很不方便，最好不要使用。

三. 主页内容的选择

评价一个主页的优劣，主要不是看外观而是看内容。选择适当的内容很重要，最好是自己比较感兴趣的内容，否则会没有长期维护的热情。另外不要做太多的主题，没有重点的四面出击往往一样也不吸引人。很多著名的个人主页都是靠一个优秀的栏目而大受欢迎的，飞翔鸟硬件就是个很好的例子。维护主页贵在坚持，一定要不断上传新的内容来充实更新网站。不过同样要注意不要随便抄袭别人的内容，如果对方的内容是可以转载的自然没问题，但如果是版权所有的，可能会遇到纠纷，甚至会强制关闭你的个人主页。知识产权还是需要尊重的，因此在转在其他网站的内容时，最好征求对方的同意。

还有，主页内容千万不要有违法的成分，特别是不要有色情内容。

四. 主页制作的技巧

主页制作是一门综合性技术，也是一门艺术，它包括策划、美工、设计等等。这里只是说一些应该注意的问题。很多商业网站都有“广告条”，点击广告可以为网站赚钱，甚至像 Yahoo 这样的网络公司也主要靠这些广告的收入维持。但是一般的个人主页，建设初期最好不要放广告条，特别是不能放很多。在访问量不是很大的时候，广告是赚不到钱的。反而会让访问者觉得主页很乱，全是无聊的广告，给人的印象就很差了。

还有些个人主页因为访问量很低没面子，就修改网页计数器，增加访问量。这其实是自欺欺人，以后别人也不会相信你的主页流量了。一个好的主页，总会有越来越多的访问者，如果没质量的主页，做手脚又有何用？

还有，如果是免费主页空间，一般速度都不太快，空间也不大。最好不要提供过多的软件下载，这样会严重影响访问速度。到头来会得不偿失的。一般较好的软件下载站点都提供独立的 FTP 线路下载软件，这样才能保证网站的访问速度不受影响。同样的，主页上也不要使用分辨率太大的图片，一般一张图片尽量控制在 20KB 一下。个人主页中也不要过多使用 Java class 的小程序和过于复杂的 Java 脚本，这些只起到点缀的作用就行了，用得太多了，浏览网页的速度也会变得非常迟钝。

制作主页时还要特别小心语言版本的问题，特别是中文。选用的内码或字体错误的话，访问时就会出现乱码或字体扭曲等问题。

五. 域名和无形资产

每个个人主页都有自己的域名，就像人总有个名字。起名字也有很多讲究。很多人会模仿著名网站的名字，在别人的拼写上改一改字母之类的。其实这样并不好，没有了自己的个性，反而不容易给人留下深刻的印象。还是自己取个好名字吧。另外常看到有人写着“永久域名 xxx.yeah.net”之类的。其实这些都是二级域名，一些网络公司免费提供的而已。这些都称不上永久域名，因为公司随时可以停止服务的。最好是能拥有自己的国际顶级域名，这才是永远属于你自己的。其实这也并不是一笔非常昂贵的费用，但确是主页长期发展的根本保障。当然，如果觉得没必要，使用免费二级域名也不错。

网页设计课程

网页设计课程

1、课程定位和课程设计

《网页设计与制作》课程是高职电子商务专业的一门专业必修课程。本课程以图形图像处理为前导课程，本课程将从职业技术教育的特点出发，以培养学生实际动手能力为目标，使学生具备网页制作、网站规划与网站维护的专业能力和方法能力，以及培养弯闹学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。作为专业的核心主干课程，使学生掌握商业网站的开发和流程，并能独立进行操作，在就业时能够成为一个合格的人才。学生毕业后可胜任网站管理员、网页设计师、网页美工师等工作岗位。

2、课程目标

本课程以学生能够网页网站开发与维护的实际工作能力为学习目标，使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能，形成解决实际应用问题的方法能力，为以后的学习动态网页设计课程打下基础。

3、素质目标

(1) 培养具有较强的网页设计创意思维、艺术设计素质;

(2) 培养学生在学习过程中解决困难的能力;

(3) 培养学生在学习过程中培养兴趣的能力，提高工作、学习的主动性;

(4) 培养学生理论联系实际的工作和学生方法;

(5) 培养具有高度责任心和良好的团队合作精神;

(6) 具有社会责任感。

4、知识目标

(1) 了解WEB站点的工作原理;

(2) 理解Internet、WWW、HTTP、HTML的定义，计算机网络概念和作用;

(3) 了解服务器、客户端、浏览器的概念和作用;

(4) 掌握常规网站的规划及流程;

(5) 熟练掌握HTML语言中各种标记符的运用能力;

(6) 熟练掌握Dreamweaver应用软件的使用;

(7) 理解网页中脚本语言的使用方法;

(8) 熟练开发常规静态网站。

5、能力目标

(1) 熟练掌握Dreamweaver应用软件制作网站及网页;

(2) 熟练掌握使用绝对和相对URL，创建超链接，图像链接;

(3) 掌握在网页中添加CSS的方法;

(4) 培养学生设计、制作和维护动态网站。

(5) 培养学生搜集资料、阅读资料和利用资料的能力;

(6) 能独立制定、实施工作计划。

(7) 具备检查、判断能力;

(8) 具备简单的需求市场分析能力。

6、课程内容与教学要求

第一章：个人网站的制作

【教学内容】

网络相关概念、网站需求分析、风格定位与网站欣赏、草图设计、图像相关概念、Photoshop制作网页平面效果图、 HTML语言简拍亮介、HTML语言的基本结构、HTML常用标记、Css样式表的应用。

【教学重点】

项目基础与流程设计，个人网站效果图设计与切片，HTML编辑静态页面，个人网站CSS样式表设计，网站测试。

【教学要求】

了解网站项目建设流程。

掌握个人网站效果图设计。

熟练掌握HTML编写静态页面的方法。

第二章：网页设计与制作精品课程网站建设

【教学内容】

Photoshop的综合运用， Dreamweaver的认识与基本使用方法、Dreamweaver中站点的建立与管理，插入文本、图像、表格、模板等资源，网络空间的申请与与域名的申、网站文件的上传。

【教学重点】

精品课程网站的策划方案，主页面的设计与制作，模板页的制作，效果图的切片与导出，网站后期编辑，网站的发布与测试。

【教学要求】

了解网站建设的流程、需求分析。

理解网站色彩搭配的原埋贺罩则。

掌握网站的建设流程及网页效果图的制作。

能够利用Dreamweaver软件设计精品课程网站。

第三章：企业类网站建设

【教学内容】

Photoshop效果图的制作， Flash动画的制作，Dreamweaver中框架、表单、图层、行为、时间轴、简单脚本语言的制作、模板的使用，Dreamweaver的综合使用。

【教学重点】

商务类网站的前期策划，效果图的设计、切片与动画的设计，网站编辑与动画设计，网页的布局及后期制作。

【教学要求】

了解企业类网站的策划过程。

进一步理解Dreamweaver建立网站及网页的流程。

掌握网站动画的设计与制作。

掌握网站的后期制作与编辑，并能够调试。

第四章：自主选题进行网站建设

【教学内容】

Photoshop效果图的制作， Flash动画的制作，HTML语言的综合运用，Dreamweaver的综合运用。

【教学重点】

网站的.前期规划(文字、图片等素材的收集与整理及使用)，网站效果图的制作，网站的建立与网页的制作与编辑，网站的发布五测试。

【教学要求】

了解整个网站的建设流程。

理解制作工具(dreamweaver)的使用方法

掌握网站的制作过程及综合运用方法。

能够独立并完美地完成一个完整网站的建设工作。

7.教学模式、教学方法与手段

1、注意教学方法的灵活性，可组织学生案例教学，进行讨论、问题教学、阅读指导等。全部在实训室授课，提高学生的实践操作能力。

2、充分发挥学生的学习主观能动性。在本课程的教学过程中，注意训练学生的操作动手能力，引导学生理论联系实际，应用课本中的理论知识来解决实际操作问题。本课程的学习过程全部是基于生产过程中的教学过程。

8.课程实施课时安排

(一)课时安排与教学建议

一般情况下，每周四课时，约18周，合72课时。具体课时安排如下：

一、考核方式

本课程为考试科目，期末考试总分100分，包括以下三部分成绩：

建立过程考核与结果考核相结合的方法，强调过程考核的重要性。过程考核占60分，结果考核占40分。

1、过程考核

(1)自评、小组评价和教师评价相结合;采用绩效考核，首先学生进行自评，然后再进行小组评价和教师评价。

(2)考核点占分权重：个人作业完成情况(10%);实践操作技能(30%);学习态度(10%);团队合作精神(10%)。

2、结果考核

(1)自评、小组评价和教师评价相结合：对项目完成进行结果性考核，首先学生进行自评，然后再进行小组评价和教师评价。

(2)作品考核：项目结束要求每个小组提交全部作品及资料，根据完成情况进行考核。

(3)小组答辩：小组答辩实际上是各个项目小组对本小组学习情况及成果的总结、汇总和展示。小组答辩的内容包括小组组织过程、工作程序和步骤、学习成果与收获、取得的经验与教训、回答教师提问等。该项由老师给分。

(4)项目报告：报告包括项目描述、主要任务、设计流程、岗位技能及职责，每天的过程记录，以及项目完成后的个人总结等，每人提交一份，字数约2000字左右。该项由教师给分。

;