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

1、广西玉林高级技工学校网页制作与设计课程标准一、课程基本信息课程名称 网页制作与设计 总学时 120适用专业 计算机专业 开课部门 计算机组编制人 审定人二、课程性质本课程是中职计算机术专业的一门主干专业课程。通过本课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网页设计工具和常用脚本语言，能够设计制作常见的静态和动态网页，具备网站的建立和维护能力。同时通过本课程的学习，培养学生的综 合职业能力、 创新精神和良好的职业道德。三、设计思路本课程标准的总体设计思路：以计算机专业学生的就业为导向，根据行业专家对计算机网络技术专业所涵盖的岗位群进行的任务和职业能力分析，紧紧围绕完成工作任务的需

2、要来选择课程内容，设定职业能力培养目标；以“ 工作项目”为主线， 创设工作情景；以 书本知识的传授变为动手能力的培养为重点，强化学生实践动手能力的培养，以 实现职业能力的培养目标。四、课程目标1.职业知识目标 1熟悉 HTML 语言的作用和开发环境，能 够编写 HTML 代码；2掌握常用的 HTML 标签，能 够实现基本的图文信息 显示；3理解 HTML 页面框架的作用，能 够针对需求进 行框架的设计；4掌握各类 HTML 表单元素标签，能 够进行表单设计 ；5掌握各类 HTML 多媒体元素标签，能 够进行多媒体 页面设计；6掌握 CSS 样式的基本使用方法，能 够应用 CSS 样式表美化页面

3、；7掌握 CSS 网页布局的方法，能 够结合 DIV 标签进 行页面布局；8掌握 JavaScript 的语法基础，能够编写简单的 JavaScript 应用程序；9掌握 JavaScript 的函数、内置 对象、事件等，能够实现表单的验证；10掌握 DOM 树形结构及其操作方法，能够控制 DOM 对象。2.职业技能目标1能独立进行资料收集与整理、具备用户需求的理解能力；2能根据项目需求，具备项目页面的设计与实现能力；3能根据静态页面设计原则与 CSS 技术规范，实现页 面美化与布局；4具有使用 JavaScript 技术进行页面事件处理与表 单验证的能力；5能根据 DOM 树形结构，进行页面

4、 DOM 的控制；6具有综合应用 HTML 语言、 CSS 样式、 JavaScript 脚本进行页面的设计、编码、调试、 维护能力。3.职业素质目标1养成善于思考、深入研究的良好自主学习的习惯；2通过项目与案例教学，培养学习者的分析问题、解决问题的能力；3具有吃苦耐劳、团队协作精神，沟通交流和 书面表达能力；4通过课外拓展训练，培养学习者的创新意识；5具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品质。五、课程主要内容与要求序号 授课内容 知识要求 技能要求参考时数2 第 1 章 网站策划与分析了解网站分类，掌握网站开发流程，掌握需求分析方法，能够编写网站策划书，掌握网站功能设计方法。掌握

5、需求分析方法，能够编写网站策划书，掌握网站功能设计方法。 83第 2 章 HTML 和网页制作掌握 HTML 中的常用标记方法，能够在 Dreamweaver 中熟练利用HTML 编写简单网页。(1) 掌握 HTML 文件的编辑运行环境；(2) 熟练掌握、特殊字符等标签的使用；(3) 掌握 标签的属性设置与应用；(4) 掌握标签的含义与应用；(5) 掌握、标签的含义与应用；(6) 熟练掌握标签设置各类超级链接的方法与技巧。84第 3 章 站点的创建与网站发布学会站点的创建与基本操作，掌握网站结构及网站的发布知识。(1) 了解网页制作相关概念；(2) 掌握 Web 站点的配置方法；(3) 掌握编

6、写简单的 HTML 网页的方法；(4) 掌握发布静态 Web 站点。85第 4 章 网页基本操作与CSS 应用掌握在网页中输入文本、插入图片的方法，了解超级链接的类型，为文本或图片创建超级链接，掌握CSS 样式在网页制作中的应用。(1) 掌握 CSS 简介、特点与使用规则；(2) 掌握选择符的分类与应用；(3) 掌握 CSS 的各种加载方法；(4) 掌握 CSS 背景控制与应用；(5) 掌握 CSS 对文本样式的控制；(6) 掌握 CSS 对于列表元素的应用；(7) 掌握盒模型的原理与应用；(8) 掌握 CSS 的定位方式；(9) 掌握 DIV+CSS 页面布局的方法。86 第 5 章 网站布

