《网页设计教学改革的实践与探索.doc》由会员分享，可在线阅读，更多相关《网页设计教学改革的实践与探索.doc（6页珍藏版）》请在三一文库上搜索。
1、网页设计教学改革的实践与探索 HTML+CSS+DIV页面样式与布局是为满足行业企业在网络媒体内容制作岗位对静态网页设计和制作人员的用人需求而开设的课程，目的在于提升学生的网页制作技能。 The Practice and Exploration of Web Design Teaching Reform Di Lianqiu (Heilongjiang Nongken Vocational College,Computer and Arts Media School,Harbin 150025,China) AbstractHTML+CSS+DIV style and page layouti
2、s to meet the industrys business position in online media content production and web design of static employment needs of production staff courses,aimed at enhancing studentsweb production skills. KeywordsWork process;Teaching reform;Page layouta HTML+CSS+DIV页面样式与布局是我校计算机专业的重要课程之一，本课程教革是针对以往教学内容落后、教
3、学模式陈旧提出来的，通过新内容和新方法的研究和应用，提高教学效率，重点培养学生网页布局和美化的技巧，从而提升学生的网页制作技能。通过实训过程使学生充分了解并熟悉实际的工作过程，从而进一步提升学生的就业能力。 一、以工作过程为导向，进行课程整体设计与实施 工作过程是指在企业里为完成一件工作任务并获得工作成果而进行的一个完整工序。工作过程的核心是行动导向，在教学过程中充分发挥学生的主体作用和教师的主导作用，注重对学生分析问题，解决问题能力的培养，通过引导学生完成“任务”，从而实现教学目标。 本课程以网页设计工程师能力培养为目标，依据网站开发的工作流程，分析教学设计方案，通过分析实际工作过程、提炼典
4、型工作任务、转化为学习领域、设计教学情境的思路，将整个教学设计成7个典型工作任务和综合实训项目。 需要完成的典型工作任务 行动领域 学习领域 教学情境 1.网站规划 设计与制作网页 网页设计 1.网站规划 2.网页效果图设计 2.网页效果图设计 3.布局规划及切图 4.站点管理 3.站点管理 5.XHTML网页编码 4.制作网页细节 6.应用CSS样式 7.链接并测试网页 5.合成与维护网页 二、教学内容的调整 （一）以DIV+CSS为主要的网页布局技术，而辅助以表格、框架等 过去，由于技术不够成熟，人们主要采用表格进行网页布局。而随着WEB标准的逐渐普及，表格布局的缺陷越来越凸显首先，表格布
5、局灵活性不大1，布局呆板。其次，使用表格或表格嵌套较多的页面的访问速度会很慢。第三，会产生重复代码，使得网页刷新速度慢。第四，布局代码及样式代码混合一起，不利于直观，给后期改版维护带来了很大的不便。另外，代码主要集中在html页面中，一旦html页面受到破坏，网页有可能付之一炬，安全性、稳定性得不到保障。 DIV+CSS是WEB标准中一种新的布局方式，是网页设计师在制作网页过程中的实际需要和应该掌握的技术，也是网络专业学生就业的必备技能，他正逐渐的代替传统的表格布局，具有比表格更大的优势首先，实现结构与表现相分离，样式文件与HTML文件相独立，一定程序上加强了网页的安全性和稳定性。其次，代码简
6、洁，提高了搜索引擎对网页的索引效率。再次，不存在重复代码，提高页面浏览速度。最后，易于后期维护和改版，只须对样式文件稍做修改，html页面就会焕然一新。 当然，DIV+CSS布局方式具有表格、框架无法追及的优势，但也不能完全抛弃表格，表格在网页的局部范围内可用来放置特殊格式的数据。加之，在一些小型公司仍在使用表格布局技术，结合学生的就业考虑，如果具有表格和框架布局能力，毕业后可以迅速在中小型企业找到工作，顺利就业；如果他们在小型企业中经过一段时间的锻炼，具有一定工作经验后，再具有DIV布局的能力，可以轻松的向大型公司转岗，利于学生的长远发展。为适应行业发展和就业需求，授课时我们以DIV+CSS
7、为主要的网页布局技术，而表格、框架等为局部辅助技术。 （二）在教学内容中加入了CSS与JavaScript的综合应用部分 JavaScript是一种可直接在客户端浏览器上运行的脚本程序2，它通过浏览器来处理并显示信息，不能将数据存储在服务器或用户机器上，也就不能对用户的文件进行修改和删除操作。将它与HTML和其他脚本语言一起实现与网络客户交互作用，从而开发客户端的应用程序，从而增加web服务器或用户的安全性。 三、教学过程设计 针对站点管理和制作网页细节这2个主要教学情境，根据课程目标能力的要求，我们将该课程分成九个教学模块 模块一网页赏析模块； 模块二网页基础模块（网页制作流程，网页基础，H
8、TML语言，美化网页）； 模块三网页设计模块表格布局（网站管理、表格布局）； 模块四网页设计模块框架布局（框架网页）； 模块五网页设计模块DIV布局（观察图纸，拆分图纸，组装页面，整理CSS，模板和库）； 模块六综合技术模块（CSS与JavaScript综合应用）； 模块七综合实训模块（网页制作综合案例）。 四、教学考核 在课程考核方面，将单纯的课程成绩考核转向对学生的职业能力考核，主要包括（1）平时成绩占全部考试的30%。包括平时的出勤、课堂纪律、课堂表现和作业。（2）阶段性项目设计考核占40%。分2次完成，根据网站的制作流程，以职业岗位工作过程为依据，对学生进行分组，由多名教师组成评审组，评审组对每个项目评分。（3）期末综合考核占30%，考查学生对知识的综合应用能力。 第 6 页