1、镇江高等职业技术学校江苏联合职业技术学院镇江分院网页设计与制作课程标准课程代码：建议课时数：64学分：4适用专业：软件技术先修课程：图形图像处理、高级语言程序设计、数据库技术后续课程：Web应用开发制定人：杨凌霞一、前言1 .课程性质该课程是江苏省五年制高职软件技术专业的一门网站建设与维护专业方向课程。通过本课程的学习，让学生掌握静态网站的制作方法，根据实际需求完成网站规划与设计，具备简单静态网站设计与制作的能力，具备简单动态网站设计与制作的能力。同时通过本课程的学习，培养学生踏实认真、精益求精、团结合作、创新的精神，培养良好的职业道德。通过本课程与先修课程和后续课程的学习，其任务是使学生能够
2、胜任网站开发和维护工作岗位，学生能够独立制作中小型的网站。本课程在图形图像处理、高级语言程序设计、数据库技术等课程之后开设，后续课程为WEB应用开发。2 .设计思路按照“以能力为本位、以职业实践为主线、以项目课程为主体的模块化专业课程体系”的总体设计要求，将网页设计职业岗位能力中用到的知识点融合在各个项目中，学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。它体现了职业教育“以就业为导向，以能力为本位”、“做中学”的职业教育理念。网页设计与制作课程共分为九个基础知识项目和1一个综合实践项目，它们分别是:网页制作基础、输入与格式化文本、
3、插入图像和多媒体对象、在网页中创建超链接、布局网页版面、CSS与盒子模型、模板、库、表单和行为的应用、制作ASP动态网页、网站的测试与发布和综合案例实践。各项目之间既独立又相互联系：作为项目是独立的，但作为项目当中应用到的知识点，各项目之间又是有关联的。在不同的项目之间有些知识点的应用是不断重复的，以强化学生对知识点的理解，也让学生能够接触到大量的不同类型网页的制作。当然,每个项目的侧重点是不同的，教学中应当注意处理好各项目之间的关系，注意重、难点的把握。综合实践项目是为了让学生学会综合运用所学知识,巩固提高网页设计的各种知识，制作出具有特色的网站。建议开设64课时，理论课时为32,实训课时为
4、32,理论与实践并行。二、课程目标本课程的开设旨在使学生掌握DreanIWeaVer网页制作工具，熟练运用多种网页设计技术，具备网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。1 .知识目标1 1)了解WWW、HTTP、HTML、CSS的概念和作用;(2)理解服务器、客户端、浏览器的概念和作用；(3)理解HTML语言中的常见标记及其作用；(4)熟练掌握DreamWeaver的基本操作方法；(5)理解表格、框架、层的作用，掌握设置其属性的方法；(6)理解CSS样式表的作用和意义，掌握定义CSS样式的方法；(7)理解表单的作用，掌握设置表单元素属性的方法；(8)理解行为
5、的作用，掌握设置行为的方法，了解简单JAVASCriPt代码的含义；(9)理解模板和库文件的作用。2 .技能目标(1)会使用DreanIWeaVer网页设计工具制作网页；(2)会根据需要修改HTML语言中的标记，设置相关标记的属性；(3)能够熟悉进行网页文本、图像、超链接、表格操作，并按要求设置其属性；(4)能够熟练运用表格、层、框架等进行网页布局；(5)熟练掌握CSS样式的定义和修改，并能根据实际需要进行CSS样式的定义和应用；(6)熟练掌握表单制作方法，能够根据要求进行表单的设计；(7)能够在网页中根据要求设置行为；(8)熟练掌握模板设计方法，能够根据实际需要进行模板设计，并能使用模板生成
6、相应的网页；(9)掌握库文件的基本操作方法，会使用库文件简化网页设计；(10)能够对站点进行测试与发布。3 .素质目标(1)具有勤奋学习的态度，严谨求实、创新的学习作风；(2)具有良好的心理素质和职业道德素质；(3)具有责任心和良好的团队合作精神；(4)具有一定的科学思维方式和判断分析问题的能力。(5)形成精益求精、爱岗敬业、专注专业的职业素养，并养成安全意识、环保意识、法律法规意识和规范操作意识。三、课程内容和要求序号课程模块(或单元)课程内容及要求活动与建议参考课时1网页制作基础熟悉网站制作的相关知识了解网站开发流程掌握网站站点的创建方法通过生活中常见网站的介绍，激发学生的学习兴趣可结合视
7、频进行教学42输入与格式化文本网页的新建与保存网页中输入与格式化文本的方法网页中创建列表、插入特殊符号、水平线和滚动字幕的方法让学生观察网页中的要素，分析文字、特殊符号、水平线、列表等的作用。通过案例任务制作，让学生在任务实施的过程中学习和掌握知识要点可提供微课辅助教学43插入图像和多媒体对象网页中插入与编辑图像、美化与优化图像、创建鼠标指针经过图像的方法网页中添加多媒体插件、添加背景音乐、动画和视频的方法通过分析常见网站，说明网页中图像和多媒体对象的重要性通过案例任务制作，让学生在任务实施的过程中学习和掌握知识要点可提供微课辅助教学提醒学生要注意网页中插入音频和视频的8格式4在网页中创建超链
8、接网页中创建文本超链接、图像超链接、外部超链接、图像热点超链接的方法网页中锚点超链接、电子邮件超链接、文件超链接、空链接和脚本链接的方法举例说明网页中各种类型超链接的用法和意义通过案例任务制作，让学生在任务实施的过程中学习和掌握知识要点可提供微课辅助教学45布局网页版面使用表格布局网页的方法使用DIV制作网页的方法使用框架制作网页的方法以收纳类比网页布局，利用表格和DlV将各类网页元素放置到合适的位置通过案例任务制作，让学生在任务实施的过程中学习和掌握知识要点可提供微课辅助教学66CSS与盒子模型CSS样式CSS样式的属性设置盒子模型盒子模型的优势使用DIV+CSS布局网页的方法将没有添加CS
9、S样式的网页和添加CSS样式的网页进行对比，让学生找出其中的不同之处，体会CSS样式的作用通过案例任务制作，让学生在任务实施的过程中学习和掌握知识要点6可提供微课辅助教学7模板、库、表单和行为的应用模板的创建、编辑、应用和管理库的创建、编辑、应用、更新与分离表单元素网页中添加表单及表单元素的方法常用网页行为的使用方法展示生活中常见的注册和登录页面，分析表单元素展示网页行为特效引起学生学习兴趣通过案例任务制作，让学生在任务实施的过程中学习和掌握知识要点可提供微课辅助教学68制作ASP动态网页掌握配置动态网页数据源的方法（动态网页配置基础、安装与配置ns、使用Access创建数据表、创建与配置动态
10、站点、创建数据源等）掌握动态网页的制作方法（创建记录集、插入记录、插入重复区域、分页记录、创建数据表、连接数据源、绑定记录集、插入字段、使用记录表单向导）讲解动态网页与静态网页的区别通过举例生活中常见动态网站（如校园网）激发学生学习兴趣通过案例任务制作，让学生在任务实施的过程中学习和掌握知识要点可提供微课辅助教学69网站的测试与发布网站测试的方法（兼容性测试、检查并修复链接、下载速度检测）了解主页空间的申请和站点发布的方法讲解网站测试的重要性通过案例任务制作，让学生在任务实施的过程中学习和掌握知识4要点可提供微课辅助教学10网页制作一一综合案例实践进一步熟悉网站前期规划和后期制作的流程综合运用
11、所学知识进行网站制作提供多种主题的网站制作任务，小组协作，共同完成16四、实施建议1.教学建议从网页制作的实际问题出发，精心准备各种典型案例，构建课程的宏观教学设计。例如，公司网站、班级网站、个人网站精选、课程网站等。以若干个案例为载体，形成循序渐进、种类多样的项目群，构建完整的教学设计布局。（1）教学采用“四阶段教学法”，将“案例引入、自主学习、总结提高、学以致用”融为一体。教学体现“教师为主导，学生为主体，训练为主线”的原则，课堂上可以采用“四阶段教学法”：第1个阶段，案例引入，提出问题。通过案例演示，提出问题，给出知识点，讲解案例应用背景，给学生一个切入点，建立感性认识。目的是激发学生的
12、学习兴趣、让学生感到学有所用，从而明确本次课的教学目标。第2个阶段，学生自主学习，尝试解决问题。充分利用我校以及互联网网络教学资源，引导学生自主学习，找到解决问题的方法和操作技能，培养学生的自主学习意识和学习方法。学生在学习和尝试解决问题过程中，发现问题，提出问题，在问题的引导下学习相关的知识和操作技能。第3个阶段，归纳总结，引申提高。在每次课结束前，引导学生进行归纳总结。对本次课的实际意义、重点、难点、容易出错处等及时进行总结。并针对案例的不足之处，进行引申和提高。注意在这个阶段，强调的是“引导”学生，而不是老师讲解。第4个阶段，举一反三、学以致用。案例源于生活，最终要应用于生活。为了使学生
13、能学以致用、举一反三、触类旁通，每次教学结束时及时布置相关的课后练习，使学生在课后进一步复习巩固，并且将课后作业纳入形成性考核的内容之一。同时给出下一次课的学习内容，提示学生预习。（2）充分利用现代化教学手段，提高教学效果教学中根据实际需要可以采用电子演示文稿、大屏幕多媒体联机演示、网络教学等各种先进的教学手段，使课堂教学生动活泼、引人入胜，提高教学效果，同时提高教学效率。包括：利用多媒体教学系统广播教学。把学生的共同问题（需要提示的重点）通过“广播教学”，边讲边演示，使学生即时看到操作效果。利用网络将课堂教学延伸到课外，学生根据需要通过网络学习有关的内容。教师的课件和教学用资料都已上传到教学
14、课程网站，方便学生课外学习和复习。2 .教学评价对学生的评价不仅重视终结性的评价，更要重视过程性的评价，将过程性的评价和目标评价相结合。本课程的考核成绩以操作技能成绩为主，采用上机考试。平时上课的上机操作技能成绩应有严格的记录，根据各种项目训练的要求来计算成绩。最终课程成绩由“平时成绩(占60%),期末考试成绩(占40%)”组成。3 .教学基本条件工位数硬件基本要求硬件推荐要求软件要求35CPU：i34代及以上内存：2G及以上硬盘：512G及以上CPU：i53代及以上内存：4G及以上硬盘：ITB及以上Windows7及以上操作系统；配备Photoshop和Dreamweaver软件；配备Acc
15、ess数据库平台；IIS4 .教材选用与编写(1)必须依据本课程标准编写教材，教材应充分体现任务引领、实践导向课程的设计思想。(2)教材应通过工作过程、典型案例和项目任务，来阐述软件工程学科中的软件测试理论及技术运用，在基础知识构建建和基本技能培养两方面结合紧密，双重并举。(3)教材应图文并茂，提高学生的学习兴趣，通过课堂演示加深学生对本课程的认识，教材表达必须精炼、准确、科学。(4)教材内容应体现先进性、通用性、实用性，要将本专业新技法、新工艺、新思路及时地纳入教材，使教材更贴近本专业的发展和实际需要。(5)教材中的活动设计的内容要具体，并具有可操作性。(6)推荐教材Wreamweaverc
16、s6网页设计立体化教程刘解放闵文婷主编，人民邮电出版社2017年8月第2版网页设计与制作DreanIWeaVerCC2017版向知礼兰飞钱霞主编，航空工业出版社2017年8月5 .课程资源的开发与利用(1)注重实验实训指导书和实验实训教材的开发和应用。(2)注重幻灯片、投影片、多媒体仿真软件等常用课程资源和现代化教学资源的开发和利用，这些资源有利于创设形象生动的工作情景，激发学生的学习兴趣，促进学生对知识的理解和掌握。(3)积极开发和利用网络课程资源，充分利用诸如电子书籍、电子期刊、数据库、数字图书馆、教育网站和电子论坛等网上信息资源，使教学从单一媒体向多种媒体转变；教学活动从信息的单向传递向双向交换转变；学生单独学习向合作学习转变。同时应积极创造条件搭建远程教学平台，扩大课程资源的交互空间。(4)校企合作开发实验实训课程资源，充分利用本行业典型的生产企业的资源，进行校企合作，建立实习实训基地，实践“工学”交替，满足学生的实习实训，同时为学生的就业创造机会。
