《网页设计与制作》课程改革方案

1、.word可编辑.网页设计与制作课程改革方案课程名称:网页设计与制作英文名称Web Pages Desig n and Making课程类型:电子商务专业核心课程学时：64时间：2009年6月一、课程性质本课程是为本院电子商务类专业的学生所开设的一门专门技术课程，本课程的目的是让学生在已学完计算机基础、计算机网络等课程的基础上进一步掌握网页设计的基本技能，为网络营销奠定基础。对今后从事网页设计的学生，为深入学习网站开发与建设奠定 基础。职业面向：从事网页设计与制作职业拓展：网站建设、搜索引擎优化二、课程目标通过本课程的学习，使学生具备手工编写 HTML代码的能力，能够使用Dreamweaver

2、工具设计一个完整的静态网站的能力并具有建立站点、管理站点、测试网站与发布网站的能力，具有良好的团队合作精神 、获取知识能力、网页设计创意思维能力、色彩感悟能力等 素质，达到职业技能鉴定网页制作（Dreamweaver平台）中高级水平。（一）典型工作任务根据电子商务专业 （网站开发方向）培养方案和职业岗位工作任务分析，确定网页设计与制作典型工作任务。课程名称（学习领域）：网页设计与制作教学时间安排：64学时对网页设计与制作的整体描述网页设计与制作人员根据网页设计任务书，在电脑办公工位，在规定的时间内以有效的方式按照专业要求完成网页维护、修改、改版或新网站建设的静态网页设计与制作工 作。网页维护和

3、修改工作，以个人独立工作；网页改版或中小型新网站建设的静态网页设 计工作以小组形式或独立工作，大中型新网站建设一般以小组形式工作，使用电脑和Dreamweaver工具软件，对文字、图象和Flash等多媒体素材进行编辑、设计与制作，并 符合W3C规范，对已完成的工作进行记录存档。学习目标学生在教师指导下，制定网页设计与制作工作计划，并实施和检查反馈。在网页设计与制作过程中，使用工具、设备、文字、图象和Flash素材等，在规定时间内完成网页设计 与制作项目。对已完成的任务进行记录、存档和评价反馈。学习完本课程后，学生应当能够进行网页设计与制作，包括：1.网站规划；2站点建设与管理；3.设计首页；4

4、.美化 首页；5.设计二级页面；6.设计交互页面；7.网站测试与发布。针对网页设计与制作人员应具备的能力和素质，我们将整个网页设计与制作课程分为以下七个典型工作任务。典型工作任务1】网站规划典型工作任务2】站点建设与管理典型工作任务3】首页设计典型工作任务4】首页美化典型工作任务5】设计二级页面典型工作任务6】设计交互式页面典型工作任务7】网站测试与发布（二）专业能力与知识目标根据典型工作任务，确定专业能力与知识目标如下表1所示。表1专业能力与知识目标编号专业能力目标专业知识目标1规划网站结构的能力需求分析的概念与内容，网站结构知识，网站的开发流程，网页设计的基本原则，网页版面布局要求2建立站

5、点与管理站点的能力文件与文件夹的命名规则，Dreamweaver 工具的工作界面的概念，文件”面板的使用方法，站点的创建方法，站点的管理方法3利用表格进行页面布局的能力页面布局的概念与要求、表格的概念、表格的属性、表格的合并与折分4使用CSS美化页面和进行页CSS样式表的概念 、css 样式表的基本语面布局的能力法、css选择器的类型5编辑文本与编辑图象的能力文本与图象的属性及其设置，图像与文本混合编排的概念与方法，在表格中输入文字并定位的方 法，在表格中插入图像并定位的方法6创建网页超级链接的能力超级链接的类型和属性7使用CSS+DIV进行页面布局层的概念与属性设置、层的定位、层的操作、样的

