《网页设计与制作》课程标准

网页设计与制作课程标准课程代码：建议课时数：96学分：6适用专业：五年制高职电子商务专业先修课程：图像处理、数据库管理、实用网络技术后续课程：动画制作、电子商务网站建设一、前言1.课程的性质该课程是江苏省五年制高职电子商务专业的一门专业平台课程，是一门实用性极强的课程。其任务是：该课程主要涉及到网站建设规划与管理、HTML语言、静态网页制作、动态网页制作等内容；通过本课程的学习，学生能具备建立、管理和维护动态网站运行环境的知识和基本能力。通过学习，掌握网络的基础知识，网站建设的基本方法，网页制作的基本方法以及初步掌握通过Dreamweaver创建动态网站的操作技能。2.设计思路本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将中小型网站建设与管理的职业岗位能力中用到的知识点融合在项目中。学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。课程框架结构、学分和学时分配、对学生选课的建议项目名称建议学时学分备注项目一初识网站66每部分内容以项目或任务为主体，通过完成相应的项目或任务，理解相关知识点，掌握中小型网站建设与管理的项目二HTML语言8项目三页面布局设计10项目四制作图文并茂的网页10项目五css样式设计8项目六div+css12项目七表单的应用8基本操作，能够制作并管理中小型网站。项目八模板和库的应用6项目九行为10项目十初识动态网站18合计96二、课程目标总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备Web网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。具体目标（一）知识教学目标：了解网站的历史和现状，对当今网站应用的各种技术有一个感性的认识。了解网站平面设计的概念和过程。了解HTML的基本概念、基本格式、能编写一个网页；了解IIS的工作原理；知道启动web服务扩展；知道虚拟服务器技术的实现与创建；了解网站的管理包括：IIS配置备份与恢复、网络监视、日志管理。学会并掌握站点建设能制作简单网页学会并掌握使用布局表格和单元格设计页面布局；掌握框架网页的创建、调整、删除等基本操作学会并掌握在网页中添加图像的基本方法、设置图像属性、变换图像效果等，掌握多种超链接的创建方法、以及设置超链接目标窗口及文本提示、设置邮件链接、书签链接等，掌握在网页中插入各种多媒体元素。了解CSS样式的概念及其作用，了解css样式定义的各选项的含义及其作用，掌握在网页中添加样式表的方法，掌握样式表文件的导出及链接外部样式表的方法。学会并掌握表单的创建方法，掌握表单的布局的建立、表单元素的添加、表单元素的属性以及表单元素样式的设定等。了解dhtml和层对象的概念，掌握添加层的基本方法及其相关属性的设置，掌握层的基本操作方法，掌握表格与层的相互转换的方法。了解行为的基本原理、概念及行为的特点，掌握给对象附加行为的基本方法以及如何修改行为的触发事件，掌握内置行为的具体应用方法。结合网站应用的特点，掌握基于Web的数据库的基本操作模式。掌握数据库连接的一般使用方法，学会使用ADO访问数据库，掌握ADO中的Connection对象和Recordset对象的主要属性和方法。掌握在Dreamweaver下做对数据库表进行基本操作的页。掌握数据库管理（数据检索、插入数据、修改数据、删除数据）方法。了解并掌握网站发布的完整流程，掌握对已有网站维护的方法，了解服务器管理的相关知识。（二）技能教学目标：1、运用科学的思维方法，对网站设计、建设、推广和运营等各方面问题进行整体策划，并提供完善的解决方案；2、学会使用文字标志、段落标志、列表标志、超链接标志。3、学会安装IIS并调试；学会建立一个站点并配置；4、能够使用HTML语言编写网页；5、掌握DreamweaverCS3制作网页的方法；6、掌握使用ASP的数据库访问组件来连接数据库；7、通过一个整体的项目，对某一网站作一个完整的设计和制作，以此达到建设中小型网站的能力。（三）素质教学目标：1.具有勤奋学习的态度，严谨求实、创新的工作作风；2.具有良好的心理素质和职业道德素质；3.具有高度责任心和良好的团队合作精神；4.具有一定的科学思维方式和判断分析问题的能力；5.具有较强的网页设计创意思维、艺术设计素质。三、课程内容和要求序号工作任务知识点训练或工作项目教学要求教学情境与教学设计参考学时1初识网站1、网页的基本构成要素、静态网页与动态网页的区别，各种浏览器和网页制作工具。2、掌握站点编辑和管理的方法、掌握站点素材及其制作工具的有关知识、了解站点的设计流程1、熟悉各种网页浏览器、制作工具，各种功能性的网站。2、利用Dreamweavercs3打造并管理网站站点了解网站的历史和现状，对当今网站应用的各种技术有一个感性的认识。运用科学的思维方法，对网站设计、建设、推广和运营等各方面问题进行整体策划，并提供完善的解决方案。学会网站站点的建立与管理。项目教学：创建你的第一个网站42Html1、HTML的基本概念、基本格式，文字标记、段落标记等。2、HTML语言的重要标记和属性1、实现用记事本编写具有学生信息的网页。2、应用多种标记学会并掌握站点建设能利用html语言制作简单网页项目教学：创建我的个人网站83页面布局设计1、掌握表格属性的设置，理解各参数的含义2、理解框架和框架集的作用3、AP元素的属性，spry构件的概念及类别1、学会并灵活利用表格对网页进行合理布局的方法与技巧2、掌握选择、创建框架和框架集的方法3、创建及编辑AP元素及spry构件的方法学会并掌握使用布局表格和单元格设计页面布局；掌握框架网页的创建、调整、删除等基本操作项目教学：创建“北京体育电影周”网站124制作图文并茂的网页1、掌握图像的分类及其特点，了解图像占位符、FirewroksHTML文件、图像的变换效果和导航条等。2、了解URL地址解析、理解绝对路径和相对路径的概念3、了解Flash动画、图像查看1、设置图像属性、文字提示，创建图像热点区域以及掌握图像占位符、变换图像效果等方法。2、掌握多种方法创建超级链接，以及设置超级链接目标窗口及文本提示、设置邮件学会并掌握在网页中添加图像的基本方法、设置图像属性、变换图像效果等，掌握多种超链接的创建方法、以及设置超链接目标窗口及文本提示、设置邮件链接、书签链接等，掌握在网页中插入各种多媒体元素。项目教学：“江南美食”网站制作10序号工作任务知识点训练或工作项目教学要求教学情境与教学设计参考学时器、ActiveX控件、Plugin插件和视频、音频格式等相关知识。链接和设置书签链接等3、掌握在网页中插入Flash动画、Flash按钮、Flash文本、图像查看器及相关属性的设置。5css样式设计1、css样式的概念、作用2、css样式定义的各选项的含义及其作用1、在网页中添加样式表的方法。2、样式表文件的导出及链接外部样式表的方法了解CSS样式的概念及其作用，了解css样式定义的各选项的含义及其作用，掌握在网页中添加样式表的方法，掌握样式表文件的导出及链接外部样式表的方法。项目教学：创建无锡旅游网106DIV+CSS网页布局了解并掌握DIV+CSS布局一列、两列、三列等常用网页布局的相关知识。掌握使用DIV+CSS布局一列、两列、三列等常用网页布局。通过实践活动，掌握使用DIV+CSS进行网页布局的方法。项目教学：创建个人博客页面127表单的应用1、了解表单的作用、属性2、了解表单元素及表单元素的属性。1、理解表单交互的基本原理，掌握建立表单布局2、插入不同表单元素，设置相关的属性。学会并掌握表单的创建方法，掌握表单的布局的建立、表单元素的添加、表单元素的属性以及表单元素样式的设定等。项目教学：产品信息反馈表的制作68模板和库的应用1、模板的作用和制作方法2、库的作用和制作方法1、创作模板页面2、创建库项目学会创作模板页面和库项目的方法，并能应用模板和库项目项目教学：制作基于模板旅游信息页面69行为1、行为的基本原理、概念及行为的特点2、行为的概念，对行为的触发事件的理解1、给对象附加行为的基本方法以及修改行为的触发事件的方法。2、制作弹出窗口、播放声音、了解行为的基本原理、概念及行为的特点，掌握给对象附加行为的基本方法以及如何修改行为的触发事件，掌握内置行为的具体应用方法。项目教学：创建动漫网10序号工作任务知识点训练或工作项目教学要求教学情境与教学设计参考学时弹出消息框、设置导航栏图像、弹出菜单的步骤方法等10初识动态网站1、配置服务器的目的，设置权限的原理，ASP基础。2、ADO中的Connection对象和Recordset对象的主要属性和方法。3、服务器行为4、对操作语句的理解。检索select、添加insert、修改update、删除delete。1、配置服务器，编辑站点，设置权限，制作动态网页。2、使用ASP的数据库访问组件来连接数据库。3、在Dreamweaver下制作前台显示页面。4、在Dreamweaver下实现对数据库表的基本操作（检索数据、插入数据、修改数据、删除数据）。结合网站应用的特点，掌握基于Web的数据库的基本操作模式。掌握数据库连接的一般使用方法，学会使用ADO访问数据库，掌握ADO中的Connection对象和Recordset对象的主要属性和方法。掌握在Dreamweaver下做对数据库表进行基本操作的页。掌握数据库管理（数据检索、插入数据、修改数据、删除数据）方法。项目教学：创建学生成绩管理系统网站18四、实施建议（一）教学建议（1）在进行教学时，以项目的方式展开教学，知识逐层递进，最终使学生具备建立、管理和维护动态网站运行环境的知识和基本能力。（2）实践教学的安排：以案例项目教学法为主体，充分利用多媒体设备组织教学，课程教学全过程均安排在专业实验室完成，保证课程讲授与学生个人上机实验学时比至少为1：1。在课程教学的后期安排一周的实训，学生在专业教师指导下，采用项目驱动，独立制作完成网站，个人作品能发布到Internet上，进一步提高学生网站开发的综合应用能力。（二）教学评价1、教师评价和学生互评相结合、过程评价和结果评价相结合、课内评价和课外评价相结合、理论评价和实践评价相结合、校内评价和校外评价相结合。2、考核方法本课程的考核成绩以技能成绩为主，采用上机考试。平时上机实验技能应有严格的记录，根据各种实验的要求来计算成绩。最终课程成绩由“平时成绩（占50%），期末考试成绩（占50%）”组成。3、该项目课程学习完成后可建议学生参加对应的职业资格证书考证和等级。（三）教学基本条件本课程既然是理实一体化的学习，就应该具有相应的实验环境，建议所有课程均在实验室中进行。（四）教材选用与编写建议选用2013年6月江苏教育出版社--凤凰传媒出版，徐云晴主编的《网页设计与制作》。辅导资料：（1）《网页制作DreamweaverMX2004》主编陆莹华东师范大学出版社2006年6月第一版（2）《中小型网站建设与管理》唐军名主编高等教育出版社2004年7月第一版（3）《动态网页设计》王玉洁主编东南大学出版社2006年8月第一版（4）《Dreamweaver8&ASP动态网站开发基础与实例》王爱民支丽平主编中国水利水电出版社2007年5月第一版（五）课程资源的开发与利用课程资源建议参考《网页设计与制作》网络课程：=portal&feature=portalCourse&action=view&courseKey=369967&siteKey=-1其他网络教学环境建议：1、华东师范大学出版社资源网、高等教育出版社资源网、中国水利水