引言：项目导向教学法是一种以实践为前提、以教师为主导、以学生为主体、以项目为媒介、以职业能力为目标的系统的教学方法。项目是教学组织与实施的载体，教学时强调始终以一个完整的项目工作为教学导向，重构教学内容，让学生在参与此项目的过程中，模拟真实的工作环境，并从中感知、体验和领悟相关知识，从而提高学习兴趣，掌握相关的专业知识和操作技能。《网页设计基础》课程的教学正适宜采用项目导向的思想来进行设计，从而达到提高教学效果的目的。
一、课程的性质与目标
《网页设计基础》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果，学会制作各种企业、门户、电商类网站。
二、课程设计理念与思路
课程设计理念：高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展，不能局限于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念
课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例（项目）实训为手段，设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为目标，以项目任务实现为载体、理论学习与时间操作相结合”。
三、基于知识点的项目设计
根据学习规律，以项目为导向的思想在《网页设计基础》中引入如下的十个项目，从而达到了该门课程的设计目标。
１、制作HTML5百科页面
通过该项目了解HTML5发展历程，理解HTML5浏览器支持情况，熟悉HTML5基本语法，掌握HTML5语法新特性，掌握HTML5相关标记及属性，能够制作简单的网页页面。
２、制作电影影评网
通过该项目掌握结构元素的使用，可以使页面分区更明确；理解分组元素的使用，能够建立简单的标题组；掌握页面交互元素的使用，能够实现简单的交互效果；理解文本层次语义元素，能够在页面中突出所标记的文本内容；掌握全局属性的应用，能够使页面元素实现相应的操作。
３、制作服装推广软文
通过该项目了解CSS3的发展历史以及主流浏览器的支持情况；掌握CSS基础选择器，能够运用CSS选择器定义标记样式；熟悉CSS文本样式属性，能够运用相应的属性定义文本样式；理解CSS优先级，能够区分复合选择器权重的大小。
４、制作网页设计软件列表
通过该项目掌握CSS3中新增加的属性选择器，能够运用属性选择器为页面中的元素添加样式；理解关系选择器的用法，能够准确判断元素与元素间的关系；掌握常用的结构化伪类选择器，能够为相同名称的元素定义不同样式；掌握伪元素选择器的使用，能够在页面中插入所需要的文字或图片内容；掌握CSS伪类，会使用CSS伪类实现超链接特效。
５、制作音乐排行榜
通过该项目掌握盒子的相关属性，能够制作常见的盒子模型效果；掌握背景属性的设置方法，能够设置背景颜色和图像；理解渐变属性的原理，能够设置渐变背景；熟悉CSS控制列表样式的方式，能够运用背景图像定义列表项目符号。
６、制作网页焦点图
通过该项目理解元素的浮动，能够为元素设置浮动样式；熟悉清除浮动的方法，可以使用不同方法清除浮动；掌握元素的定位，能够为元素设置常见的定位模式。
７、制作信息登记表
通过该项目了解表单功能，能够快速创建表单；掌握表单相关元素，能够准确定义不同的表单控件；掌握表单样式的控制，能够美化表单界面。
８、制作音乐播放界面
通过该项目熟悉HTML5多媒体特性；了解HTML5支持的音频和视频格式；掌握HTML5中视频的相关属性，能够在HTML5页面中添加视频文件；掌握HTML5中音频的相关属性，能够在HTML5页面中添加音频文件；了解HTML5中视频、音频的一些常见操作，并能够应用到网页制作中。
9、制作工作日天气预报
通过该项目理解过渡属性，能够控制过渡时间、动画快慢等常见过渡效果；掌握CSS3中的变形属性，能够制作2D转换、3D转换效果；掌握CSS3中的动画，能够熟练制作网页中常见的动画效果。
10、制作电商网站首页
通过该项目掌握站点的建立，能够建立规范的站点；能够应用本学期所学的所有知识完成首页面的制作，并能够实现简单的CSS3动画效果。
结束语：《网页设计基础》课程在设计过程中引入项目导向的思想，通过设计十个项目把该课程的所有知识点全部包含进来并形成了知识模块，有利于教学的开展，有利于学生的学习，整个教学在理实一体化机房进行，达到了很好的教学效果。
参考文献
[1]刘良方.项目式教学法在《网页设计与制作》实训中的应用[J].中国科技信息.2009,(8).DOI:10.3969/j.issn.1001-8972.2009.08.124.
[2]欧阳芳.项目教学法在《HTML 网页设计》教学中的探讨[J].电脑知识与技术.2010,(11).DOI:10.3969/j.issn.1009-3044.2010.11.047.
[3] 姜大源著 .职业教育学研究新论[M].教育科学出版社,2007.