6、能力式的套用8制作交互页面的能力表单与表单对象的属性及其设置9创建框架页面的能力框架和框架集的属性及其设置方法10使用行为创建页面的能力行为与事件的概念，行为的基本操作，标准动作11插入其他对象的能力水平线、文件头标签、特殊字符、F lash动画等对象的概念12创建及使用模板与库的能力模板与库的概念，可编辑区域的概念13测试与发布网站的能力网站测试的方法，域名的申请方法，网站发布的方法，网站的维护与更新方法（三）学习情境按照项目任务的编排方式，整合专业能力与知识目标对学习领域的教学内容进行序化，设计出如下图所示 7个网页设计与制作学习情境：学习情境的设计学习领域：网页设计与制作总课时：64学习

7、情境1：手工编程课时：8学习目标：(1 )编写网页头部标记代码的能力编写文本与图象排版代码的能力编写网页表格代码的能力编写网页表单代码的能力2.知识目标：(1) URL地址与域名的概念，网页与网站的概IT- I KU * F* 9 ft I I- -I B ERJ念，静态网站与动态网站的概念区别,网站分类，HTML语言的结构、格式、标记及相关属 性;(2) 文本标记的概念和类型，排版格式标记、图 像标记、链接标记；(3)表格的标记和属性(4)表单和表单对象的标记和属性 3.职业素质目标：1.初步阅读需求分析文档，了7.设计网页表单，设置宏观教学方法微观教学方法解设计目标、要求和设计成果表单和表

8、单对象的属探究式教学法讲解+案例教学2. 了解网页的相关概念和术语性，3.认识网页中的主要构成兀素8.阶段成果评价，调整4. HTML语言编写网页头部代码工作计划主要内容教学方法建议5. 编写文本和图像排版代码6. 设计网页表格,设置表格属性教学材料使用工具学生知识与能力准备教师知识与能力要求考核与评价1 .网站总体设计书2 .成果评价表1 . PC电脑2.Dreamweaver工具软件1. 具备使用电脑和操作In ternet 网络的能力。2. 具备识读网站总体设 计书的能力。1 .能够分析网站总体设计书2 .熟练掌握代码编 写要求和方法3.熟练掌握Dreamweaver 工具软件的使用4

9、.能够正确、及时 处理学生操作过程中 出现的问题及错误。评价内容：任务完成情况 评价工作态度评价 项目完成情况 演示评价评价方式：学生自评小组成员互评教师评价学习领域：网页设计与制作总课时：64学习情境2:网站规划课时：6学习目标：1 .能力目标：(1 )规划网站结构的能力(2)建立站点与管理站点的能力(1)需求分析的概念与内容，网站结构知识，网的开发流程，网页设计的基本原则，网页版面布局要求；(2)文件与文件夹的命名规则 ，Dreamweaver工的工作界面的概念，文件”面板的使用方法，站 占八、的创建方法，站点的管理方法；职业素质目标：色彩感悟能力结构布局能力表达能力主要内容教学方法建议1

10、.阅读需求分析文档，理解设计6 .定义站点，创建文件宏观教学方法微观教学方法目标、要求和设计成果，搜集素夹和空白页面，设计备探究式教学法讲解材，制定工作计划。注，阶段成果评价，调示范操作2 .欣赏优秀的网页，学习他人之整工作计划。同步模仿长，激发学习网页设计的兴趣 。7.阶段成果评价，调整分组法3 .分析优秀网页的布局结构、颜工作计划教”、学”、创新能力色搭配、视觉效果，留下直观的第 一印象，为制作网页奠定基础。4 .确定网站名称，规划网站的站 点结构，定位网站CI形象，设计 网站的整体风格及创意，绘制网站 架构图。5.分组讨论，学生讲解做”三位一一体法教学材料使用工具学生知识与能力准备教师知

11、识与能力要求考核与评价1 .网站总体 设计书2. 优秀网站 地址3. 网页色彩 适配器4. 成果评价表1 . PC电脑2.Dreamweaver 工具软件1. 具备使用电脑和操 作In ternet 网络的能 力。2. 具备识读网站总体 设计书的能力3. 具备利用网页色彩 适配器软件获取适合 颜色素材的能力1 .能够分析网站总体设计书2 .熟练掌握站点建立与管理的方法3. 熟练掌握Dreamweaver 工具软件的使用4. 能够正确、及时 处理学生操作过程中 出现的问题及错误。评价内容：任务完成情况 评价工作态度评价 项目完成情况 演示评价评价方式：学生自评小组成员互评教师评价专业.专注学习领

