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

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

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

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

4、用库的方法(12) 掌握在网页中添加AP Div的方法(13) 掌握在网页中使用行为的方法(14) 掌握HTML基础知识及通过代码修饰网页的方法(15) 掌握使用CSS羊式表修饰网页的方法(16) 掌握动态网页的概念及简单动态网页的制作方法2、 职业专门能力目标(1) 通过完成相关的项目，掌握网页设计的基本工作流程。(2) 通过完成相关的项目，掌握网页设计常用工具的使用方法。(3) 通过完成相关的项目，掌握网页布局及美化的基本方法。(4) 通过完成相关的项目，掌握简单网页交互的制作方法。3、 方法能力目标形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解 决问题的能力，

5、养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规， 形成关键性的软件开发与应用的能力。四、教学内容第一章 网页制作基础知识(4 4学时)教学目标：网页与网站基本概念、网页基本组成元素、常用网页制作软件 主要教学内容:1.1网页制作基础知识 1.2网页的基本构成元素1.3网页制作常用软件和技术第二章 DreamweaverDreamweaver CS6CS6轻松入门（2 2学时）教学目标：DW CS6软件的安装、用 DW建立网页的方法、打开和保存网页的方法主要教学内容：2.1Dreamweaver CS6 工作环境2.2插入栏2.3Dreamweaver CS6 新功能第三章站点的搭

6、建与管理（4 4学时）教学目标：本地站点与远程站点的概念、站点文件夹的管理主要教学内容：3.1创建本地站点3.2管理点站3.3管理站点中的文件4.3使用站点地图第四章 网站建设规范和基本流程（2 2学时）教学目标：IIS信息服务器的搭建与管理、建立、发布主页、建立和管理站点主要教学内容：4.1网站建设规范4.2网站建设的基本流程第五章 创建结构清晰的文本网页（6 6学时）教学目标:1.在网页中添加文字和字符2.使用背景、列表美化文本网页主要教学内容：5.1设置文本属性6 6学时）5.2插入其他元素5.3创建项目列表和编号列表5.4插入网页头部内容5.5综合案例-创建基本文本网页第六章创建绚丽多

7、彩的图像和多媒体网页（教学目标：1.了解网页中常用的图像格式2.网页中插入图像的方法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表格的基本

8、应用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.1 CSS 简介10.2使用 CSS10.3设置CSS样式10.4 CSS滤镜设计特效文字 10.5综合实例（6 6 学）6 6学时）第1414章网站页面布局设计与色

9、彩搭配（2 2学时）第1111章CSS+DIVCSS+DIV布局方法（6 6学时）教学目标：盒子模型概念、CSS布局理念、常见布局类型 主要教学内容：11.1初识 DIV11.2CSS 定位11.3CSS布局理念11.4常见的布局类型第1212章 使用模板和库提高网页制作效率教学目标：了解模型的库的概念，会使用库创建项目主要教学内容：12.1创建模板12.2使用模板12.3管理模板12.4创建和应用库项目第1313章 使用行为和动作为网页添加活力（教学目标：重点区分行为、触发事件、动作、对象等概念和区别主要教学内容：13.1行为的概念13.2行为的动作和事件13.3使用Dreamweaver内

10、置行为教学目标：网页色彩搭配知识、常见页面版式主要教学内容：14.1网页版面布局设计14.2常见版面布局形式 14.3网页色彩搭配知识第1515章用表单创建交互式网页（6 6学时）教学目标：表单的基本概念、常用表单元素的插入方法主要教学内容：15.1表单概述15.2创建表单域15.3插入文本域15.4复选框和单选按钮15.5列表和菜单15.6跳转菜单的使用15.7使用按钮激活表单15.8使用隐藏域和文件域15.9综合案例五、课程实施条件本课程需要一间高性能联网的计算机实训室， 需满足每位学生一台电脑。配备液晶投 影仪、多媒体教学软件、 Photoshop CS5.0 Dreamweaver C

