专业课网页制作课程标准

国家中等职业教育改革发展示范学校软件信息与服务专业建设1.2.5核心课程的课程标准15. 专业课网页制作课程标准精品资料东莞理工学校软件信息与服务专业项目建设小组课程编号：02109课程类型：核心课程、一体化课程学时：编制者：108张屹峰适用对象：审核者：软件与信息服务专业二年级学生编制日期：2014-07-05网页制作课程标准一、 课程的性质1、课程定位网页制作是理实一体化课程，是计算机专业（软件与信息服务、数字媒 体、计算机应用专业）的一门重要的专业必修课。本课程定位于web 技术开发工作岗位。它是 web 前端技术开发的必备课程，在整个课程体系中具有重要的作用，将为后续课程 javascript程序设计、动态网页设计等打下基础。2、课程任务通过本课程的学习，使学生了解网页设计技术的起源和发展、常用的网页制 作软件及 html 语言，掌握运用dreamweaver （以下简称 dw）网页制作软件制作网页、特别是制作动态网页的方法，掌握运用photoshop图像处理软件进行网页中图形制作和运用flash 动画制作软件设计网页中动画的方法，进而掌握将这三个软件互相配合， 完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。二、 职业活动通过本课程的学习，使学生形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、 分析问题和解决问题的能力，养成良好的职业素养。 遵守国家关于软件与信息技术的相关法律法规，培养网页布局和美工的能力， 为成为合格的网页设计人员打下坚实的基础。网页设计开发岗位职业能力教学内容（理实一体化课）基本开发工具的使用dw cs5 基础（第 1 章）建立与管理站点（第 2 章）网页基本元素的处理制作主要内容为文本的网页（第3 章）插入与编辑图像（第4 章）插入多媒体元素（第5 章）创建超级链接（第7 章）html 基础（第 13 章）网页布局表格处理与网页布局（第6 章）使用框架制作旅游网站（第8 章）ap div 的应用（第 11 ）网页美化css 样式表（第 14 章）网页交互行为（第 12 章）动态网页基础（第15 章）网页及元素的复用创建和使用模板（第9 章）创建和使用库（第10 章）该课程涉及的知识是网页设计人员必备的基本技能，职业活动与课程内容的对应关系如下：二、教学目标1、职业关键能力目标精品资料(1) 掌握使用 photoshop进行图像处理的基本方法及操作技能(2) 掌握 dreamweavercs5的基本知识及操作技能(3) 掌握建立与管理站点的方法(4) 掌握制作主要内容为文本的网页的方法(5) 掌握在网页中插入与编辑图像的方法(6) 掌握在网页中插入多媒体元素的方法(7) 掌握表格处理与网页布局的方法(8) 掌握创建超级链接的方法(9) 掌握使用框架制作旅游网站的方法(10) 掌握创建和使用模板的方法(11) 掌握创建和使用库的方法(12) 掌握在网页中添加ap div 的方法(13) 掌握在网页中使用行为的方法(14) 掌握 html 基础知识及通过代码修饰网页的方法(15) 掌握使用 css 样式表修饰网页的方法(16) 掌握动态网页的概念及简单动态网页的制作方法2、职业专门能力目标(1) 通过完成相关的项目，掌握网页设计的基本工作流程。(2) 通过完成相关的项目，掌握网页设计常用工具的使用方法。(3) 通过完成相关的项目，掌握网页布局及美化的基本方法。(4) 通过完成相关的项目，掌握简单网页交互的制作方法。3、方法能力目标形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析 问题和解决问题的能力， 养成良好的职业素养。 遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。四、课程内容1、预备知识学习本课程，学生必须具备的知识和技能有：计算机应用基础、photoshop平面图像处理、 flash 动画制作。2、核心内容课程重难点及课时分配如下表所示：难点教学重点学时核心内容（abc备注要求( )安排）建立和管理站点bc2网页中多媒体元素的处理ab6用表格+css 布局网页aa5用 div+css布局网页aa5用框架布局网页aa4使用模板和库复用网页及网页元素ab5行为aa5动态网页基础bb4项目一：制作并发布“我的第一个网页”bc2项目二：制作“鸟巢”网页ab3项目三：在网页中加入 flash 动画元素ab2项目四：用表格布局网页aa5项目五：用框架制作旅游网页首页aa5项目六：用模板和库创建网页ab4项目七：用 div+css布局并美化网页aa6项目八：在网页中加入交互行为aa5项目九：制作简单的动态网页bb4合计36合计36（教学要求： a熟练掌握； b掌握； c 一了解）（技能要求： a熟练掌握； b_掌握； c 一了解）3、项目设计项目设计及课时分配如下表所示：难点教学重点学时项目设计（abc备注要求( )安排）（教学要求： a熟练掌握； b掌握； c 一了解）（技能要求： a熟练掌握； b_掌握； c 一了解）4、学习情境本课程以 dwcs5 为主要编辑工具，学习静态网页的布局及美化技术。为了更好实施软件技术专业“职业情境，项目主导”的工学结合人才培养模式，开展基于软件产品开发工作过程的项目实践教学，本课程组织为 8 个模块，9 个项目。按照项目开发的过程进行模块的划分， 在完成每个模块学习和实践的过程中， 融入相应的知识点以及网页设计规范。 在教学内容选取和组织过程中， 突出与企业的深度融合，引进企业软件产品开发环境、管理规范、技术资源，校企双方共同完成本课程的教学与实践。5、项目实施通过项目设计培养学生的职业素养。在项目设计过程中， 加深对知识的理解， 提高对网页设计及美工工具使用的熟练程度，掌握网页设计的一般方法、 步骤与流程，熟悉网页设计及美工的基本工作规范。 同时，通过协作完成软件项目开发， 培养学生的沟通交流能力、 组织协调能力、 团队合作能力和自主学习能力。项目开发过程中，每4-5 人一组，在教师的指导下，制定项目开发计划、时间进度、工作流程等，项目组成员可以具体的分工协作。 完成项目测试，项目文档制作等。序号课题知识要求能力要求教学建议课时2、建立、发布主页2 、能使用站点管理中不使用6、教学要求dw cs5基础1、在网页中插入图片2、dw cs5 安装1、了解网页的概念 2、能使用 photoshop处理网页图片1、通过案例讲解理2论2、总结归纳存在的13、用 dw 建立页面3、网页设计工具的问题4、保存网页使用3、通过实战强化技能建立与管理站1、iis 信息服务器1、掌握 iis服务器的1、iis 服务器作为42点的搭建与管理安装与管理了解，在静态网页制作主要内容3、建立和管理站点1、在网页中添加文页面1 、文字格式和特殊2、让学生理解站点的作用训练学生综合利用33为文本的网页字和字符字符的插入和设置图像处理软件和网2、使用背景、 列表2 、结合图像处理软页编辑软件的能力美化文本网页件美化网页插入与编辑图1、分块制作网页1 、了解常用图像格1、通过案例讲解理4像2、利用 dw 工具制式论作相册2 、在表格中插入图2、总结归纳存在的4像问题3 、photoshop魔棒3、通过实战强化技工具能插入多媒体元1、插入 flash 元能在网页中使用各种注 意 比 较 各 类45素素falsh 元素flash元 素的 区2、添加 flash 视别频和音乐表格的处理与1、在网页中创建表1、表格的编辑处理重点掌握表格行、10网页布局格2 、用表格制作网页列、单元格、 边距、62、表格的编辑元素间距的概念3、用表格制作导航栏7创建超级链接1、超级链接的概念1 、各类超级链接的重点掌握超级链接22、文字与网页间的创建方法的四种目标链接2 、各类超级链接的3、图片热点使用场景4、锚记使用框架制作1、框架与框架集能使用框架和框架集1、要区分框架和框6旅游网站2、创建框架的方法设计布局网页架集的概念3、框架和框架集的2、重点掌握框架和8边框设置框架集的保存4、设置链接目标5、框架和框架集的保存创建和使用模1、模板页的概念能使用模板创建风格重点区分模板页与4板2、可编辑区域的概统一的网页普通页面的异同点念3、使用模板创建网9页4、在模板页中创建超级链接5、使用模板更新网页6、手动更新模板10创建和使用库1、了解库的概念及能有效利用库提高制重点掌握库项目的4作用作网站的效率创建以及库的作用2、创建库项目3、编辑库项目4、更新库项目ap div的应用1、ap div 的创建能使用 ap div 布局重点掌握apdiv82、在 ap div 中插不同风格的网页的 编 辑 和 属 性 设11入网页元素置，并区分表格布3、设置 ap div 的局的优缺点属性行为1、常见行为的应用能使用行为为网页元重点区分行为、触5122、常见触发事件的素添加动态效果发事件、动作、对应用象等概念和区别html基础1、html 语言的基能通过编写 html 创采用先设计页面，213本结构2、常用html标建一个简单的页面再 查 看 生 成 的html代码方式对签的使用方法比学习css 样式表1 、css 样式表的类型2 、css 样式表的14创建3、不同样式表的样式应用能使用css样式表美化各类网页元素将 css分别结合6表格、 div 美化布局网页动态网页基础1、了解动态网页与能使用 dw 中提供的重点掌握动态网页8静态网页的区别功能生成一个简单的的原理及数据集的2、了解服务器在动动态网站，实现浏览概念态网页中的作用功能153 、掌握access数据库及表的创建4、在 dw 中创建动态网页18 周授课，其余时间机动（考试、复习等）合计72五、课程实施条件1、人员条件授课教师必须具备以下条件：本科以上计算机相关专业学历，有一定的英语水平； 通过初级或者高级程序员考试或者拿到一些国际、国内认证的证书， 有一年以上教授相关网页设计课程或项目开发经验； 有网页设计及 web 应用程序开发能力及经验；较强的逻辑思维能力，团队精神和协作能力，强烈 的好奇心和学习精神。2、环境条件本课程需要一间高性能联网的计算机实训室，需满足每位学生一台电脑。配备液晶投影仪、多媒体教学软件、photoshop cs5.0、dreamweavercs5.0 及以上版本等。六、教学组织与方法1、教学方法结合软件与信息服务专业学生特点，基于行动导向，根据每个任务的内容特 点，以真实项目进行引导开展教学。整个课程以项目任务实训为主线，以技能培养为核心来组织教学。 学生在完成项目分解的任务中学习相关知识，并利用这些知识解决项目中的问题。（1） 项目教学法课程将网页设计的知识点分解为多个小的任务，每个任务的学习过程以工作过程为导向，最终形成学生的职业行动能力。（2） 小组教学法以 6 人为一个单位，成立教学小组。单人完成的项目，组内可以互相学习， 督促和评价。大型复杂的项目，小组成员共同完成。（3） 视频展示法教师对讲授内容充分提炼，将复杂的操作录制下来，方便学生反复观看和模仿，形象生动的动态展示和讲解。使抽象、难懂的教学内容变得直观、易懂和容易掌握；提高了教学效率；便于学生自主学习。2、教学手段（1） 充分利用多媒体实训室和多媒体课件本课程的课堂讲授全部在实训室进行，便于使用投影设备，采用多媒体教学 手段。开发和使用的多媒体课件制作精美并含有动态演示，其有效地增强了学生的学习兴趣。（2） 鼓励自主学习制作网络课件，并将教学大纲、教案、习题等同时上网开放，激发学生学习兴趣，鼓励学生自主学习， 同时可以缓解课程信息量增加与压缩授课学时之间的矛盾。（3） 严格考评制度设计了内容丰富、形式多样的习题作业，以利于学生理解和掌握所学知识。 严格检查平时作业完成情况， 及时反馈作业中反映的问题。 采用定期模拟考试的方法及时检验学生阶段性学习成果。建立科学合理的考核评价制度，以促进学生的学习积极性和自我学习的动力。（4） 充分利用网络环境和资源充分利用互联网资源、本课程网站资源，在网上开展教学活动，包括网络课程学习、自主学习、课后复习、课件下载、作业提交、专题讨论、网上答疑等， 使学生可以不受时间、地点的限制，方便地进行学习。七、教学材料1、学材与教材（1） 选用教材网页设计与美工dreamweavercs5大象出版社主编：谢剑杨卫红。（2） 参考书目网页制作 dreamweavercs3，华东师范大学出版社，主编：陆莹。asp 网络编程自学手册，人民邮电出版社， 庞娅娟孙明丽吕继迪编著。2、软件与网络多媒体教学软件、 photoshop cs5.0 、dreamweaver cs5.0及以上版本等 .八、教学评价1、教学评价强调评价对教学的激励、 诊断和促进作用， 发挥教师在评价中的主导作用， 创造条件实现评价主体的多元化， 要关注学生的个别差异， 鼓励学生的创造实践。综合运用各种形成性评价方式，全面考察学生的程序设计能力的养成过程，评价与教学过程相结合，动态把握，及时引导学生情感、态度和价值观的形成。采用 纸笔测试和上机测试相结合的方式开展总结性教学评价。要根据课程标准的要求和具体考试内容选择合适的题型和考试方式，创造条件全面考察学生解决实际问题的能力， 避免只重视知识记忆。 要注意结合学生平时学习表现和过程性评价结果，改变单纯一次测验或考试为依据，评定学生一学期或整个学段学习情况的局 面，适度加大过程性评价在期末成绩评定中的比重。2、考核内容知识模块知识小点考核等级在网页中插入图片dw cs5 安装dw cs5基础用 dw 建立页面保存网页iis 信息服务器的搭建与管理建立与管理站点建立、发布主页建立和管理站点在网页中添加文字和字符制作主要内容为文本的网页使用背景、列表美化文本网页分块制作网页插入与编辑图像利用 dw 工具制作相册插入多媒体元素插入 flash 元素添加 flash 视频和音乐在网页中创建表格表格的处理与网页布局表格的编辑用表格制作导航栏超级链接的概念创建超级链接文字与网页间的链接图片热点锚记框架与框架集创建框架的方法使用框架制作旅游网站框架和框架集的边框设置设置链接目标框架和框架集的保存模板页的概念可编辑区域的概念创建和使用模板使用模板创建网页在模板页中创建超级链接使用模板更新网页手动更新模板创建和使用库了解库的概念及作用创建库项目编辑库项目更新库项目ap div 的创建ap div的应用在 ap div 中插入网页元素设置 ap div 的属性常见行为的应用行为常见触发事件的应用html 语言的基本结构html 基础常用 html 标签的使用方法css 样式表的类型css 样式表css 样式表的创建不同样式表的样式应用了解动态网页与静态网页的区别了解服务器在动态网页中的作用动态网页基础掌握 access 数据库及表的创建在 dw 中创建动态网页3、考核方式本课程实施综合考评，