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

《网页设计与制作》课程改革方案课程名称：网页设计与制作英文名称：WebPagesDesignandMaking课程类型：电子商务专业核心课程学时：64时间：2009年6月一、课程性质本课程是为本院电子商务类专业的学生所开设的一门专门技术课程，本课程的目的是让学生在已学完计算机基础、计算机网络等课程的基础上进一步掌握网页设计的基本技能，为网络营销奠定基础。对今后从事网页设计的学生，为深入学习网站开发与建设奠定基础。职业面向：从事网页设计与制作职业拓展：网站建设、搜索引擎优化二、课程目标通过本课程的学习，使学生具备手工编写HTML代码的能力，能够使用Dreamweaver工具设计一个完整的静态网站的能力并具有建立站点、管理站点、测试网站与发布网站的能力，具有良好的团队合作精神、获取知识能力、网页设计创意思维能力、色彩感悟能力等素质，达到职业技能鉴定网页制作（Dreamweaver平台）中高级水平。（一）典型工作任务根据《电子商务专业（网站开发方向）培养方案》和职业岗位工作任务分析，确定《网页设计与制作》典型工作任务。课程名称（学习领域）：网页设计与制作教学时间安排：64学时对网页设计与制作的整体描述网页设计与制作人员根据网页设计任务书，在电脑办公工位，在规定的时间内以有效的方式按照专业要求完成网页维护、修改、改版或新网站建设的静态网页设计与制作工作。网页维护和修改工作，以个人独立工作；网页改版或中小型新网站建设的静态网页设计工作以小组形式或独立工作，大中型新网站建设一般以小组形式工作，使用电脑和Dreamweaver工具软件，对文字、图象和Flash等多媒体素材进行编辑、设计与制作，并符合W3C规范，对已完成的工作进行记录存档。学习目标学生在教师指导下，制定网页设计与制作工作计划，并实施和检查反馈。在网页设计与制作过程中，使用工具、设备、文字、图象和Flash素材等，在规定时间内完成网页设计与制作项目。对已完成的任务进行记录、存档和评价反馈。学习完本课程后，学生应当能够进行网页设计与制作，包括：1.网站规划；2.站点建设与管理；3.设计首页；4.美化首页；5.设计二级页面；6.设计交互页面；7.网站测试与发布。针对网页设计与制作人员应具备的能力和素质，我们将整个网页设计与制作课程分为以下七个典型工作任务。【典型工作任务1】网站规划【典型工作任务2】站点建设与管理【典型工作任务3】首页设计【典型工作任务4】首页美化【典型工作任务5】设计二级页面【典型工作任务6】设计交互式页面【典型工作任务7】网站测试与发布（二）专业能力与知识目标根据典型工作任务，确定专业能力与知识目标如下表1所示。表1专业能力与知识目标编号专业能力目标专业知识目标1规划网站结构的能力需求分析的概念与内容，网站结构知识，网站的开发流程，网页设计的基本原则，网页版面布局要求2建立站点与管理站点的能力文件与文件夹的命名规则，Dreamweaver工具的工作界面的概念，“文件”面板的使用方法，站点的创建方法，站点的管理方法3利用表格进行页面布局的能力页面布局的概念与要求、表格的概念、表格的属性、表格的合并与折分4使用CSS美化页面和进行页面布局的能力ＣＳＳ样式表的概念、ＣＳＳ样式表的基本语法、ＣＳＳ选择器的类型5编辑文本与编辑图象的能力文本与图象的属性及其设置，图像与文本混合编排的概念与方法，在表格中输入文字并定位的方法，在表格中插入图像并定位的方法6创建网页超级链接的能力超级链接的类型和属性7使用CSS+DIV进行页面布局的能力层的概念与属性设置、层的定位、层的操作、样式的套用8制作交互页面的能力表单与表单对象的属性及其设置9创建框架页面的能力框架和框架集的属性及其设置方法10使用行为创建页面的能力行为与事件的概念，行为的基本操作，标准动作11插入其他对象的能力水平线、文件头标签、特殊字符、Ｆlash动画等对象的概念12创建及使用模板与库的能力模板与库的概念，可编辑区域的概念13测试与发布网站的能力网站测试的方法，域名的申请方法，网站发布的方法，网站的维护与更新方法（三）学习情境按照项目任务的编排方式，整合专业能力与知识目标对学习领域的教学内容进行序化，设计出如下图所示7个网页设计与制作学习情境：学习情境的设计学习领域：网页设计与制作总课时：64学习情境1：手工编程课时：8学习目标：1．能力目标：（1）编写网页头部标记代码的能力（2）编写文本与图象排版代码的能力（3）编写网页表格代码的能力（4）编写网页表单代码的能力2．知识目标：（1）URL地址与域名的概念，网页与网站的概念，静态网站与动态网站的概念区别，网站分类，HTML语言的结构、格式、标记及相关属性；（2）文本标记的概念和类型，排版格式标记、图像标记、链接标记；（3）表格的标记和属性（4）表单和表单对象的标记和属性3．职业素质目标：主要内容教学方法建议1．初步阅读需求分析文档，了解设计目标、要求和设计成果2．了解网页的相关概念和术语3．认识网页中的主要构成元素4．HTML语言编写网页头部代码5．编写文本和图像排版代码6．设计网页表格，设置表格属性7．设计网页表单，设置表单和表单对象的属性，8．阶段成果评价，调整工作计划宏观教学方法探究式教学法微观教学方法讲解+案例教学教学材料使用工具学生知识与能力准备教师知识与能力要求考核与评价1．网站总体设计书2．成果评价表1．PC电脑2.Dreamweaver工具软件1．具备使用电脑和操作Internet网络的能力。2．具备识读网站总体设计书的能力。1．能够分析网站总体设计书2．熟练掌握代码编写要求和方法3.熟练掌握Dreamweaver工具软件的使用4．能够正确、及时处理学生操作过程中出现的问题及错误。评价内容：任务完成情况评价工作态度评价项目完成情况演示评价评价方式：学生自评小组成员互评教师评价学习领域：网页设计与制作总课时：64学习情境2：网站规划课时：6学习目标：1．能力目标：（1）规划网站结构的能力（2）建立站点与管理站点的能力2．知识目标：（1）需求分析的概念与内容，网站结构知识，网站的开发流程，网页设计的基本原则，网页版面布局要求；（2）文件与文件夹的命名规则，Dreamweaver工具的工作界面的概念，“文件”面板的使用方法，站点的创建方法，站点的管理方法；3．职业素质目标：★色彩感悟能力★结构布局能力★表达能力★创新能力主要内容教学方法建议1．阅读需求分析文档，理解设计目标、要求和设计成果，搜集素材，制定工作计划。2．欣赏优秀的网页，学习他人之长，激发学习网页设计的兴趣。3．分析优秀网页的布局结构、颜色搭配、视觉效果，留下直观的第一印象，为制作网页奠定基础。4．确定网站名称，规划网站的站点结构，定位网站ＣＩ形象，设计网站的整体风格及创意，绘制网站架构图。5．分组讨论，学生讲解6．定义站点，创建文件夹和空白页面，设计备注，阶段成果评价，调整工作计划。7．阶段成果评价，调整工作计划宏观教学方法探究式教学法微观教学方法讲解示范操作同步模仿分组法“教”、“学”、“做”三位一体法教学材料使用工具学生知识与能力准备教师知识与能力要求考核与评价1．网站总体设计书2．优秀网站地址3．网页色彩适配器4．成果评价表1．PC电脑2.Dreamweaver工具软件1．具备使用电脑和操作Internet网络的能力。2．具备识读网站总体设计书的能力3．具备利用网页色彩适配器软件获取适合颜色素材的能力1．能够分析网站总体设计书2．熟练掌握站点建立与管理的方法3.熟练掌握Dreamweaver工具软件的使用4．能够正确、及时处理学生操作过程中出现的问题及错误。评价内容：任务完成情况评价工作态度评价项目完成情况演示评价评价方式：学生自评小组成员互评教师评价学习领域：网页设计与制作总课时：64学习情境3：首页设计课时：10学习目标：1．能力目标：（1）利用表格进行页面布局的能力（2）编辑文本与编辑图象的能力（3）创建网页超级链接的能力2．知识目标：（1）页面布局的概念与要求、表格的概念、表格的属性及其设置；（2）文本与图象的属性及其设置；（3）超级链接的类型和属性。3．职业素质目标：★色彩感悟能力★结构布局能力★表达能力★创新能力主要内容教学方法建议1．绘制首页布局草图，规划网站页面表格结构2．创建页面页眉区表格3．创建页面导航拦表格4．创建页面主体内容区表格5．创建页面版权区表格6．插入“卓帆五金制品厂”网站的LOGO和Banner7．设计网站导航栏与版权区的内容8．按照左、中、右和上、中、下的顺序设计“卓帆五金制品厂”网站的首页主体内容区的内容9．阶段成果评价，调整工作计划宏观教学方法项目教学法微观教学方法任务驱动法探究法分组法“教”、“学”、“做”三位一体法教学材料使用工具学生知识与能力准备教师知识与能力要求考核与评价1．网站总体设计书2．首页效果图3．Logo及Banner网页素材4．操作示范视频5．成果评价表1．PC电脑2.Dreamweaver工具软件3．视频播放软件1．具备使用电脑和操作Internet网络的能力。2．具备识读网站总体设计书的能力3．具备利用图形图像处理软件获取网页素材的能力1．具备使用电脑和操作Internet网络的能力。2．具备识读网站总体设计书的能力3．具备利用图形图像处理软件获取网页素材的能力评价内容：任务完成情况评价工作态度评价项目完成情况演示评价评价方式：学生自评小组成员互评教师评价学习领域：网页设计与制作总课时：64学习情境4：首页美化课时：8学习目标：1．能力目标：（1）使用CSS美化页面的能力（2）使用CSS进行页面布局的能力2．知识目标：（1）ＣＳＳ样式表的概念；（2）ＣＳＳ样式表的基本语法；（3）ＣＳＳ选择器的类型。3．职业素质目标：★.色彩感悟能力★.结构布局能力★.获取知识能力★.表达能力主要内容课外素质拓展教学方法建议1．设计文本的基本样式，设置段落的样式，设置列表的属性；2．创建网页文本的ＣＳＳ样式，编辑网页文本的ＣＳＳ样式，应用网页文本的ＣＳＳ样式3．链接外部ＣＳＳ样式4．阶段成果评价，调整工作计划写出有关W3C标准内容及其发展情况论文一篇，要求学生自己寻找和学习相关知识并进行讲解宏观教学方法项目教学法微观教学方法任务驱动法探究法分组法“教”、“学”、“做”三位一体法教学材料使用工具学生知识与能力准备教师知识与能力要求考核与评价1．网站总体设计书2．首页3．外部ＣＳＳ样式表4．操作示范视频5．成果评价表1．PC电脑2.Dreamweaver工具软件3．视频播放软件1．具备使用电脑和操作Internet网络的能力。2．具备识读网站总体设计书的能力1．能够分析网站总体设计书2．熟练掌握使用CSS网页美化方法3.熟练掌握Dreamweaver工具软件的使用4．能够正确、及时处理学生操作过程中出现的问题及错误。评价内容：任务完成情况评价工作态度评价项目完成情况演示评价评价方式：学生自评小组成员互评教师评价学习领域：网页设计与制作总课时：64学习情境5：二级页面设计课时：18学习目标：1．能力目标：（1）创建网页超级链接的能力（2）使用CSS+DIV进行页面布局的能力（3）创建框架页面的能力（4）插入其他对象的能力（5）创建及使用模板与库的能力2．知识目标：（1）超级链接的类型和属性；（2）层的概念与属性设置、层的定位、层的操作、样式的套用；（3）框架和框架集的属性及其设置方法（4）水平线、文件头标签、特殊字符、Ｆlash动画等对象的概念（5）模板与库的概念，可编辑区域的概念3．职业素质目标：★.色彩感悟能力★.结构布局能力★.表达能力★.获取知识能力★.创新能力主要内容教学方法建议1．绘制页面布局草图，页面布局2．规划页面超级链接，创建一般超级链接创建锚记链接，设置链接打开位置3．创建层，设置层的属性，调整层的大小和位置，把层转换为表格，把表格转换为层4．规划网页框架结构，建立网页框架，添加框架页内容，设置网页框架和框架组的属性，编辑网页框架5．插入水平线，插入文件头标签，插入网页搜索关键字，插入特殊字符，插入Ｆlash动