网页设计课程标准

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

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

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

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

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

6、2、掌握Dreamweaver 的使用界面中各组成元素的名称与功能。3、理解站点、网站、网页及网页属性的概念。激发学生兴趣，熟悉软件环境。42项目二 创建度假村网站内Dreamweaver CS3入门学习内容：1、面板基本操作初识Dreamweaver CS3（1）启动Dreamweaver CS3（2）Dreamweaver CS3界面元素简介2、创建“fuligong”站点新建和管理站点（1）网页文档和文件夹的命名规则（2）在Dreamweaver中定义站点（3）新建文档（4）保存和关闭文档（5）打开和预览文档（6）“文件”面板的应用3、为首页设置头信息和页面属性页面总体设置（1）设置头信

7、息（2）设置页面属性学习要求：1、熟悉Dreamweaver CS3操作界面2、掌握网页文档的基本操作3、掌握新建和管理站点的方法4、掌握页面总体设置方法掌握网页中的文本页面的特点43项目三 制作汽车网站输入与编辑网页元素学习内容：1、输入并设置网站子页文本文本输入与编辑（1）输入文本（2）设置文本段落格式和字符格式（3）插入水平线和特殊字符2、在主页中插入导航条和图像应用图像（1）网页中常见的图像文件格式（2）插入与编辑图像（3）使用图像占位符（4）制作鼠标经过图像（5）制作导航条3、为主页设置动画和背景音乐应用动画和多媒体（1）插入Flash动画（2）应用透明Flash动画（3）插入Fla

8、sh按钮（4）插入音频文件（5）插入视频文件学习要求：1、掌握文本的输入与格式设置的方法。2、掌握图像的应用方法。3、掌握动画和多媒体的应用方法。掌握文本、图像、动画、Flash的使用84项目四 制作文化公司网站应用超链接和行为学习内容：1、为首页和子页设置链接应用超链接（1）设置常规超链接（2）设置图片链接和下载链接（3）设置电子邮件链接（4）设置热点链接（5）设置命名锚记链接（6）设置跳转菜单2、为首页添加伴随窗口应用行为（1）认识“行为”面板（2）应用行为（3）应用“弹出信息”行为（4）应用“打开浏览器窗口”行为（5）对图像应用“效果”行为（6）应用“显示-隐藏元素”行为（7）应用“设置

9、状态栏文本”行为（8）安装行为插件学习要求：1、深入理解绝对路径、相对路径、根相对路径的概念、意义及用法。2、了解建立超级链接各目标参数的意义，掌握设置超级链接的方法。3、掌握制作超级链接、E-mail链接、锚点等形式的超级链接。4、掌握导航条与跳转菜单的特点与用法。掌握网页中几种链接的设置。85项目五 制作饰品网站用表格构建网页布局学习内容：1、布局主页index.html表格的基本应用（1）插入表格（2）选择表格和单元格（3）设置表格属性（4）设置单元格属性2、布局子页表格的高级应用（1）拆分与合并单元格（2）在表格中添加或删除行与列学习要求：1、掌握表格的创建、结构调整与美化方法。2、熟

10、悉表格与单元格的主要属性及其设置方法。3、掌握通过表格来进行网页页面的布局方法。掌握网页中表格排版文字的妙用166项目六 制作播客网站应用框架布局网页学习内容：1、了解框架和框架集2、了解框架构造3、制作并保存框架集文档4、设置框架集属性5、设置框架属性学习要求：1、了解框架。2、掌握框架网页的制作方法。掌握框架的使用47项目七 制作美容网站应用样式表学习内容：1、为网站首页设置样式样式表的基本应用（1）熟悉“CSS样式”面板（2）CSS样式的存在方式（3）CSS样式的分类（4）创建样式的一般步骤2、为网站子页设置样式样式表的高级应用（1）附加外部样式（2）CSS滤镜简介学习要求：1、了解CS

11、S样式表的概念和分类。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布局网页89项目九 制作个人网站应用模板和库学习内容：1、创建“梦幻花园”首页应用模板（1）创建并保存模板文档（2）基于模板创建文档2、创建“幸福一家”网页应用库项目（1）什么是库项目（2）创建库项目（3）应用库项目

12、（4）编辑库项目学习要求：1、掌握模板的使用。2、掌握库的使用。掌握模板和库综合应用810项目十 制作留言板动态网页入门学习内容：1、创建动态网页测试环境（1）动态网页工作原理（2）安装IIS2、创建“留言板”数据库了解数据库3、制作留言板应用表单和表单对象（1）认识表单（2）插入表单（3）插入表单对象学习要求：1、掌握动态网页测试环境的配置方法。2、会创建Access数据库。3、掌握表单及表单对象的应用。4、会制作简单的留言板了解网页中的动态特效4四、实训项目项目编号项目名称项目内容及要求环境和器材学时1网页制作基本知识1、赏析各种经典网页2、掌握Dreamweaver 界面PC、

13、局域网、Dreamweaver等软件22创建度假村网站1、创建本地站点2、创建网页文档3、掌握文本页面属性的设置方法PC、局域网、Dreamweaver等软件23制作汽车网站（一）文本、段落、字符的设置PC、局域网、Dreamweaver等软件24制作汽车网站（二）图像和导航、Flash和音乐的插入方法PC、局域网、Dreamweaver等软件25制作文化公司网站（一）超链接、电邮、热点、跳转菜单设置PC、局域网、Dreamweaver等软件26制作文化公司网站（二）弹出、效果、显示隐藏、设置状态栏PC、局域网、Dreamweaver等软件27制作饰品网站（一）表格的基本应用PC、局域网、Dr

14、eamweaver等软件28制作饰品网站（二）表格布局的协调性PC、局域网、Dreamweaver等软件29制作播客网站创建框架和框架集，框架和框架集的编辑PC、局域网、Dreamweaver等软件210制作美容网站（一）创建样式的一般步骤PC、局域网、Dreamweaver等软件211制作美容网站（二）创建和应用CSS样式表的方法PC、局域网、Dreamweaver等软件212制作茶文化网站使用Div+CSS构建网页的方法PC、局域网、Dreamweaver等软件213制作个人网站（一）掌握模板的用法PC、局域网、Dreamweaver等软件214制作个人网站（二）掌握库项目的用法PC、局域

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

16、学活动均在多媒体教室进行，最好能在多媒体教室兼学生机房的实验室进行。（二）教学方法和手段1.采用任务驱动、项目导向教学法。设计了十个教学项目，有针对性的进行教学。2.“教学做”一体教学法。为保证教学效果，学时宜采用3-5人分组协作的组织形式。3.教师在讲授或演示教学中采用现场教学法。4.知识掌握过程中既有能力训练，也有方法的了解与运用，更有态度、情感和价值观的体验与培养，使学生在体验中重组自己的知识结构和能力结构。六、课程考核（采取过程性考核和终结性考核相结合，平时成绩与期末实训作品成绩相结合的考核方法，全方位评价学生的综合职业能力。考核包括专业知识与技能、个人修养与品德、职业安全与规范等项目在内的学生综合职业能力，用发展的眼光评价学生。）老师结合学生的出勤情况（10%）、知识掌握情况（30%）、技能操作情况（30%）、项目完成情况（30%）等方面综合评定学生成绩。其中项目完成情况评价标准如下：项目考核点建议考核方式评价标准优良及格学生评价考核表序号考核内容考核标准考核方式分值形成性评价书面作业作业认真正确率作业成绩10学习小组成绩主动20个人课堂表现迟到20终结性评价期末考试考试、考查课堂考核50最终成绩七、参考教材1.教材选编原则教材选编参照以