静态网站制作课程标准.doc

《静态网站制作课程标准.doc》由会员分享，可在线阅读，更多相关《静态网站制作课程标准.doc（10页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、静态网站制作课程标准课程编码课程名称静态网站制作参考学时176学分11适用专业计算机应用技术开设学期第2学期执笔人余会制订日期2014.3审核人万冬娥审核日期2014.3一、课程定位该课程是计算机应用技术专业的一门职业技能课程，根据IT产业生产一线对高等职业院校计算机应用技术专业高技能岗位人才的需求，静态网站制作主要介绍网页元素的制作与搜集、网页布局和规划、网站的建立和发布以及网站的管理和维护等知识，学习该课程让学生掌握建站的各项知识以满足高技能岗位人才的需求。通过本课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网页设计工具和常用脚本语言，能够设计制作常见的静态网页，具备网站的建立

2、和维护能力。同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德。先修课程：计算机文化基础、计算机系统维护。二、设计思路本课程针对高职高专教育教学的特点，以信息技术行业岗位需求为起点，以网站开发典型工作任务为依据，以工作过程为导向，以行动导向组织教学，以校内双师教师和校外兼职教师为主导，以学生网站策划和开发能力培养为目标的课程设计理念。具体设计思路如下：1、校企合作进行基于工作过程的课程设计开发 通过对枣庄地区的天龙科技有限公司、哥伦布图文等企业进行岗位需求调研，组织专兼职教师进行讨论，最后在学情分析的基础上，确定了本课程的目标要求，教学内容的选取与组织、教学项目以及考核标准

3、等内容。2、针对学生所从事工作岗位职业能力、工作任务、工作过程的分析，根据网站的建设流程提炼出典型工作任务构建教学内容。 本课程根据企业网页设计与制作工作过程，选取了学生最为熟悉的四个典型项目作为学习情境，每个学习情境按照由简单到复杂，由易到难的规律序化。每个学习情境中的工作任务有事循序渐进地推进，将知识点嵌入工作任务中，从而培养学生网页设计与网站开发能力。3、采用理论与实践相结合的教学模式，进行基于工作过程设计的教学实施 采用理论与实践相结合的教学模式，融“讲、学、练”一体，将分析问题、解决问题的方法能力及团队协作的社会能力融入教学全过程，培养学生的综合职业能力。在每个学习任务的教学实施过程

4、中采用“任务描述-任务资讯-任务分析-任务检查-总结评价”六步教学法，以学生为主体，以教师为主导，使学生有计划的学习，有目的的学习，有评价过程的学习。4、以学生为中心，基于行动导向设计教学方法 为激发学生学习兴趣，提高教学效果，在教学过程中，采用项目导入、分层次教学、小组作业等多种教学方法，以培养学生面向岗位的综合职业能力，教学过程的实施体现相应的职业能力过程，学生的专业技能不断的完善与强化。5、构建以能力为中心的多元化课程评价体系，采用形成性考核评价模式。 网页设计基础课程主要考核学生对网站项目的分析、策划，特别是设计和制作的能力。构建以能力为中心的课程评价体系，将职业素养和创新意识纳入考核

5、。课程采取形成性考核评价模式，考核环节主要包括项目分组阶段考核、综合实训和理论考核三个部分，各部分的分值构成为各单元项目成绩（20）、综合实训作品（60%）、理论考核（20%）。评价主体主要包括企业专家、教师和学生。三、课程目标（一）专业能力：1.掌握网页制作相关基础知识；2.掌握Dreamweaver CS5的基本使用方法，包括如何插入各类网页元素并进行编辑、利用各种工具布局页面等；3.了解网站设计和发布的流程，掌握网站的规划、发布和管理方法；4.了解多种网页制作软件和图像处理软件相结合设计网站的方法。（二）方法能力：1.具有分析问题、解决问题的能力；2.具有持续学习、独立思考的基本能力；3