12、域：网页设计与制作总课时：64学习情境3:首页设计课时：10学习目标：1 .能力目标：(1) 利用表格进行页面布局的能力(2) 编辑文本与编辑图象的能力(3) 创建网页超级链接的能力2.知识目标：1 T *! E H Tl-R I 1 * !a Kkxx *(1 )页面布局的概念与要求、表格的概念、表格 的属性及其设置；(2) 文本与图象的属性及其设置(3) 超级链接的类型和属性。3.职业素质目标：色彩感悟能力结构布局能力表达能力创新能力主要内容教学方法建议1.绘制首页布局草图，规划网站7 .设计网站导航栏与版宏观教学方法微观教学方法页面表格结构权区的内容项目教学法任务驱动法2.创建页面页眉区

13、表格8 .按照左、中、右和探究法3. 创建页面导航拦表格4. 创建页面主体内容区表格5. 创建页面版权区表格6 .插入 卓帆五金制品厂”网站的LOGO 和 Banner上、中、下的顺序设计卓帆 五金制品厂”网站的首页 主体内容区的内容9.阶段成果评价，调整工作计划分组法教”、学”、做”三位一一体法教学材料使用工具学生知识与能力准备教师知识与能力要求考核与评价1 .网站总体 设计书2.首页效果 图3 .Logo及Bann er网页素材4. 操作示范 视频5. 成果评价 表1 . PC电脑2. Dreamweaver 工具软件3. 视频播放软件1 .具备使用电脑和操 作In ternet 网络的能

14、 力。2. 具备识读网站总体 设计书的能力3. 具备利用图形图像 处理软件获取网页素 材的能力1 .具备使用电脑和操作In ternet网络的能力。2. 具备识读网站总体设计书的能力3. 具备利用图形图像处理软件获取网页素材的能力评价内容：任务完成情况 评价工作态度评价 项目完成情况 演示评价评价方式：学生自评小组成员互评教师评价学习领域：网页设计与制作总课时：64学习情境4:首页美化学习目标：1 .能力目标：(1) 使用CSS美化页面的能力(2) 使用CSS进行页面布局的能力2. 知识目标：(1 )CSS样式表的概念；(2 )CSS样式表的基本语法;(3 )CSS选择器的类型。3. 职业素质

15、目标：.色彩感悟能力.结构布局能力.获取知识能力.表达能力主要内容1 .设计文本的基本样式，设置段 落的样式，设置列表的属性；2.创建网页文本的CSS样式，课时：8tn f r课外素质拓展写出有关W3C标准内容 及其发展情况论文一 篇，要求学生自己寻找教学方法建议宏观教学方法项目教学法微观教学方法任务驱动法探究法编辑网页文本的CSS样式，应用网页文本的CSS样式3. 链接外部CSS样式4. 阶段成果评价，调整工作计划和学习相关知识并进行讲解分组法教”、学”、做”三位一一体法教学材料使用工具学生知识与能力准备教师知识与能力要求考核与评价1 .网站总体 设计书2. 首页3. 外部CSS样式表4.

16、操作示范 视频5. 成果评价 表1 . PC电脑2. Dreamweaver 工具软件3. 视频播放软件1 .具备使用电脑和操 作In ternet 网络的能 力。2.具备识读网站总体 设计书的能力1 .能够分析网站总体设计书2. 熟练掌握使用CSS网页美化方法3. 熟练掌握Dreamweaver 工具软件的使用4. 能够正确、及时 处理学生操作过程中 出现的问题及错误。评价内容：任务完成情况 评价工作态度评价 项目完成情况 演示评价评价方式：学生自评小组成员互评教师评价学习领域：网页设计与制作总课时：64学习情境5:二级页面设计课时：18学习目标：1 .能力目标:(1 )创建网页超级链接的能

