APP下载

《网页设计与制作》课程教学探究

2015-05-30李智鹏

杂文月刊·教育世界 2015年5期
关键词:网页制作网页设计与制作教学探究

李智鹏

【摘 要】《网页设计与制作》课程是中等职业学校计算机专业的必修课程,操作性和实用性都很强。依据学生的自身特点,从教学内容、教学方法、动手能力训练上下功夫,并结合工作经验的借鉴,不断改革与充实教学内容,注重人才培养的需求。探究教学方法永无止境,培养学生实际动手能力和计算机的操作水平,注重培养团队精神,使学生能够达到运用所学的知识进行网页设计和网站开发。

【关键词】网页制作 教学探究

在信息技术飞速发展的今天,人们获取信息的方式更多是来源于互联网。而吸引用户浏览的则是视觉效果出色、信息量丰富、页面美观、使用起来方便的网页,所以网页设计教学是重头戏。

《网页设计与制作》课程是中等职业学校计算机专业的必修课程之一,要学好这门课程,对于初学者来说,必须先理解掌握专用术语。其次是欣赏比较优秀的网页,并能说出好在什么地方;最后就是动手制作一个优秀的网页网站风格,并要注意色彩的搭配、网页布局、统一风格等都很重要。

教学时可采用“四字教学法”,将“教、学、练、做”融为一体。教学要体现“教师为主导,学生为主体,训练为主线”的教学原则,课堂上可以采用“四字教学法”展开教学。

一、实施教学的要素

在实施教学时,主要以学生掌握知识技能为根本、以“能懂、掌握、运用”为教学前提、以培养学生动手能力为目标来指导整个教学,常言道“授之以鱼,不如授之以渔”。只有让学生学会学习,具有创新能力、解决问题的能力才能终身受益。因此,在进行教学时,要有意识地引导学生,鼓励他们推陈出新,不断冲破思维定势,提倡用自己的方法,充分发挥自己的主体作用。

1、Logo和導航条的作用

网页中的Logo即网站标志,网站标志好比是商品的商标,是独特的形象标识,在网站推广中能起到事半功倍的效果,设计和制作网站标志时应该体现该网站的特色和内容。导航条是网页设计中不可缺少的部分,通过一定的技术手段,为网站的访问者提供一定的最佳捷径,使其可以方便地访问到所需的内容,是人们浏览网站时可以快速从一个页面跳转到另一个页面的通道。

2、模板网页和库

模板是一种用于设计统一风格和版式的特殊网页,使用模板,可避免重复劳动,可快速创建网站并可保持网页风格的一致性。库主要用于存放网页页面元素,如文件、图片等,并且需要重复使用或更新。

3、框架的使用

如果一个网页的左边导航菜单是固定不变的,而网页右边的信息可以上下滚动,这种网页结构就是一个框架型网页。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。框架具有以下优点:访问者的浏览器不需要为每个页面重新加载与导航相关的链接,可大大节约浏览时间;每个框架都具有自己的滚动条。

4、CSS样式表的使用

CSS样式表是一系列格式规则的集合,它可以控制网页内容的外观,使得网页内的各文本、图像、表格等对象具有统一的风格,省去了为每个对象单独设置格式的繁琐。通过CSS技术可以有效地对网页整体布局、颜色、字体、字号、超链接、背景和其它对象的显示效果做到精确地控制。利用它能让网页的外观和格式统一等效果的实现,在网页制作过程中让设计者会更加轻松方便。

5、网页表单的应用

表单是网页访问者与服务器之间信息交互的桥梁,是用来同浏览者交互(即收集返回信息)数据信息的操作界面。

二、网页制作的技巧

以网页制作专业软件Dreamweaver CS3应用学习,应从以下几个方面动手制作:

1、分析网页结构

只有当网页布局和网页内容成功结合时,这种网页才受欢迎。网页布局的形式多种多样,不同布局的网页具有不同的视觉效果。网页内容布局主要有:国字型、拐角型、标题正文型、左右框架型、上下框架型、封面型、Flash型等。

2、包含的元素

一个网页中包含的元素有文字、图片、Gif动画、音频和视频等。例如:可打开多个学校的网页,观看网页的优点、布局结构、视觉效果如何等等。请同学做出合理评价,相同点和不同点;如果网页好,说出好在什么地方;如果网页不好,指出不好的地方及改进意见。

3、网站主页的地位

在一个网站中,最重要的页面当属主页,所以主页设计的好与坏,直接影响浏览者的人数。所以,一个有特色和优秀的主页,必须包含有四个要素:文字,图片,排列方式和主色调。他们相辅相成,缺一不可。网页作为一种版面,既有文字,又有图片;文字有大有小,还有标题和正文之分;图片页有大小而且有横竖之别。图片和文字都需要同时展示给观众,不能简单地将其陈列在一个页面上,否则会搞得零乱不堪。

4、色彩在网页中的所占比重

有了合理清新的色调,会弥补主页上的其它不足。页面的色彩搭配是与网站的主题分不开的,一个网站必须有一种或两种主题色。不至于让浏览者迷失方向,也不至于单调乏味。一般来说,页面的主体文字应尽量使用黑色等较深的颜色,与背景对比明显,按钮、边框等使用彩色。例如教育类网站使用蓝色为主题色,再用红色和黑色作为配色,就能表达出严肃、稳重的效果。

其实在教学过程中,要了解学生的基础、知识接受能力的差异性,学习内容应有所取舍。要从学生实际出发,要照顾到大多数学生的实际情况,以防失去学习信心,坚持做到“教师为主导,学生为主体,训练为主线”的教学原则。

三、点滴经验小结

网页设计涉及到对多种软件、多种知识的综合应用,以及个人的艺术性和审美观等等。所以要想制作出漂亮的网页,需要逐步学习和经验积累的过程。

总之,职业教育重担是任重而道远的一项伟大工程,常讲常新,尤其对专业课程的教学方法与创新也是永无止境的。只要我们在教学过程中大胆实践、勇于开拓,精心设计教学和实例,自强不息、探究创新的学习情境,实现教学理念、教学模式、能力素质得到提高,就一定能提升职业学校计算机专业课的教学效益,从而提高学生动手实践能力,增强综合运用能力,适应现代社会对人才的需求。

猜你喜欢

网页制作网页设计与制作教学探究
网站建设和网页制作的方法
浅析慕课时代的《网页设计与制作》课程教学探索
任务驱动教学法在高中作文教学中的几点尝试
中职英语口语互动教学探究
浅析当前计算机网页制作的应用技术和管理流程
关于《网页设计与制作》课程标准化建设实施方案的研究
表格在网页中的灵活运用
基于工作过程的《网页设计与制作》课程的教学改革
职业技能大赛对《网页设计与制作》教学的启示