《网页前端技术》的课程设计

张赵辉（黑龙江林业职业技术学院,黑龙江　牡丹江　157011）

《网页前端技术》的课程设计

张赵辉
（黑龙江林业职业技术学院,黑龙江牡丹江157011）

《网页前端技术》课程主要让学生能够利用HTML和Dreamweaver设计网站，使用JavaScript添加网页动态效果的，进而让学生掌握网站的开发技能，本课程的设计以培养学生综合技能为导向，按照项目案例的实施过程，给学生设计从简单到复杂、从容易到困难的网页设计案例。

HTML；课程设计；JavaScript；CSS；项目化

1课程性质和作用

1.1课程的性质

《网页前端技术》是高等职业院校计算机网络专业的一门专业核心课程，是使学生掌握使用HTML语言和Dreamweaver设计网站，使用JavaScript添加网页动态效果，使学生掌握网站的开发技能，是实践性很强且面向实际应用的重要专业课。通过学习《网页前端技术》，能够提高学生职业技能和素质，为适应职业岗位和继续学习打下一定的基础。

1.2课程的作用

本课程的教学目标是使学生能运用所学的网页编程知识，根据实际问题进行静态网页的创建与维护、JavaScript动态网页的编写，使学生具有HTML静态网页设计与制作的基本能力。

2　课程设计的理念和思路

2.1课程设计理念

《网页前端技术》课程的实施以工作过程导向为主体，理论实践结合特征突出。是以学生最终就业为目的的教学过程、着重培养学生的网页设计与制作能力，强调学生的学中做与在制作网页中的学习创新能力，实现了理论实践一体化教学目标。

在《网页前端技术》的课程建设中，以培养学生综合技能为导向，按照项目案例的实施过程，给学生设计从简单到复杂、从容易到困难的网页设计案例，按照循序渐进的学习情景来展开，教学过程以项目实施的过程为主导，注重学生网页设计的能力培养。

2.2课程建设思路

《网页前端技术》的课程建设思路注重专业领域的技术要求，强调对学生网页设计与美化职业的岗位任职要求，围绕着学生在网页制作与设计中容易出现的问题，展开课程体系和教学内容的设计。

《网页前端技术》的课程建设原则：突出学生的实际运用能力，同时，以项目任务为载体，以学生的个性训练和能力培养为主体。《网页前端技术》的课程建设过程：首先，针对市场工作岗位的需求，分析出网站与网页设计人员的工作任务，进性归纳总结出适合学生的具体项目任务，然后设计出适合学生的基于工作过程的学习任务和情境。

3　课程设计

3.1课程目标设计

（1）能力目标。使学生能熟练运用HTML中的文字、链接、列表、表格、表单和图像；掌握Dreamweaver进行网站的制作与设计操作技能；掌握Javascript脚本编程语言的基本语法知识，设计出绚丽的网页动态效果，开发出富有创意的个性网站。

（2）知识目标。能够了解网站的工作原理；了解WWW 和HTTP协议，掌握HTML和CSS的基本概念和作用；掌握Dreamweaver应用软件的使用功能；掌握表格、表单设计网页的方法；掌握添加网页动态效果的方法。

3.2课程内容设计

（1）知识模块划分。对现有知识点进行了解析与重构，划分出彼此之间联系紧密的HTML网页技术、Css网站布局与样式、Javascript动态行为、网页制作综合实例四大知识模块。

（2）教学内容设计。教学内容分为四大知识模块：

1）HTML网页技术基础知识。对应的能力目标有：能够独立安装Dreamweaver软件，能够掌握HTML语言中的各种文本格式、字符格式、段落设置、列表、表单、框架的作用，能够运用html编写简单的页面。

2）CSS网站布局与样式。对应的能力目标有：能够掌握在网页中添加CSS、嵌入图像、声音、多媒体信息的方法；能够利用CSS美化网页，给用户更好的网页体验。

3）Javascript动态行为。对应的能力目标有：能够掌握Javascript的核心语法。能掌握在HTML语言代码中嵌入JavaScript代码的方法，能看懂JavaScript特效网页源代码；能够按网页设计技术要求修改和调试JavaScript代码；能够使用JavaScript语言实现网页特效。

4）网页制作综合实例。通过HTML、CSS和JavaScript的学习，以及课程中设计到的小案例和项目的制作，让学生自主创新，独立制作完成一个门户网站的综合案例。

3.3 教学方法设计

（1）项目导向法.本课程的教学内容是以学生的网页制作与设计的开发流程为依据展开的。利用计算机技术中的动画视频等先进技术进行教学。

（2）分组教学.在网页制作与设计的教学中，每个项目都是以学生实际的网页设计效果为考核目标的，实践性都比较强，学习难度较大。在教学中，采用分组教学的方法，可以让同学之间遇到问题能够互相探讨，相互帮助协作完成任务，进而激发学生学习的自信心和学习兴趣，增强学生的创新意识，设计出更具特色的个性网站。

3.4考核方法设计

学期总评成绩采用百分制，着重考核学生运用知识解决实际问题的能力。其中，平时成绩占30%，项目案例完成情况占30%，期末项目作品占40%。

4　结束语

通过本课程的学习，不仅可加强学生对理论知识的感性认识、加深对网站开发的理解，而且能培养学生的实践技能，提高网站开发与设计的实践动手能力。另外，通过项目教学方法的渗入，使学生在整个项目的进行过程中可以自主的学习，自己找可以承担的学习任务来完成，同时也学会了发现问题和解决问题的方法，发挥了个人的最大能力，提高自身的创新能力。

[1]张赵辉.探析网页前端技术及其升华[J].科技致富向导，2015(02):67.

黑龙江省高等教育学会2014年规划课题《网页前端技术课程教学资源共享建设研究与实践》（课题编号：14G275）成果。