网页设计与制作教学革新方案.docx

网页设计与制作课程改革方案课程名称：网页设计与制作英文名称：WebPagesDesignandMaking课程类型：电子商务专业关键课程学时：64时间：2023年6月一、课程性质本课程是为本院电子商务类专业的学生所开设的一门专门技术课程,本课程的目的是让学生在已学完计算机基础、计算机网络等课程的基础上深入掌握网页设计的基本技能，为网络营销奠定基础。对此后从事网页设计的学生，为深入学习网站开发与建设奠定基础。职业面向：从事网页设计与制作职业拓展：网站建设、搜索引擎优化二、课程目的通过本课程的学习，使学生具有手工编写HTML代码的I能力，可以使用Dreamweaver工具设计一种完整的静态网站的能力并具有建立站点、管理站点、测试网站与公布网站的能力，具有良好的团体合作精神、获取知识能力、网页设计创意思维能力、色彩感悟能力等素质，到达职业技能鉴定网页制作（DreamWeaVer平台）中高级水平。（一）经典工作任务根据电子商务专业（网站开发方向）培养方案和职业岗位工作任务分析，确定网页设计与制作经典工作任务。课程名称（学习领域）：网页设计与制作教课时间安排：64课时对网页设计与制作的整体描述网页设计与制作人员根据网页设计任务书，在电脑办公工位，在规定日勺时间内以有效的方式按照专业规定完毕网页维护、修改、改版或新网站建设的静态网页设计与制作工作。网页维护和修改工作，以个人独立工作；网页改版或中小型新网站建设的静态网页设计工作以小组形式或独立工作，大中型新网站建设一般以小组形式工作，使用电脑和Dreamweaver工具软件，对文字、图象和FIaSh等多媒体素材进行编辑、设计与制作，并符合W3C规范，对已完毕的工作进行记录存档。学习目的学生在教师指导下，制定网页设计与制作工作计戈J,并实行和检查反馈。在网页设计与制作过程中，使用工具、设备、文字、图象和FIaSh素材等，在规定期间内完毕网页设计与制作项目。对已完毕的任务进行记录、存档和评价反馈。学习完本课程后，学生应当可以进行网页设计与制作，包括：1.网站规划；2.站点建设与管理；3.设计首页；4.美化首页；5.设计二级页面；6.设计交互页面；7.网站测试与公布。针对网页设冲与制作人员应具有的能力和素质，我们将整个网页设计与制作课程分为如下七个经典工作任务。【经典工作任务11网站规划【经典工作任务2】站点建设与管理【经典工作任务3】首页设计【经典工作任务4】首页美化【经典工作任务5】设计二级页面【经典工作任务6】设计交互式页面【经典工作任务7】网站测试与公布（二）专业能力与知识目的根据经典工作任务，确定专业能力与知识目的如下表1所示。表1专业能力与知识目的编号专业能力目的专业知识目的1规划网站构造的J能力需求分析的概念与内容，网站构造知识，网站的开发流程，网页设计H勺基本原则，网页版面布局规定2建立站点与管理站点的能力文献与文献夹的命名规则，Dreamweaver工具的工作界面的概念，“文献”面板的使用措施，站点的创立措施，站点的管理措施3运用表格进行页面布局的能力页面布局及）概念与规定、表格口勺概念、表格的属性、表格的合并与折分4使用CSS美化页面和进行页面布局H勺能力CSS样式表的概念、CSS样式表的基本语法、CSS选择器的!类型5编辑文本与编辑图象的能力文本与图象的属性及其设置，图像与文本混合编排的概念与措施，在表格中输入文字并定位的措施，在表格中插入图像并定位的措施6创立网页超级链接的!能力超级链接的类型和属性7使用CSS+DIV进行页面布局的能力层的概念与属性设置、层的定位、层的操作、样式的套用8制作交互页面的能力表单与表单对象的属性及其设置9创立框架页面的）能力框架和框架集的属性及其设置措施10使用行为创立页面的能力行为与事件的概念，行为的基本操作，原则动作11插入其他对象的!能力水平线、文献头标签、特殊字符、FlaSh动画等对象H勺概念12创立及使用模板与库的能力模板与库的概念，可编辑区域的概念13测试与公布网站的能力网站测试的措施，域名H勺申请措施，网站公布H勺措施，网站的维护与更新措施（三）学习情境按照项目任务的编排方式，整合专业能力与知识目的对学习领域的教学内容进行序化，设计出如下图所示7个网页设计与制作学习情境：学习情境的设计学习领域：网页设计与制作总课时：64学习情境1：手工编程课时：8学习目的：1 .能力目的：（1）编写网页头部标识代码的能力（2）编写文本与图象排版代码的能力（3）编写网页表格代码的能力（4）编写网页表单代码的能力2 .知识目的:（I）URL地址与域名的概念，网页与网站的概念，睁态网站与动态网站的概念区别，网站分类，HTML语言的构造、格式、标识及有关属性；（2）文本标识的概念和类型，排版格式标识、图像标识、链接标识；LBB1mRv“Jfc*3nwBot*i*ePBp（3）表格的标识和属性（4）表单和表单对象H勺标识和属性3.职业素质目的：R，M-t'.*t9'»»V-99w*,I*»>r4,*>*-f1C*,>>«>4RCJy*»<.一Mf#.92,trr三M；二P"rwI芨aazaa=r，w.0-，重要内容教学措施提议1 .初步阅读需求分析文档，理解设计目的、规定和设计成果2 .理解网页的有关概念和术语3 .认识网页中的重要构成元素4 .HTML语言编写网页头部代码5 .编写文本和图像排版代码6 .设计网页表格，设置表格属性7 .设计网页表单，设置表单和表单对象的属性，8 .阶段成果评价，调整工作计划宏观教学措施探究式教学法微观教学措施讲解+案例教学教学材料使用工具学生知识与能力准备教师知识与能力规定考核与评价1.网站总体设计书2.成果评价表1.PC电脑2.Dreamweaver工具软件1 .具有使用电脑和操作Internet网络的I能力。2 .具有识读网站总体设计书的能力。1 .可以分析网站总体设计书2 .纯熟掌握代码编写规定和措施3 .纯熟掌握Dreamweaver工具软件的使用4 .可以对的、及时处理学生操作过程中出现的问题及错误。评价内容：任务完毕状况评价工作态度评价项目完毕状况演示评价评价方式：学生自评小组组员互评教师评价学习领域：网页设计与制作总课时：64学习情境2：网站规划课时：6学习目的：1 .能力目的：（1）规划网站构造的能力（2）建立站点与管理站点的能力2 .知识目的：（1）需求分析的概念与内容，网站构造知识，网站的开发流程，网页设计的基本原则，网页版面布局规定；(2)文献与文献夹的!命名规则，DreamWeaVer工具的工作界面的概念，“文献”面板的使用措施，站点的创立措施，站点的管理措施；3.职业素质目的： 色彩感悟能力 构造布局能力 体现能力 创新能力重要内容教学措施提议1 .阅读需求分析文档，理解设计目的、规定和设计成果，搜集素材，制定工作计划。2 .欣赏优秀的网页，学习他人之长，激发学习网页设计的爱好。3 .分析优秀网页的布局构造、颜色搭配、视觉效果，留下直观的第一印象，为制作网页奠定基础。4 .确定网站名称，规划网站口勺站点构造，定位网站CI形象，设计网站的整体风格及创意，绘制网站架构图。5 .分组讨论，学生讲解6 .定义站点，创立文献夹和空白页面，设计备注，阶段成果评价，调整工作计划。7 .阶段成果评价，调整工作计划宏观教学措施探究式教学法微观教学措施讲解示范操作同步模仿分组法“教”、“学”、“做”三位一体法教学材料使用工具学生知识与能力准备教师知识与能力规定考核与评价1 .网站总体设计书2 .优秀网站地址3 .网页色彩适配器4 .成果评价表1 .PC电脑2 .Dreamweaver工具软件1 .具有使用电脑和操作Intemet网络甲、J能力。2 .具有识读网站总体设计书的能力3 .具有运用网页色彩适配器软件获取适合颜色素材的能力1 .可以分析网站总体设计书2 .纯熟掌握站点建立与管理的措施3 .纯熟掌握Dreamweaver工具软件的使用4 .可以对的、及时处理学生操作过程中出现的问题及错误。评价内容：任务完毕状况评价工作态度评价项目完毕状况演示评价评价方式：学生自评小组组员互评教师评价学习领域：网页设计与制作总课时：64学习情境3：首页设计课时：10学习目的h1 .能力目的：（1）运用表格进行页面布局的能力（2）编辑文本与编辑图象口勺能力（3）创立网页超级链接的能力2 .知识目的：（1）页面布局的概念与规定、表格的概念、表格的属性及其设置；（2）文本与图象的属性及其设置；（3）超级链接的类型和属性。3 .职业素质目的: 色彩感悟能力 构造布局能力 体现能力 创新能力.<浮汉热催笨/法Ni碗Of1I4曰nrw*9rsa>m459*、fl<*ataarBAIRH.<m副匿1T一"MKr*-VMM.<»»!>>*«bkk：EeGk.0一*Ahe1.Kn1U*43三,4K3-rr-wr,一,QBG,-3-'ryjj*wJ.*.<iF*>j*w*o*-WW¼rj(.ftf.ryUSM场2之%：TilrhsLCee4，|,不,目.，<r*efPZ.方3，,4*trttarv*_£»<*i*.<e*WMWW'9IMMV重要内容教学措施提议1 .绘制首页布局草图，规划网站页面表格构造2 .创立页面页眉区表格3 .创立页面导航拦表格4 .创立页面主体内容区表格5 .创立页面版权区表格6 .插入“卓帆五金制品厂”网站的LOGO和Banner7 .设计网站导航栏与版权区的内容8 .按照左、中、右和上、中、下的次序设计“卓帆五金制品厂”网站的首页主体内容区H勺内容9 .阶段成果评价，调整工作计划宏观教学措施项目教学法微观教学措施任务驱动法探究法分组法“教”、“学”、“做”三位一体法教学材料使用工具学生知识与能力准备教师知识与能力规定考核与评价1 .网站总体设计书2 .首页效果图3 .Logo及Banner网页素材4 .操作示范视频5 .成果评价表1 .PC电脑2 .Dreamweaver工具软件3 .视频播放软件1 .具有使用电脑和操作Internet网络的!能力。2 .具有识读网站总体设计书的能力3 .具有运用图形图像处理软件获取网页素材的能力1 .具有使用电脑和操作Internet网络的!能力。2 .具有识读网站总体设计书的能力3 .具有运用图形图像处理软件获取网页素材的能力评价内容：任务完毕状况评价工作态度评价项目完毕状况演示评价评价方式：学生自评小组组员互评教师评价教学材料使用工具学生知识与能力准备教师知识与能力规定考核与评价1 .网站总体设计书2 .首页3 .外部CSS样式表4 .操作示范视频5 .成果评价表1 .PC电脑2 .Dreamweaverr:具软件3 .视频播放软件1 .具有使用电脑和操作Internet网络H勺能力。2 .具有识读网站总体设计书的能力1 .可以分析网站总体设计书2 .纯熟掌握使用CSS网页美化措施3 .纯熟掌握Dreamweaver工具软件的使用4 .可以对的、及时处理学生操作过程中出现的问题及错误。评价内容：任务完毕状况评价工作态度评价项目完毕状况演示评价评价方式：学生自评小组组员互评教师评价学习领域：网页设计与制作学习情境4：首页美化学习目的：1 .能力目的：(1)使用CSS美化页面的能力(2)使用CSS进行页面布局的能力2 .知识目的：总课时：64课时：8(1)(2)(3)C S S样式表的概念；CSS样式表的基本语法;CSS选择器的类型。3. 职业素质目的： .色彩感悟能力 .构造布局能力 .获取知识能力 .体现能力重要内容1 .设计文木的!基本样式，设置段 落的样式，设置列表的属性；2 .创立网页文本於JC S S样式， 编辑网页文本於JCSS样式，应用 网页文本的C S S样式3 .链接外部CSS样式4 .阶段成果评价，调整工作计划课外素质拓展 写出有关W3C原则内容 及其发展状况论文一篇， 规定学生自己寻找和学 习有关知识并进行讲解教学措施提议宏观教学措施项目教学法微观教学措施 任务驱动法 探究法分组法“教”、“学”、 “做”三位一体法学习领域：网页设计与制作总课时：64学习情境5：二级页面设计课时：18学习目的：1.能力目的：(1)创立网页超级链接的能力(2)使用CSS+DIV进行页面布局甲、J能力(3)创立框架页面的能力教学材料使用工具学生知识与能力准备教师知识与能力规定考核与评价1 .网站总体设计书2 .二级页面效果图3 .Logo及Banner网页等素材4 .操作示范视频5 .成果评价表1 .PC电脑2 .Dreamweaver工具软件3 .视频播放软件1 .具有使用电脑和操作Internet网络的!能力。2 .具有识读网站总体设计书的能力3 .具有运用图形图像处理软件获取网页索材於J能力1 .可以分析网站总体设计书2 .纯熟掌握CSS+DIV.框架布局措施3 .纯熟掌握Dreamweaver工具软件的J使用4 .可以对的、及时处理学生操作过程中出现的问题及错误。评价内容：任务完毕状况评价工作态度评价项目完毕状况演示评价评价方式：学生自评小组组员互评教师评价（4）插入其他对象的能力（5）创立及使用模板与库的能力2 .知识目的：（1）超级链接的类型和属性；（2）层H勺概念与属性设置、层的定位、层的操作、 样式的套用；（3）框架和框架集的属性及其设置措施（4）水平线、文献头标签、特殊字符、FlaSh动画 等对象的概念（5）模板与库的概念，可编辑区域H勺概念"* f< 9QM /+. tX尊Q3. 职业素质目的: .色彩感悟能力 .构造布局能力 .体现能力 .获取知识能力 .创新能力重要内容 1.绘制页面布局草图，页面布局 2.规划页面超级链接，创立一般超 级链接创立锚记链接，设置链接打 开位置3 .创立层，设置层的属性，调整层 的I大小和位置，把层转换为表格， 把表格转换为层4 .规划网页框架构造，建立网页框 架，添加框架页内容，设置网页框 架和框架组的属性，编辑网页框架 5.插入水平线，插入文献头标签， 插入网页搜索关键字，插入特殊字 符，插入FIaSh动画，添加空格， 添加日期6 .创立二级页面模板， 设置二级页面模板可编 辑区域，管理模板，创立 与管理库7 .阶段成果评价，调整 工作计划课外素质拓展：写出有关 RSS内容及其发展状况 论文一篇，规定学生自己 寻找和学习有关知识并 进行讲解教学措施提议宏观教学措施项目教学法微观教学措施 任务驱动法 探究法 分组法“教”、“学”、 “做”三位一体法学习领域：网页设计与制作总课时：64学习情境6：交互页面设计课时：6学习目的：1 .能力目的：（1）使用行为创立页面的能力（2）制作交互页面的能力2 .知识目的：（1）行为与事件的概念，行为的基本操作，原则动作：（2）表单与表单对象口勺属性及其设置。3 .职业素质目的:.色彩感悟能力.创新能力W<v<a<yJ«7»»H9->.Jw0“rMJBX./重要内容教学措施提议1 .用行为设计“卓帆五金制品厂”网站的弹出广告页面和浮动广告页面2 .绘制页面布局草图，页面布局3 .创立表单，插入文本域，插入单项选择框，插入复选框，插入列表和菜单，插入按钮4 .设置表单及表单域的属性，测试表单页5.阶段成果评价，调整工作计划宏观教学措施项目教学法微观教学措施任务驱动法探究法分组法“教”、“学”、“做”三位一体法教学材料使用工具学生知识与能力准备教师知识与能力规定考核与评价1 .网站总体设计书2 .广告页、表单页效果图3 .Logo及Banner等网页素材.4 .操作示范视频5 .成果评价表1 .PC电脑2 .Dreamweaver工具软件3 .视频播放软件1 .具有使用电脑和操作Internet网络H勺能力。2 .具有识读网站总体设计书的能力3 .具有运用图形图像处理软件获取网页素材的能力1 .可以分析网站总体设计书2 .纯熟掌握网页布局措施3 .纯熟掌握Dreamweaver工具软件的使用4 .可以对的、及时处理学生操作过程中出现的问题及错误。评价内容：任务完毕状况评价工作态度评价项目完毕状况演示评价评价方式：学生自评小组组员互评教师评价学习目的h1 .能力目的：(I)测试与公布网站的能力2 .知识目的：(1)网站测试的措施；(2)域名的申请措施；(3)网站公布的措施；(4)网站的维护与更新措施。3 .职业素质目的:重要内容教学措施提议1 .注册域名，申请空间2 .安装“卓帆五金制品厂”系统3 .“卓帆五金制品厂”试运行4 .“卓帆五金制品厂”测试汇报5 .检查站点范围於I链接，变化站点范围於!链接6.清理文档7.阶段成果评价，调整工作计划宏观教学措施项目教学法微观教学措施任务驱动法探究法分组法“教”、“学”、“做”三位一体法鼓励创新法教学材料使用工具学生知识与能力准备教师知识与能力规定考核与评价1 .网站总体设计书2 .首页效果图3 .Logo及Banner网页素材4 .操作示范视频5 .成果评价表1.PC电脑2.Dreamweaver工具软件3.视频播放软件1 .具有使用电脑和操作Internet网络的!能力。2 .具有识读网站总体设计书的能力3 .具有运用图形图像处理软件获取网页素材的能力1 .可以分析网站总体设计书2 .纯熟掌握网页布局措施3 .纯熟掌握Dreamweaver工具软件的使用4 .可以对的、及时处理学生操作过程中出现的问题及错误。评价内容：任务完毕状况评价工作态度评价项目完毕状况演示评价评价方式：学生自评小组组员互评教师评价学习领域：网页设计与制作学习情境7：测试与公布总课时：64课时：8(四)专业素质目的1.具有一定筹划能力2.具有一定想象力3.色彩感悟能力4.构造布局能力（五）综合能力和职业索养培养目的1 .团体协作精神2 .自主学习能力3 .沟通能力4 .体现能力5 .获取知识能力6 .创新能力7 .乐观精神8 .敬业精神9 .感悟能力10 .知识应用能力11 .自我发展能力12 .责任感13 .效率观念三、课程内容安排、课程任务（一）课程构造、课程任务、课程内容分析课程实行的内、外部环境如表2所示，结合课程目的确定课程构造、课程任务、课程内容，课程分为十个模块，二十三个教学单元，“卓帆五金制品厂”网站制作项目分解到对应的教学单元，如表3所示。表2网页设计与制作课程实行环境分析教师学生办学条件内部环境分析1、对教师的规定由于项目内容波及一种完整网站，因此，要讨教师掌握网站建设方面的综合知识，要打破课程界线，不能只懂得某一门学科的知识，同步要讨教师至少完毕过2个完整网站静态网页的设计。2、本院教师的现实状况担任本门课程教学任务的有3人，教师的优势条件是有2人至少完毕过2个完整网站静态网页的设计工作。1、学生高考成绩居于中低段（大专）；2、已经初步掌握了办公软件使用、网络基础知识；3、学习动力局限性，稳定性差，缺乏创新精神和自我调控能力；4、部分学生对电脑操作和上网不纯熟，打字速度不快；5、波及语言方面知识感到枯燥，学习积极性不高；6、思想活跃、参与热情高、社会活动能力比较强；7、对网页设计与制作H勺成果感爱好1、学院已经具有计算机试验室和多媒体教室，能满足课程教学需要。外部环境分析1、社会对有关知识或技能需要H勺程度：岗位规定有1年以上工作经验、参与过一种以上整站的网页设计与制作或者有自己的作品；表3网页设计与制作课程任务及课程体系设计模块名称教学单元名称计划课时专业能力与知识课程内容模块一：学习情境1手工编程模块Nol编写网页头部代码21 .能力目甲'J：编写网页头部标识代码的能力2 .知识目H勺：URL地址与域名的概念，网页与网站Fl勺概念，静态网站与动态网站的概念另J,网站分类，HTML语言的构造、格式、标记及有关属性任务：编写网页头部代码内容：初步阅读需求分析文档，理解设计目的1、规定和设计成果，理解网页的有关概念和术语，认识网页中的重要构成元素，用HTML语言编写网页头部代码No2编写网页21.能力目的：编写文本与图象排版代码的能任务：对文本和图象排版内容代码力2.知识目的：文本标记的概念和类型，排版格式标识、图象标识、链接标识内容：编写文本和图象排版代码No3编写网页表格代码21 .能力目的：编写网页表格代码的能力2 .知识目的：表格的标识和属性任务：设计网页表格内容：设计网页表格，设置表格属性No4编写网页表单代码21.能力目的：编写网页表单代码的能力2.知识目的：表单和表单对象的标识和属性任务：设计网页表单内容：设计网页表单，设置表单和表单对象的属性，阶段成果评价。模块二：学习情境2网站规划模块No5规划网站构造41 .能力目於J：规划网站构造的能力2 .知识目於J：需求分析的概念与内容，网站构造知识，网站的开发流程，网页设计的基本原则，网页版面布局要求职业素质目的： .色彩感悟能力 .筹划能力 团体协作 沟通能力任务：规划“卓帆五金制品厂”的网站构造内容：（1）阅读需求分析文档，理解设计目於J、规定和设计成果，搜集素材，制定工作计划。（2）欣赏优秀的网页，学习他人之长，激发学习网页设计的J爱好。（3）分析优秀网页的布局构造、颜色搭配、视觉效果，留下直观的第一印象，为制作网页奠定基础。（4）确定网站名称，规划网站於J站点构造，定位网站CI形象，设计网站的整体风格及创意，绘制网站架构图。（5）规定学生讲解No6站点建设与管理21 .能力目的：建立站点与管理站点的能力2 .知识目的：文献与文献夹的命名规则，Dreamweaver工具的工作界面的概念，“文献”面板的使用措施，站点的创立措施，站点的管理措施任务：创立“卓帆五金制品厂”网站站点并进行管理内容：定义站点，创立文献夹和空白页面，设计备注，阶段成果评价，调整工作计划。模块三：学习情境3设计首页模块No7首页布局41.能力目的：运用表格进行页面布局的能力2.知识目的：页面布局的概念与规定、表格的概念、表格的属性、表格的合并与折分任务：用表格对“卓帆五金制品厂”网站的首页进行布局内容：绘制首页布局草图，规划网站页面表格构造，创立页面页眉区表格，创立页面导航拦表格，创立页面主体内容区表格，创立页面版3.职业素质目的： .色彩感悟能力 .构造布局能力 .体现能力 .创新能力权区表格。No8设计首页头部与版权区21 .能力目的：（1）编辑文本与编辑图象的能力（2）创立网页超级链接的能力2 .知识目的：文本与图象的属性及其设置，在表格中插入图像并定位的措施，超级链接的类型和属性3 .职业素质目的：.色彩感悟能力.构造布局能力任务：设计首页头部与与版权区内容内容：插入“卓帆五金制品厂”网站的LC）GO和BANNER,设计网站导航栏与版权区的内容No9设计首页主体内容区的内容41 .能力目的：编辑文本与编辑图象的）能力2 .知识目的：文本与图象的属性及其设置，图像与文本混合编排的概念与措施，在表格中输入文字并定位的方法，在表格中插入图像并定位的措施3 .职业素质目的：.色彩感悟能力.构造布局能力任务：设计首页主体内容区的内容内容：按照左、中、右和上、中、下的次序设计“卓帆五金制品厂”网站的首页主体内容区的内容，阶段成果评价，调整工作计划。模块四：学习情境4首页美化模块NolO美化首页81 .能力目的：使用CSS美化页面和进行页面布局於J能力2 .知识目的：CSS样式表H勺概念、CSS样式表的基本语法、CSS选择器的类型3.职业素质目的：.色彩感悟能力.构造布局能力.获取知识能力.体现能力任务：用CSS样式美化“卓帆五金制品厂”网站的首页内容：设计文本的基本样式，设置段落的样式，设置列表的属性，创立网页文本的CSS样式，编辑网页文本Fl勺CSS样式，应用网页文本的JCSS样式，链接外部CSS样式，阶段成果评价，调整工作计划。课外素质拓展：写出有关W3C原则内容及其发展状况论文一篇，规定学生自己寻找和学习有关知识并进行讲解。模块五：Noll21.能力目的：创立网任务：设计卫浴产品页面学习情境5设计二级页面模块设计卫浴产品页面页超级链接的能力2.知识目的：超级链接的类型和属性内容：绘制页面布局草图，页面布局，规划页面超级链接，创立一般超级链接创立锚记链接，设置链接打开位置Nol2设计箱包配件页面41 .能力目的：使用CSS+DIV进行页面布局的能力2 .知识目的：层的概念与属性设置、层的定位、层的操作、样式的套用3 .职业素质目的： .色彩感悟能力 .构造布局能力 .体现能力 .获取知识能力 .创新能力任务：设计箱包配件页面内容：绘制页面布局草图，页面布局，创立层，设置层的属性，调整层的大小和位置，把层转换为表格，把表格转换为层课外素质拓展：写出有关RSS内容及其发展状况论文一篇，规定学生自己寻找和学习有关知识并进行讲解。Nol3设计首饰包装页面41 .能力目的：创立框架页面的能力2 .知识目的：框架和框架集的属性及其设置措施任务：用框架构造设计“卓帆五金制品厂”网站的首饰包装页面内容：绘制页面布局草图，页面布局，规划网页框架构造，建立网页框架，添加框架页内容，设置网页框架和框架组的属性，编辑网页框架Nol4设计家居装饰页面41 .能力目的：插入其他对象的能力2 .知识目H勺：水平线、文献头标签、特殊字符、FIaSh动画等对象的概念任务：设计家居装饰页面内容：绘制页面布局草图，页面布局，插入水平线，插入文献头标签，插入网页搜索关键字，插入特殊字符，插入FlaSh动画，添加空格，添加日期Nol5设计产品模具页面41 .能力目的：创立及使用模板与库的能力2 .知识目的：模板与库的概念，可编辑区域的概念任务：产品模具页面内容：绘制页面布局草图，页面布局，创立二级页面模板，设置二级页面模板可编辑区域，管理模板，创立与管理库，阶段成果评价，调整工作计划。模块六：学习情境6设计交互页面模块Nol6设计广告特效页面41 .能力目的：使用行为创立页面的能力2 .知识目的：行为与事件的概念，行为的基本操作，原则动作3 .职业素质目的：.色彩感悟能力.创新能力任务：设计广告页面内容：用行为设计“卓帆五金制品厂”网站的弹出广告页面和浮动广告页面。Nol7设计动态交互页面21 .能力目的：制作交互页面的能力2 .知识目的：表单与表单对象的属性及其设置任务：设计“卓帆五金制品厂”网站的动态交互页面内容：绘制页面布局草图，页面布局，创立表单，插入文本域，插入单项选择框，插入复选框，插入列表和菜单，插入按钮，设置表单及表单域H勺属性，测试表单页，阶段成果评价，调整工作计划。模块七：学习情境7测试与公布模块Nol8网站测试与发布81 .能力目的：测试与公布网站的能力2 .知识目的：网站测试的措施，域名的申请措施,网站公布的措施，网站的维护与更新措施任务：测试与公布“卓帆五金制品厂”网站内容：注册域名，申请空间，安装“卓帆五金制品厂”系统，“卓帆五金制品厂”试运行，“卓帆五金制品厂”测试汇报，检查站点范围的链接，变化站点范围的链接，清理文档，设计成果评价。模块八：课外拓展实践Nol9课外拓展实践任务：项目3XXX网站设计（可组织班级进行网页设计比赛，由班级团支部、学生会自行组织，教师指导）项目参照题目：（1）制作个人网站（2）制作班级网站（3）制作鲜花网店（静态部分）（4）制作二手房交易网站（静态部分）项目规定：1 .学生分层次独立制作一种静态网站。2 .所创立的网站至少包括4个页面，分为二三层，第一层为首页，第二层为4个二级子页，第三层为3个内容页。3 .网页的版面尺寸应符合网页设计的I规范，网站中所有文献、文献夹的命名应规范，尽量做到字母数量少，见名知意、轻易理解。4 .在设计过程中，要严格规定自己，树立严密、严谨的科学态度，必须准时、保质、保量完毕任务。规定独立完毕规定的内容，不得弄虚作假，不准抄袭或拷贝他人的网页或其他内容。5 .学生应完毕工作计划制定、工作总结、自评、互评和整改。（二）实践教学体系实践教学设计於!指导思想：“以职业岗位工作过程为导向”、“工学结合”、“以学生为中心”、“以职业能力为关键”，以真实的网站为实习实训项目，将实习实训与产品、项目结合起来，强调学生将所学知识和技能在实践中的应用，积极引导学生自主学习。实践教学环节分为四种类型：上机操作演示、上机模仿实践、课外拓展实践、工学结合实训。实践项目分为三个阶段：基础型实践阶段一拓展型实践阶段一工学结合型实践阶段。实践性环节和项目如表4所示。阶段实践环节项目名称教学目的使用场所备注第一阶段上机操作演示项目1：“卓帆五金制品厂”网站制作按照由浅入深的认识规律学习网页制作的基础知识和基本技能。将网页制作的知识融入项目中进行讲解示范用于教师上机知识讲解和操作演示提供素材，边讲边做上机同步模仿实践项目2：“小小书店”网站制作教师制作“小小书店”网站制作过程视频录象课件，学生模仿老师讲解的操作措施，制作网页，理论与实践相结合，“教、学、练”三者有机融合用于学生上机实践提供素材，自主学习，独立完毕项目第二阶段课外拓展实践项目3：XXX网站制作根据所学的网页制作知识以及上机实践时积累的经验，运用课余时间自己动手尝试制作网页用于学生课外训练，学生自己准备素材，分层次选择项目自己搜集素材，独立完毕项目第三阶段工学结合实训项目4：XXX网站制作网站开发能力、综合应用知识处理实际问题能力、创新能力集中综合实训自己创作素材，合作完毕项目四、教学情景整个教学过程均在机房完毕，模拟实际工作环境，防止课堂教学与实际工作环境的脱节。机房环境：(I)硬件环境：考核用机为飞跃以上兼容机，内存不少于32M,最佳64M或128M；硬盘不不大于500M；VGA彩显，带鼠标器、声卡、耳机(学生自备)。(2)操作系统：Windows2023/2023/XP(3)软件环境：DreamweaverCS3(4)特殊规定：必须将IIS配置好，能正常进行WEB浏览五、教学措施本课程教学过程使用的重要教学措施、使用目的、实行过程，如表5所示。教学措施使用目的实行过程实行效果项目法在教学中把知识与技能进行有机的结合，充足发掘学生的发明潜能，提高学生处理实际问题的综合能力，为学生零距离就业奠定基础。教师提供项目，引导学生通过项目实践寻找完毕任务的途径和措施，最终得到项目成果。经调查大部分学生认为这种教学法有助于提高他们处理实际问题问题的综合能力。任务驱动法通过在真实的I任务中探索学习，不停地提高学生成就感，更大地激发他们的求知欲望，逐渐形成一种感知心智活动的良性循环，从而培养出独立探索、勇于开拓进取的创新能力。在实践教学中以“任务驱动”为主线，将自主筹划、任务分解、“教-学-做”和经验总结有机结合，采用“教师布置任务一学生自主筹划项目的完毕一教师引导学生总结f学生撰写工作日志”的模式。经调查所有学生认为这种教学法有助于提高他们成就感和学习爱好、加深他们对新知识学习的欲望。探究法提供学生充足时间去思索、去实践，调动学生学习和积极性、积极性，增进学生积极思维，倡导学生自己动脑、动手去获取知识，充足发挥学生学习主体作用。网页欣赏一问题提出一准备素材一分析措施一展示成果一模仿操作一归纳总结经调查大部分学生认为这种教学法有助于提高他们思索问题和分析问题的能力。分组法通过合作式、探究式的学习，将班级提成若干小经调查大部分学生认让学生真正成为注意力的中心，成为课堂教学的主人，让学生在获取知识、技能的过程中，开发潜能，培养能力，收获快乐。组,每组3-7人,以小组形式开展教