6、.具有获取新知识、新技能、新方法的基本能力；4.具有收集和分析信息的能力；5.具有一定的创新能力。（三）社会能力：1.具有较好的表达能力和沟通能力；2.具备终生学习、分析问题和解决问题的能力；3.具有良好的职业道德及爱国创业精神4.具有良好的团队协作精神；5.具有目标追求毅力。四、学习情境设计（一）学习情境设计与时间安排序号 教学情境 子学习情境(任务、项目)建议学时 1 个人网站项目建设 项目基础及流程设计 2 2 网页制作 123 超链接创建44 网页美化4 5 网页特效4 6 网站项目测试与发布 2 7 旅游网站项目建设 网站前期策划 88 网站项目素材准备 169 Div+CSS静态网

7、页设计 1610 使用模版完善网站 811 企业留言系统网站项目建设 搭建留言板管理系统开发平台 412 留言板系统规划 813 留言板系统功能实现 1614 精品课程网站项目建设 精品课程网站项目建设 24合计128（二）学习情境描述学习情境一 个人网站项目建设学习情境名称课程单元名称学习目标主要内容（重难点）学时教学设计与组织教学地点教学仪器设备理论实践个人网站项目建设项目基础及流程设计掌握网站设计的基本流程掌握不同类型网站风格的确定及色彩的使用网站风格的确定及网站规划网站风格的确定及网页布局20新授课程，教师多媒体讲授教多媒体计算机、投影仪网页制作 熟练创建站点和管理站点掌握表格布局的基

8、本思路掌握基本页面元素的插入及编辑站点结构的规划表格布局掌握多媒体的插入方法掌握表单元素的使用48新授课程，教师多媒体讲授教学，学生机房实践练习多媒体、机房计算机、投影仪超链接创建熟悉超链接的形式掌握超链接的创建方法超链接的创建方法22新授课程，教师多媒体讲授教学，学生机房实践练习多媒体、机房计算机、投影仪网页美化了解CSS样式的概念及分类熟悉CSS 样式的创建及应用CSS样式创建及应用22新授课程，教师多媒体讲授教学，学生机房实践练习多媒体、机房计算机、投影仪网页特效熟悉行为的概念和组成掌握常用行为的使用方法熟悉常用JavaScript代码增加网页特效掌握常用行为的使用方法熟悉常用JavaS

9、cript代码增加网页特效22新授课程，教师多媒体讲授教学，学生机房实践练习多媒体、机房计算机、投影仪网站项目测试与发布 掌握网站检测的方法了解免费空间的申请熟练进行网站发布掌握网站检测的方法熟练进行网站发布2新授课程，教师多媒体讲授教学，学生机房实践练习多媒体、机房计算机、投影仪学习情境二 旅游网站项目建设学习情境名称课程单元名称学习目标主要内容（重难点）学时教学设计与组织教学地点教学仪器设备理论实践枣庄旅游网站项目建设网站前期策划 掌握网站的总体设计需求分析网站主题色彩搭配网站结构网页布局26新授课程，教师多媒体讲授教学，学生机房实践练习多媒体、机房计算机、投影仪网站项目素材准备 掌握Ph

10、otoShop和Flash软件的使用网站Logo设计网站图片素材的处理网站banner的制作412新授课程，教师多媒体讲授教学，学生机房实践练习多媒体、机房计算机、投影仪Div+CSS静态网页设计 掌握Div+CSS布局的基本原理掌握常见Div+CSS网页布局形式掌握常见Div+CSS网页布局形式412新授课程，教师多媒体讲授教学，学生机房实践练习多媒体、机房计算机、投影仪使用模版完善网站 掌握模板的创建与应用掌握行为的使用及JavaScript代码的使用模板的创建和应用44新授课程，教师多媒体讲授教学，学生机房实践练习多媒体、机房计算机、投影仪学习情境三 企业留言板系统网站项目建设学习情境名