17、力(2) 使用CSS+DIV进行页面布局的能力(3) 创建框架页面的能力(4) 插入其他对象的能力(5) 创建及使用模板与库的能力2. 知识目标：(1 )超级链接的类型和属性；(2 )层的概念与属性设置、层的定位、层的操作、样式的套用；(3) 框架和框架集的属性及其设置方法(4) 水平线、文件头标签、特殊字符、F lash动 画等对象的概念(5) 模板与库的概念，可编辑区域的概念3. 职业素质目标：.色彩感悟能力.结构布局能力.表达能力.获取知识能力.创新能力教学方法建议主要内容1.绘制页面布局草图，页面布局2 .规划页面超级链接，创建一般 超级链接创建锚记链接，设置链 接打开位置3.创建层,

18、设置层的属性，调整 层的大小和位置，把层转换为表 格，把表格转换为层4 .规划网页框架结构 ，建立网页 框架，添加框架页内容，设置网页 框架和框架组的属性，编辑网页框 架5 .插入水平线，插入文件头标 签，插入网页搜索关键字，插入特 殊字符，插入F lash动画，添加 空格，添加日期6. 创建二级页面模板， 设置二级页面模板可编 辑区域，管理模板，创 建与管理库7. 阶段成果评价，调整 工作计划课外素质拓展：写出有 关RSS内容及其发展情况论文一篇，要求学生自己寻找和学习相关知识并进行讲解宏观教学方法项目教学法微观教学方法 任务驱动法 探究法分组法教”、学”、做”三位一一体法教学材料使用工具学

19、生知识与能力准备教师知识与能力要求考核与评价1 .网站总体 设计书2.二级页面 效果图3 .Logo及1 . PC电脑2. Dreamweaver 工具软件3. 视频播放软件1 .具备使用电脑和操 作In ternet 网络的能 力。2. 具备识读网站总体 设计书的能力3. 具备利用图形图像1 .能够分析网站总体设计书2 . 熟练掌握CSS+DIV、框架布局方法3.熟练掌握评价内容：任务完成情况 评价工作态度评价 项目完成情况 演示评价Banner网页处理软件获取网页素Dreamweaver 工具评价方式：等素材材的能力软件的使用学生自评4.操作示范4 .能够正确、及时小组成员互评视频处理学生

20、操作过程中教师评价5.成果评价出现的问题及错误。表学习领域：网页设计与制作学习情境6:交互页面设计学习目标：1 .能力目标：(1) 使用行为创建页面的能力(2) 制作交互页面的能力2. 知识目标：(1 )行为与事件的概念，行为的基本操作，标准 动作；(2)表单与表单对象的属性及其设置。总课时：64课时：63. 职业素质目标：.色彩感悟能力.创新能力主要内容教学方法建议1. 用行为设计卓帆五金制品厂”网 站的弹出广告页面和浮动广告页面2. 绘制页面布局草图，页面布局3. 创建表单，插入文本域，插入 单选框，插入复选框，插入列表和 菜单，插入按钮4 .设置表单及表单域的属性，测试表单页5.阶段成果

21、评价，调整 工作计划宏观教学方法项目教学法微观教学方法 任务驱动法 探究法分组法教”、学”、做”三位一体法教学材料使用工具学生知识与能力准备教师知识与能力要求考核与评价1 .网站总体 设计书2 .广告页、 表单页效果 图3 .Logo及Banner 等网页素材4.操作示范1 . PC电脑2. Dreamweaver工具软件3. 视频播放软件1 .具备使用电脑和操 作In ternet 网络的能 力。2. 具备识读网站总体 设计书的能力3. 具备利用图形图像 处理软件获取网页素 材的能力1 .能够分析网站总体设计书2 .熟练掌握网页布 局方法3. 熟练掌握Dreamweaver 工具软件的使用4

22、. 能够正确、及时 处理学生操作过程中 出现的问题及错误。评价内容：任务完成情况 评价工作态度评价 项目完成情况 演示评价评价方式：学生自评小组成员互评教师评价视频5.成果评价表学习领域：网页设计与制作总课时：64学习情境7：测试与发布课时：8学习目标：1 .能力目标：(1 )测试与发布网站的能力2. 知识目标：(1 )网站测试的方法；(2) 域名的申请方法；(3) 网站发布的方法；(4) 网站的维护与更新方法。3. 职业素质目标：主要内容教学方法建议1 .注册域名，申请空间2.安装卓帆五金制品厂系统6. 清理文档7. 阶段成果评价，调整宏观教学方法项目教学法微观教学方法任务驱动法3. 卓帆五

