网站前台开发技术---课程标准.doc

网站前台开发技术课程标准课程名称：使用HTML开发商业站点适用专业：软件技术1 前言11 课程定位12 设计思路2 课程目标3 课程内容和要求31 基本要求32 具体要求3.3 职业素养要求4 考核要求5 实施建议51 师资条件52 教学方法建议6 课程资源开发与利用61 教材及参考资料62 信息化教学资源编写者： 电话： 专业负责人： 日期：专业管理委员会： 日期：二级学院教学院长： 日期：1前言11课程定位使用HTML开发商业站点是软件技术专业的专业核心课程，是校企合作开发的基于工作过程的课程。通过学习这门课程，使学生熟练掌握HTML语言，JavaScript、CSS等网站网页制作的必备知识，并且能够达到动手制作网页及开发一些中小型网站的目标。该门课程与后续使用JSP技术开发动态网站、初级WEB应用程序开发的课程紧密相关，前者主要是针对网站的前台开发、后者主要是进一步学习网站的后台开发两者缺一不可。因此能够很好的运用并且掌握网站的前台开发技术，对于是软件技术专业学生是一门非常重要的专业核心课程，并且为以后学习动态网站的后台开发技术打下坚实的基础。经过市场需求调研，软件企业的核心岗位能力要求如下图所示：如上图所示，学好网站的前台及后台开发技术对于学生在以后就业能力的提高方面是非常至关重要的。该课程在课程体系中的位置与作用如下图所示。1. 2设计思路设计理念1、该课程紧密围绕软件专业的人才培养方案，坚持以培养满足企业需求的实用软件人才为目的进行课程设计。2、该课程根据软件企业核心岗位对学生编程能力的要求来设计教学情景。3、该课程的组织实施方式采用“精讲精练，边讲边练，讲练结合，重在实践”的教、学、做一体化教学模式。4、该课程采用“案例法”和“项目化”相结合的教学方法，坚持以提高学生职业能力为目标，着重培养学生分析问题、解决问题的能力，使学生能够完成企业中、小型网站项目的开发。5、该课程在教学过程中融入探究式教学模式，培养学生的创新意识和创新能力。设计思路本课程的整体设计思路：分析软件专业主要职业岗位职业岗位的主要工作任务确定出软件专业学生必备的基本素质、专业技能和职业素养要求确定本课程的能力培养目标和职业素质培养目标根据能力培养的需求选择学习情景确定典型工作任务将要运用到的相关知识融入工作任务中。如下图所示。工作任务主要职业岗位主要工作任务学习情境 课程能力培养目标职业素质培养目标职业素养基本素质专业技能学生必备 主要岗位 主要工作任务 具备的能力与素质 课程培养目标 2课程目标通过该门课程的学习，学生能达到如下教学目标：能力目标：（1） 能熟练使用html语言、JavaScript脚本语言、CSS进行网页制作（2） 能熟练使用Dreamweaver、Photoshop等软件进行网页设计（3） 能组织和推广网站，有很强的信息组织能力（4） 能有较强审美能力及设计创造能力知识目标：（1） 能够对网页进行编辑和格式化（2） 能够在网页中添加超链接（3） 能够在网页中有序插入图片（4） 能够在网页中添加表格（5） 能设计框架网页（6） 能够在网页中添加窗体（7） 能够在网页中添加网页特效（8） 熟练函数、对象的应用（9） 能精通CSS职业素养目标：（1） 培养学生能细心调试程序（2） 培养学生能静下心写代码（3） 培养学不达目的誓不罢休的恒心（4） 培养学生编写代码要尽善尽美（5） 培养学生的知识产权意识（6） 培养学生的想象力（7） 培养学生的探索精神3课程内容与要求3.1 基本要求该课程开设的前提条件、必要条件和需准备的资源如下表所示。设备细节描述计算机（1人1机）配置要求：处理器：Intel Core 2 Duo E7300内存容量：4G硬盘容量：300G独立显卡：9600及以上LCD显示器软件Windows Server 2003、XP 软件Dreamweaver3.2 课程内容培养目标 学习领域 学习情境 （建议） 学习目标任务学时学习领域一：学习HTML语言并对网页进行编辑和格式化15能力目标1、能使用HTML创建基本的网页1、列出具体应用实例（如：“在线书店电子商务网站”首页的设计与制作）（启发式教学）。2、列出具体应用实例（如：“在线书店电子商务网站”的空间申请和发布）（启发式教学）。3、列出具体应用实例（如：“在线书店电子商务网站”的首页菜单的超链接）（启发式教学）。2、能在Internet上申请网页空间并发布网页3、使用HTML标记符对网页文本进行段落格式设置4、对文本的显示效果进行控制5、在网页中添加列表6、在网页中创建超链接知识目标1、了解网页基本概念2、掌握标记符基础3、了解创建站点、申请网页空间以及发布网页4、掌握段落标记符、控制文本显示格式标记符、列表标记符及超链接标记考核成果提交一些具体的网页制作的实例（网页中包含列表及超链接）。学习领域二：在网页中插入图片及使用表格与框架并且能够制作表单和添加网页特效30能力目标1、在网页中插入图片并使用图像编辑软件创建并编辑图片1、列出具体应用实例（如：“在线书店电子商务网站”首页中图片的插入）（启发式教学）2、列出具体应用实例（如：“在线书店电子商务网站”首页中添加表格及框架的应用）（启发式教学）3、列出具体应用实例（如：“在线书店电子商务网站”注册用户页面中制作表单）（启发式教学）4、列出课本上具体应用实例（网页特效实例）（启发式教学）2、在网页中创建表格、对表格进行编辑、同时使用表格对网页进行布局3、在网页中使用框架4、在网页中插入表单与特效知识目标1、掌握图像标记符的使用及图像编辑软件的用法2、掌握表格标记符的使用及框架标记符的使用3、掌握表单及控件标记符及添加网页特效考核成果1、 提交图文并茂且有添加表格的网页，并且网页有进行框架的划分2、 提交具有用户注册功能的网页3、 设计一些具有网页特效的页面学习领域三：掌握JavaScript语言类型、变量、运算符、流程控制、函数、和对象30能力目标1、会使用JavaScript语言类型、变量、运算符1、列出课本上具体应用实例（关于JavaScript语言类型、变量、运算符、流程控制、函数、和对象）（启发式教学）2、列出具体应用实例（如：“在线书店电子商务网站”中利用Date对象显示当前购书时间）（启发式教学）2、会使用JavaScript语言编写流程控制语句3、会使用JavaScript语言编写函数4、会使用JavaScript常用的对象知识目标1、会使用JavaScript语言类型、变量、运算符2、会使用JavaScript语言编写流程控制语句3、会使用JavaScript语言编写函数4、会使用JavaScript常用的对象考核成果1提交制作的网页其中有使用JavaScript语言类型、变量、运算符、流程控制、函数、和对象学习领域四：使用CSS进行网页的设计与排版21能力目标1、在网页中使用CSS1、列出具体应用实例（如：“在线书店电子商务网站”中利用CSS进行网页的设计与排版）（启发式教学）2、列出课本上具体应用实例（启发式教学）2、定义CSS样式3、设置CSS属性8、会撰写系统使用说明书知识目标1、会使用使用CSS的方法2、会定义CSS样式3、会设置CSS属性考核成果1、提交多个网页其中这些网页使用不同的样式和排版3.3 职业素养要求（1） 通过项目的分析过程培养学生的大局观，抓住问题的主要矛盾。（2） 通过项目的设计设计过程培养学生注重细节的职业素养，明白细节决定成败的道理。（3） 通过项目的编码培养学生静心的职业素养，能够静下心来写代码。（4） 通过项目的编码培养学生做事尽善尽美的职业素养，不断的修改代码，使程序几近完美。（5） 通过项目的调试培养学生细心的职业素养，只有认真细致的工作才能完成程序的调试工作。（6） 通过项目的实施过程培养学生的毅力和恒心，不达目的誓不罢休。（7） 在整个教学过程中贯穿知识产权意识的培养，不用盗版软件、不抄袭他人程序、保护自己知识产权。（8） 通过对项目功能的不断完善与要求的提升，激发学生的想象力和探索精神，不断创新。4考核要求为了能够合理的考核学生对知识的掌握程度，本课程考核改变传统的单一的终结性评价方法，采用过程考核、结果考核及实践考核相结合的方式全方位对学生的学习情况进行考核。成绩评定项目及标准：考核项目考核方法比例过程考核态度纪律根据出勤、作业、课堂提问成绩综合评定40%课程设计由学生完成的综合项目的系统功能、编程规范、答辩成绩综合评定60%合计100%考核形式：课程名称编程基础（面向对象程序设计）课程类型考试课程 考查课程考试时间 分钟考试方式开卷 闭卷 笔试 机试 实操 课程设计 其他 课程设计的考核内容任务：（1-2人一组）收集网站信息，制作并发布推广网站，网站的内容自选。序号要求比例1图文并茂，页面美观且需要划分框架。10%2要有主页文件，名为“index.htm”并通过菜单形式，链接到其它的网页。10%3站点中文件命名合理（文件名要有意义），文件按功能分类保存，例如images、css、JavaScript等文件分别放在相应的文件夹中不规定使用语言。20%4使用CSS保证网页的风格一致。10%5图片文件使用合适的格式及大小，质量要合理。使用背景音乐。10%6要求网页中插入表格和表单。10%7使用JavaScript实现一些合适的网页特效。10%8功能上：网站要能分类浏览。10%9每个人做的页面不少于20页。10%合计100%5. 实施建议5.1师资条件 该课程要有由专任教师和企业兼职教师共同组成的教学团队，由该团队讨论完成该课程的整体设计方案。该课程任课教师须独立设计使用HTML开发商业站点的教学案例。该课程任课教师开课前要在课程组详细讲解设计的教学案例（项目）。该课程任课教师具备组织学生规划、设计、实施项目的能力。5.2教学方法建议课程采用“项目化”的教学方法，根据课程的培养目标设计3类典型项目，每个项目基于软件开发工作过程设计若干子项目，采用“任务驱动”的方法，每个教学单元设计若干工作任务。教师使用3个A项目用于教学。学生由3-4人（不能超过4人）组成项目小组，跟随老师的教学进度完成3个B项目的开发，学期结束按照上述考核方式以答辩的方式对学生的项目进行验收。6课程资源开发与利用6.1教材及参考资料推荐教材1 网页程序设计-HTML、JavaScript、CSS、XHTML、Ajax, 陈俊荣，清华大学出版社。教学参考资料1网页制作教程（第三版），赵丰年，人民邮电出版社2精通CSS与HTML设计模式，刘申，人民邮电出版社3网页设计基础-HTML,CSS和JavaScript，史晓燕，北京交通大学出版社4JavaScript网页特效范例宝典，人民邮电出版社5HTML+CSS网页布局开发指南，贾铮;，清华大学出版社6 / 7 /online/ebooks/javascript/ 8 http:/webdesign.chinaitla