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

1、精品文档网页设计与制作课程标准前言：网页设计与制作 是理实一体化课程， 是计算机专业（软件与信息服务、 数字媒体、计算机应用专业） 的一门重要的专业必修课。 本课程定位于 WEB 技术开发工作岗位。 它是 WEB 前端技术开发的必备课程，在整个课程体系中具有重要的作用，一、课程的说明：通过本课程的学习，使学生了解网页设计技术的起源和发展、常用的网页制作软件及 HTML 语言，掌握运用 Dreamweaver（以下简称 DW ）网页制作软件制作网页的方法，通过运用 Photoshop图像处理软件和 Flash 动画制作软件，三个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作

2、、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。二、课程内容与基本要求：该课程涉及的知识是网页设计人员必备的基本技能， 职业活动与课程内容的对应关系如下：网页设计开发岗位职业能力教学内容（理实一体化课）网页基本概念（第 1 章）基本开发工具的使用DW CS6软件介绍（第2 章）建立与管理站点（第3 章）制作主要内容为文本的网页（第4 章）插入与编辑图像（第5 章）网页基本元素的处理插入多媒体元素（第6 章）创建超级链接（第 7 章）HTML基础（第 13 章）表格处理与网页布局（第 6 章）网页布局AP Div的应用（第 9 章）使用

3、 CSS+DIV布局网页（第11 章）网页美化CSS样式表（第 10 章）网页交互行为（第 12 章）动态网页基础（第 15 章）网页及元素的复用创建和使用模板（第9 章）创建和使用库（第 10 章）.精品文档三、教学目标1、职业关键能力目标(1) 掌握使用 Photoshop 进行图像处理的基本方法及操作技能(2) 掌握 DreamweaverCS5的基本知识及操作技能(3) 掌握建立与管理站点的方法(4) 掌握制作主要内容为文本的网页的方法(5) 掌握在网页中插入与编辑图像的方法(6) 掌握在网页中插入多媒体元素的方法(7) 掌握表格处理与网页布局的方法(8) 掌握创建超级链接的方法(9)

4、 掌握使用框架制作旅游网站的方法(10) 掌握创建和使用模板的方法(11) 掌握创建和使用库的方法(12) 掌握在网页中添加AP Div的方法(13) 掌握在网页中使用行为的方法(14) 掌握 HTML 基础知识及通过代码修饰网页的方法(15) 掌握使用 CSS样式表修饰网页的方法(16) 掌握动态网页的概念及简单动态网页的制作方法2、职业专门能力目标(1) 通过完成相关的项目，掌握网页设计的基本工作流程。(2) 通过完成相关的项目，掌握网页设计常用工具的使用方法。(3) 通过完成相关的项目，掌握网页布局及美化的基本方法。(4) 通过完成相关的项目，掌握简单网页交互的制作方法。3、方法能力目标

5、形成一定的学习能力、 沟通与团队的协作能力， 形成良好的思考问题、 分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。四、教学内容第一章 网页制作基础知识（ 4 学时）教学目标：网页与网站基本概念、网页基本组成元素、常用网页制作软件主要教学内容：.精品文档1.1网页制作基础知识1.2网页的基本构成元素1.3网页制作常用软件和技术第二章 Dreamweaver CS6 轻松入门（ 2 学时）教学目标：DW CS6 软件的安装、用DW 建立网页的方法、打开和保存网页的方法主要教学内容：2.1Dreamweaver CS6 工作

6、环境2.2插入 栏2.3Dreamweaver CS6 新功能第三章 站点的搭建与管理（ 4 学时）教学目标：本地站点与远程站点的概念、站点文件夹的管理主要教学内容：3.1创建本地站点3.2管理点站3.3管理站点中的文件4.3使用站点地图第四章 网站建设规范和基本流程（2 学时）教学目标：IIS 信息服务器的搭建与管理、建立、发布主页、建立和管理站点主要教学内容：4.1网站建设规范4.2网站建设的基本流程第五章 创建结构清晰的文本网页（6 学时）教学目标：.精品文档1. 在网页中添加文字和字符2. 使用背景、列表美化文本网页主要教学内容：5.1设置文本属性5.2插入其他元素5.3创建项目列表和

