《高职院校软件专业网页设计课程教学改革初探.doc》由会员分享，可在线阅读，更多相关《高职院校软件专业网页设计课程教学改革初探.doc（6页珍藏版）》请在三一文库上搜索。
1、高职院校软件专业网页设计课程教学改革初探 网页设计是高职院校软件技术及相关专业的一门重要的专业课程，该课程侧重培养学生的前端网页布局、设计和美工的能力和素养。本文从课程的总体定位、教学内容的选取与组织、教学过程设计、考核过程设计四大方面阐述了对该课程教学改革的一些探索和实践的基本思路。 一、课程教学的总体定位 网页设计是软件技术专业一门重要的专业课，但长期以来我们的授课方式是以零散的知识点加小规模的实训，而实训都是以验证性实验为主，这与企业的用人需求及工学结合的职业教育模式脱节，学生虽然上课时能够掌握基础知识，并有着极大的学习兴趣，但由于内容过于分散，学生很难综合运用并做出一个实物。这样将导致
2、学生学习的成就感缺失，久而久之，就会对课程失去兴趣。 针对职业教育的特点，在我们对众多大中型网站开发企业进行调研分析、对专业毕业生的岗位进行调查回访的基础上，我们对网站的开发流程有了清晰的认识和了解。一般大中型网站企业开发分前台美工人员和后台程序人员。前台美工人员的任务是使用photoshop等软件制作网站效果图，在用户确认通过后，根据效果图进行切片来生成网页中的图片，然后利用表格或使用DIV+CSS来对网页进行布局，从而完成前台静态网页的制作；而后台程序人员则使用各种动态网页技术如ASP、JSP、PHP等完成程序的编写，利用数据库管理软件对数据库进行部署，存储网站中需要的数据。 前台美工人员
3、完成的工作正好是我们这门课程所要完成的目标。基于此，我们把课程定位在适应企业用人需求，提高学生使用photoshop等软件进行网站效果图制作、使用表格或使用DIV+CSS来对网页进行布局上。 网页设计面向的工作岗位主要有前台美工、DIV+CSS网页布局、使用简单JS脚本进行客户端编程等。职业学院所培养的网页设计开发人才主要从事静态网页设计，基于此思路， 我们依据岗位需求，应以培养网页美工、前端代码设计和布局为基本目标，通过完成学习性工作项目，培养学生能够依据用户需求，进行网站架构设计、网页布局和美化设计、打包发布的能力，并通过拓展项目训练，逐步培养学生具备网站系统分析和网页美感、色彩搭配、网页
4、布局和设计的能力。 二、课程教学内容的选取与组织 在进行该课程的设计时遵循以下三个理念和原则 （1）以岗位需求为目标、以职业能力培养为主线、以工作过程为导向建立教学体系。 （2）根据一个完整网站统领全课程，用任务驱动构建网页设计课程知识体系。选取企业网站作为课程载体，将所有知识点、技能融于六大情境模块中。 （3）与企业合作，完全模拟静态网页真实开发过程进行教学，以技能训练为重点培养学生解决实际问题的能力、创新能力、“零距离”就业能力。实现三方面培养目标。 通过以下手段重构教学内容 （1）走访、调研多家网站开发企业、查询行业标准，了解熟悉网站开发的流程。 （2）根据我所带班级学生特点及目前就业岗
5、位技术需求确定教学内容。 （3）以企业网站设计案例为载体重构该学科知识体系。 （4）参考网页设计师认证考试大纲拓宽知识面。 具体教学内容分为6个模块，列举如下 （1）模块1著名网页效果赏析、网页布局结构。该模块的任务是对经典的网页进行效果赏析，并对网页布局结构进行学习和借鉴。涵盖主要知识点美感培养、色彩搭配、字体应用；网页LOGO、头部、菜单栏、版权栏、各栏目结构。该模块学时分配为9学时。 （2）模块2HTML基础知识。该模块的任务是学习HTML基本标记和HTML基本语法，并对页面美工进行学习。涵盖主要知识点各标记的语法应用、属性设置；CSS样式表。学时分配为4学时。 （3）模块3网站效果图制
6、作。该模块的任务是学习photoshop软件的使用、flash软件的使用、Fireworks、Dreamweaver以及切片操作。涵盖主要知识点选区、图像编辑、图层、通道、蒙版、路径、滤镜等；图形绘制工具、图形编辑、位图和视频、对象编辑、元件和实例、动画制作；动态滤镜、图层、通道、蒙版；文本与图像处理、层、框架网页等。学时分配为30学时。 （4）模块4HTML表格布局。该模块的任务是学习表格嵌套和表格属性设置。涵盖主要知识点表格布局。学时分配为6学时。 （5）模块5DIV+CSS。该模块的任务是学习CSS语法格式、各个CSS属性用法；并将切片后的页面进行DIV+CSS布局。涵盖主要知识点表格布
7、局。学时分配为9学时。 （6）模块6站点测试与发布。该模块的任务是学习如何使用Dreamweaver上传网站，完成发布。学时分配为3学时。 三、课程教学过程设计 我们以主页设计模块的任务5- 2 DIV+CSS布局为例进行说明。 该任务为6学时，具体任务包含3个子任务 DIV的布局；CSS设置属性；浮动、绝对定位。该任务主要使用DIV布局页面，用CSS设置DIV块的属性，将主页面分为几个部分，对应于相应的DIV，并使用浮动、定位属性定位DIV块。 任务目标包括知识目标和能力目标，列举如下 知识目标1、掌握DIV的布局 的方法。2、掌握使用CSS设置属性的方法。3、掌握浮动、绝对定位的方法。能力目标1、培养学生使用DIV的布局 的能力；2、培养学生使用使用CSS设置属性的能力。学时分配二次课（6学时） 教学过程设计如下 主要教学方法多种教学方法穿插并用，整个课堂按照”做学教拓思”的步骤进行。综合运用项目教学法（引入企业网站案例）、教学做合一的教学方法。第 6 页