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

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

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

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

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

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

5、掌握网页布局及美化的基本方法。(4)通过完成相关的项目，掌握简单网页交互的制作方法。3 3、方法能力目标、方法能力目标形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。四、教学容四、教学容第一章第一章 网页制作基础知识（网页制作基础知识（4 4 学时）学时）教学目标：教学目标：网页与基本概念、网页基本组成元素、常用网页制作软件主要教学容：主要教学容：1.1网页制作基础知识1.2网页的基本构成元素1.3 网页制作常用软件和技术第二章第二章 Dreamweaver

6、CS6Dreamweaver CS6轻松入门（轻松入门（2 2 学时）学时）教学目标：教学目标：DW CS6 软件的安装、用 DW建立网页的方法、打开和保存网页的方法主要教学容：主要教学容：2.1 Dreamweaver CS6 工作环境2.2 插入 栏2.3 Dreamweaver CS6 新功能第三章第三章 站点的搭建与管理（站点的搭建与管理（4 4 学时）学时）教学目标：教学目标：本地站点与远程站点的概念、站点文件夹的管理主要教学容：主要教学容：3.1 创建本地站点3.2 管理点站3.3 管理站点中的文件4.3 使用站点地图第四章第四章 建设规和基本流程（建设规和基本流程（2 2 学时）

7、学时）教学目标：教学目标：IIS 信息服务器的搭建与管理、建立、发布主页、建立和管理站点主要教学容：主要教学容：4.1 建设规4.2 建设的基本流程第五章第五章 创建结构清晰的文本网页（创建结构清晰的文本网页（6 6 学时）学时）教学目标：教学目标：1.在网页中添加文字和字符2.使用背景、列表美化文本网页主要教学容：主要教学容：5.1设置文本属性5.2插入其他元素5.3创建项目列表和编号列表5.4插入网页头部容5.5综合案例-创建基本文本网页第六章第六章 创建绚丽多彩的图像和多媒体网页（创建绚丽多彩的图像和多媒体网页（6 6 学时）学时）教学目标：教学目标：1.了解网页中常用的图像格式2.网页

8、中插入图像的方法3.网页中插入多媒体的方法主要教学容：主要教学容：6.1网页中常用的图像格式6.2编辑图像6.3插入多媒体6.4综合案例-创建图文混排网页第七章第七章 创建超级（创建超级（6 6 学时）学时）教学目标：教学目标：超级的概念、文字与网页间的、图片热点和锚记主要教学容：主要教学容：7.1超级的基本概念7.2创建超级的方法7.3创建各种类型的7.4管理超7.5综合实例第八章第八章 使用表格排版网页（使用表格排版网页（6 6 学时）学时）教学目标：教学目标：1.表格的编辑处理2.用表格制作网页元素主要教学容：主要教学容：8.1创建表格8.2设置表格及其元素属性8.3表格的基础操作8.4

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

10、.2使用 CSS10.3设置 CSS 样式10.4CSS 滤镜设计特效文字10.5综合实例第第 1111 章章 CSS+DIVCSS+DIV 布局方法（布局方法（6 6 学时）学时）教学目标：教学目标：盒子模型概念、CSS 布局理念、常见布局类型主要教学容：主要教学容：11.1初识 DIV11.2CSS 定位11.3CSS 布局理念11.4常见的布局类型第第 1212 章章 使用模板和库提高网页制作效率（使用模板和库提高网页制作效率（6 6 学）学）教学目标：教学目标：了解模型的库的概念，会使用库创建项目主要教学容：主要教学容：12.1创建模板12.2使用模板12.3管理模板12.4创建和应用

11、库项目第第 1313 章章 使用行为和动作为网页添加活力（使用行为和动作为网页添加活力（6 6 学时）学时）教学目标：教学目标：重点区分行为、触发事件、动作、对象等概念和区别主要教学容：主要教学容：13.1行为的概念13.2行为的动作和事件13.3使用 Dreamweaver 置行为第第 1414 章章 页面布局设计与色彩搭配（页面布局设计与色彩搭配（2 2 学时）学时）教学目标：教学目标：网页色彩搭配知识、常见页面版式主要教学容：主要教学容：14.1网页版面布局设计14.2常见版面布局形式14.3网页色彩搭配知识第第 1515 章章 用表单创建交互式网页（用表单创建交互式网页（6 6 学时）

12、学时）教学目标：教学目标：表单的基本概念、常用表单元素的插入方法主要教学容：主要教学容：15.1表单概述15.2创建表单域15.3插入文本域15.4复选框和单选按钮15.5列表和菜单15.6跳转菜单的使用15.7使用按钮激活表单15.8使用隐藏域和文件域15.9综合案例五、课程实施条件五、课程实施条件本课程需要一间高性能联网的计算机实训室，需满足每位学生一台电脑。配备液晶投影仪、多媒体教学软件、Photoshop CS5.0、Dreamweaver CS5.0 及以上版本等。六、教学组织与方法六、教学组织与方法1 1、教学方法、教学方法结合软件与信息服务专业学生特点，基于行动导向，根据每个任务

13、的容特点，以真实项目进行引导开展教学。整个课程以项目任务实训为主线，以技能培养为核心来组织教学。学生在完成项目分解的任务中学习相关知识，并利用这些知识解决项目中的问题。（1）项目教学法课程将网页设计的知识点分解为多个小的任务，每个任务的学习过程以工作过程为导向，最终形成学生的职业行动能力。（2）小组教学法以 6 人为一个单位，成立教学小组。单人完成的项目，组可以互相学习，督促和评价。大型复杂的项目，小组成员共同完成。（3）视频展示法教师对讲授容充分提炼，将复杂的操作录制下来，方便学生反复观看和模仿，形象生动的动态展示和讲解。使抽象、难懂的教学容变得直观、易懂和容易掌握；提高了教学效率；便于学生

