网页设计与制作教学革新方案.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 .视频播放软件