网页设计课程标准

课程（项目）教学标准【专业基础课、专业核心课、专业实践课均需编制课程标准。其他公共必修课、公共选修课、专业选修课等可不编制课程标准。】网页设计课程（项目）标准课程名称网页设计开设专业计算机应用技术授课时间学时72课程类型专业基础课、专业核心课、专业实践课课程部门制定人审核人一、课程性质与任务网页设计是网页制作的一门实用课程，是网络类专业的一门实践性很强的专 业基础课。本课程开设的主要目的，是为了适应web技术的飞速发展，让学生掌握网页制作的基本技术，为学生今后在学习、工作中建立网站及制作网页打下基础。通 过本课程的学习，使学生了解网站设计制作的全过程，并且熟练掌握网页设计制 作网页的基本方法和技巧，并能利用网页设计提供的强大功能制作出有专业水准 的网站,达到知识和技能两方面共同提高。二、课程教学目标（一）总体目标1. 知识目标（1） dreamweaver的人机交互界面的组成与使用方法；（2） 创建 web 站点的基本方法与步骤；-可编辑修改 -（3） 熟悉站点管理器的用途，学会利用站点地图查看、管理各网页之间的超链接关系；（4） 掌握系统属性及网页属性的设置方法，及各设置参数的作用；（5） 掌握制作超级链接、 e-mail 链接、书签等形式的超级链接；（6） 掌握使用 html 样式和 css 样式创建、编辑网页的方法；（7） 掌握水平线、日期、图像对象的主要属性与设置方法；（8） 掌握表格的创建、结构调整与美化方法；（9） 掌握在网页中创建、修改层和嵌套层的方法；（10） ）掌握时间线的创建与调整方法；（11） ）掌握框架结构网页的制作方法；（12） ）学会利用行为面板设置控制对象的行为；（13） ）学会通过模板和库元素创建网页的方法；（14） ）学会使用 dreamweaver中应用表单设计网页的方法；（15） ）掌握并了解可以在网页中插入fireworks 、html 电影、flash 电影、activex. 控件等多媒体对象的方法；（16） ）全面掌握交互式网站的制作方法。2. 能力目标（1） 了解网页设计与制作内容的规划方法、设计网页布局、站点规化与设计流程，编辑站点、 logo banner设计思路、动作脚本的用途等基本概念。（2） 掌握制作一个主页的基本流程，具体页面元素的设置方法、设置布局、单元格和表格格式的方法，调整图像的方法等。（3） 熟练掌握网站的链接和导航，创建站点常见元素、网页的发布和调试。3. 素质目标（1） 有较好的沟通能力。（2） 能很好的理解客户的要求和表达的思想。（3） 能把客户的要求用dreamweaver软件恰到好处的表现出来，并创建出优秀的网页。（二）职业资格证书考核目标职业资格证书：网页设计师。网页设计师考核目标：网页设计师是对网页设计制作人员、web开发人员及网页设计爱好者综合应用网页制作开发工具进行专业、高效web设计与制作能力的权威认定。（三）课程学分学时数：72学时学分数：4学分三、课程内容及要求建议：采用表格的形式表述。包括完成课程教学应具备的知识、技能、方法、策略等，原则上要涵盖专业对应岗位群的工作内容、工作方法、工作要求和职业标准等部分内容。序号教学项目学习内容与学习要求教学活动设学时计建议序号教学项目学习内容与学习要求教学活动设计建议学时学习内容：1、认识网站与网页2、认识网页制作软件和语言3、了解网站制作流程学习要求：1 、了解 internet 应用有关的名词术语：www(world wide web)1项目一网页制作基本知识、web 站点、主页（ homepage ）、浏览器 (browser) 、超级链接、激发学生兴趣，熟悉软件环境。4http 、url 、html （ hypertext markup language）语言、文件传输(ftp) 、电子邮件（ e-mail ）等。2 、掌握 dreamweaver的使用界面中各组成元素的名称与功能。3、理解站点、网站、网页及网页属性的概念。学习内容：1、面板基本操作初识dreamweaver cs3（1 ）启动 dreamweaver cs3（2 ）dreamweaver cs3界面元素简介2、创建“fuligong ”站点新建和管理站点（1 ）网页文档和文件夹的命名规则2（2 ）在 dreamweaver（3 ）新建文档（4 ）保存和关闭文档（5 ）打开和预览文档（6 ）“文件”面板的应用3、为首页设置头信息和页面属性页面总体设置（1 ）设置头信息（2 ）设置页面属性学习要求：中定义站点项目二创建度假村网站内dreamweavercs3 入门掌握网页中的文本页面的特点41、熟悉 dreamweaver cs3操作界面2、掌握网页文档的基本操作3、掌握新建和管理站点的方法4、掌握页面总体设置方法序号教学项目学习内容与学习要求教学活动设计建议学时3项目三制作汽车网站 输入与编辑网页元素学习内容：1、输入并设置网站子页文本文本输入与编辑（1 ）输入文本（2 ）设置文本段落格式和字符格式（3 ）插入水平线和特殊字符2、在主页中插入导航条和图像应用图像（1 ）网页中常见的图像文件格式（2 ）插入与编辑图像（3 ）使用图像占位符（4 ）制作鼠标经过图像（5 ）制作导航条3、为主页设置动画和背景音乐应用动画和多媒体（1 ）插入 flash 动画（2 ）应用透明flash 动画（3 ）插入 flash 按钮（4 ）插入音频文件（5 ）插入视频文件学习要求：1、掌握文本的输入与格式设置的方法。2、掌握图像的应用方法。3、掌握动画和多媒体的应用方法。掌握文本、 图像、动画、flash 的使用8序号教学项目学习内容与学习要求学习内容：1、为首页和子页设置链接应用超链接（1 ）设置常规超链接（2 ）设置图片链接和下载链接（3 ）设置电子邮件链接（4 ）设置热点链接（5 ）设置命名锚记链接（6 ）设置跳转菜单2、为首页添加伴随窗口应用行为（1 ）认识“行为”面板（2 ）应用行为教学活动设学时计建议项目四制作文化4 公司网站 应用超链接和行为项目五制作饰品5 网站 用表格构建网页布局（3 ）应用“弹出信息”行为（4 ）应用“打开浏览器窗口”行为（5 ）对图像应用“效果”行为（6 ）应用“显示-隐藏元素”行为（7 ）应用“设置状态栏文本”行为（8 ）安装行为插件学习要求：1、深入理解绝对路径、相对路径、根相对路径的概念、意义及用法。2、了解建立超级链接各目标参数的意义，掌握设置超级链接的方法。3、掌握制作超级链接、e-mail 链接、锚点等形式的超级链接。4、掌握导航条与跳转菜单的特点与用法。学习内容：1、布局主页index.html 表格的基本应用（1 ）插入表格（2 ）选择表格和单元格（3 ）设置表格属性（4 ）设置单元格属性2、布局子页表格的高级应用（1 ）拆分与合并单元格（2 ）在表格中添加或删除行与列学习要求：1、掌握表格的创建、结构调整与美化方法。2、熟悉表格与单元格的主要属性及其设置方法。3、掌握通过表格来进行网页页面的布局方法。掌握网页中几种链接的8设置。掌握网页中表格排版文16字的妙用序号教学项目学习内容与学习要求教学活动设计建议学时6项目六制作播客网站 应用框架布局网页学习内容：1、了解框架和框架集2、了解框架构造3、制作并保存框架集文档4、设置框架集属性5、设置框架属性学习要求：1、了解框架。2、掌握框架网页的制作方法。学习内容：1、为网站首页设置样式样式表的基本应用（1 ）熟悉“css 样式”面板（2 ）css 样式的存在方式（3 ）css 样式的分类（4 ）创建样式的一般步骤2、为网站子页设置样式样式表的高级应用（1 ）附加外部样式（2 ）css 滤镜简介学习要求：1、了解 css 样式表的概念和分类。掌握框架的使用47项目七制作美容网站 应用样式表掌 握 css 样式表的使用82、掌握创建和应用css 样式表的方法。学习内容：8项目八制作茶文化网站 应用div+css 布局网页1、什么是 web 标准2、web 标准的构成3、认识 div4、div+css 布局的优缺点5、绝对定位与相对定位6、浮动定位7、插入 div 标签学习要求：1、了解 web 标准的概念。2、掌握使用“div+css ”构建网页的方法。综合应用div+css 布局网页8序号教学项目学习内容与学习要求学习内容：1、创建“梦幻花园”首页应用模板（1 ）创建并保存模板文档（2 ）基于模板创建文档2、创建“幸福一家”网页应用库项目教学活动设学时计建议项目九制作个人9网站 应用模板和库项目十制作留言10板动态网页入门（1 ）什么是库项目（2 ）创建库项目（3 ）应用库项目（4 ）编辑库项目学习要求：1、掌握模板的使用。2、掌握库的使用。学习内容：1、创建动态网页测试环境（1 ）动态网页工作原理（2 ）安装 iis2、创建“留言板”数据库了解数据库3、制作留言板应用表单和表单对象（1 ）认识表单（2 ）插入表单（3 ）插入表单对象学习要求：1、掌握动态网页测试环境的配置方法。2、会创建 access 数据库。3、掌握表单及表单对象的应用。4、会制作简单的留言板掌握模板和8库综合应用了解网页中4的动态特效四、实训项目项目编号项目名称项目内容及要求环境和器材学时1 网页制作基本知识2 创建度假村网站1、赏析各种经典网页2、掌握 dreamweaver界面1、创建本地站点2、创建网页文档3、掌握文本页面属性的设置方法pc、局域网、2dreamweaver等软件pc、局域网、2dreamweaver等软件3 制作汽车网站（一）文本、段落、字符的设置pc、局域网、2dreamweaver等软件制作汽车网站（二）4图像和导航、 flash 和音乐的插入方法pc、局域网、2dreamweaver等软件制作文化公司网站（一）5超链接、电邮、热点、跳转菜单设置pc、局域网、2dreamweaver等软件6 制作文化公司网站（二）弹出、效果、显示隐藏、设置状态栏pc、局域网、2dreamweaver等软件7 制作饰品网站（一）表格的基本应用pc、局域网、2dreamweaver等软件制作饰品网站（二）表格布局的协调性8pc、局域网、2dreamweaver等软件9 制作播客网站创建框架和框架集，框架和框架集的编辑pc、局域网、2dreamweaver等软件10 制作美容网站（一）创建样式的一般步骤pc、局域网、2dreamweaver等软件11 制作美容网站（二）创建和应用css 样式表的方法pc、局域网、2dreamweaver等软件12 制作茶文化网站使用 div+css 构建网页的方法pc、局域网、2dreamweaver等软件13 制作个人网站（一）掌握模板的用法pc、局域网、2dreamweaver等软件14 制作个人网站（二）掌握库项目的用法pc、局域网、2dreamweaver等软件15 制作留言板动态网页设计要点pc、局域网、2dreamweaver等软件五、课程实施（一）教学组织模式本课程的教学以多媒体课件作为新的教学媒体，采用大屏幕投影教学，着重体现理论和实践的结合。授课、上机操作并结合具体的设计课题进行教学，及时解决设计 中遇到的实际问题，通过丰富多彩的范例引起学生兴趣，以设计带动软件的教学。即讲授理论的同时加入具体的设计项目， 力求达到实战的效果。 本课程是一门实践课程， 以应用、设计和开发为目的。并且考核的重点也是考查学生对 dreamweaver 软件的实际应用能力和创新能力。因此，教学中应理论联系实际，高度重视实践环节。建议每一阶段的教学活动均在多媒体教室进行， 最好能在多媒体教室兼学生机房的实验室进行。（二）教学方法和手段1. 采用任务驱动、 项目导向教学法。 设计了十个教学项目， 有针对性的进行教学。2. “教学做”一体教学法。为保证教学效果，学时宜采用 3-5 人分组协作的组织形式。3. 教师在讲授或演示教学中采用现场教学法。4. 知识掌握过程中既有能力训练，也有方法的了解与运用，更有态度、情感和价值观的体验与培养，使学生在体验中重组自己的知识结构和能力结构。六、课程考核（采取过程性考核和终结性考核相结合，平时成绩与期末实训作品成绩相结合的考核方法，全方位评价学生的综合职业能力。考核包括专业知识与技能、个人修养与 品德、职业安全与规范等项目在内的学生综合职业能力，用发展的眼光评价学生。）老师结合学生的出勤情况 （10% ）、知识掌握情况（30% ）、技能操作情况（30% ）、项目完成情况（ 30% ）等方面综合评定学生成绩。其中项目完成情况评价标准如下：项目考核点建议考核方式学生评价考核表优评价标准良及格序号考核内容考核标准考核方式分值书面作业作业认真正确率作业成绩10形成性评价学习小组成绩主动20个人课堂表现迟到20终结性评价期末考试考试、考查课堂考核50最终成绩七、参考教材1. 教材选编原则教材选编参照以下几个原则：（1） 以就业为目标，从传统偏重知识传授转为培养学生的