11、S5.0及以上版本等。六、教学组织与方法1、教学方法结合软件与信息服务专业学生特点， 基于行动导向，根据每个任务的内容特点，以真 实项目进行引导开展教学。整个课程以项目任务实训为主线，以技能培养为核心来组织 教学。学生在完成项目分解的任务中学习相关知识，并利用这些知识解决项目中的问题。（1）项目教学法课程将网页设计的知识点分解为多个小的任务， 每个任务的学习过程以工作过程为导 向，最终形成学生的职业行动能力。（2）小组教学法以6人为一个单位，成立教学小组。单人完成的项目，组内可以互相学习，督促和评价。大型复杂的项目，小组成员共同完成。（3）视频展示法教师对讲授内容充分提炼，将复杂的操作录制下来

12、，方便学生反复观看和模仿，形象 生动的动态展示和讲解。使抽象、难懂的教学内容变得直观、易懂和容易掌握；提高了 教学效率；便于学生自主学习。2、教学手段（1）充分利用多媒体实训室和多媒体课件本课程的课堂讲授全部在实训室进行，便于使用投影设备，采用多媒体教学手段。开 发和使用的多媒体课件制作精美并含有动态演示，其有效地增强了学生的学习兴趣。（2）鼓励自主学习制作网络课件，并将教学大纲、教案、习题等同时上网开放，激发学生学习兴趣，鼓 励学生自主学习，同时可以缓解课程信息量增加与压缩授课学时之间的矛盾。（3）严格考评制度设计了内容丰富、形式多样的习题作业，以利于学生理解和掌握所学知识。严格检查 平时作

13、业完成情况，及时反馈作业中反映的问题。采用定期模拟考试的方法及时检验学 生阶段性学习成果。建立科学合理的考核评价制度，以促进学生的学习积极性和自我学 习的动力。（4）充分利用网络环境和资源充分利用互联网资源、本课程网站资源，在网上开展教学活动，包括网络课程学习、 自主学习、课后复习、课件下载、作业提交、专题讨论、网上答疑等，使学生可以不受 时间、地点的限制，方便地进行学习。七、教学材料1学材与教材（1）选用教材巧学巧用DreamweaverCS6制作网页人民邮电出版社主编：刘西杰。（2）参考书目HTML5+CSS3从入门到精通，中国水利出版社，主编：未来科技。ASP网络编程自学手册，人民邮电出

14、版社，庞娅娟孙明丽吕继迪编著。2、软件与网络多媒体教学软件、Photoshop CS5.0 Dreamweaver CS6.0及以上版本等.八、教学评价1、教学评价强调评价对教学的激励、诊断和促进作用，发挥教师在评价中的主导作用，创造条 件实现评价主体的多元化，要关注学生的个别差异，鼓励学生的创造实践。综合运用各 种形成性评价方式，全面考察学生的程序设计能力的养成过程，评价与教学过程相结合， 动态把握，及时引导学生情感、态度和价值观的形成。采用纸笔测试和上机测试相结合 的方式开展总结性教学评价。要根据课程标准的要求和具体考试内容选择合适的题型和 考试方式，创造条件全面考察学生解决实际问题的能力

15、，避免只重视知识记忆。要注意结合学生平时学习表现和过程性评价结果，改变单纯一次测验或考试为依据，评定学生一学期或整个学段学习情况的局面，适度加大过程性评价在期末成绩评定中的比重。2、考核内容知识模块知识小点考核等级在网页中插入图片DW CS6安 装用DW建立页面DW CS6基础保存网页IIS信息服务器的搭建与管理建立、发布主页建立与管理站点建立和管理站点制作主要内容为文本的网页在网页中添加文字和字符制作主要内容为文本口 JI网页使用背景、列表美化文本网页分块制作网页插入与编辑图像利用DW工具制作相册插入FLASH兀素插入多媒体元素添加FLASH视频和音乐在网页中创建表格表格的编辑表格的处理与网

16、页布局用表格制作导航栏超级链接的概念文字与网页间的链接图片热点创建超级链接锚记框架与框架集创建框架的方法框架和框架集的边框设置设置链接目标使用框架制作旅游网站框架和框架集的保存模板页的概念可编辑区域的概念使用模板创建网页在模板页中创建超级链接使用模板更新网页创建和使用模板手动更新模板创建和使用库了解库的概念及作用创建库项目编辑库项目更新库项目AP Div的创建AP Div的应用在AP Div中插入网页兀素设置AP Div的属性常见行为的应用行为常见触发事件的应用HTML语言的基本结构HTML基础常用HTML标签的使用方法CSS样式表的类型CSS样式表CSS样式表的创建不冋样式表的样式应用了解动

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