11、称课程单元名称学习目标主要内容（重难点）学时教学设计与组织教学地点教学仪器设备理论实践企业留言板网站项目建设搭建留言板管理系统开发平台 PhotoShop软件的基本操作IIS的安装与配置动态站点的创建方Div+CSS布局技术IIS的安装与配置动态站点的创建方22新授课程，教师多媒体讲授教多媒体计算机、投影仪留言板系统规划 1、明确留言板系统的规划设计2、掌握数据库的创建方法3、掌握数据源的连接方法1、掌握数据库的创建方法2、掌握数据源的连接方法44新授课程，教师多媒体讲授教多媒体计算机、投影仪留言板系统功能实现 1、熟练掌握表单页面的制作2、掌握字段的绑定操作3、掌握服务器行为的设置1、掌握字

12、段的绑定操作2、掌握服务器行为的设置412新授课程，教师多媒体讲授教多媒体计算机、投影仪学习情境四 精品课程网站项目建设 学习情境名称课程单元名称学习目标主要内容（重难点）学时教学设计与组织教学地点教学仪器设备理论实践精品课程网站项目建设 精品课程网站项目建设熟悉网站建设流程，熟练处理素材及网页设计及测试学会对网站进行总结网站建设流程，处理素材及网页设计及测试024新授课程，教师多媒体讲授教多媒体计算机、投影仪五、教学基本条件（一）教学团队的基本要求1.“双师”结构的专业教学团队组成。主要由学校专任教师和来自行业企业的兼职教师组成，以专业建设作为开展校企合作的工作平台，设计、开发和实施专业人才

13、培养方案，人才培养和社会服务成效显著。团队规模适度。2.专兼结合的制度保障。通过校企双方的人事分配和管理制度，保障行业企业兼职教师的来源、数量和质量以及学校专任教师企业实践的经常化和有效性；根据专业人才培养需要，学校专任教师和行业企业兼职教师发挥各自优势，分工协作，形成基础性课程及教学设计主要由专任教师完成、实践技能课程主要由具有相应高技能水平的兼职教师讲授的机制。（二）教学硬件环境基本要求1.多媒体机房：能够满足学生上课及课内实训的要求。2.实训基地：由行业企业与学校共同参与建设，能够满足课程生产性实训或仿真实训的需要，设备、设施利用率高。（三）教学资源基本要求1.注重实验实训指导书和实验实

14、训教材的开发和应用2.加强常用课程资源的开发，建立多媒体课程资源的数据库，努力实现跨学校多媒体资源的共享，以提高课程资源利用效率。3.积极开发和利用网络课程资源，充分利用诸如课程网站、电子书籍、电子期刊、数据库、数字图书馆、教育网站和电子论坛等网上信息资源，使教学从单一媒体向多种媒体转变；教学活动从信息的单向传递向双向交换转变；学生单独学习向合作学习转变。同时应积极创造条件搭建远程教学平台，扩大课程资源的交互空间。4）校企合作开发实验实训课程资源，充分利用本行业典型的企业的资源，进行产学合作，建立实习实训基地，进行“工学”交替，满足学生的实习实训要求，同时为学生的就业创造机会。六、教学评价Dr

15、eamweaver课程主要考核学生对网站项目的分析、策划，特别是设计和制作的能力。构建以能力为中心的课程评价体系，将职业素养和创新意识纳入考核。课程采取形成性考核评价模式，考核环节主要包括平时考核，综合实训作品两个部分，各部分的分值构成为平时考核（60）、综合实训作品（40%）。评价主体主要包括企业专家、教师和学生。一、平时考核1、将全班学生按每35人一组（视学生人数而定）分成若干项目组。2、授课教师针对不同学习情境提供出统一的项目主题，由学生在全学期的学习过程中，逐步制作完成。 3、同学在Dreamweaver课程的不同学习情境中，分别将网站项目建设方案、网页效果图、网页制作阶段，向授课教师

