网页设计课程标准

课程（项目）教学标准【专业基础课、专业核心课、专业实践课均需编制课程标准。其他公共必修课、公共选修课、专业选修课等可不编制课程标准。】网页设计课程（项目）标准课程名称网页设计开设专业计算机应用技术授课时间学时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）了解网页设计与制作内容的规划方法、设计网页布局、站点规化与设计流程，编辑站点、LogoBanner设计思路、动作脚本的用途等基本概念。（2）掌握制作一个主页的基本流程，具体页面元素的设置方法、设置布局、单元格和表格格式的方法，调整图像的方法等。（3）熟练掌握网站的链接和导航，创建站点常见元素、网页的发布和调试。3.素质目标（1）有较好的沟通能力。（2）能很好的理解客户的要求和表达的思想。（3）能把客户的要求用Dreamweaver软件恰到好处的表现出来，并创建出优秀的网页。（二）职业资格证书考核目标职业资格证书：网页设计师。网页设计师考核目标：网页设计师是对网页设计制作人员、Web开发人员及网页设计爱好者综合应用网页制作开发工具进行专业、高效Web设计与制作能力的权威认定。（三）课程学分学时数：72学时学分数：4学分三、课程内容及要求建议：采用表格的形式表述。包括完成课程教学应具备的知识、技能、方法、策略等，原则上要涵盖专业对应岗位群的工作内容、工作方法、工作要求和职业标准等部分内容。序号教学项目学习内容与学习要求教学活动设计建议学时1项目一网页制作基本知识学习内容：1、认识网站与网页2、认识网页制作软件和语言3、了解网站制作流程学习要求：1、了解Internet应用有关的名词术语：(WorldWideWeb)、Web站点、主页（Homepage）、浏览器(Browser)、超级链接、http、URL、html（hypertextmarkuplanguage）语言、文件传输(FTP)、电子邮件（E-mail）等。2、掌握Dreamweaver的使用界面中各组成元素的名称与功能。3、理解站点、网站、网页及网页属性的概念。激发学生兴趣，熟悉软件环境。42项目二创建度假村网站内—DreamweaverCS3入门学习内容：1、面板基本操作—初识DreamweaverCS3（1）启动DreamweaverCS3（2）DreamweaverCS3界面元素简介2、创建“fuligong”站点—新建和管理站点（1）网页文档和文件夹的命名规则（2）在Dreamweaver中定义站点（3）新建文档（4）保存和关闭文档（5）打开和预览文档（6）“文件”面板的应用3、为首页设置头信息和页面属性—页面总体设置（1）设置头信息（2）设置页面属性学习要求：1、熟悉DreamweaverCS3操作界面2、掌握网页文档的基本操作3、掌握新建和管理站点的方法4、掌握页面总体设置方法掌握网页中的文本页面的特点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的使用84项目四制作文化公司网站—应用超链接和行为学习内容：1、为首页和子页设置链接—应用超链接（1）设置常规超链接（2）设置图片链接和下载链接（3）设置电子邮件链接（4）设置热点链接（5）设置命名锚记链接（6）设置跳转菜单2、为首页添加伴随窗口—应用行为（1）认识“行为”面板（2）应用行为（3）应用“弹出信息”行为（4）应用“打开浏览器窗口”行为（5）对图像应用“效果”行为（6）应用“显示-隐藏元素”行为（7）应用“设置状态栏文本”行为（8）安装行为插件学习要求：1、深入理解绝对路径、相对路径、根相对路径的概念、意义及用法。2、了解建立超级链接各目标参数的意义，掌握设置超级链接的方法。3、掌握制作超级链接、E-mail链接、锚点等形式的超级链接。4、掌握导航条与跳转菜单的特点与用法。掌握网页中几种链接的设置。8序号教学项目学习内容与学习要求教学活动设计建议学时5项目五制作饰品网站—用表格构建网页布局学习内容：1、布局主页index.html—表格的基本应用（1）插入表格（2）选择表格和单元格（3）设置表格属性（4）设置单元格属性2、布局子页—表格的高级应用（1）拆分与合并单元格（2）在表格中添加或删除行与列学习要求：1、掌握表格的创建、结构调整与美化方法。2、熟悉表格与单元格的主要属性及其设置方法。3、掌握通过表格来进行网页页面的布局方法。掌握网页中表格排版文字的妙用166项目六制作播客网站—应用框架布局网页学习内容：1、了解框架和框架集2、了解框架构造3、制作并保存框架集文档4、设置框架集属性5、设置框架属性学习要求：1、了解框架。2、掌握框架网页的制作方法。掌握框架的使用47项目七制作美容网站—应用样式表学习内容：1、为网站首页设置样式—样式表的基本应用（1）熟悉“CSS样式”面板（2）CSS样式的存在方式（3）CSS样式的分类（4）创建样式的一般步骤2、为网站子页设置样式—样式表的高级应用（1）附加外部样式（2）CSS滤镜简介学习要求：1、了解CSS样式表的概念和分类。2、掌握创建和应用CSS样式表的方法。掌握CSS样式表的使用88项目八制作茶文化网站—应用Div+CSS布局网页学习内容：1、什么是Web标准2、Web标准的构成3、认识Div4、Div+CSS布局的优缺点5、绝对定位与相对定位6、浮动定位7、插入Div标签学习要求：1、了解Web标准的概念。2、掌握使用“Div+CSS”构建网页的方法。综合应用Div+CSS布局网页8序号教学项目学习内容与学习要求教学活动设计建议学时9项目九制作个人网站—应用模板和库学习内容：1、创建“梦幻花园”首页—应用模板（1）创建并保存模板文档（2）基于模板创建文档2、创建“幸福一家”网页—应用库项目（1）什么是库项目（2）创建库项目（3）应用库项目（4）编辑库项目学习要求：1、掌握模板的使用。2、掌握库的使用。掌握模板和库综合应用810项目十制作留言板—动态网页入门学习内容：1、创建动态网页测试环境（1）动态网页工作原理（2）安装IIS2、创建“留言板”数据库—了解数据库3、制作留言板—应用表单和表单对象（1）认识表单（2）插入表单（3）插入表单对象学习要求：1、掌握动态网页测试环境的配置方法。2、会创建Access数据库。3、掌握表单及表单对象的应用。4、会制作简单的留言板了解网页中的动态特效4四、实训项目项目编号项目名称项目内容及要求环境和器材学时1网页制作基本知识1、赏析各种经典网页2、掌握Dreamweaver界面PC、局域网、Dreamweaver等软件22创建度假村网站1、创建本地站点2、创建网页文档3、掌握文本页面属性的设置方法PC、局域网、Dreamweaver等软件23制作汽车网站（一）文本、段落、字符的设置PC、局域网、Dreamweaver等软件24制作汽车网站（二）图像和导航、Flash和音乐的插入方法PC、局域网、Dreamweaver等软件25制作文化公司网站（一）超链接、电邮、热点、跳转菜单设置PC、局域网、Dreamweaver等软件26制作文化公司网站（二）弹出、效果、显示隐藏、设置状态栏PC、局域网、Dreamweaver等软件27制作饰品网站（一）表格的基本应用PC、局域网、Dreamweaver等软件28制作饰品网站（二）表格布局的协调性PC、局域网、Dreamweaver等软件29制作播客网站创建框架和框架集，框架和框架集的编辑PC、局域网、Dreamweaver2等软件10制作美容网站（一）创建样式的一般步骤PC、局域网、Dreamweaver等软件211制作美容网站（二）创建和应用CSS样式表的方法PC、局域网、Dreamweaver等软件212制作茶文化网站使用Div+CSS构建网页的方法PC、局域网、Dreamweaver等软件213制作个人网站（一）掌握模板的用法PC、局域网、Dreamweaver等软件214制作个人网站（二）掌握库项目的用法PC、局域网、Dreamweaver等软件215制作留言板动态网页设计要点PC、局域网、Dreamweaver等软件2五、课程实施（一）教学组织模式本课程的教学以多媒体课件作为新的教学媒体，采用大屏幕投影教学，着重体现理论和实践的结合。授课、上机操作并结合具体的设计课题进行教学，及时解决设计中遇到的实际问题，通过丰富多彩的范例引起学生兴趣，以设计带动软件的教学。即讲授理论的同时加入具体的设计项目，力求达到实战的效果。本课程是一门实践课程，以应用、设计和开发为目的。并且考核的重点也是考查学生对Dreamweaver软件的实际应用能力和创新能力。因此，教学中应理论联系实际，高度重视实践环节。建议每一阶段的教学活动均在多媒体教室进行，最好能在多媒体教室兼学生机房的实验室进行。（二）教学方法和手段1.采用任务驱动、项目导向教学法。设计了十个教学项目，有针对性的进行教学。2.“教学做”一体教学法。为保证教学效果，学时宜采用3-5人分组协作的组织形式。3.教师在讲授或演示教学中采用现场教学法。4.知识掌握过程中既有能力训练，也有方法的了解与运用，更有态度、情感和价值观的体验与培养，使学生在体验中重组自己的知识结构和能力结构。六、课程考核（采取过程性考核和终结性考核相结合，平时成绩与期末实训作品成绩相结合的考核方法，全方位评价学生的综合职业能力。考核包括专业知识与技能、个人修养与品德、职业安全与规范等项目在内的学生综合职业能力，用发展的眼光评价学生。）老师结合学生的出勤情况（10%）、知识掌握情况（30%）、技能操作情况（30%）、项目完成情况（30%）等方面综合评定学生成绩。其中项目完成情况评价标准如下：项目考核点建议考核方式评价标准优良及格学生评价考核