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

《有效课堂的静态网页设计课程设计》由会员分享，可在线阅读，更多相关《有效课堂的静态网页设计课程设计（3页珍藏版）》请在金锄头文库上搜索。

1、有效课堂的静态网页设计课程设计有效课堂的静态网页设计课程设计【摘要】当今职业院校都在积极开展项目化教学、理实一体化教学、情境教学等多种教学手段来实现课堂的有效性。但在实际教学过程中，往往没有达到我们设计的教学目标，本文以静态网页设计这门课为例，设计一个完整的整体设计，来实现课堂的有效性。【关键词】有效课堂；网页设计；整体设计1 引言静态网页设计是职业院校计算机专业里面必修的一门基础课。本课程与JavaScript 程序设计基础 、HTML5 前端设计课程组成了前端开发的整体课程体系。通过本课程的学习可以让学生具备以下能力：能够利用HTML 标签编写网页中的元素、能够利用 CSS 样式来美化页面

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

3、的课堂任务，可将四个同学组成一个小组，每个小组内必须有动手操作能力比较强的同学。小组内通过互相讨论和帮助的形式完成该项任务。任务载体设计：选取一些有趣的或者现实生活中真实任务为载体，提高学生的兴趣度。3 课程设计思路本课程在教学过程中采用项目作为教学内容的载体，教学过程中采用的项目主要有 2 个：第一个项目是网上书店网页的制作，主要用来学习 HTML 标签、CSS 样式及简单的 DIV+CSS 布局的使用。第二个项目是仿凡客首页的制作，可以分为网页 HEADER 区域的制作、网页横向导航条的制作、网页左侧竖形导航的制作、图片轮播图区域的制作、产品信息区域的制作、友情链接区域的制作六个子项目。主要学习的是对 HTML、CSS、DIV+CSS 复杂布局的综合应用。总结：按照这个课程设计，我们已经上了 2 个学期的课，比起以往的教学，整体教学情况良好，学生学习的积极性有所提高，也主动完成课后作业，达到了我们设定的教学目标。但每个教学群体还是有所不同，要因人而异，本文只是给这门课的设计提供了一个方向。参考文献：1吴细花.基于项目教学的“网页设计与制作”课程改革与实践J ；电脑知识与技术;XX 第 23 期2李可.阿里巴巴矢量图标库在网页设计课程中的应用J ；福建电脑;XX 第 3 期