16、提交阶段性项目作品。 4、授课教师对各阶段项目作品进行阶段考核，对作品艺术质量和相应阶段的技术应用情况进行评分。考核点评价标准考核比例优秀（86100）良好（7085）及格（6069）态度纪律出勤情况； 学习态度情况 ；团队协作情况。没有缺勤情况；认真对待综合实训，听从教师安排；能与小组成员进行充分协作。缺勤10%以下；认真对待综合实训，听从教师安排；能与小组成员进行一定程度的协作。缺勤30%以下；听从教师安排。20%知识技能作品是否符合任务要求；知识技能掌握熟练程度100%完成实践任务；作品符合任务要求；能综合运用适合的工具和命令优化制作步骤。80%完成实践任务；作品符合任务要求；能正确使用

17、工具和命令完成任务。60%完成实践任务；能在同学帮助下完成作品。50%艺术表现力色彩运用能力；版式设计能力；作品艺术感染力。色彩运用能力强，画面和谐统一，主题突出，作品艺术感染力强。色彩运用较好，画面和谐统一，主题较突出，作品有一定的艺术感染力。色彩版式经过一定的设计处理，主题不太突出。20%表达沟通作品制作过程陈述情况；回答问题情况。表达能力强，条理清楚；能够正确回答所提问题，思路敏捷。能够正确阐述作品制作方法及过程，表达能力较好；能够回答所提问题，没有原理性错误。表达能力一般；回答问题思路不太清晰。10%合计 100%具体考核标准（100分）：这种以作品质量和工作过程评定成绩的过程式考核方

18、式，真实的模拟了行业企业在网站制作项目过程需要经历的策划、竞标、设计、客户认可到制作的全过程。考试过程贯穿在这个学期教学过程之中，使每位学生在团队的环境下，从学习的过程中了解和体验到技能应用的真实社会情况和应对心理。在学生的团队之间形成犹如行业企业之间的压力和竞争意识，使每个团队的学生都力争到作品做得更好，从而提高学生的学习积极性、学习效果和心理素质。二、综合实训考核Dreamweaver课程在为期两周的实训实习中，要求学生在指导教师给定主题大类的前题，自主确定具体题目并独立策划、设计和制作一套完整的网站项目。具体评分标准如下（满分100分）：考核点具体内容考核标准分值页面（25分）布局（10

19、分）结构清晰，布局合理、规范（5分）页面新颖，有创意（5分）美观性（8分）文字清晰（2分）背景恰当、美观（2分）整体效果（4分）主题（2分）各个页面主题突出 （2分）标题栏和状态栏（5分）每个页面都设置了标题（3分）状态栏设置了效果（2分）层次（15分）页面（5分）至少包含6个页面（页面没有完成或只有文字，该页不计在内）(3分)页面层次清楚、合理 (2分)链接、导航（10分）链接的正确性 (2分)主页可以链接到任意的下一级分页面 (2分)页面可以直接返回主页(2分)鼠标悬停时有链接提示 (2分)含有两种以上的链接样式 (2分)图片（25分）图片（25分图片、动画能正常显示 （5分）对图片进行简单的处理（5分）自制网站logo和banner及导航，有一定的技术难度和创新性 （15分）技术（25分）技术（25分）自制动态效果 使用字幕、按钮、浮动图片、时间轴等单一技术手段制作动态效果（5分）合理使用JavaScript代码，实现页面的动态效果（5分）合理使用CSS样式（5分）表单：使用的表单元素种类丰富 （5分）创建后台数据库，成功制作用户交互界面（5分）总体效果（10分）总体效果（10分）色彩合理，布局得体，视觉清新，美感独韵七、其它说明格式说明：标题用宋体2号、章标题用黑体4号、节标题用小4号黑体。说明部分内容和正文内容均用仿宋体小四号。全文采用1.5倍行距。