论文部分内容阅读
【摘 要】《网页设计与制作》课程是高职学校计算机专业的必修课程，操作性和实用性都很强。依据学生的自身特点，从教学内容、教学方法、动手能力训练上下功夫，并结合工作经验的借鉴，不断改革与充实教学内容，注重人才培养的需求。探究教学方法永无止境，培养学生实际动手能力和计算机的操作水平，注重培养团队精神，使学生能够达到运用所学的知识进行网页设计和网站开发。
【关键词】网页制作 教学探究
在信息技术飞速发展的今天，人们获取信息的方式更多是来源于互联网。而吸引用户浏览的则是视觉效果出色、信息量丰富、页面美观、使用起来方便的网页，所以网页设计教学是重头戏。
《网页设计与制作》课程是高职学校计算机专业的必修课程之一，要学好这门课程，对于初学者来说，必须先理解掌握专用术语，比如：网站和网页、Logo、导航条、表单、超级链接、框架和CSS样式、模板网页和库等。其次是欣赏比较优秀的网页，并能说出好在什么地方；最后就是动手制作一个优秀的网页网站风格，并要注意色彩的搭配、网页布局、统一风格等都很重要。
教学时可采用“四字教学法”，将“教、学、练、做”融为一体。教学要体现“教师为主导，学生为主体，训练为主线”的教学原则，课堂上可以采用“四字教学法”展开教學。
一、实施教学的要素
在实施教学时，主要以学生掌握知识技能为根本、以“能懂、掌握、运用”为教学前提、以培养学生动手能力为目标来指导整个教学，常言道“授之以鱼，不如授之以渔”。只有让学生学会学习，具有创新能力、解决问题的能力才能终身受益。因此，在进行教学时，要有意识地引导学生，鼓励他们推陈出新，不断冲破思维定势，提倡用自己的方法，充分发挥自己的主体作用。
1.Logo和导航条的作用
网页中的Logo即网站标志，网站标志好比是商品的商标，是独特的形象标识，在网站推广中能起到事半功倍的效果，设计和制作网站标志时应该体现该网站的特色和内容。导航条是网页设计中不可缺少的部分，通过一定的技术手段，为网站的访问者提供一定的最佳捷径，使其可以方便地访问到所需的内容，是人们浏览网站时可以快速从一个页面跳转到另一个页面的通道。
2.模板网页和库
模板是一种用于设计统一风格和版式的特殊网页，使用模板，可避免重复劳动，可快速创建网站并可保持网页风格的一致性。库主要用于存放网页页面元素，如文件、图片等，并且需要重复使用或更新。
3.框架的使用
如果一个网页的左边导航菜单是固定不变的，而网页右边的信息可以上下滚动，这种网页结构就是一个框架型网页。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。框架具有以下优点：访问者的浏览器不需要为每个页面重新加载与导航相关的链接，可大大节约浏览时间；每个框架都具有自己的滚动条。
4.CSS样式表的使用
CSS样式表是一系列格式规则的集合，它可以控制网页内容的外观，使得网页内的各文本、图像、表格等对象具有统一的风格，省去了为每个对象单独设置格式的繁琐。通过CSS技术可以有效地对网页整体布局、颜色、字体、字号、超链接、背景和其它对象的显示效果做到精确地控制。利用它能让网页的外观和格式统一等效果的实现，在网页制作过程中让设计者会更加轻松方便。
5.网页表单的应用
表单是网页访问者与服务器之间信息交互的桥梁，是用来同浏览者交互（即收集返回信息）数据信息的操作界面。表单在网页中应用广泛，
二、网页制作的技巧
以网页制作专业软件Dreamweaver CS3应用学习，应从以下几个方面动手制作：
1.分析网页结构
只有当网页布局和网页内容成功结合时，这种网页才受欢迎。网页布局的形式多种多样，不同布局的网页具有不同的视觉效果。网页内容布局主要有：国字型、拐角型、标题正文型、左右框架型、上下框架型、封面型、Flash型等。比如：内容多，就要考虑用国字型或拐角型；如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型；而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面型是首选；Flash型更灵活一些，好的Flash大大丰富了网页，但是它不能表达过多的文字信息。
2.包含的元素
一个网页中包含的元素有文字、图片、Gif动画、音频和视频等。例如：可打开多个学校的网页，观看网页的优点、布局结构、视觉效果如何等等。请同学做出合理评价，相同点和不同点；如果网页好，说出好在什么地方；如果网页不好，指出不好的地方及改进意见。
3.网站主页的地位
在一个网站中，最重要的页面当属主页，所以主页设计的好与坏，直接影响浏览者的人数。所以，一个有特色和优秀的主页，必须包含有四个要素：文字，图片，排列方式和主色调。他们相辅相成，缺一不可。网页作为一种版面，既有文字，又有图片；文字有大有小，还有标题和正文之分；图片页有大小而且有横竖之别。图片和文字都需要同时展示给观众，不能简单地将其陈列在一个页面上，否则会搞得零乱不堪。要设计出漂亮的主页，首先要成为计算机图形高手，这一点就可以让初学者花上很长的时间。这需要去学习photoshop图形图像处理软件，还应具备一定的美术基础，如审美观、创意技巧等。
4.色彩在网页中的所占比重
有了合理清新的色调，会弥补主页上的其它不足。页面的色彩搭配是与网站的主题分不开的，一个网站必须有一种或两种主题色。不至于让浏览者迷失方向，也不至于单调乏味。一般来说，页面的主体文字应尽量使用黑色等较深的颜色，与背景对比明显，按钮、边框等使用彩色。例如教育类网站使用蓝色为主题色，再用红色和黑色作为配色，就能表达出严肃、稳重的效果。
5.遵循制作流程
网页设计制作流程由“确定主题、网站规划、搜集素材、版面设计、制作作品、相互评价、修改完善”七大步骤组成。在网页设计过程中，以上七大步骤一个也不能少，老师要有计划、有目的地让学生去遵循流程，并严格把好每一关。
其实在教学过程中，要了解学生的基础、知识接受能力的差异性，学习内容应有所取舍。要从学生实际出发，要照顾到大多数学生的实际情况，以防失去学习信心，坚持做到“教师为主导，学生为主体，训练为主线”的教学原则。
三、点滴经验小结
网页设计涉及到对多种软件、多种知识的综合应用，以及个人的艺术性和审美观等等。所以要想制作出漂亮的网页，需要逐步学习和经验积累的过程。比如：制作网页，“学校”网页、“电影新片宣传”网页、“球星风采”网页、“藏獒传说”网页、“个人简历”网页、“化妆品广告”网页等。多动手制作一些常见的网页，做到熟能生巧，为今后进一步提高网页制作水平奠定坚实的基础。
总之，职业教育重担是任重而道远的一项伟大工程，常讲常新，尤其对专业课程的教学方法与创新也是永无止境的。只要我们在教学过程中大胆实践、勇于开拓，精心设计教学和实例，自强不息、探究创新的学习情境，实现教学理念、教学模式、能力素质得到提高，就一定能提升职业学校计算机专业课的教学效益，从而提高学生动手实践能力，增强综合运用能力，适应现代社会对人才的需求。
【关键词】网页制作 教学探究
在信息技术飞速发展的今天，人们获取信息的方式更多是来源于互联网。而吸引用户浏览的则是视觉效果出色、信息量丰富、页面美观、使用起来方便的网页，所以网页设计教学是重头戏。
《网页设计与制作》课程是高职学校计算机专业的必修课程之一，要学好这门课程，对于初学者来说，必须先理解掌握专用术语，比如：网站和网页、Logo、导航条、表单、超级链接、框架和CSS样式、模板网页和库等。其次是欣赏比较优秀的网页，并能说出好在什么地方；最后就是动手制作一个优秀的网页网站风格，并要注意色彩的搭配、网页布局、统一风格等都很重要。
教学时可采用“四字教学法”，将“教、学、练、做”融为一体。教学要体现“教师为主导，学生为主体，训练为主线”的教学原则，课堂上可以采用“四字教学法”展开教學。
一、实施教学的要素
在实施教学时，主要以学生掌握知识技能为根本、以“能懂、掌握、运用”为教学前提、以培养学生动手能力为目标来指导整个教学，常言道“授之以鱼，不如授之以渔”。只有让学生学会学习，具有创新能力、解决问题的能力才能终身受益。因此，在进行教学时，要有意识地引导学生，鼓励他们推陈出新，不断冲破思维定势，提倡用自己的方法，充分发挥自己的主体作用。
1.Logo和导航条的作用
网页中的Logo即网站标志，网站标志好比是商品的商标，是独特的形象标识，在网站推广中能起到事半功倍的效果，设计和制作网站标志时应该体现该网站的特色和内容。导航条是网页设计中不可缺少的部分，通过一定的技术手段，为网站的访问者提供一定的最佳捷径，使其可以方便地访问到所需的内容，是人们浏览网站时可以快速从一个页面跳转到另一个页面的通道。
2.模板网页和库
模板是一种用于设计统一风格和版式的特殊网页，使用模板，可避免重复劳动，可快速创建网站并可保持网页风格的一致性。库主要用于存放网页页面元素，如文件、图片等，并且需要重复使用或更新。
3.框架的使用
如果一个网页的左边导航菜单是固定不变的，而网页右边的信息可以上下滚动，这种网页结构就是一个框架型网页。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。框架具有以下优点：访问者的浏览器不需要为每个页面重新加载与导航相关的链接，可大大节约浏览时间；每个框架都具有自己的滚动条。
4.CSS样式表的使用
CSS样式表是一系列格式规则的集合，它可以控制网页内容的外观，使得网页内的各文本、图像、表格等对象具有统一的风格，省去了为每个对象单独设置格式的繁琐。通过CSS技术可以有效地对网页整体布局、颜色、字体、字号、超链接、背景和其它对象的显示效果做到精确地控制。利用它能让网页的外观和格式统一等效果的实现，在网页制作过程中让设计者会更加轻松方便。
5.网页表单的应用
表单是网页访问者与服务器之间信息交互的桥梁，是用来同浏览者交互（即收集返回信息）数据信息的操作界面。表单在网页中应用广泛，
二、网页制作的技巧
以网页制作专业软件Dreamweaver CS3应用学习，应从以下几个方面动手制作：
1.分析网页结构
只有当网页布局和网页内容成功结合时，这种网页才受欢迎。网页布局的形式多种多样，不同布局的网页具有不同的视觉效果。网页内容布局主要有：国字型、拐角型、标题正文型、左右框架型、上下框架型、封面型、Flash型等。比如：内容多，就要考虑用国字型或拐角型；如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型；而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面型是首选；Flash型更灵活一些，好的Flash大大丰富了网页，但是它不能表达过多的文字信息。
2.包含的元素
一个网页中包含的元素有文字、图片、Gif动画、音频和视频等。例如：可打开多个学校的网页，观看网页的优点、布局结构、视觉效果如何等等。请同学做出合理评价，相同点和不同点；如果网页好，说出好在什么地方；如果网页不好，指出不好的地方及改进意见。
3.网站主页的地位
在一个网站中，最重要的页面当属主页，所以主页设计的好与坏，直接影响浏览者的人数。所以，一个有特色和优秀的主页，必须包含有四个要素：文字，图片，排列方式和主色调。他们相辅相成，缺一不可。网页作为一种版面，既有文字，又有图片；文字有大有小，还有标题和正文之分；图片页有大小而且有横竖之别。图片和文字都需要同时展示给观众，不能简单地将其陈列在一个页面上，否则会搞得零乱不堪。要设计出漂亮的主页，首先要成为计算机图形高手，这一点就可以让初学者花上很长的时间。这需要去学习photoshop图形图像处理软件，还应具备一定的美术基础，如审美观、创意技巧等。
4.色彩在网页中的所占比重
有了合理清新的色调，会弥补主页上的其它不足。页面的色彩搭配是与网站的主题分不开的，一个网站必须有一种或两种主题色。不至于让浏览者迷失方向，也不至于单调乏味。一般来说，页面的主体文字应尽量使用黑色等较深的颜色，与背景对比明显，按钮、边框等使用彩色。例如教育类网站使用蓝色为主题色，再用红色和黑色作为配色，就能表达出严肃、稳重的效果。
5.遵循制作流程
网页设计制作流程由“确定主题、网站规划、搜集素材、版面设计、制作作品、相互评价、修改完善”七大步骤组成。在网页设计过程中，以上七大步骤一个也不能少，老师要有计划、有目的地让学生去遵循流程，并严格把好每一关。
其实在教学过程中，要了解学生的基础、知识接受能力的差异性，学习内容应有所取舍。要从学生实际出发，要照顾到大多数学生的实际情况，以防失去学习信心，坚持做到“教师为主导，学生为主体，训练为主线”的教学原则。
三、点滴经验小结
网页设计涉及到对多种软件、多种知识的综合应用，以及个人的艺术性和审美观等等。所以要想制作出漂亮的网页，需要逐步学习和经验积累的过程。比如：制作网页，“学校”网页、“电影新片宣传”网页、“球星风采”网页、“藏獒传说”网页、“个人简历”网页、“化妆品广告”网页等。多动手制作一些常见的网页，做到熟能生巧，为今后进一步提高网页制作水平奠定坚实的基础。
总之，职业教育重担是任重而道远的一项伟大工程，常讲常新，尤其对专业课程的教学方法与创新也是永无止境的。只要我们在教学过程中大胆实践、勇于开拓，精心设计教学和实例，自强不息、探究创新的学习情境，实现教学理念、教学模式、能力素质得到提高，就一定能提升职业学校计算机专业课的教学效益，从而提高学生动手实践能力，增强综合运用能力，适应现代社会对人才的需求。