网页设计课程标准.pdf

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

1、课程（项目）教学标准【专业基础课、专业核心课、专业实践课均需编制课程标准。其他公共必修课、公共选修课、专业选修课等可不编制课程标准。】网页设计课程（项目）标准 课程名称 网页设计 开设专业 计算机应用技术 授课时间 学时 72 课程类型 专业基础课、专业核心课、专业实践课 课程部门 制定人 审核人 一、课程性质与任务 网页设计是网页制作的一门实用课程，是网络类专业的一门实践性很强的专业基础课。本课程开设的主要目的，是为了适应 web技术的飞速发展，让学生掌握网页制作的基本技术，为学生今后在学习、工作中建立网站及制作网页打下基础。通过本课程的学习，使学生了解网站设计制作的全过程，并且熟练掌握网页

2、设计制作网页的基本方法和技巧，并能利用网页设计提供的强大功能制作出有专业水准的网站,达到知识和技能两方面共同提高。二、课程教学目标（一）总体目标 1.知识目标（1）Dreamweaver的人机交互界面的组成与使用方法；（2）创建 Web站点的基本方法与步骤；（3）熟悉站点管理器的用途，学会利用站点地图查看、管理各网页之间的超链接关系；（4）掌握系统属性及网页属性的设置方法，及各设置参数的作用；（5）掌握制作超级链接、E-mail链接、书签等形式的超级链接；（6）掌握使用 HTML样式和 CSS样式创建、编辑网页的方法；（7）掌握水平线、日期、图像对象的主要属性与设置方法；（8）掌握表格的创建、

3、结构调整与美化方法；（9）掌握在网页中创建、修改层和嵌套层的方法；（10）掌握时间线的创建与调整方法；（11）掌握框架结构网页的制作方法；（12）学会利用行为面板设置控制对象的行为；（13）学会通过模板和库元素创建网页的方法；（14）学会使用 Dreamweaver中应用表单设计网页的方法；（15）掌握并了解可以在网页中插入 Fireworks、HTML电影、Flash电影、ActiveX.控件等多媒体对象的方法；（16）全面掌握交互式网站的制作方法。2.能力目标（1）了解网页设计与制作内容的规划方法、设计网页布局、站点规化与设计流程，编辑站点、Logo Banner设计思路、动作脚本的用途等

4、基本概念。（2）掌握制作一个主页的基本流程，具体页面元素的设置方法、设置布局、单元格和表格格式的方法，调整图像的方法等。（3）熟练掌握网站的链接和导航，创建站点常见元素、网页的发布和调试。3.素质目标（1）有较好的沟通能力。（2）能很好的理解客户的要求和表达的思想。（3）能把客户的要求用 Dreamweaver软件恰到好处的表现出来，并创建出优秀的网页。（二）职业资格证书考核目标 职业资格证书：网页设计师。网页设计师考核目标：网页设计师是对网页设计制作人员、Web 开发人员及网页设计爱好者综合应用网页制作开发工具进行专业、高效 Web 设计与制作能力的权威认定。（三）课程学分 学时数：72 学

5、时 学分数：4 学分 三、课程内容及要求 建议：采用表格的形式表述。包括完成课程教学应具备的知识、技能、方法、策略等，原则上要涵盖专业对应岗位群的工作内容、工作方法、工作要求和职业标准等部分内容。序号 教学项目 学习内容与学习要求 教学活动设计建议 学时 1 项目一 网页制作基本知识 学习内容：1、认识网站与网页 2、认识网页制作软件和语言 3、了解网站制作流程学习要求：1、了解 Internet应用有关的名词术语：WWW(World Wide Web)、Web站点、主页（Homepage）、浏览器(Browser)、超级链接、http、URL、html（hypertext markup la

6、nguage）语言、文件传输(FTP)、电子邮件（E-mail）等。2、掌握 Dreamweaver 的使用界面中各组成元素的名称与功能。3、理解站点、网站、网页及网页属性的概念。激发学生兴趣，熟悉软件环境。4 2 项目二 创建度假村网站内Dreamweaver CS3入门 学习内容：1、面板基本操作初识Dreamweaver CS3（1）启动 Dreamweaver CS3（2）Dreamweaver CS3界面元素简介 2、创建“fuligong”站点新建和管理站点（1）网页文档和文件夹的命名规则（2）在 Dreamweaver中定义站点（3）新建文档（4）保存和关闭文档（5）打开和预览文

