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

《《网页设计与制作》课程改革方案.docx》由会员分享，可在线阅读，更多相关《《网页设计与制作》课程改革方案.docx（46页珍藏版）》请在优知文库上搜索。

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

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

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

4、页面；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进行页面布局的能力层的概念及属性设置、层的定位、层的操作、样式的套用8制作交互页面的能力表单及

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

7、目标：(1)编写网页头部标记代码的能力(2)编写文本及图象排版代码的能力(3)编写网页表格代码的能力(4)编写网页表单代码的能力2 .知识目标：(1)URL地址及域名的概念，网页及网站的概念，静态网站及动态网站的概念区别，网站分类，HTML语言的结构、格式、标记及相关属性；(2)文本标记的概念和类型，排版格式标记、图像标记、链接标记；(3)表格的标记和属性(4)表单和表单对象的标记和属性3.职业素质目标：主要内容教学方法建议1 .初步阅读需求分析文档，了解设计目标、要求和设计成果2 .了解网页的相关概念和术语3 .认识网页中的主要构成元素4 .HTML语言编写网页头部代码5 .编写文本和图像排

8、版代码6 .设计网页表格，设置表格属性7 .设计网页表单，设置表单和表单对象的属性，8 .阶段成果评价，调整工作计划宏观教学方法探究式教学法微观教学方法讲解+案例教学教学材料使用工具学生知识及能力准备教师知识及能力要求考核及评价1.网站总体设1PC电脑2.Dreamweaver1.具备使用电脑和操作1.能够分析网站总体设计书评价内容：任务完成计书2,成果评价表工具软件Internet网络的能力。2.具备识读网站总体设计书的能力o2 .熟练掌握代码编写要求和方法3 .熟练掌握Dreamweaver工具软件的使用4 .能够正确、及时处理学生操作过程中出现的问题及错误。情况评价工作态度评价项目完成情

9、况演示评价评价方式：学生自评小组成员互评教师评价学习领域：网页设计及制作总课时：64学习情境2：网站规划课时：6学习目标：1 .能力目标：(1)规划网站结构的能力(2)建立站点及管理站点的能力2 .知识目标：(1)需求分析的概念及内容，网站结构知识，网站的开发流程，网页设计的基本原则，网页版面布局要求；（2）文件及文件夹的命名规则，Dreamweaver工具的工作界面的概念，文件”面板的使用方法，站点的创建方法，站点的管理方法；3 .职业素质目标：色彩感悟能力结构布局能力表达能力创新能力主要内容教学方法建议1.阅读需求分析文档，理6.定义站点，创建宏观教学方微观教学方解设计目标、要求和设计文件

10、夹和空白页法法成果，搜集素材，制定工面，设计备注，阶探究式教学讲解作计划。段成果评价，调整法示范操作2.欣赏优秀的网页，学习工作计划。同步模仿他人之长，激发学习网页7.阶段成果评价，分组法设计的兴趣。调整教、3 .分析优秀网页的布局结构、颜色搭配、视觉效果，留下直观的第一印象，为制作网页奠定基础。4 .确定网站名称，规划网站的站点结构，定位网站C1形象，设计网站的整体风格及创意，绘制网站架构图。5 .分组讨论，学生讲解工作计划点学”、做三位一体法教学材料使用工具学生知识及能力准备教师知识及能力要求考核及评价1 .网站总体设计书2 .优秀网站地址3 .网页色彩适配器4 .成果评价表1. PC电脑

11、2. Dreamweaver工具软件1 .具备使用电脑和操作Internet网络的能力。2 .具备识读网站总体设计书的能力3 .具备利用网页色彩1 .能够分析网站总体设计书2 .熟练掌握站点建立及管理的方法3 .熟练掌握Dreamweaver工具软件的使用4 .能够正确、评价内容：任务完成情况评价工作态度评价项目完成情况演示评价评价方式：学生自评小组成员互适配器软件获取适合颜色素材的能力及时处理学生操作过程中出现的问题及错误。评教师评价学习领域：网页设计及制作学习情境3：首页设计学习目标：1 .能力目标：(1)利用表格进行页面布局的能力(2)编辑文本及编辑图象的能力(3)创建网页超级链接的能力

12、2 .知识目标：(1)页面布局的概念及要求、表格的概念、表格的属性及其设置；(2)文本及图象的属性及其设置；(3)超级链接的类型和属性。3 .职业素质目标：色彩感悟能力总课时:64课时：10结构布局能力表达能力创新能力主要内容教学方法建议1 .绘制首页布局草图，规划网站页面表格结构2 .创建页面页眉区表格3 .创建页面导航拦表格4 .创建页面主体内容区表格5 .创建页面版权区表格6 .插入卓帆五金制品厂”网站的LOGO和Banner7 .设计网站导航栏及版权区的内容8 .按照左、中、右和J中、下的顺序设计卓帆五金制品厂”网站的首页主体内容区的内容9 .阶段成果评价，调整工作计划宏观教学方法项目

13、教学法微观教学方法任务驱动法探究法分组法教”、学、做三位一体法教学材料使用工具学生知识及能力准备教师知识及能力要求考核及评价L网站总体设计书2.首页效果图3Logo及1. PC电脑2. Dreamweaver工具软件3. 视频播放软件1 .具备使用电脑和操作Internet网络的能力。2 .具备识读网站总1 .具备使用电脑和操作Internet网络的能力.2 .具备识读网评价内容：任务完成情况评价工作态度评价项目完成情Banner网页素材4.操作示范视频5.成果评价表体设计书的能力3.具备利用图形图像处理软件获取网页素材的能力站总体设计书的能力3.具备利用图形图像处理软件获取网页素材的能力况演示评价评价方式：学生自评小组成员互评教师评价学习领域：网页设计及制作学习情境4：首页美化学习目标：1 *能力目标：(1)使用CSS美化页面的能力(2)使用CSS进行页面布局的能力2 .知识目标：(I)CSS样式表的概念；(2) CSS样式表的基本语法；(3) CSS选择器的类型。总课时：64课时：83 .职业素质目标:.色彩感悟能力.结构布局能力获取知识能力.表达能力主要内容课外素质拓展教学方法建议1 .设计文本的基本样式，设置段落的样式，设置列表的属性；2 .创建网页文本的CSS样式，编辑网页文本的C