23、金制品厂”试运行4. 卓帆五金制品厂”测试报告5 .检查站点范围的链接，改变站点范围的链接工作计划探究法分组法教”、学”、做”三位一一体法鼓励创新法教学材料使用工具学生知识与能力准备教师知识与能力要求考核与评价1 .网站总体 设计书2 .首页效果 图3 .Logo及Banner网页素材4. 操作示范 视频5. 成果评价 表1 . PC电脑2. Dreamweaver工具软件3. 视频播放软件1. 具备使用电脑和操 作In ternet 网络的能 力。2. 具备识读网站总体 设计书的能力3. 具备利用图形图像 处理软件获取网页素 材的能力1 .能够分析网站总体设计书2 .熟练掌握网页布 局方法3

24、. 熟练掌握Dreamweaver 工具软件的使用4. 能够正确、及时 处理学生操作过程中 出现的问题及错误。评价内容：任务完成情况评价工作态度评价项目完成情况演示评价评价方式：学生自评小组成员互评教师评价（四）专业素质目标1 具有一定策划能力2 具有一定想象力3 .色彩感悟能力4 .结构布局能力（五）综合能力和职业素养培养目标1团队协作精神2自主学习能力3沟通能力4表达能力5获取知识能力6.创新能力7乐观精神8敬业精神9感悟能力10.知识应用能力11自我发展能力12 .责任感13效率观念三、课程内容安排、课程任务（一）课程结构、课程任务、课程内容分析课程实施的内、外部环境如表 2所示，结合课

25、程目标确定课程结构 、课程任务、 课程内容，课程分为十个模块，二十三个教学单元， 卓帆五金制品厂”网站制作项目分解 到相应的教学单元，如表3所示。表2网页设计与制作课程实施环境分析教师学生办学条件内1、对教师的要求1、学生咼考成绩居于中低1、学院已经具备部由于项目内容涉及一个完整网站，段（大专）；计环因此，要求教师掌握网站建设方面2、已经初步掌握了办公软算机实验室和多媒境的综合知识，要打破课程界限，不件使用、网络基础知识；体教室，能满足分能只知道某一门学科的知识，同时3、学习动力不足，稳定性课程教学需要。析要求教师至少完成过 2个完整网站差，缺乏创新精神和自我静态网页的设计。调控能力；2、本院

26、教师的现状担任本门课程4、部分学生对电脑操作和教学任务的有 3人，教师的优势上网不熟练，打字速度不条件是有2人至少完成过2个完整快；网站静态网页的设计工作 。5、涉及语言方面知识感到枯燥，学习积极性不高；6、思想活跃、参与热情高、社会活动能力比较强；7、对网页设计与制作的结果感兴趣外1、社会对有关知识或技能需要的程度:岗位要求有1年以上工作经验、参加过一个部以上整站的网页设计与制作或者有自己的作品；环境 分 析表3网页设计与制作课程任务及课程体系设计模块名称教学单元名称计划课时专业能力与知识课程内容1.能力目标：编写网No12页头部标记代码的能力任务：编写网页头部代码编写网页2.知识目标:UR

27、L地内容：初步阅读需求分析文档，了头部代码址与域名的概念，网页解设计目标、要求和设计成果，了模块一：与网站的概念，静态网解网页的相关概念和术语，认识网学习情境1站与动态网站的概念页中的主要构成元素 ，用HTML语手工编程另网站分类，HTML言编写网页头部代码模块语言的结构、格式、标记及相关属性No21.能力目标：编写文编写网页2本与图象排版代码的能任务：对文本和图象排版内容代码力2.知识目标：文本标记的概念和类型，排版格式标记、图象标记、链接标记内容：编写文本和图象排版代码No31.能力目标：编写网任务：设计网页表格编写网页2页表格代码的能力内容：设计网页表格，设置表格属表格代码2.知识目标：

