《网页设计与制作》课程的研究与探索

来源:用户上传      作者:

　　摘要:根据《网页设计与制作》的课程特点,从教学内容、教学方式、方法和考核方式等方面,研究和探讨了《网页设计与制作》课程教学改革的具体方式。
　　关键词:网页设计与制作 教学内容 上机实践 模仿教学
　　
　　0 引言
　　随着万维网的迅速发展,网页已经成为网络世界进行信息传播的最主要载体,网页设计与制作人才的培养成为当务之急。由于社会和专业的需求,《网页设计与制作》课程广泛受到各大学校和学生的喜爱。
　　作为一门新兴技术,网页制作从上个世纪九十年代开始才得到广泛运用,进入高校课堂的时间更短。与其他的课程相比,其在课程建设方面的积累沉淀少,教师可借鉴的资源相对有限;市面上教材、参考书籍良莠不齐,需要授课老师细心甄别。根据授课内容,该课程具有难度不大,但涵盖知识面广的特点。教学内容通常包括HTML语言基础、CSS、网站设计原则和色彩、网页制作工具的使用、图像处理以及动态网页技术等。
　　1 课程特点
　　《网页设计与制作》是一门集成了多种计算机知识和技术的综合性课程[1],其本身具有很强的实践性。网页设计与制作是网站建设的基础,而网页本身是当今社会网络世界传播信息的最主要的载体,同时网站又是企业向用户和网民提供信息(包括产品和服务)的一种方式、是企业开展电子商务的基础设施和信息平台。综合上述分析,《网页设计与制作》课程的教学内容选取既要涵盖计算机基础知识,又必须包括基本工具软件的操作使用,同时还要结合当前市场和主题的需求,才能使本课程教学达到令人满意的效果。
　　2 教学内容
　　根据前文对《网页设计与制作》课程的特点分析,在制定教学大纲时,不应该拘泥于某一本或者某几本特定的教材,应着眼于当前网页制作技术发展的现状。教学内容方面要涵盖既要覆盖网页设计概念的培养,又要覆盖网页制作的主流技术,同时网页制作技术发展较快,可适当对新兴技术进行追踪;针对不同内容,采取相应的讲授方法,如课堂讲授和上机实践相结合的方法,以获得最佳的教学效果。
　　网页制作过程中必然涉及到图片的处理,若能应用好Photoshop也是网页设计的关键,而Photoshop也是操作性很强的工具软件,此部分笔者安排更多的上机实践课程。另外,Fireworks和Flash同样也是作为网页制作的辅助工具,若学生能掌握,对网页的设计开发将起到画龙点睛的作用,因此这两部分也安排了相应的学时。
　　《网页设计与制作》课程体现了网页设计与网页制作是紧密联系的,是完成网页作品流程中的两个阶段,但这两个阶段之间并没有严格的界限,往往是迭代进行的。网页通常都是图文并茂的,对页面的美观有一定的要求。然而,随着网页设计理论研究与实践的深入,网页的设计不仅仅以良好的视觉效果为目标,而更多关注的是用户体验。尤其对于电子商务网站,如果我们的网页设计得非常优秀,能吸引更多用户,也就意味着能带来更大的效益。也就是说合格的网页作品,在技术上不仅要符合相关的制作规范,还应考虑页面布局、图片放置、色彩搭配、下载速度等因素,这些因素都与用户体验密切相关。以此,在学生掌握了基本网页制作后,笔者安排了网页设计方面的内容学习。主要包括色彩,学生应了解彩色具备的特征以及Web安全调色板;图像,学生应了解网页中常见的的图像格式,不同图像格式的特点和区别,以及网页中如何放置图片和放置前是否需要做相应的处理;布局,了解网页布局的概念,目前常见的布局方法,如利用Table布局和利用CSS布局,他们的异同及其实现细节;有效性,如何保证网页在不同的显示器、不同的浏览器中显示时,显示效果是一致的,如何保证用户可以在较短的时间下载浏览网页。在讲授的过程中,笔者还展示了部分网站(以电子商务网站为主),让学生去分析总结各个网站的特点,使得学生对网页制作的内涵有进一步的理解。
　　笔者采用的教学大纲,学时分配部分如下表所示。
　　3 教学方式
　　在《网页设计与制作》课程教学中,我们采取课堂讲授和上机实践为主,课堂讲授的主角是教师,上机实践的主角是学生。那么,贯穿整个教学始终,笔者还采取了模仿教学作为辅助的教学方式贯穿其中。在课程学习的各个环节,学生都在运用课堂上的理论知识在上机中操作达到某种网页效果。本课程是一门实践性很强的课程,让学生动手去做,经历网页制作的各个环节,实现教与学的互动,才能充分激发学生学习的积极性。作为电子商务专业的学生,笔者建议可以一个的电子商务网站的首页(如最常见的淘宝网),让学生在上机实践课中,对指定的网站首页进行模仿还原。教会学生如何“借用”其他网站的源代码,如何取得该网站上的图片和色彩代码。学生对这种目标性很强的任务,往往会表现出很大的热情,学习的主动性也得到提高,在任务的逐步完成过程中,每实现一个部分,预览后看到自己的成绩,都会有一种成功的喜悦感。另外,在模仿教学的过程中,要总结学生中出现的典型问题,进行重点讲解,帮助学生更快地提高网页开发能力。
　　此外,笔者不提倡将所有的知识都一次性教给学生,应该适当地让学生走走弯路。如关于网页文件的命名规范化和目录结构组织方面的知识,可以先不讲解。让学生在实践操作的过程中自己体会,只有在他们经历过复杂或不便利的操作过程,学生才能意识到需要寻求一条捷径,也因此才能更深刻地理解这方面的知识。
　　4 考核方式
　　考核具有导向作用,影响着学生学习的积极性。完善、合理的考核体系,是促进学生全面掌握知识和规范教学的一大利器。针对《网页设计与制作》理论性与实践性并重的特性,笔者分别制定了理论与实践考核体系。
　　理论考核体系重点考核理论知识的理解和运用。将考核内容分为HTML、网页制作工具、网页设计原则和风格、CSS、动态网页技术和其他网页设计辅助工具六个部分,规定了每一块应掌握的知识点与各知识点的分值。试卷由抽取的知识点组合而成。理论考试采用开卷“笔试”的形式,安排在期末进行。理论考核体系的建立,使教师与学生在教学和学习的过程中有章可循,既有利于规范教学,又能主动引导学生学习。
　　实践考核体系重点考核技能的掌握。采用开卷“机试”的形式,安排在理论考试之前一周左右进行,是本课程的考核重点。考试要求学生在规定的2小时内,按要求完成一个简单的网站开发。考核标准包括页面内容、页面布局、图片和色彩各个方面。理论与实践两个考核体系的建立,有利于全面考查学生的学习情况,促进学生学习。
　　5 结束语
　　在当今社会,网页技术的更新很快,这就意味着《网页设计与制作》课程的教学需要不断地对网页设计和制作的相关技术进行研究与探索,在教学方法上进行不断的革新。通过有效的教学方式提高教学质量和教学效果,激励学生学习本课程的兴趣,提高他们对知识的掌握程度和实践动手能力,并让他们学以致用。
　　参考文献:
　　[1]于淼.《网页设计与制作》,[M]中国人民大学出版社.2001.
　　[2]高文胜,任丽敏.《网页设计与制作》.[M]清华大学出版社.2007.
　　[3]王君学.《网页设计与制作》,[M]人民邮电出版社.2008.

转载注明来源:https://www.xzbu.com/4/view-10402181.htm