7、编号列表5.4插入网页头部内容5.5综合案例 -创建基本文本网页第六章 创建绚丽多彩的图像和多媒体网页（6 学时）教学目标：1. 了解网页中常用的图像格式2. 网页中插入图像的方法3. 网页中插入多媒体的方法主要教学内容：6.1网页中常用的图像格式6.2编辑图像6.3插入多媒体6.4综合案例 -创建图文混排网页第七章 创建超级链接（ 6 学时）教学目标：超级链接的概念、文字与网页间的链接、图片热点和锚记主要教学内容：7.1超级链接的基本概念7.2创建超级链接的方法7.3创建各种类型的链接7.4管理超链接7.5综合实例第八章 使用表格排版网页（ 6 学时）.精品文档教学目标：1. 表格的编辑处理

8、2. 用表格制作网页元素主要教学内容：8.1创建表格8.2设置表格及其元素属性8.3表格的基础操作8.4表格的基本应用8.5综合实例 -利用表格排版网页第九章 使用 DIV 和 Spry 灵活布局网页（ 4 学时）教学目标：1. AP Div 的创建2. 在 AP Div 中插入网页元素3. 设置 AP Div 的属性主要教学内容：9.1插入 AP Div9.2设置 AP Div 属性9.3使用Spry 布局对象第十章 使用 CSS 修饰美化网页（ 6 学时）教学目标：1、 CSS 样式表的类型2、 CSS 样式表的创建3、不同样式表的样式应用主要教学内容：10.1CSS 简介10.2使用 C

9、SS10.3设置 CSS 样式10.4CSS 滤镜设计特效文字10.5综合实例.精品文档第 11 章 CSS+DIV 布局方法（ 6 学时）教学目标：盒子模型概念、CSS 布局理念、常见布局类型主要教学内容：11.1初识 DIV11.2CSS 定位11.3CSS 布局理念11.4常见的布局类型第 12 章 使用模板和库提高网页制作效率（6 学）教学目标：了解模型的库的概念，会使用库创建项目主要教学内容：12.1创建模板12.2使用模板12.3管理模板12.4创建和应用库项目第 13 章 使用行为和动作为网页添加活力（6 学时）教学目标：重点区分行为、触发事件、动作、对象等概念和区别主要教学内容

10、：13.1行为的概念13.2行为的动作和事件13.3使用 Dreamweaver 内置行为第 14 章 网站页面布局设计与色彩搭配（2 学时）教学目标：网页色彩搭配知识、常见页面版式主要教学内容：14.1网页版面布局设计.精品文档14.2常见版面布局形式14.3网页色彩搭配知识第 15 章 用表单创建交互式网页（6 学时）教学目标：表单的基本概念、常用表单元素的插入方法主要教学内容：15.1表单概述15.2创建表单域15.3插入文本域15.4复选框和单选按钮15.5列表和菜单15.6跳转菜单的使用15.7使用按钮激活表单15.8使用隐藏域和文件域15.9综合案例五、课程实施条件本课程需要一间高

11、性能联网的计算机实训室， 需满足每位学生一台电脑。 配备液晶投影仪、多媒体教学软件、 Photoshop CS5.0、Dreamweaver CS5.0及以上版本等。六、教学组织与方法1、教学方法结合软件与信息服务专业学生特点， 基于行动导向， 根据每个任务的内容特点， 以真实项目进行引导开展教学。整个课程以项目任务实训为主线，以技能培养为核心来组织教学。学生在完成项目分解的任务中学习相关知识，并利用这些知识解决项目中的问题。（1）项目教学法课程将网页设计的知识点分解为多个小的任务， 每个任务的学习过程以工作过程为导向，最终形成学生的职业行动能力。（2）小组教学法以 6 人为一个单位，成立教学

12、小组。单人完成的项目， 组内可以互相学习，督促和评价。大型复杂的项目，小组成员共同完成。（3）视频展示法教师对讲授内容充分提炼， 将复杂的操作录制下来， 方便学生反复观看和模仿， 形象.精品文档生动的动态展示和讲解。使抽象、难懂的教学内容变得直观、易懂和容易掌握；提高了教学效率；便于学生自主学习。2、教学手段（1）充分利用多媒体实训室和多媒体课件本课程的课堂讲授全部在实训室进行， 便于使用投影设备， 采用多媒体教学手段。 开发和使用的多媒体课件制作精美并含有动态演示，其有效地增强了学生的学习兴趣。（2）鼓励自主学习制作网络课件，并将教学大纲、教案、习题等同时上网开放，激发学生学习兴趣，鼓励学生

