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