28、表格的性标记和属性No41.能力目标：编写网任务：设计网页表单编写网页2页表单代码的能力内容：设计网页表单，设置表单和表单代码2.知识目标：表单和表单对象的属性，阶段成果评价。表单对象的标记和属性模块二：No541.能力目标：规划网任务：规划卓帆五金制品厂”的网学习情境2规划网站结构的能力站结构网站规划站结构2.知识目标：需求分内容：模块析的概念与内容，网站(1)阅读需求分析文档，理解设结构知识，网站的开发计目标、要求和设计成果，搜集素流程，网页设计的基本材，制定工作计划。原则，网页版面布局要(2)欣赏优秀的网页，学习他人求之长，激发学习网页设计的兴趣。职业素质目标：(3)分析优秀网页的布局结

29、构、.色彩感悟能力.策划能力团队协作沟通能力颜色搭配、视觉效果，留下直观 的第一印象，为制作网页奠疋基 础。(4) 确定网站名称，规划网站的站点结构，定位网站CI形象，设 计网站的整体风格及创意，绘制网站架构图。(5) 要求学生讲解No6站点建设与管理21. 能力目标：建立站点与管理站点的能力2. 知识目标：文件与 文件夹的命名规则，Dreamweaver 工具的工作界面的概念，文件” 面板的使用方法，站点 的创建方法，站点的管 理方法任务：创建 卓帆五金制品厂”网站 站点并进行管理内容：定义站点，创建文件夹和空 白页面，设计备注，阶段成果评 价，调整工作计划。模块三：学习情境3设计首页模块N

30、o7首页布局41. 能力目标：利用表 格进行页面布局的能力2. 知识目标：页面布 局的概念与要求、表格 的概念、表格的属性、任务：用表格对卓帆五金制品厂”网站的首页进行布局内容：绘制首页布局草图，规划网 站页面表格结构，创建页面页眉区 表格，创建页面导航拦表格，创建表格的合并与折分3.职业素质目标：.色彩感悟能力.结构布局能力.表达能力.创新能力页面主体内容区表格，创建页面版 权区表格。No81.能力目标：任务：设计首页头部与与版权区内设计首2(1)编辑文本与编辑图容内容：插入 卓帆五金制品厂 ”页头部象的能力网站的LOGO和BANNER,与版权区(2)创建网页超级链接 的能力2. 知识目标：

31、文本与 图象的属性及其设置， 在表格中插入图像并定 位的方法，超级链接的 类型和属性3. 职业素质目标：.色彩感悟能力.结构布局能力设计网站导航栏与版权区的内容No941.能力目标：编辑文任务：设计首页主体内容区的内容设计首本与编辑图象的能力内容：按照左、中、右和上、中、页主体2.知识目标：文本与下的顺序设计 卓帆五金制品厂”网内容区图象的属性及其设置，站的首页主体内容区的内容,阶段的内容图像与文本混合编排的成果评价，调整工作计划。概念与方法，在表格中输入文子并疋位的方法，在表格中插入图像并定位的方法3.职业素质目标：.色彩感悟能力.结构布局能力模块四：No1081. 能力目标：使用任务：用C

32、SS样式美化卓帆五学习情境4美化首CSS金制品厂”网站的首页首页美化页美化页面和进行页面布内容：设计文本的基本样式,设置模块局的能力段落的样式，设置列表的属性，创2.知识目标：CSS建网页文本的CSS样式，编辑网样式表的概念、CSS页文本的CSS样式，应用网页文样式表的基本语法、C本的CSS样式，链接外部CSSSS选择器的类型样式，阶段成果评价，调整工作计3.职业素质目标：划。.色彩感悟能力课外素质拓展：写出有关W3C标.结构布局能力准内容及其发展情况论文一篇,要.获取知识能力求学生自己寻找和学习相关知识并.表达能力进行讲解。模块五：Noll21.能力目标：创建网任务：设计卫浴产品页面学习情境

33、5设计卫浴页超级链接的能力内容：绘制页面布局草图，页面布设计二级产品页面2.知识目标：超级链局，规划页面超级链接，创建一般页面模块接的类型和属性超级链接创建锚记链接，设置链接打开位置No1241.能力目标：使用任务：设计箱包配件页面设计箱包CSS+DIV进行页面布局内容：绘制页面布局草图，页面布配件页面的能力局，创建层，设置层的属性，调2.知识目标：层的概整层的大小和位置，把层转换为表念与属性设置、层的定格，把表格转换为层位、层的操作、样式的课外素质拓展：写出有关RSS内套用容及其发展情况论文一篇，要求学3.职业素质目标：生自己寻找和学习相关知识并进行.色彩感悟能力讲解。.结构布局能力.表达能