7、局 了解常用网页内容的组成要素，了解常见网页的布局方式。掌握表格的基本操作，并能使用表格进行页面布局的设计，掌握层的使用方法，利用层对页面元素进行定位；掌握框架的使用方法，能够使用框架对页面进行设计。249 6 章 页面配色与修饰了解网页配色方案及安全色的概念，学会网站风格设计，了解photoshop 的基本知识，了解flash 的基本知识网页设计的基本理念，网站风格，网页色彩搭配。811 第 7 章 创建动态网页 了解制作动态网站的基本知识。 掌握表单的制作，掌握动态网页制作的基本方法与技巧，掌握动态网页的发布及数据库的链接 812 第 8 章 静态网站综合实例 掌握网站制作的基本流程和方法

8、。 掌握利用软硬件资源制作并发布一个具体网站的操作过程。 813 第 9 章 综合网站实例学会制作综合网站的系统分析与设计；学会制作综合网站；学会上传网站。掌握综合网站制作的流程和方法；掌握网站的优化与测试。 1615 第 10 章 网站优化、测试 学会检查网站的正确性和发布站点的步骤。 掌握域名的基本概念以及分类，域名的注册技巧；掌握空间的申请方法。掌握发布站点的步骤。 8与上传16 案例讲解：网 站实例制作 运用所学 Dreamweaver 知识制作综合实例。 817 案例讲解：网 站实例制作 运用所学 Dreamweaver 知识制作综合实例。 8六、实施建议（一）教材编写所选用的教材应

9、充分体现培养学生的职业能力为中心思想，以“ 教、学、做”为一体组织课堂内容，注重理论与实践相结合、教材内容与行业标准要求相结合，强调理论在实践过程中的应用。（二）教学建议从网页设计与制作的实际问题出发，精心准备各种典型案例，构建课程的宏观教学设计。例如，公司网站、网上鲜花直销、个人网站精选、书籍专卖等。以若干个案例为载体，形成循序 渐进、种 类多样的项目群，构建完整的教学设计布局。1、教学采用“四阶段教学法”，将“教、学、练、做”融为一体。教学体现“教 师为主导，学生为主体， 训练为主线” 的原则，课堂上可以采用“四阶段教学法 ”： 第 1 个阶段，案例引入，提出问题。通过案例演示，提出问题，

10、给出知识点，讲解案例应 用背景，给学生一个切入点，建立感性认识。目的是激发学生的学习兴趣、 让学生感到学有所用，从而明确本次课的教学目标。 第 2 个阶段，学生自主学习， 尝试解决问题。充分利用我校以及互联网网络教学资源，引导学生自主学习，找到解决问题的方法和操作技能，培养学生的自主学习意识和学习方法。学生在学习和尝试解决问题过程中，发现问题，提出问题，在问题的引导 下学习相关的知识和操作技能。 第 3 个阶段，归纳总结，引申提高。在每次课结束前，引导学生进行归纳总结。 对本次课的实际意义、重点、 难点、容易出错处等及时进行 总结。并 针对案例的不足之 处， 进行引申和提高。注意在这个阶段，强

11、调的是“引导”学生，而不是老师讲解。 第 4 个阶段，举一反三、学以致用。案例源于生活，最终要应用于生活。为了使学生能学以致用、举一反三、触类旁通，每次教学结束时及 时布置相关的课后练习，使学生在课后进一步复习巩固，并且将课后作业纳入形成性考核的内容之一。同时给出下一次课的学习内容，提示学生预习。2、充分利用现代化教学手段，提高教学效果教学中采用电子演示文稿、大屏幕多媒体联机演示、网络教学等各种先进的教学手段，使课堂教学生动 活泼、引人入 胜，提高了教学效果，同时提高了教学效率。包括： （1）利用多媒体教学系统广播教学。把学生的共同问题（需要提示的重点）通过 “广播教学 ”，边讲边演示，使学生

12、即时看到操作效果。 （2）利用网络将课堂教学延伸到课外，学生根据需要通过网络学习有关的内容。教师 的课件和教学用资 料都已都上传到教学资源下载中心，方便学生课外学习和复习。（三）教学评价本课程的考核成绩有理论基础成绩与技能成绩两项组成，都是采用上机考试。平时上机实验技能应有严格的记录，根据各种实验的要求来计算成绩。（四）资源利用网络资源FIF 网络 学院 http:/ http:/ http:/ http:/遐思素材屋 http:/www.zzi.cc/sck/sck1.htm网页特效集 http:/ http:/ http:/七色风网页特效 http:/ http:/ http:/天极网-网页陶吧 http:/网页设计师联盟 http:/七色鸟设计空间 http:/有风的日子 http:/闪客帝国 http:/宇风多媒体 http:/闪吧 http:/网页素材库 http:/