7、档（6）“文件”面板的应用 3、为首页设置头信息和页面属性页面总体设置（1）设置头信息（2）设置页面属性 学习要求：1、熟悉 Dreamweaver CS3操作界面 2、掌握网页文档的基本操作 3、掌握新建和管理站点的方法 4、掌握页面总体设置方法 掌握网页中的文本页面的特点 4 序号 教学项目 学习内容与学习要求 教学活动设计建议 学时 3 项目三 制作汽车网站输入与编辑网页元素 学习内容：1、输入并设置网站子页文本文本输入与编辑（1）输入文本（2）设置文本段落格式和字符格式（3）插入水平线和特殊字符 2、在主页中插入导航条和图像应用图像（1）网页中常见的图像文件格式（2）插入与编辑图像（3

8、）使用图像占位符（4）制作鼠标经过图像（5）制作导航条 3、为主页设置动画和背景音乐应用动画和多媒体（1）插入 Flash动画（2）应用透明 Flash动画（3）插入 Flash按钮（4）插入音频文件（5）插入视频文件 学习要求：1、掌握文本的输入与格式设置的方法。2、掌握图像的应用方法。3、掌握动画和多媒体的应用方法。掌握文本、图像、动画、Flash的使用 8 4 项目四 制作文化公司网站应用超链接和行为 学习内容：1、为首页和子页设置链接应用超链接（1）设置常规超链接（2）设置图片链接和下载链接（3）设置电子邮件链接（4）设置热点链接（5）设置命名锚记链接（6）设置跳转菜单 2、为首页添加

9、伴随窗口应用行为（1）认识“行为”面板（2）应用行为（3）应用“弹出信息”行为（4）应用“打开浏览器窗口”行为（5）对图像应用“效果”行为（6）应用“显示-隐藏元素”行为（7）应用“设置状态栏文本”行为（8）安装行为插件 学习要求：1、深入理解绝对路径、相对路径、根相对路径的概念、意义及用法。2、了解建立超级链接各目标参数的意义，掌握设置超级链接的方法。3、掌握制作超级链接、E-mail链接、锚点等形式的超级链接。4、掌握导航条与跳转菜单的特点与用法。掌握网页中几种链接的设置。8 序号 教学项目 学习内容与学习要求 教学活动设计建议 学时 5 项目五 制作饰品网站用表格构建网页布局 学习内容：

10、1、布局主页 index.html表格的基本应用（1）插入表格（2）选择表格和单元格（3）设置表格属性（4）设置单元格属性 2、布局子页表格的高级应用（1）拆分与合并单元格（2）在表格中添加或删除行与列 学习要求：1、掌握表格的创建、结构调整与美化方法。2、熟悉表格与单元格的主要属性及其设置方法。3、掌握通过表格来进行网页页面的布局方法。掌握网页中表格排版文字的妙用 16 6 项目六 制作播客网站应用框架布局网页 学习内容：1、了解框架和框架集 2、了解框架构造 3、制作并保存框架集文档 4、设置框架集属性 5、设置框架属性 学习要求：1、了解框架。2、掌握框架网页的制作方法。掌握框架的使用

11、4 7 项目七 制作美容网站应用样式表 学习内容：1、为网站首页设置样式样式表的基本应用（1）熟悉“CSS样式”面板（2）CSS样式的存在方式（3）CSS样式的分类（4）创建样式的一般步骤 2、为网站子页设置样式样式表的高级应用（1）附加外部样式（2）CSS滤镜简介 学习要求：1、了解 CSS样式表的概念和分类。2、掌握创建和应用 CSS样式表的方法。掌握 CSS样式表的使用 8 8 项目八 制作茶文化网站应用Div+CSS布局网页 学习内容：1、什么是 Web标准 2、Web标准的构成 3、认识 Div 4、Div+CSS布局的优缺点 5、绝对定位与相对定位 6、浮动定位 7、插入 Div标

12、签 学习要求：1、了解 Web标准的概念。2、掌握使用“Div+CSS”构建网页的方法。综合应用Div+CSS布局网页 8 序号 教学项目 学习内容与学习要求 教学活动设计建议 学时 9 项目九 制作个人网站应用模板和库 学习内容：1、创建“梦幻花园”首页应用模板（1）创建并保存模板文档（2）基于模板创建文档 2、创建“幸福一家”网页应用库项目（1）什么是库项目（2）创建库项目（3）应用库项目（4）编辑库项目 学习要求：1、掌握模板的使用。2、掌握库的使用。掌握模板和库综合应用 8 10 项目十 制作留言板动态网页入门 学习内容：1、创建动态网页测试环境（1）动态网页工作原理（2）安装 IIS

