网页设计与制作课程研究与探索.docVIP

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