14、自主学习。2 2、教学手段、教学手段（1）充分利用多媒体实训室和多媒体课件本课程的课堂讲授全部在实训室进行，便于使用投影设备，采用多媒体教学手段。开发和使用的多媒体课件制作精美并含有动态演示，其有效地增强了学生的学习兴趣。（2）鼓励自主学习制作网络课件，并将教学大纲、教案、习题等同时上网开放，激发学生学习兴趣，鼓励学生自主学习，同时可以缓解课程信息量增加与压缩授课学时之间的矛盾。（3）严格考评制度设计了容丰富、形式多样的习题作业，以利于学生理解和掌握所学知识。严格检查平时作业完成情况，及时反馈作业中反映的问题。采用定期模拟考试的方法及时检验学生阶段性学习成果。建立科学合理的考核评价制度，以促进

15、学生的学习积极性和自我学习的动力。（4）充分利用网络环境和资源充分利用互联网资源、本课程资源，在网上开展教学活动，包括网络课程学习、自主学习、课后复习、课件下载、作业提交、专题讨论、网上答疑等，使学生可以不受时间、地点的限制，方便地进行学习。七、教学材料七、教学材料1 1、学材与教材、学材与教材（1）选用教材巧学巧用 DreamweaverCS6 制作网页人民邮电主编：西杰。（2）参考书目HTML5+CSS3 从入门到精通，中国水利，主编：未来科技。ASP 网络编程自学手册，人民邮电，庞娅娟明丽吕继迪编著。2 2、软件与网络、软件与网络多媒体教学软件、Photoshop CS5.0、Dream

16、weaver CS6.0 及以上版本等.八、教学评价八、教学评价1、教学评价强调评价对教学的激励、诊断和促进作用，发挥教师在评价中的主导作用，创造条件实现评价主体的多元化，要关注学生的个别差异，鼓励学生的创造实践。综合运用各种形成性评价方式，全面考察学生的程序设计能力的养成过程，评价与教学过程相结合，动态把握，及时引导学生情感、态度和价值观的形成。采用纸笔测试和上机测试相结合的方式开展总结性教学评价。要根据课程标准的要求和具体考试容选择合适的题型和考试方式，创造条件全面考察学生解决实际问题的能力，避免只重视知识记忆。要注意结合学生平时学习表现和过程性评价结果，改变单纯一次测验或考试为依据，评定

17、学生一学期或整个学段学习情况的局面，适度加大过程性评价在期末成绩评定中的比重。2 2、考核容、考核容知识模块知识模块知识小点知识小点考核等级考核等级在网页中插入图片DW CS6 基础DW CS6 安装用 DW 建立页面保存网页IIS 信息服务器的搭建与管理建立与管理站点建立、发布主页建立和管理站点制作主要容为文本的网页在网页中添加文字和字符使用背景、列表美化文本网页分块制作网页利用 DW 工具制作相册插入 FLASH 元素添加 FLASH 视频和音乐在网页中创建表格表格的处理与网页布局表格的编辑用表格制作导航栏超级的概念创建超级文字与网页间的图片热点锚记框架与框架集创建框架的方法使用框架制作旅

18、游框架和框架集的边框设置设置目标框架和框架集的保存模板页的概念可编辑区域的概念创建和使用模板使用模板创建网页在模板页中创建超级使用模板更新网页手动更新模板了解库的概念及作用创建和使用库创建库项目编辑库项目更新库项目AP Div 的应用AP Div 的创建插入与编辑图像插入多媒体元素在 AP Div 中插入网页元素设置 AP Div 的属性行为常见行为的应用常见触发事件的应用HTML 语言的基本结构常用 HTML 标签的使用方法CSS 样式表的类型CSS 样式表CSS 样式表的创建不同样式表的样式应用了解动态网页与静态网页的区别动态网页基础了解服务器在动态网页中的作用掌握 ACCESS 数据库及

19、表的创建在 DW 中创建动态网页HTML 基础3 3、考核方式、考核方式本课程实施综合考评，注重考核学生掌握技能的水平，同时注重学习态度和最终成绩的关联，以全面综合地评定学生的能力。（1）平时技能考核：布置课堂作业以及拓展实训项目，使学生能独立完成大部分的技能训练，小项目及活动的技能，均以个人为考核单位，在平时考核和记录。成绩包括学习态度及项目技能完成情况。占总成绩 20%。（2）阶段考核：复杂的大项目，对学生进行分组，任务由各小组成员共同完成。根据每个任务的完成情况，要求小组成员分别给出自评（25%），组互评（25%），同时教师对任务小组的整体完成情况给出评价（50%)作为每位成员的共同分数

20、。占总成绩 20%。（3）期中考核和期末考核：在学生期中和期末课程学习结束后，统一参加技能考试。期中成绩占总成绩 20%，期末成绩占总成绩 40%。九、课程资源开发与利用九、课程资源开发与利用组织课程教学相关教师在深入岗位调研和教学过程总结的基础上开发课程资源，包括电子教案、课件、试题习题集、教学微课视频。建立教学资源库，上传所有相关课程资源供相关老师和学生下载学习；依托“3A”学习平台“教学云课堂”APP，微课掌上通平台，让学生能随时、随地进行预习、自学和复习，也更加方面教师和学生的互动教学和辅导。十、职业基本素养十、职业基本素养（1）培养学生团队协作精神，树立诚信意识，锻炼学生沟通交流的能力；（2）通过项目法教学模式，让学生亲身体验项目的设计、管理和实施；（3）通过撰写方案设计报告，提高学生书面表达能力，培养学习常用专业英语词汇的兴趣；（4）通过课外拓展训练，锻炼学生自我学习的能力。