13、 2、创建“留言板”数据库了解数据库 3、制作留言板应用表单和表单对象（1）认识表单（2）插入表单（3）插入表单对象 学习要求：1、掌握动态网页测试环境的配置方法。2、会创建 Access数据库。3、掌握表单及表单对象的应用。4、会制作简单的留言板 了解网页中的动态特效 4 四、实训项目 项目编号 项目名称 项目内容及要求 环境和器材 学时 1 网页制作基本知识 1、赏析各种经典网页 2、掌握 Dreamweaver 界面 PC、局域网、Dreamweaver等软件 2 2 创建度假村网站 1、创建本地站点 2、创建网页文档 3、掌握文本页面属性的设置方法 PC、局域网、Dreamweaver

14、等软件 2 3 制作汽车网站（一）文本、段落、字符的设置 PC、局域网、Dreamweaver等软件 2 4 制作汽车网站（二）图像和导航、Flash和音乐的插入方法 PC、局域网、Dreamweaver等软件 2 5 制作文化公司网站（一）超链接、电邮、热点、跳转菜单设置 PC、局域网、Dreamweaver等软件 2 6 制作文化公司网站（二）弹出、效果、显示隐藏、设置状态栏 PC、局域网、Dreamweaver等软件 2 7 制作饰品网站（一）表格的基本应用 PC、局域网、Dreamweaver等软件 2 8 制作饰品网站（二）表格布局的协调性 PC、局域网、Dreamweaver等软件

15、 2 9 制作播客网站 创建框架和框架集，框架和框架集的编辑 PC、局域网、Dreamweaver2 等软件 10 制作美容网站（一）创建样式的一般步骤 PC、局域网、Dreamweaver等软件 2 11 制作美容网站（二）创建和应用 CSS样式表的方法 PC、局域网、Dreamweaver等软件 2 12 制作茶文化网站 使用 Div+CSS构建网页的方法 PC、局域网、Dreamweaver等软件 2 13 制作个人网站（一）掌握模板的用法 PC、局域网、Dreamweaver等软件 2 14 制作个人网站（二）掌握库项目的用法 PC、局域网、Dreamweaver等软件 2 15 制作

16、留言板 动态网页设计要点 PC、局域网、Dreamweaver等软件 2 五、课程实施（一）教学组织模式 本课程的教学以多媒体课件作为新的教学媒体，采用大屏幕投影教学，着重体现理论和实践的结合。授课、上机操作并结合具体的设计课题进行教学，及时解决设计中遇到的实际问题，通过丰富多彩的范例引起学生兴趣，以设计带动软件的教学。即讲授理论的同时加入具体的设计项目，力求达到实战的效果。本课程是一门实践课程，以应用、设计和开发为目的。并且考核的重点也是考查学生对Dreamweaver软件的实际应用能力和创新能力。因此，教学中应理论联系实际，高度重视实践环节。建议每一阶段的教学活动均在多媒体教室进行，最好能

17、在多媒体教室兼学生机房的实验室进行。（二）教学方法和手段 1.采用任务驱动、项目导向教学法。设计了十个教学项目，有针对性的进行教学。2.“教学做”一体教学法。为保证教学效果，学时宜采用 3-5人分组协作的组织形式。3.教师在讲授或演示教学中采用现场教学法。4.知识掌握过程中既有能力训练，也有方法的了解与运用，更有态度、情感和价值观的体验与培养，使学生在体验中重组自己的知识结构和能力结构。六、课程考核（采取过程性考核和终结性考核相结合，平时成绩与期末实训作品成绩相结合的考核方法，全方位评价学生的综合职业能力。考核包括专业知识与技能、个人修养与品德、职业安全与规范等项目在内的学生综合职业能力，用发

18、展的眼光评价学生。）老师结合学生的出勤情况（10%）、知识掌握情况（30%）、技能操作情况（30%）、项目完成情况（30%）等方面综合评定学生成绩。其中项目完成情况评价标准如下：项目考核点 建议考核方式 评价标准 优 良 及格 学生评价考核表 序号 考核内容 考核标准 考核方式 分值 形成性评价 书面作业 作业认真正确率 作业成绩 10 学习小组成绩 主动 20 个人课堂表现 迟到 20 终结性评价 期末考试 考试、考查 课堂考核 50 最终成绩 七、参考教材 1.教材选编原则 教材选编参照以下几个原则：（1）以就业为目标，从传统偏重知识传授转为培养学生的实际操作技能，满足社会实际就业需要。（2）以任务为驱动，以练带学，让学生在实施项目任务的过程中有兴趣学习，轻松掌握相关技能。（3）以软件的典型应用为主线，以软件的功能为副线，让学生在实现相关案例的过程中，还能系统地学习软件的功能。2.建议教材和参考教材及学习网站等。1Dreamweaver网页制作 CS3版案例教程，黄世吉编著，航空工业出版社，2010年，第 1 版。2Dreamweaver CS3网页设计入门与提高，智丰工作室编著，科学出版社，2008年，第 1 版。