34、力.获取知识能力.创新能力No1341.能力目标：创建框任务：用框架结构设计卓帆五金设计首饰架页面的能力制品厂”网站的首饰包装页面包装页面2.知识目标：框架和内容：绘制页面布局草图，页面布框架集的属性及其设置局，规划网页框架结构，建立网页方法框架，添加框架页内容 框架和框架组的属性 ， 架,设置网页编辑网页框No1441.能力目标：插入其任务：设计家居装饰页面设计家居他对象的能力内容：绘制页面布局草图,页面布装饰页面2 .知识目标：水平局，插入水平线，插入文件头标线、签，插入网页搜索关键字,插入特文件头标签、特殊字殊字符，插入F lash动画，添加空符、格，添加日期F lash动画等对象的概念

35、No1541.能力目标：创建及任务：产品模具页面设计产品使用模板与库的能力内容：绘制页面布局草图,页面布模具页面2.知识目标：模板与局，创建二级页面模板,设置二库的概念，可编辑区域级页面模板可编辑区域,管理模的概念板，创建与管理库，阶段成果评价，调整工作计划。No1641.能力目标：使用行模块六：设计广为创建页面的能力任务：设计广告页面学习情境6告特效2.知识目标：行为与内容：用行为设计卓帆五金制品设计交互页面事件的概念，行为的基厂”网站的弹出广告页面和浮动广页面模块本操作，标准动作告页面。3.职业素质目标：.色彩感悟能力.创新能力No1721.能力目标：制作交任务：设计卓帆五金制品厂网站设计

36、动互页面的能力的动态交互页面态交互2.知识目标：表单与内容：绘制页面布局草图，页面布页面表单对象的属性及其设局，创建表单，插入文本域，插入置单选框，插入复选框，插入列表和采单，插入按钮，设置表单及表单域的属性，测试表单页，阶段成果评价，调整工作计划。模块七：No1881.能力目标：测试与任务：测试与发布卓帆五金制品学习情境7网站测发布网站的能力厂”网站测试与发试与发2.知识目标：网站测内容：注册域名，申请空间，安装布模块布试的方法，域名的申请卓帆五金制品厂”系统，卓帆五方法，网站发布的方金制品厂”试运行，卓帆五金制法，品厂”测试报告，检查站点范围的网站的维护与更新方法链接，改变站点范围的链接，

37、清理文档，设计成果评价。模块八：No19任务：项目3 XX网站设计课外拓课外拓（可组织班级进行网页设计比赛，展实践展实践由班级团支部、学生会自行组织，教师指导）项目参考题目：（1）制作个人网站（2）制作班级网站（3）制作鲜花网店（静态部分）（4） 制作二手房交易网站（静态 部分）项目要求：1 .学生分层次独立制作一个静态 网站。2 .所创建的网站至少包括4个页面，分为二三层，第一层为首 页，第二层为4个二级子页，第三 层为3个内容页。3 .网页的版面尺寸应符合网页设计的规范，网站中所有文件、文件 夹的命名应规范，尽量做到字母数 量少，见名知意、容易理解。4 .在设计过程中，要严格要求自己,树立

38、严密、严谨的科学态度， 必须按时、保质、保量完成任务。 要求独立完成规定的内容，不得弄虚作假，不准抄袭或拷贝他人的网页或其他内容。5.学生应完成工作计划制定、工作总结、自评、互评和整改。（二）实践教学体系实践教学设计的指导思想：以职业岗位工作过程为导向 ”、“学结合”、以学生为中 心”、以职业能力为核心”，以真实的网站为实习实训项目，将实习实训与产品、项目结合起 来，强调学生将所学知识和技能在实践中的应用，积极引导学生自主学习。实践教学环节分为四种类型：上机操作演示、上机模仿实践、课外拓展实践、工学结合实训。实践项目分为三个阶段：基础型实践阶段 t拓展型实践阶段 t工学结合型实践阶段实践性环节