13、自主学习，同时可以缓解课程信息量增加与压缩授课学时之间的矛盾。（3）严格考评制度设计了内容丰富、 形式多样的习题作业， 以利于学生理解和掌握所学知识。 严格检查平时作业完成情况，及时反馈作业中反映的问题。采用定期模拟考试的方法及时检验学生阶段性学习成果。建立科学合理的考核评价制度，以促进学生的学习积极性和自我学习的动力。（4）充分利用网络环境和资源充分利用互联网资源、本课程网站资源，在网上开展教学活动，包括网络课程学习、自主学习、课后复习、课件下载、作业提交、专题讨论、网上答疑等，使学生可以不受时间、地点的限制，方便地进行学习。七、教学材料1、学材与教材（1）选用教材巧学巧用 Dreamwea

14、verCS6制作网页人民邮电出版社主编：刘西杰。（2）参考书目HTML5+CSS3 从入门到精通，中国水利出版社，主编：未来科技。ASP 网络编程自学手册，人民邮电出版社，庞娅娟孙明丽吕继迪编著。2、软件与网络多媒体教学软件、 Photoshop CS5.0、Dreamweaver CS6.0及以上版本等 .八、教学评价1、教学评价强调评价对教学的激励、诊断和促进作用，发挥教师在评价中的主导作用，创造条件实现评价主体的多元化，要关注学生的个别差异，鼓励学生的创造实践。综合运用各种形成性评价方式，全面考察学生的程序设计能力的养成过程，评价与教学过程相结合，动态把握，及时引导学生情感、态度和价值观

15、的形成。采用纸笔测试和上机测试相结合的方式开展总结性教学评价。要根据课程标准的要求和具体考试内容选择合适的题型和考试方式，创造条件全面考察学生解决实际问题的能力，避免只重视知识记忆。要注意.精品文档结合学生平时学习表现和过程性评价结果，改变单纯一次测验或考试为依据，评定学生一学期或整个学段学习情况的局面，适度加大过程性评价在期末成绩评定中的比重。2、考核内容知识模块知识小点考核等级在网页中插入图片DW CS6基础DW CS6安装用 DW建立页面保存网页IIS 信息服务器的搭建与管理建立与管理站点建立、发布主页建立和管理站点制作主要内容为文本的网页在网页中添加文字和字符使用背景、列表美化文本网页

16、插入与编辑图像分块制作网页利用 DW 工具制作相册插入多媒体元素插入 FLASH元素添加 FLASH视频和音乐在网页中创建表格表格的处理与网页布局表格的编辑用表格制作导航栏超级链接的概念创建超级链接文字与网页间的链接图片热点锚记框架与框架集创建框架的方法使用框架制作旅游网站框架和框架集的边框设置设置链接目标框架和框架集的保存模板页的概念可编辑区域的概念创建和使用模板使用模板创建网页在模板页中创建超级链接使用模板更新网页手动更新模板创建和使用库了解库的概念及作用.精品文档创建库项目编辑库项目更新库项目AP Div 的创建AP Div 的应用在 AP Div 中插入网页元素设置 AP Div 的属

17、性行为常见行为的应用常见触发事件的应用HTML 基础HTML 语言的基本结构常用 HTML 标签的使用方法CSS样式表的类型CSS样式表CSS样式表的创建不同样式表的样式应用了解动态网页与静态网页的区别动态网页基础了解服务器在动态网页中的作用掌握 ACCESS数据库及表的创建在 DW 中创建动态网页3、考核方式本课程实施综合考评， 注重考核学生掌握技能的水平， 同时注重学习态度和最终成绩的关联，以全面综合地评定学生的能力。（ 1）平时技能考核：布置课堂作业以及拓展实训项目，使学生能独立完成大部分的技能训练，小项目及活动的技能，均以个人为考核单位，在平时考核和记录。成绩包括学习态度及项目技能完成情况。占总成绩20%。（2）阶段考核：复杂的大项目，对学生进行分组，任务由各小组成员共同完成。根据每个任务的完成情况，要求小组成员分别给出自评（ 25%），组内互评（ 25%），同时教师对任务小组的整体完成情况给出评价 （50%)作为每位成员的共同分数。占总成绩 20%。（ 3）期中考核和期末考核：在学生期中和期末课程学习结束后，统一参加技能考试。期中成绩占总成绩 20%，期末成绩占总成绩 40%。九、课程资源开发与利用组织课程教学相关教师在深入岗位调研和教学过程总结的