范文一:专业课网页制作课程标准
国家中等职业教育改革发展示范学校
软件信息与服务专业建设
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、预备知识
3
《网页制作》课程标准
学习本课程,学生必须具备的知识和技能有:计算机应用基础、Photoshop平面图像处理、Flash动画制作。
2、核心内容
课程重难点及课时分配如下表所示:
教学重点难点学时核心内容 备注 (?) 要求 (ABC) 安排
? 2 建立和管理站点 B C
? 6 网页中多媒体元素的处理 A B
? 5 用表格+CSS布局网页 A A
? 5 用DIV+CSS布局网页 A A
? 4 用框架布局网页 A A
? 5 使用模板和库复用网页及网页元素 A B
? 5 行为 A A
? 动态网页基础 B B 4
36 合计 (教学要求:A—熟练掌握;B—掌握;C一了解)(技能要求:A—熟练掌握;B_掌握;C一了解)
3、项目设计
项目设计及课时分配如下表所示:
教学重点难点学时项目设计 备注 (?) 要求 (ABC) 安排
2 ? 项目一:制作并发布“我的第一个网页” B C
? 3 项目二:制作“鸟巢”网页 A B
? 项目三:在网页中加入FLASH动画元素 A B 2
? 项目四:用表格布局网页 A A 5
? 项目五:用框架制作旅游网页首页 A A 5
? 项目六:用模板和库创建网页 A B 4
? 项目七:用DIV+CSS布局并美化网页 A A 6
? 项目八:在网页中加入交互行为 A A 5
? 项目九:制作简单的动态网页 B B 4
36 合计 (教学要求:A—熟练掌握;B—掌握;C一了解)(技能要求:A—熟练掌握;B_掌握;C一了解)
4、学习情境
本课程以DW CS5为主要编辑工具,学习静态网页的布局及美化技术。为了更好实施软件技术专业“职业情境,项目主导”的工学结合人才培养模式,开展基于软件产品开发工作过程的项目实践教学,本课程组织为8个模块,9个项目。按照项目开发的过程进行模块的划分,在完成每个模块学习和实践的过程中,融
4
《网页制作》课程标准 入相应的知识点以及网页设计规范。在教学内容选取和组织过程中,突出与企业的深度融合,引进企业软件产品开发环境、管理规范、技术资源,校企双方共同完成本课程的教学与实践。
5、项目实施
通过项目设计培养学生的职业素养。在项目设计过程中,加深对知识的理解,提高对网页设计及美工工具使用的熟练程度,掌握网页设计的一般方法、步骤与流程,熟悉网页设计及美工的基本工作规范。同时,通过协作完成软件项目开发,培养学生的沟通交流能力、组织协调能力、团队合作能力和自主学习能力。项目开发过程中,每4-5人一组,在教师的指导下,制定项目开发计划、时间进度、工作流程等,项目组成员可以具体的分工协作。完成项目测试,项目文档制作等。
6、教学要求
序号 课题 知识要求 能力要求 教学建议 课时
1、在网页中插入图1、了解网页的概念 1、通过案例讲解理DW CS5基础 2
片 2、能使用Photoshop论
2、DW CS5安装 处理网页图片 2、总结归纳存在的1 3、用DW建立页面 3、网页设计工具的使问题
4、保存网页 用 3、通过实战强化技
能
建立与管理站1、IIS信息服务器的1、掌握IIS服务器的1、IIS服务器作为了4
点 搭建与管理 安装与管理 解,在静态网页中
2、建立、发布主页 2、能使用站点管理页不使用 2
3、建立和管理站点 面 2、让学生理解站点
的作用
制作主要内容1、在网页中添加文1、文字格式和特殊字训练学生综合利用3
为文本的网页 字和字符 符的插入和设置 图像处理软件和网3 2、使用背景、列表2、结合图像处理软件页编辑软件的能力
美化文本网页 美化网页
1、通过案例讲解理插入与编辑图1、分块制作网页 1、了解常用图像格式 4
论 像 2、利用DW工具制2、在表格中插入图像
2、总结归纳存在的4 作相册 3、Photoshop魔棒工问题
具 3、通过实战强化技
能
插入多媒体元1、插入FLASH元素 能在网页中使用各种注意比较各类4
素 5 2、添加FLASH视频FALSH元素 FLASH元素的区别
和音乐
表格的处理与1、在网页中创建表1、表格的编辑处理 重点掌握表格行、10 6 网页布局 格 2、用表格制作网页元列、单元格、边距、
5
《网页制作》课程标准
2、表格的编辑 素 间距的概念
3、用表格制作导航
栏
创建超级链接 1、超级链接的概念 1、各类超级链接的创重点掌握超级链接2
2、文字与网页间的建方法 的四种目标
7 链接 2、各类超级链接的使
3、图片热点 用场景
4、锚记
使用框架制作1、框架与框架集 能使用框架和框架集1、要区分框架和框6 旅游网站 2、创建框架的方法 设计布局网页 架集的概念
3、框架和框架集的2、重点掌握框架和
8 边框设置 框架集的保存
4、设置链接目标
5、框架和框架集的
保存
创建和使用模1、模板页的概念 能使用模板创建风格重点区分模板页与4 板 2、可编辑区域的概统一的网页 普通页面的异同点
念
3、使用模板创建网
页 9 4、在模板页中创建
超级链接
5、使用模板更新网
页
6、手动更新模板
创建和使用库 1、了解库的概念及能有效利用库提高制重点掌握库项目的4
作用 作网站的效率 创建以及库的作用
10 2、创建库项目
3、编辑库项目
4、更新库项目
AP Div的应用 1、AP Div的创建 能使用AP Div布局不重点掌握AP Div的8
2、在AP Div中插入同风格的网页 编辑和属性设置,
11 网页元素 并区分表格布局的
3、设置AP Div的属优缺点
性
行为 12 1、常见行为的应用 能使用行为为网页元重点区分行为、触5
6
《网页制作》课程标准
2、常见触发事件的素添加动态效果 发事件、动作、对
应用 象等概念和区别
HTML基础 1、HTML语言的基能通过编写HTML创采用先设计页面,2
本结构 建一个简单的页面 再查看生成的13 2、常用HTML标签HTML代码方式对
的使用方法 比学习
CSS样式表 1、CSS样式表的类能使用CSS样式表美将CSS分别结合表6
型 化各类网页元素 格、DIV美化布局网
2、CSS样式表的创页 14 建
3、不同样式表的样
式应用
动态网页基础 1、了解动态网页与能使用DW中提供的重点掌握动态网页8
静态网页的区别 功能生成一个简单的的原理及数据集的
2、了解服务器在动动态网站,实现浏览概念
态网页中的作用 功能 15 3、掌握ACCESS数
据库及表的创建
4、在DW中创建动
态网页
18周授课,其余时间机动(考试、复习等)
合计 72
五、课程实施条件
1、人员条件
授课教师必须具备以下条件:?本科以上计算机相关专业学历,有一定的英语水平;?通过初级或者高级程序员考试或者拿到一些国际、国内认证的证书,有一年以上教授相关网页设计课程或项目开发经验;?有网页设计及Web应用程序开发能力及经验;?较强的逻辑思维能力,团队精神和协作能力,强烈的好奇心和学习精神。
2、环境条件
本课程需要一间高性能联网的计算机实训室,需满足每位学生一台电脑。配备液晶投影仪、多媒体教学软件、Photoshop CS5.0、Dreamweaver CS5.0及以上版本等。
六、教学组织与方法
1、教学方法
结合软件与信息服务专业学生特点,基于行动导向,根据每个任务的内容特点,以真实项目进行引导开展教学。整个课程以项目任务实训为主线,以技能培
7
《网页制作》课程标准 养为核心来组织教学。学生在完成项目分解的任务中学习相关知识,并利用这些知识解决项目中的问题。
(1)项目教学法
课程将网页设计的知识点分解为多个小的任务,每个任务的学习过程以工作过程为导向,最终形成学生的职业行动能力。
(2)小组教学法
以6人为一个单位,成立教学小组。单人完成的项目,组内可以互相学习,督促和评价。大型复杂的项目,小组成员共同完成。
(3)视频展示法
教师对讲授内容充分提炼,将复杂的操作录制下来,方便学生反复观看和模仿,形象生动的动态展示和讲解。使抽象、难懂的教学内容变得直观、易懂和容易掌握;提高了教学效率;便于学生自主学习。
2、教学手段
(1)充分利用多媒体实训室和多媒体课件
本课程的课堂讲授全部在实训室进行,便于使用投影设备,采用多媒体教学手段。开发和使用的多媒体课件制作精美并含有动态演示,其有效地增强了学生的学习兴趣。
(2)鼓励自主学习
制作网络课件,并将教学大纲、教案、习题等同时上网开放,激发学生学习兴趣,鼓励学生自主学习,同时可以缓解课程信息量增加与压缩授课学时之间的矛盾。
(3)严格考评制度
设计了内容丰富、形式多样的习题作业,以利于学生理解和掌握所学知识。严格检查平时作业完成情况,及时反馈作业中反映的问题。采用定期模拟考试的方法及时检验学生阶段性学习成果。建立科学合理的考核评价制度,以促进学生的学习积极性和自我学习的动力。
(4)充分利用网络环境和资源
充分利用互联网资源、本课程网站资源,在网上开展教学活动,包括网络课程学习、自主学习、课后复习、课件下载、作业提交、专题讨论、网上答疑等,使学生可以不受时间、地点的限制,方便地进行学习。
七、教学材料
1、学材与教材
(1)选用教材
《网页设计与美工DreamweaverCS5》大象出版社主编:谢剑杨卫红。
(2)参考书目
《网页制作DreamweaverCS3》,华东师范大学出版社,主编:陆莹。
《ASP网络编程自学手册》,人民邮电出版社,庞娅娟孙明丽吕继迪编著。
8
《网页制作》课程标准
2、软件与网络
多媒体教学软件、Photoshop CS5.0、Dreamweaver CS5.0及以上版本等.
八、教学评价
1、教学评价
强调评价对教学的激励、诊断和促进作用,发挥教师在评价中的主导作用,创造条件实现评价主体的多元化,要关注学生的个别差异,鼓励学生的创造实践。综合运用各种形成性评价方式,全面考察学生的程序设计能力的养成过程,评价与教学过程相结合,动态把握,及时引导学生情感、态度和价值观的形成。采用纸笔测试和上机测试相结合的方式开展总结性教学评价。要根据课程标准的要求和具体考试内容选择合适的题型和考试方式,创造条件全面考察学生解决实际问题的能力,避免只重视知识记忆。要注意结合学生平时学习表现和过程性评价结果,改变单纯一次测验或考试为依据,评定学生一学期或整个学段学习情况的局面,适度加大过程性评价在期末成绩评定中的比重。
2、考核内容
知识模块 知识小点 考核等级
在网页中插入图片 ??
DW CS5安装 ? DW CS5基础 用DW建立页面 ??
保存网页 ??
IIS信息服务器的搭建与管理 ??
建立、发布主页 建立与管理站点 ??
建立和管理站点 ???
在网页中添加文字和字符 ?? 制作主要内容为文本的网页 使用背景、列表美化文本网页 ??
分块制作网页 ?? 插入与编辑图像 利用DW工具制作相册 ??
插入FLASH元素 ??? 插入多媒体元素 添加FLASH视频和音乐 ???
在网页中创建表格 ????
表格的编辑 表格的处理与网页布局 ????
用表格制作导航栏 ????
超级链接的概念 ???
文字与网页间的链接 ??? 创建超级链接 图片热点 ???
锚记 ???
框架与框架集 ??? 使用框架制作旅游网站 创建框架的方法 ???
9
《网页制作》课程标准
框架和框架集的边框设置 ???
设置链接目标 ???
框架和框架集的保存 ????
模板页的概念 ??
可编辑区域的概念 ???
使用模板创建网页 ???? 创建和使用模板 在模板页中创建超级链接 ????
使用模板更新网页 ????
手动更新模板 ???
了解库的概念及作用 ???
创建库项目 ??? 创建和使用库 编辑库项目 ???
更新库项目 ???
AP Div的创建 ????
在AP Div中插入网页元素 ???? AP Div的应用
设置AP Div的属性 ????
常见行为的应用 ???? 行为 常见触发事件的应用 ????
HTML语言的基本结构 ??? HTML基础 常用HTML标签的使用方法 ???
CSS样式表的类型 ????
CSS样式表的创建 CSS样式表 ????
不同样式表的样式应用 ????
了解动态网页与静态网页的区别 ??
了解服务器在动态网页中的作用 ?? 动态网页基础 掌握ACCESS数据库及表的创建 ??
在DW中创建动态网页 ??
3、考核方式
本课程实施综合考评,注重考核学生掌握技能的水平,同时注重学习态度和最终成绩的关联,以全面综合地评定学生的能力。
(1)平时技能考核:布置课堂作业以及拓展实训项目,使学生能独立完成大部分的技能训练,小项目及活动的技能,均以个人为考核单位,在平时考核和记录。成绩包括学习态度及项目技能完成情况。占总成绩20%。
(2)阶段考核:复杂的大项目,对学生进行分组,任务由各小组成员共同完成。根据每个任务的完成情况,要求小组成员分别给出自评(25%),组内互评(25%),同时教师对任务小组的整体完成情况给出评价(50%)作为每位成员
10
《网页制作》课程标准 的共同分数。占总成绩20%。
(3)期中考核和期末考核:在学生期中和期末课程学习结束后,统一参加技能考试。期中成绩占总成绩20%,期末成绩占总成绩40%。
九、课程资源开发与利用
组织课程教学相关教师在深入岗位调研和教学过程总结的基础上开发课程资源,包括电子教案、课件、试题习题集、教学微课视频。建立教学资源库,上传所有相关课程资源供相关老师和学生下载学习;依托“3A”学习平台——“教学云课堂”APP,微课掌上通平台,让学生能随时、随地进行预习、自学和复习,也更加方面教师和学生的互动教学和辅导。
十、职业基本素养
(1)培养学生团队协作精神,树立诚信意识,锻炼学生沟通交流的能力;
(2)通过项目法教学模式,让学生亲身体验项目的设计、管理和实施;
(3)通过撰写方案设计报告,提高学生书面表达能力,培养学习常用专业英语词汇的兴趣;
(4)通过课外拓展训练,锻炼学生自我学习的能力。
11
范文二:《网页设计与制作》课程标准
一、概述
本课程是五年制联大计算机网络专业的专业课程,是一门实用性极强的课程。课程以目前最常
用的网页制作工具Dreamweaver为介绍对象,通过学习,要求学生掌握网页设计的基本概念,了解
常用脚本语言,能够利用常见网页制作软件设计制作出常见的静态网页,了解动态网页设计方法,
初步掌握动态网页的设计。同时通过本课程的学习,提高学生的操作技能,培养学生踏实认真、精
益求精、团结合作、创新的精神,培养良好的职业道德。
《网页设计与制作》课程共分为九个项目,它们分别是:网页基础知识、制作图文并茂的网页
(文本、图像、超链接)、页面布局设计(表格、层、框架)、CSS样式设计、表单的应用、使用行为、模板和库、动态网页设计初步。各项目之间既独立又相互联系:作为项目是独立的,但作为项
目当中应用到的知识点,各项目之间又是有关联的。在不同的项目之间有些知识点的应用是不断重
复的,以强化学生对知识点的理解,也让学生能够接触到大量的不同类型网页的制作。当然,每个
项目的侧重点是不同的,教学中应当注意处理好各项目之间的关系,注意重、难点的把握。
《网页设计与制作》课程可以在《计算机基础》、《PhotoShop图像处理》、《计算机网络技术》、《数据库等课程》之后开设。本课程作为计算机网络专业的一门主干专业课程,一般在2年级开设,
此时学生已经具备一定的计算机基础知识和操作能力,能较快地掌握网页设计的各种知识,并运用
所学知识做出具有特色的网站。
本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”,打破了传统的学
科体系的模式,将网页设计职业岗位能力中用到的知识点融合在项目中。学生通过各项目的系列练
习操作,熟练地掌握岗位所需知识和技能,并不断强化,项目体现操作能力和解决问题能力的培养。
它体现了职业教育“以就业为导向,以能力为本位”的职业教育理念。
课程框架结构、学分和学时分配
项目名称 学时 学分 备注 1.初识DreamWeaver 8 每部分内容以项目或2.制作图文并茂的网页 8 任务为主体,通过完成3.页面布局设计 18 相应的项目或任务,理4.CSS样式设计 8 解相关知识点,能够熟5.表单的应用 6 6 练进行各类网页的设6.使用行为 10 计操作;动态网页设计7.模板和库 12 部分学习留言板的设
计,初步理解动态网页8.静态网页综合作业 16
设计的要点。 9.选修内容之一 选修内容之二 16
1 第 页
1.Fireworks 在网页中的
应用(6课时) 初识动态网页
2.Flash 在网页中的应用设计
(10课时)
10.机动 6
合计 108 二、课程目标
总目标:使学生掌握常用的网页设计工具,熟练运用多种网页设计技术,具备Web网页设计、
制作及站点管理的基本知识和基本技能,学生能够独立制作中小型的网站。 具体目标:
(一)教学目标:
1. 了解WWW、HTTP、HTML、CSS的定义、概念和作用; 2. 理解服务器、客户端、浏览器的概念和作用;
3. 理解HTML语言中的常见标记及其作用;
4. 熟练掌握DreamWeaver的基本操作方法;
5. 理解表格、框架、层的作用,掌握设置其属性的方法; 6. 理解CSS样式表的作用和意义,掌握定义CSS样式的方法; 7. 理解表单的作用,掌握设置表单元素属性的方法;
8. 理解行为的作用,掌握设置行为的方法,理解简单VBScript代码的含义; 9. 理解模板和库的作用;
(二)技能教学目标:
1. 会使用Dreamweaver网页设计工具制作网页;
2. 会根据需要修改HTML语言中的标记,设置相关标记的属性; 3. 能够熟悉进行网页文本、图像、超链接、表格操作,并按要求设置其属性; 4. 能够熟练运用表格、层、框架等进行网页布局;
5. 熟练掌握CSS样式的定义和修改,并能根据实际需要进行CSS样式的定义和应用;
6. 熟练掌握表单制作方法,能够根据要求进行表单的设计; 7. 能够在网页中根据要求设置行为;
8. 熟练掌握模板设计方法,能够根据实际需要进行模板设计,并能使用模板生成相应的网页;
掌握库的基本操作方法,会使用库简化网页设计;
(三)素质教学目标:
1. 具有勤奋学习的态度,严谨求实、创新的工作作风; 2. 具有良好的心理素质和职业道德素质;
3. 具有高度责任心和良好的团队合作精神;
4. 具有一定的科学思维方式和判断分析问题的能力;
5. 具有较强的网页设计创意思维、艺术设计素质。
2 第 页
三、内容标准(课程内容与要求) 项目一、初识DreamWeaver
教学目标:了解网页设计的基本概念,掌握Dreamweaver工作界面设置,掌握站点的建立和管
理,能够根据要求建立和管理站点;掌握进行网页制作的一般步骤。 活动安排:
活动一 初识DreamWeaver、站点的创建与管理(4学时) 活动二 第一个页面(4学时)
考核评价:能否建立正确的站点,并进行站点的管理。 1、活动一 初识DreamWeaver、站点的创建与管理 知识要点:网页设计的基本概念,Dreamweaver功能简介、窗口组成及操作,建立和管理站点。
技能要点:掌握Dreamweaver工作界面设置,掌握站点的建立和管理,能够根据要求建立和管
理站点。
2、活动二 第一个页面
知识要点:网页制作最基本的步骤。
技能要点:掌握网页制作的一般步骤和方法,初步掌握利用表格布局页面的方法,初步掌握设
置导航方法,能够正确保存与浏览页面。
项目二、制作图文并茂的网页
教学目标:理解文本、图像,掌握设置其属性的方法;理解内部、外部、图像映射、邮件、文
件下载、锚点、脚本等几种超链接的作用,掌握其设置方法;了解HTML代码,并能看懂。
活动安排:
活动一 制作图文并茂的图书网页(8学时)
考核评价:能否创建图文并茂的网页。
1、 活动一 制作图文并茂的图书网页
知识要点:制作图文并茂的图书网页,解读图书网页的HTML代码。 技能要点:掌握在网页中插入文本、图像、超链接的方法,会根据要求设置其属性。
项目三、页面布局设计
教学目标:掌握表格的基本操作方法和表格属性的设置,理解表格HTML代码的含义并能正确应
用,掌握常见特殊表格制作技巧;能够使用表格合理布局页面;掌握层在网页中的灵活运用;能够
利用框架组织页面。
活动安排:
活动一 表格的基本操作及特殊表格的制作(2学时) 活动二 典型网页设计(4学时)
活动三 商务网站首页设计(4学时)
活动四 层的基本操作设计(2学时)
活动五 穿衣游戏(2学时)
3 第 页
活动六 利用框架组织页面(4学时)
考核评价:能否利用表格、框架、层等技术进行页面布局。
1、 活动一 表格的基本操作及特殊表格的制作
知识要点:表格的三种视图方式,表格的基本操作方法,表格属性的设置,表格HTML代码的含义,特殊表格制作技巧。
技能要点:了解表格的三种视图方式及其作用,掌握表格的基本操作方法和表格属性的设置,
理解表格HTML代码的含义并能正确应用,特殊表格制作技巧。
2、 活动二 典型网页设计
知识要点:使用表格布局网页。
技能要点:掌握使用表格布局网页的基本方法,能够按要求合理进行网页布局。 3、活动三 商务网站首页设计
知识要点:使用表格布局网页。
技能要点:掌握使用表格布局网页的基本方法,能够按要求合理进行网页布局。
活动四 层的基本操作设计
知识要点:使用层制作漂浮图片和弹出式菜单。
技能要点:了解层的特点,掌握层及其属性设置,掌握使用层制作漂浮图片和弹出式菜单。
活动五 穿衣游戏
知识要点:使用层和行为设计穿衣游戏网页。
技能要点:灵活使用层进行网页设计。
活动六 利用框架组织页面
知识要点:利用框架组织页面。
技能要点:掌握使用框架组织网页的基本方法,能够按要求运用框架组织网页。 项目四、CSS样式设计
教学目标:理解CSS的含义,掌握定义CSS的几种方式,能够根据要求定义并编辑CSS样式。 活动安排:
活动一 设置图书网页的CSS样式(4学时)
活动二 搜索引擎的制作(4学时)
考核评价:能否理解并编辑、使用CSS样式表。
活动一 设置图书网页的CSS样式
知识要点:设置不随内容一起滚动的背景图像、即时改变网页文本大小。 技能要点:掌握CSS定义和编辑的方法,能够按要求设置CSS样式并应用。
活动二 搜索引擎的制作
知识要点:利用层和CSS样式制作搜索引擎页面。
技能要点:掌握使用表格布局网页的基本方法,能够按要求合理进行网页布局。 项目五、表单的应用
4 第 页
教学目标:理解表单及各表单域的作用,掌握其属性设置方法。理解并掌握表单验证方法。能
够按要求设置表单域并进行表单的验证。
活动安排:
活动一 注册页面的制作(6学时)
考核评价:能否理解表单,使用表单。
1、活动一 注册页面的制作
知识要点:完成注册表单的制作。
技能要点:掌握表单制作技巧,能够按要求设置表单域并正确验证表单。 项目六、使用行为
教学目标:理解行为的作用,掌握常见行为的应用。 活动安排:
活动一 常见行为的使用(10学时)
考核评价:能否理解行为,应用行为。
1、 活动一 常见行为的使用
知识要点:利用行为制作弹出窗口、播放声音、弹出消息框、设置导航栏图像、弹出菜单等。
技能要点:掌握常见行为的使用,能够按要求设置行为。 项目七、模板和库
教学目标:理解模板的作用,掌握创建模板的方法,能够利用创建的模板生成页面;理解库的
作用,会使用库提高网页的编辑效率。
活动安排:
活动一 制作家庭装饰网网站(4学时)
活动二 设置家庭装饰网网站的CSS样式(2学时) 活动三 设置家庭网网站的库并修改(2学时)
活动四 使用模板、库创建商务网站(4学时)
考核评价:能否理解模板,利用创建的模板生成页面。 1、 活动一 制作家庭装饰网网站
知识要点:创建家庭装饰网网站模板,并根据模板生成相关网页。 技能要点:掌握创建模板的方法,能够按要求分析并创建模板,会使用创建的模板生成相关网
页。
2、 活动二 设置家庭装饰网网站的CSS样式
知识要点:设置家庭装饰网网站的超链接,设置家庭装饰网网站的CSS样式,并应用。
技能要点:掌握模板的修改编辑方法。会根据要求设置模板的超链接、CSS样式,并应用在相
关页面中。
3、 活动三 设置家庭装饰网网站的库并修改
知识要点:设置家庭装饰网网站的库,并对库进行修改,观察网页的变化。
5 第 页
技能要点:掌握库的修改编辑方法,体会库的作用。 4、 活动四 使用模板、库创建商务网站
知识要点:设置家庭装饰网网站的库,并对库进行修改,观察网页的变化。
技能要点:掌握库的修改编辑方法,体会库的作用。 项目八、静态网页综合作业
教学目标:能够综合运用表格、模板、CSS样式等熟练完成静态网页的设计。
活动安排:
活动一 制作班级主页(4学时)
活动二 制作本班班级网站(12学时)
考核评价:能否综合运用表格、模板、CSS样式等熟练完成静态网页的设计。
活动一 制作班级主页
知识要点:按要求制作一个班级主页。
技能要点:系统地掌握网页的编辑方法和过程。
2、活动二 制作本班班级网站
知识要点:完整地制作一个班级网站。
技能要点:掌握网站制作的全过程,能够将表格布局、模板运用、CSS样式综合应用在网站中,会使用切片技术处理相关图片,理解网站的上传和维护的方法并能进行网站内容的上传。
选修内容之一:
一、Fireworks 在网页中的应用(6课时)
教学目标:掌握Fireworks MX 2004 基本功能的使用,能对图形图像进行基本的绘制、编辑。
活动安排:
活动一 设计网页版面
活动二 绘制网页logo
活动三 绘制网页标题
活动四 网页中的GIF 动画
二、 Flash 在网页中的应用(10课时)
教学目标:学会利用Flash为网页增添动态效果。 活动安排:
活动一 制作首页标题动画
活动二 制作分页标题动画
活动三 制作网页中的动画
活动四 制作Flash 导航栏
活动五 在网页中加入Flash
选修内容之二:
6 第 页
初识动态网页设计(16课时)
教学目标:理解动态网页的含义;能够正确安装、配置因特网信息服务器 (IIS); 掌握数据
库在动态网页中作用,能够根据要求正确创建数据库和数据表; 正确创建数据库的连接并完成留言
板页面的制作。
活动安排:
活动一 建立ASP平台(2学时)
活动二 建立数据库(2学时)
活动三 制作显示留言页面(6学时)
活动四 制作签写留言页面(4学时)
活动五 制作管理登录页面和管理留言页面(4学时)
活动一 建立ASP平台
知识要点:安装IIS组件;配置WEB站点服务(主目录和虚拟目录);建立ASP动态网站。要求:理解动态网页的含义;了解IIS组件的作用,会安装IIS组件;理解主目录和虚拟目录的作用,能够按要求正确配置WEB站点;能够按要求建立ASP动态网站。 2、活动二 建立数据库
知识要点:建立留言板所需使用的数据库和数据表。
技能要点:理解数据库在动态网页中的作用,能够按需要正确建立数据库和数据表。 3、活动三 制作显示留言页面
知识要点:显示留言页面的制作。
技能要点:理解显示留言页面的作用,掌握留言页面制作的步骤和方法。 4、活动四 制作签写留言页面
知识要点:签写留言页面的制作。
技能要点:理解签写留言页面的作用,掌握制作签写留言页面的方法。 5、活动五 制作管理登录页面和管理留言页面
知识要点:管理登录页面和管理留言页面的制作。
技能要点:掌握管理登录页面和管理留言页面的制作方法。 四、实施建议
从《网页设计与制作》的实际问题出发,精心准备各种典型案例,构建课程的宏观教学设计。
例如,公司网站、班级网站、个人网站精选、图书网站等。以若干个案例为载体,形成循序渐进、
种类多样的项目群,构建完整的教学设计布局。
1、教学采用“四阶段教学法”,将“教、学、练、做”融为一体。 教学体现“教师为主导,学生为主体,训练为主线”的原则,课堂上可以采用“四阶段教学法”:
第1个阶段,案例引入,提出问题。
7 第 页
通过案例演示,提出问题,给出知识点,讲解案例应用背景,给学生一个切入点,建立感性认
识。目的是激发学生的学习兴趣、让学生感到学有所用,从而明确本次课的教学目标。
第2个阶段,学生自主学习,尝试解决问题。
充分利用我校以及互联网网络教学资源,引导学生自主学习,找到解决问题的方法和操作技能,
培养学生的自主学习意识和学习方法。学生在学习和尝试解决问题过程中,发现问题,提出问题,
在问题的引导下学习相关的知识和操作技能。
第3个阶段,归纳总结,引申提高。
在每次课结束前,引导学生进行归纳总结。对本次课的实际意义、重点、难点、容易出错处等
及时进行总结。并针对案例的不足之处,进行引申和提高。注意在这个阶段,强调的是“引导”学
生,而不是老师讲解。
第4个阶段,举一反三、学以致用。
案例源于生活,最终要应用于生活。为了使学生能学以致用、举一反三、触类旁通,每次教学
结束时及时布置相关的课后练习,使学生在课后进一步复习巩固,并且将课后作业纳入形成性考核
的内容之一。同时给出下一次课的学习内容,提示学生预习。
2、充分利用现代化教学手段,提高教学效果
教学中根据实际需要可以采用电子演示文稿、大屏幕多媒体联机演示、网络教学等各种先进的
教学手段,使课堂教学生动活泼、引人入胜,提高教学效果,同时提高教学效率。包括:
(1)利用多媒体教学系统广播教学。把学生的共同问题(需要提示的重点)通过 “广播教学”,
边讲边演示,使学生即时看到操作效果。
(2)利用网络将课堂教学延伸到课外,学生根据需要通过网络学习有关的内容。教师的课件和
教学用资料都已都上传到教学资源下载中心,方便学生课外学习和复习。
:
对学生学业评价提出建议,体现评价的发展功能。
本课程的考核成绩以技能成绩为主,采用上机考试。平时上机实验技能应有严格的记录,根据
各种实验的要求来计算成绩。
最终课程成绩由“平时成绩(占50%),期末考试成绩(占50%)”组成。
本门课程与Flash动画、PhotoShop图像处理、计算机网络技术、数据库等课程有着密切的联系,
它是上述课程的综合应用,需要多本教材的支撑,有条件、有师资的学校建议自己编写一本综合教
材。
建议配套使用多媒体教学软件和教学参考资料。
8 第 页
范文三:《动态网页制作》课程标准
《动态网页制作》课程标准
课程名称:《动态网页制作》
适用专业:中等职业学校计算机及应用类、电子商务类专业
1、前言
1.1课程的性质
本课程是中等职业学校《电子商务》专业网页设计与制作专门化方向的一门专业核心 课程, 是该专业学生学习了《网页制作》 课程后的后续课程。 其功能在于培养学生具备从事 web 数据库与动态网页制作的基本职业能力,并为就业作前期准备。
1.2 设计思路
本课程标准的设计以计算机及应用专业学生的就业为导向, 邀请行业专家对计算机及应 用专业所涵盖的职业群进行任务和职业能力分析, 以此为依据确定本课程的工作模块和课程 内容,并与国家资格鉴定《网页设计制作人员(三级) 》考证结合。本课程以任务引领型为 课程框架, 把课程按递进方式设计成项目,并以项目为单元组织教学, 使学生由浅入深,以 点到面全面掌握 web 数据库与动态网页制作的职业技能, 满足学生就业和职业发展的需要。
2、课程目标
通过任务引领和项目活动形式,使学生能进行 web 服务器的设置,掌握创建数据库、 建立数据表和创建数据源的方法; 能进行数据库的简单维护; 能制作表单网页; 能创建数据 表的查询;具备 web 数据库维护与动态网页制作的基本职业能力,能基本胜任动态网页的 制作工作。并培养学生具有诚实、守信、坚忍不拔,善于沟通和合作的品质,为提高学生的 职业能力奠定良好的基础。
职业能力目标
●能设置 web 服务器
●能创建数据库和建立数据表、能创建数据源
●能创建具有交互作用的表单网页
●能创建数据表的查询
●能制作民意调查网页 ●能制作简单的聊天室网页 ●能制作简单的留言板网页 ●能简单维护数据库 ●能制作简单的网上商店 3、课程内容和要求
4.实施建议
4. 1教材编写
1、教材要以岗位职业能力分析和职业技能考证为指导,以《 web 数据库与动态网页制 作》课程标准为依据进行编写。
2、教材要以岗位任务引领,以工作项目为主线,强调理论与实践相结合,按活动项目 组织编写内容。教材内容从“任务”着手,设计完成“任务”的方法与步骤,并留有让学生 自主探究设计完成 “任务” 的方法与步骤的空间。 教材要体现以解决实际问题来带动理论的 学习和应用软件的操作, 让学生在完成“任务”的过程中掌握知识和技能, 能培养学生提出 问题、分析问题、解决问题的综合能力。 “任务”的设置应体现针对性、综合性和实践性。
项目任务的设计,应体现中等职业教育的特征和与社会实际的联系。所设计的“任务” 是学生毕业后就业上岗就能遇到并需要解决的问题, 而不是围绕着知识和技能的展开而设置 的。
项目任务的设计, 应具有较强的可操作性, 加强学生实际动手能力的培养, 使学生能比 较熟练地应用 web 数据库技术和网页制作技术解决问题。
3、教材中凡涉及工作岗位的实践活动,应以岗位操作规程为基准,并将其纳入。
4、教材内容应在《 web 数据库与动态网页制作》课程标准基础上有所拓展,要将 web 数据库与动态网页制作的最新技术纳入教材。
5、教材内容中要以实践性内容为主。教材体系的安排要遵循学生的认知规律,讲清知 识的来龙去脉,使教材顺理成章,具有趣味性和启发性,做到图文并茂,寓教于乐,循序渐 进。
6、在教材编写中要突出培养学生正确的科学思想和科学方法,以适应 web 数据库与动 态网页制作技术发展的需要。教材中有关专业技术的专用英文名词应提供正确的中文注释。
4. 2教学建议
教师必须重视现代教学理论的学习, 不断地更新观念, 深刻领会和探究任务引领型的项 目活动形式的教学方式。加强 web 数据库与动态网页制作技术与各课程整合的研究,充分 运用项目教学法, 探索在数字化学习环境下的新型教学模式, 为学生提供自主发展的时间和 空间,努力培养学生的创新精神和实践能力,自觉地成为学生学习的引导者和促进者。 教学中要培养学生自己解决问题的综合能力, 提倡让学生张扬自己的个性特长, 在学习 过程中学会与人合作的精神,使学生自觉地成为问题的发现者和解决者。
要倡导多种学习方式, 改善学生的学习方式, 培养学生的创新精神和合作学习、 研究探 索的能力。运用“思考、实践、调查、探索、讨论、交流、展示、评价”等多种形式促使学 生自行设计学习方案, 自主探索完成任务的操作步骤和方法。 在学习过程中提出问题、 发现 问题, 加强师生、生生之间的讨论、 交流和展示, 从而改变学生单一地被动接受知识的学习 方式。
在教学过程中要尽可能的创设工作情景, 加强过程体验, 增强学生的就业意识。 让学生 了解和体验在实际环境下学习、工作、生活的方式和方法。
4. 3教学评价建议
改变单一的总结性评价的方法, 采用评价过程、 阶段评价和综合评价相结合的评价方法。 教学中要注重学生学习的过程, 精心设计对学生学习过程的记录及评价, 如学习的形式、 获 取信息的方式、讨论的要点、设计的方案等进行记录,并对作品进行交流、自评和互评等, 从而让学生学会学习。
过程评价。它是对学生在学习中应用 web 数据库与动态网页制作技术的态度和能力, 参与度,解决问题的能力,对新技术的接受能力, 与同学协作的能力, 对新的应用环境的适 应能力,社会活动能力,完成任务的责任心和道德规范、安全意识等方面的评价。
阶段评价。 它是对学生完成 web 数据库与动态网页制作课程某一阶段学习任务的评价, 以某一项目为内容,通过完成某一“任务” ,对学生掌握 web 数据库与动态网页制作课程的 基础知识和基本技能的程度进行评价。
总结评价。它是对学生完成 web 数据库与动态网页制作课程学习后的综合评价,以考 核、展示、发布、交流等多种形式,让学生自定主题,自己设计,创作有个性的作品,充分 发挥学生的主动性和创造力,对学生运用 web 数据库与动态网页制作技术解决实际问题的 综合能力、创新精神和实践能力进行评价。
4. 4课程资源的开发利用
1、开发适合教师与学生使用的多媒体教学素材和辅导学生学习的多媒体教学课件。
2、充分利用行业资源,为学生提供阶段实训,让学生在真实的环境中磨练自己,提升 其职业综合素质。
3、要充分利用网络资源,搭建网络课程平台,开发网络课程,实现优质教学资源共享。
4、积极利用数字图书馆、电子期刊、电子书籍,使教学内容更多元化,以此拓展学生 的知识和能力。
5、充分利用信息技术开放实训中心,将教学与培训合一,将教学与实训合一,满足学 生综合能力培养的要求。
范文四:网页设计与制作课程标准
《网页设计与制作》课程标准
一、概述
(一)课程性质(课程性质和价值)
本课程是五年制高职计算机网络技术专业的一门主干专业课程。通过本课程的学习,要求学生掌握网页设计的基本概念,学会使用常用的网页设计工具和常用脚本语言,能够设计制作常见的静态和动态网页,具备网站的建立和维护能力。同时通过本课程的学习,培养学生的综合职业能力、创新精神和良好的职业道德。
(二)课程基本理念
本课程的设计“以能力为本位、以职业实践为主线、以项目课程为主体”,整个《网页设计与制作》课程共分为五大模块,它们分别是:网页基础知识、DreamWeaver的使用、HTML语言、JavaScript脚本语言、ASP动态网页设计。教学时各模块既有独立性,又有关联性。独立性是指各模块设计案例、组织教学、突出重点时应该相互独立,学生应该一个模块一个模块地掌握其知识点;关联性是指各模块间存在相互关系,在重难点设计上应该加以配合,如HTML语言模块着重基本代码的熟记和编写,对于较难编写代码的“框架”、“层”、“数据链接”等内容则放到DreamWeaver的使用模块中重点介绍。
《网页设计与制作》课程与计算机基础、Flash动画、PhotoShop图像处理、计算机网络技术、数据库等课程互相联系、互相补充。本课程作为计算机网络技术专业的一门主干专业课程,一般在3、4年级开设,此时学生已经具备一定的计算机基础知识和动手能力,能较快地掌握网页设计的各种知识,并运用所学知识做出具有特色的网站,使学生能够得到全面的培养,成为社会所需专用人才。
(三)课程框架结构、学分和学时分配、对学生选课的建议
本课程的设计“以能力为本位、以职业实践为主线、以项目课程为主体”,打破了传统的学科体系的模式,将网页设计职业岗位能力中用到的知识如:网页基础知识、DreamWeaver的使用、HTML语言、JavaScript脚本语言、Flash、Fireworks、ASP动态网页设计进行整合并模块化。教学时各模块既有独立性,又有关联性。独立性是指各模块设计案例、组织教学、突出重点时应该相互独立,学生应该一个模块一个模块地掌握其知识点;关联性是指各模块间存在相互补充关系,按理论实践一体化要求设计,强调动手做,强调解决问题。它体现了职业教育“以就业为导向,以能力为本位”的职业教育理念。
总目标:使学生掌握常用的网页设计工具,熟练运用多种网页设计技术,具备Web网页设计、制作及站点管理的基本知识和基本技能,学生能够独立制作中小型的网站。
(一)教学目标:
1. 了解WWW、HTTP、HTML、CSS的定义、概念和作用;
2. 理解服务器、客户端、浏览器的概念和作用;
3. 理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记的作用;
4. 熟练操作DreamWeaver;
5. 理解CSS样式表的作用和意义;
6. 深入理解HTML语言的各种功能和应用;
7. 深入理解表格、框架、表单的作用;
8. 深入理解层的作用;
9. 理解JavaScript中对象的定义,及含义;
10.理解JavaScript中事件的概念;
11.理解JavaScript中属性与方法的概念;
12.初步了解面向对象程序设计思想。
(二)技能教学目标:
1. 会使用Dreamweaver网页设计工具制作网页;
2. 理解HTML语言中的标记设置颜色、文本格式和列表;
3. 熟练掌握颜色值的配置和背景图案的设置方法,熟练掌握字符、链接颜色的设置方法;
4. 熟练掌握网页设计中字符格式的设置方法,段落分段与换行的方法;
5. 掌握HTML的语法结构,掌握HTML语言中标记的使用方法;
6. 掌握在网页中添加CSS的方法。掌握三种添加样式信息的方法,会使用CSS设置网页格式和列表的格式;
7. 掌握在网页中嵌入图像的方法,掌握与嵌入图像相关标记的用法;
8. 掌握与图像布局和位置相关的标记的概念和用法;
9. 熟练掌握使用绝对和相对URL,创建超链接、图像链接;学会图像映射的建立方法;
10.熟练掌握表格的使用方法,会用表格布局并设计网页;
11.掌握框架制作网页的方法,会使用框架设计网页;
12.掌握制作表单的方法,会利用表单建立交互式页面;
13.掌握JavaScript语言的语法;
14.掌握在HTML语言代码中嵌入JavaScript代码的方法,能看懂JavaScript特效网页源代码;
15.学会修改JavaScript代码,实现不同的特效网页效果;
16.学会使用JavaScript语言实现网页特效。
(三)素质教学目标:
1. 具有勤奋学习的态度,严谨求实、创新的工作作风;
2. 具有良好的心理素质和职业道德素质;
3. 具有高度责任心和良好的团队合作精神;
4. 具有一定的科学思维方式和判断分析问题的能力;
5. 具有较强的网页设计创意思维、艺术设计素质。
三、内容标准
模块一、网页设计基础(4学时)
内容体系:网页设计的基本概念,Dreamweaver简介。
知识点:网页设计的基本理念,网页元素,网页设计常用工具,网站风格,网页色彩搭配,Dreamweaver工作界面,建立和管理站点。
技能点:(1)Dreamweaver的基本操作:Dreamweaver的启动和退出,创建网页或网站,打开网页或站点,网页的保存和浏览,查看网页文件的HTML代码;(2) 使用Dreamweaver建立和管理网站。(3)IIS的简单配置。
重 点:网页的基本组成元素,使用Dreamweaver建立和管理网站。
难 点:网页设计的基本理念,网站风格,网页色彩搭配。
模块二、Dreamweaver的使用(24学时)
内容体系:中文版Dreamweaver的基础知识,Dreamweaver的基本操作,制作与修饰网页,网页特殊效果设计,发布和管理网站。
知识点:Dreamweaver的基本功能,Dreamweaver的界面组成,网页的基本元素,HTML语言,HTML文件,网站,Web页/网页,图像和多媒体,超级链接,表单,行为,网页布局,网站的发布。
技能点:(1)制作与修饰网页:字体操作,段落操作,列表操作,背景操作,插入水平线,图像操作(插入图像、设置图像属性、保存包含图像的网页),超级链接(文本超链接的建立和设置、图像超链接、热点区域、书签),表格(表格的基本组成、建立和编辑表格、表格的属性设置),图像和多媒体的使用,使用框架结构(创建框架网页、更改框架链接的网页、框架属性设置),导航的使用,模板和向导的使用,样式表的应用;(2)表单(创建表单、插入表单元素、表单属性);(3)网页特殊效果设计:网页动态元素,网页动画效果,各种行为的运用,网页主题;(4)发布和管理网站:网站的发布,管理网站。
重 点:网页的基本组成元素,网页的制作与修饰,超级链接的使用。
难 点:网页中表格的使用,网页布局与框架网页的使用,行为的概念和各种行为的运用。
模块三、HTML语言、CSS样式(8学时)
内容体系:WWW、HTTP、HTML、CSS的定义、概念和作用;Dreamweaver中CSS的定义和使用。
知识点:WWW、HTTP、HTML、CSS的定义、概念和作用;HTML语言中的各种文本格式、字符格式、段落设置、列表、表格标记的作用; CSS 样式表;链接和创建样式表;CSS 样式的属性设置;样式表的运用举例。
技能点:(1)在Dreamweaver中查看网页文件的HTML代码;(2)在设计视图中修改HTML代码;(3)学会使用标签选择器;(4)使用CSS 样式表
重 点:理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记的作用; CSS 样式表的使用。
难 点:创建样式和使用CSS 样式表。
模块四★、JavaScript脚本语言(12学时)
内容体系:JavaScript脚本语言的基本语法;面向对象程序设计思想。
知识点:JavaScript语言的语法;JavaScript中对象的定义,及含义;JavaScript中事件的概念;JavaScript中属性与方法的概念;面向对象程序设计思想;在HTML语言代码中嵌入JavaScript代码的方法,能看懂JavaScript特效网页源代码,实现不同的特效网页效果。
技能点:(1)初步了解面向对象程序设计思想;(2)掌握JavaScript语言的语法;
(3)掌握在HTML语言代码中嵌入JavaScript代码的方法,能看懂JavaScript特效网页源代码;(4)学会使用JavaScript语言网页特效工具,实现不同的特效网页效果。
重 点:面向对象程序设计思想;JavaScript语言的语法;学会使用JavaScript语言网页特效工具,实现不同的特效网页效果。
难 点:看懂JavaScript特效网页源代码,学会修改JavaScript代码。
模块五★、Fireworks(12学时)
内容体系:掌握Fireworks 的基本操作;网页设计中所需素材的制作和处理。
知识点:工作界面和文件的创建; 工具的使用和矢量图的编辑; 位图图像的编辑; 元件和实例的概念; 切片工具的使用; 创建热点和图像映射; 制作按钮; 制作弹出菜单; 制作蒙板; 创作动画。
技能点:(1)能够使用Fireworks处理矢量图和位图;(2)掌握切片工具的使用(3)能够使用Fireworks创建热点和图像映射;(4)能够使用Fireworks制作按钮、制作弹出菜单、创作简单动画。
重 点:位图的处理和图像的输出;热点、切片、按钮、蒙板。
难 点:位图 的处理;弹出菜单的制作。
模块六★、动态网页设计初步(12学时)
内容体系:动态网页的含义;制作一个动态网页留言板。
知识点:理解动态网页的含义;安装、配置因特网信息服务器 (IIS); 数据库网页基础; 创建数据库的连接; 综合实例——创建动态网页留言板。
技能点:(1)能够安装、配置因特网信息服务器 (IIS);(2)能够使用Dreamweaver创建动态网页留言板网页。
重 点:安装、配置因特网信息服务器 (IIS);数据库网页基础; 创建数据库的连接。 难 点:数据库的连接方式创建数据库的连接。
四、实施建议
(一)教材编写建议:
由于网页设计与制作这一岗位需要的知识面很光,除了本课程共所包含的五大模块外,还于Flash动画、PhotoShop图像处理、计算机网络技术、数据库等课程互相联系、互相补充,因此仅靠一本教科书是无法达到教学目标的,需要多本教材的支撑,有条件、有师资的学校建议自己编写一本综合教材。
(二)教学建议:
从《网页设计与制作》的实际问题出发,精心准备各种典型案例,构建课程的宏观教学设计。例如,公司网站、网上鲜花直销、个人网站精选、书籍专卖等。以若干个案例为载体,形成循序渐进、种类多样的项目群,构建完整的教学设计布局。
1、教学采用“四阶段教学法”,将“教、学、练、做”融为一体。
教学体现“教师为主导,学生为主体,训练为主线”的原则,课堂上可以采用“四阶段教学法”:
第1个阶段,案例引入,提出问题。
通过案例演示,提出问题,给出知识点,讲解案例应用背景,给学生一个切入点,建立感性认识。目的是激发学生的学习兴趣、让学生感到学有所用,从而明确本次课的教学目标。
第2个阶段,学生自主学习,尝试解决问题。
充分利用我校以及互联网网络教学资源,引导学生自主学习,找到解决问题的方法和操作技能,培养学生的自主学习意识和学习方法。学生在学习和尝试解决问题过程中,发现问题,提出问题,在问题的引导下学习相关的知识和操作技能。
第3个阶段,归纳总结,引申提高。
在每次课结束前,引导学生进行归纳总结。对本次课的实际意义、重点、难点、容易出错处等及时进行总结。并针对案例的不足之处,进行引申和提高。注意在这个阶段,强调的是“引导”学生,而不是老师讲解。
第4个阶段,举一反三、学以致用。
案例源于生活,最终要应用于生活。为了使学生能学以致用、举一反三、触类旁通,每次教学结束时及时布置相关的课后练习,使学生在课后进一步复习巩固,并且将课后作业纳入形成性考核的内容之一。同时给出下一次课的学习内容,提示学生预习。
2、充分利用现代化教学手段,提高教学效果
教学中采用电子演示文稿、大屏幕多媒体联机演示、网络教学等各种先进的教学手段,使课堂教学生动活泼、引人入胜,提高了教学效果,同时提高了教学效率。包括:
(1)利用多媒体教学系统广播教学。把学生的共同问题(需要提示的重点)通过 “广播教学”,边讲边演示,使学生即时看到操作效果。
(2)利用网络将课堂教学延伸到课外,学生根据需要通过网络学习有关的内容。教师的课件和教学用资料都已都上传到教学资源下载中心,方便学生课外学习和复习。
(三)评价建议:对学生学业评价提出建议,体现评价的发展功能。
本课程的考核成绩有理论基础成绩与技能成绩两项组成,都是采用上机考试。平时上机实验技能应有严格的记录,根据各种实验的要求来计算成绩。
最终课程成绩由“平时成绩(占20%),实验实训考核(占40%),期中、期末考试成绩(占40%)”三个部分组成。
建议以学生自己制作的网站的实际水平作为学生的学习本课程的成绩。
五、其他说明
1、本课程标准适用高职高专计算机及相关专业。
2、教学参考书目
为帮助学生主动学习,扩展知识面,推荐了以下教材供学生自主学习和使用:
2007年11月16日星期五
计算机网络技术专业教研组
执笔:唐辉
范文五:《静态网页制作》课程标准
《静态网页制作》课程标准
一.课程信息
课程名称:静态网页制作 课程类型:计算机网络专业公共必修课
课程代码:01030912授课对象:计算机网络技术专业
学 分:4学分 先 修 课:多媒体技术
学 时:64学时 后 续 课:动态网站编程
制 定 人:苏绍培 制定时间:2011年 6月 20日
二.课程性质 、任务和目的
1、课程的性质:该课程是信息工程技术学院面向本系计算机网络与计算机软件专业开设的 一门专业基础必修课。课程以学生为主体,以职业能力培养为中心。以就业为向导面向 IT 领域, 使学生熟练掌握网站规划与设计的方法和技能。 本课程通过实例教学的方式向学生传 授互联网网页的设计理念和制作方法。 通过对本门课程的学习, 要求学生能够理解和应用网 页的美术设计理念与制作技法。同时,要求学生能够掌握 Dreamweaver 、 Fireworks 、 Flash 等常用的静态网页制作相关软件。 通过本门课程的教学, 培养学生在商业网站项目方面的策 划、设计、制作、调试、维护等能力。从而适应用人单位的需求。
本课程以《计算机基础》、《图像处理软件 Photoshop 》、《计算机网络技术》等课程 为基础,为后续的《 ASP 动态网页制作》等专业课程打下坚实的基础。
2、课程的目的:本课程在专业人才培养过程中,是作为一门专业基础课,以培养学生的动 手实践能力为主。 通过学习, 了解网站规划和建立的全过程, 掌握制作网页并建设网站的技 术。 同时本课程为后续动态网站类课程做基础, 最终培养具有独立设计及制作网站能力和具 有网页设计师职业素质的学生。
3、课程任务
(1)完成一个个人网站、班级网站的全部设计与制作。
(2)完成案例网站的维护、升级改版。
三.课程设计
(一) .课程目标设计
本课程的目标是培养学生与客户有效沟通,提炼用户需求,然后自主设计、 建构、 规 划工作, 最后熟练利用网页制作工具实现用户要求的能力。 在这一目标指引下, 根据网页 设计与制作岗位从业人员所必须具备的综合能力要求, 以综合职业能力培养为目标, 以工 作过程系统化理念为指导, 以教学做一体化为实现途径, 与行业企业合作共同开发与设计 了学习领域课程。在课程设计中我们遵循的理念是:
①内容选取:以工作需求为目标;
②教学组织:以工作过程为主线;
③教学实施:以实际工作为场景;
④表现形式:以真实项目为载体;
⑤课程标准:以职业资格为依据。
(二) 。课程课时分配
四.课程的主要内容与学时分配
(一)网站的策划(1学时)
客户需求分析、栏目定制、策划书编写。(1学时)
(二)绘制网页效果图(14学时)
1. 设计工具介绍。(1学时)
2. 设计原则。(1学时)
3. 导航栏、文字特效、图形图象处理应用、切片。 (5学时 )
4.实验课:各种特效制作、网页效果图制作、切片处理。(7学时)
(三)网页布局制作(10学时)
1.站点的创建与文件管理。(1学时)
2.表格的创建与应用。 (2学时)
3.框架的创建与应用。 (1学时)
4.模板的创建与应用。 (1学时)
5.实验课:站点创建与管理、表格应用、框架应用。(5学时)
(四)网页细节制作(16学时)
1.网页元素的应用。(2学时)
2.创建页面链接。(2学时)
3.交互式表单。(2学时)
4. CSS 样式的创建与应用。(2学时)
5.实验课:HTML 标签、超级链接、表单、 CSS 等应用。(8学时)
(五)网页动画制作(8学时)
1. 制作 Flash 基础动画。(2学时)
2. 制作交互式 Flash 动画。(2学时)
3. 实验课:简单 flash 动画制作及应用。(4学时)
(六)网站的合成与维护(4学时)
1. 网站发布、站点管理与维护。(2学时)
2. 实验课:FTP 工具应用。(2学时)
(七)网站案例开发(11学时)
个人网站的设计与制作、班级网站的设计与制作
期末复习 1周,期末考试 1周
五.教学内容与基本要求
掌握 Dreamweaver 8的工作界面和网站的建设基础
?教学目的与要求:通过教学,使学生了解 Internet 应用有关的名词术语, WWW 服 务器、 Web 节点、主页(Homepage ) 、浏览器 (Browser)、超级链接、 http (hypertext transmission protocol ) 、 URL(Uniform Resource Locator) 、 html (hypertext markup language )语言、文件传输 (FTP)、 Gopher 、 WWW(World Wide Web) 、电子邮件 (E-mail )电子邮件(E-mail ) 、网络新闻。 Dreamweaver 8的工作界面、启动和关 闭。
掌握 Dreamweaver 基础及文本与文档的编辑
?教学目的与要求:通过教学,使学生掌握 Dreamweaver 8的工作界面、启动、建新 与保存页面文档、工具面板、属性面板以及各种控制面板的布局方式和使用方法。 能够用基本法和高级法新建站点,掌握在站点中新建文件和文件夹,熟悉 Dreamweaver 8的几种试图方式及切换方法,会预览网页。
熟练掌握插入图像和多媒体的方法和技巧
?教学目的与要求:通过教学,使学生掌握在 Dreamweaver 8中使用的图像格式,掌 握在网页文档中插入 flash 、视频、图像、为页面背景添加图像、图像属性的设置、 图像与文本的混合排版、设置图像的位置和边框、设置图像的缩略图的操作方法, 会使用图像编辑器,会在网页中插入翻转图像和导航条的操作。
掌握网页的超链接
?教学目的与要求:通过教学, 使学生了解超链接和超链接路径的基本概念, 熟悉建 立超链接的操作方法,建立文本超链接,与网站中新建文档的链接,创建空链接, 创建锚链接,为下载文件添加超链接,建立电子邮件超链接, 建立图像超链接,在 框架网页中创建超链接。
熟练掌握表格的使用
?教学目的与要求:通过教学, 使学生掌握表格的组成和基本操作方法, 熟练掌握创 建表格、表格操作、 表格编辑的方法,掌握表格和单元格的属性设置, 会用表格组 织网页的总体布局,掌握使用布局视图布局页面的总体布局。
熟练掌握框架的使用
?教学目的与要求:通过教学, 使学生了解创建框架页面的方法, 创建嵌套框架的方 法,保存框架的方法,修改框架布局的方法, 设置框架的属性的方法, 设置框架文 档的背景色的方法。能够创建具有框架的页面。
掌握使用层和时间轴的方法
?教学目的与要求:通过教学,使学生了解 Dreamweaver 8层的概念,知道层的创建 和层的编辑方法, 创建新层的方法, 创建嵌套层的方法, 层的操作与属性设置的方 法,设置层参数的方法, 设置单个与多个层的属性的方法,层面板的使用方法。会 使用辅助工具定位层在网页中的位置。
掌握层叠样式表(CSS )样式
?教学目的与要求:通过教学, 使学生了解 CSS 样式表的基本概念, 会使用 CSS 样式 面板。了解创建 CSS 样式表的方法,新建 CSS 样式表,设置 CSS 样式定义对话框,
创建外部 CSS 样式表,使用和编辑自定义 CSS 样式表。
掌握模板和库的使用方法(略)
掌握使用表单的方法
?教学目的与要求:通过教学,使学生掌握表单的基本概念和表单的各个组成元素, 掌握插入表单以及表单元素的方法, 插入文本框, 插入单选按钮, 插入复选框,添 加下拉菜单与菜单列表, 插入跳转菜单, 添加按钮,会制作具有表单的网页。会使 用表单的检测功能设置表单。
了解行为的使用方法
?教学目的与要求:通过教学,向学生介绍 Dreamweaver 8中行为的概念,了解使用 行为面板对行为的各种操作方法。 会使用 Dreamweaver 8的内置行为为网页对象添 加各种常用的行为。 播放声音、 打开浏览器窗口、 弹出信息、 改变属性、 交换图像、 恢复交换图像、检查表单、检查插件、检查浏览器、控制 shockwave 或 Flash 、设 置层文本、设置框架文本、设置文本域文字、设置状态条文本、跳转菜单、跳转菜 单开始按钮、拖动层、显示一隐藏层。
掌握网页代码的编写和修改(略)
静态网页课程设计
?教学目的与要求:通过教学,向学生介绍并演示 photoshop 及 flash 工具制作一个 个人网页的首页和一个企业网页的首页,并实现页面排版及 flash 加载等任务。该 内容要求学生充分参与并都能独立完成制作。
六.实践教学基本要求
1. 实训目的:
学生能完成网站建设需求分析, 完成网站设计方案、 网站实施方案, 实施网站素材 的收集、整理、加工,网站的设计开发、上传、发布, WEB 服务器的管理与维护,网站 的测试与验收,网站的宣传推广,网站设计与网页制作技术文件的整理与记录。
2. 要求:
独立认真完成每次实训内容。
七.课程授课计划
课程授课计划
2011_2012学 年 第 一 学 期 课 程 名 称 : 静 态 网 页 制 作
任课班级 : 计算机软件与网络专业一年级
任课教师 :苏绍培 教研室主任 :曾令改
八、教材、资料
考核方式:闭卷、笔试、结合平时测验,作业,平时表现评定。末考成绩占(70%) , 平时综合成绩占(30%)
教 材:《 Dreamwearer8网页设计与制作》林晓峰 苏绍培 科学出版社 2010年 5月
教学参考资料:
1, 《 Dreamwearer8网页设计精彩 150例》主编 孙良军 中国青年出版社
2, 《网页制作三合一案例教程》主编 赵湘纹 机械工业出版社
3, 《 Flash8动画设计与制作教程》 主编 刘本军 机械工业出版社
五、需要说明的其他问题
1、教学评价与考核
方式与分值原则上以教务处公布的要求为标准;
2、教学设施要求:多媒体教学与实际上机操作结合 ;
3、教学建议:采用项目教学法 , 以实际项目带动教学,提高学生的学习兴趣。
转载请注明出处范文大全网 » 专业课网页制作课程标准