39、和项目如表4 所示。阶段实践环节项目名称教学目的使用场合备注第一上机操作项目1 :按照由浅入深的认识用于教师上机提供素阶段演示卓帆五金制规律学习网页制作的知识讲解和操材，品厂网站制基础知识和基本技作演示边讲边做作能。将网页制作的知识融入项目中进行讲解示范上机同步项目2 :教师制作小小书店”用于学生上机提供素模仿实践小小书店网网站制作过程视频录实践材，站制作象课件，学生模仿老 师讲解的操作方法， 制作网页，理论与 实践相结合，“教、 学、练”三者有机融 合自主学习，独立完成项目第二课外拓展项目3:根据所学的网页制作用于学生课外自己收集阶段实践XXX网站制知识以及上机实践训练，学生自素材，独作的积

40、累的经验，利用己准备素材，立完成项课余时间自己动手尝分层次选择项目试制作网页目第三工学结合项目4 :网站开发能力、综合自己创作阶段实训XXX网站制应用知识解决实际集中综合实训素材，合作问题能力、创新能力作完成项目四、教学情景整个教学过程均在机房完成，模拟实际工作环境，避免课堂教学与实际工作环境的脱节。机房环境：(1) 硬件环境：考核用机为奔腾以上兼容机，内存不少于 32M ，最好64M或128M硬盘不小于 500M; VGA彩显，带鼠标器、声卡、耳机（学生自备）。（2）操作系统：Windows 2000/2003/XP（3）软件环境：Dreamweaver CS3（4）特殊要求：必须将IIS配

41、置好，能正常进行 WEB浏览五、教学方法本课程教学过程使用的主要教学方法、使用目的、实施过程，如表5所示。教学方法使用目的实施过程实施效果项目法在教学中把知识与技能进行教师提供项目，引经调查大部分学生认有机的结合，充分发掘学生导学生通过项目实践为这种教学法有助于的创造潜能，提高学生解决寻找完成任务的途径提咼他们解决实际冋实际问题的综合能 力，为学和方法，最终得到项题问题的综合能力。生零距离就业奠定基础。目结果。任务驱动法通过在真实的任务中探索学在实践教学中以任经调查所有学生认为习，不断地提高学生成就务驱动”为主线，将这种教学法有助于提感，更大地激发他们的求知自主策划、任务分高他们成就感和学习欲

42、望，逐步形成一个感知心解、教-学-做”和经兴趣、加深他们对新智活动的良性循环，从而培验总结有机结合，米知识学习的欲望。养出独立探索、勇于开拓进用教师布置任务取的创新学生自主策划项目的能力。完成T教师引导学生总结T学生撰写工作日志的模式。探究法提供学生充足时间去思考、去实践，调动学生学习和主 动性、积极性，促进学生积 极思维，提倡学生自己动 脑、动手去获取知识，充分 发挥学生学习主体作用。网页欣赏一问题提出 -准备素材-分析方 法-展示结果-模仿 操作一归纳总结经调查大部分学生认 为这种教学法有助于 提高他们思考问题和 分析问题的能力。分组法通过合作式、探究式的学将班级分成若干小经调查大部分学生

43、认习，让学生真正成为注意力组，每组37人，以小为这种教学法体现了的中心，成为课堂教学的主组形式开展教学活对他们的尊重，激发人，让学生在获取知识、技动。教师根据情况主体能动性，为主体能的过程中，开发潜能，培灵活采用以下5种分性发展提供了动力源养能力，收获快乐。组教学方式：泉。培养了学生的合1、采头脑风暴”式作意识，促进的情感2、模拟课题式的愉悦交流。3、同伴互助式4、角色扮演式5、 组合式教”、学”突出以学生为中心”的原学生边实践、边经调查大部分学生认做”三位则，达到在做中学”的目做、边学，老师针为这种教学法有助于体法的。培养和锻炼学生的自主对学生实践情况做相提高他们自主学习能学习和独立工作能力应的引导和咨询。力。鼓励创新法培养创造性解决问题的能力在实践教学中鼓励学绝大部分学生能根据和语言表达能力，