有效课堂的静态网页设计课程设计

前言：想要写出一篇引人入胜的文章？我们特意为您整理了有效课堂的静态网页设计课程设计范文，希望能给你带来灵感和参考，敬请阅读。

【摘要】当今职业院校都在积极开展项目化教学、理实一体化教学、情境教学等多种教学手段来实现课堂的有效性。但在实际教学过程中，往往没有达到我们设计的教学目标，本文以《静态网页设计》这门课为例，设计一个完整的整体设计，来实现课堂的有效性。

【关键词】有效课堂；网页设计；整体设计

1引言

《静态网页设计》是职业院校计算机专业里面必修的一门基础课。本课程与《JavaScript程序设计基础》、《HTML5前端设计》课程组成了前端开发的整体课程体系。通过本课程的学习可以让学生具备以下能力：能够利用HTML标签编写网页中的元素、能够利用CSS样式来美化页面内容、能够利用DIV+CSS技术制作复杂的页面。

2学习者分析及应对措施

对于静态网页设计大部分学生还是比较感兴趣，但是真正要能够做到复杂的实战性的页面设计，需要掌握很多基础知识和技能，且学习难度较大，随着难度的增加兴趣会逐渐降低。学生缺乏自主学习的意识，独立思考的能力不强，遇到难懂的知识和难做的项目，容易产生放弃的心理，缺少吃苦耐劳及钻研精神。学习者行为的控制力不强，专注力不够持久，玩手机、做其他事情的学生多，特别是一些基础比较差的学生，完成作业的自主性不强，时有作业晚交和抄袭的现象。在本课程的教学过程中，课内以企业典型项目为载体实施项目化教学，实行做中学、学中做。小组合作：如布置一个复杂的课堂任务，可将四个同学组成一个小组，每个小组内必须有动手操作能力比较强的同学。小组内通过互相讨论和帮助的形式完成该项任务。任务载体设计：选取一些有趣的或者现实生活中真实任务为载体，提高学生的兴趣度。

3课程设计思路

本课程在教学过程中采用项目作为教学内容的载体，教学过程中采用的项目主要有2个：第一个项目是网上书店网页的制作，主要用来学习HTML标签、CSS样式及简单的DIV+CSS布局的使用。第二个项目是仿凡客首页的制作，可以分为网页HEADER区域的制作、网页横向导航条的制作、网页左侧竖形导航的制作、图片轮播图区域的制作、产品信息区域的制作、友情链接区域的制作六个子项目。主要学习的是对HTML、CSS、DIV+CSS复杂布局的综合应用。总结：按照这个课程设计，我们已经上了2个学期的课，比起以往的教学，整体教学情况良好，学生学习的积极性有所提高，也主动完成课后作业，达到了我们设定的教学目标。但每个教学群体还是有所不同，要因人而异，本文只是给这门课的设计提供了一个方向。

参考文献：

［1］吴细花.基于项目教学的“网页设计与制作”课程改革与实践［J］；《电脑知识与技术》;2017第23期

［2］李可.阿里巴巴矢量图标库在《网页设计》课程中的应用［J］；福建电脑》;2017第3期

作者:李可 单位:宁波职业技术学院