《静态网页设计》课程标准.doc

静态网页设计课程标准课程信息课程编码：31464课程名称：静态网页设计课程类型：类课程属类：职业能力课程课程学分：4学分参考课时：64学时课程性质：必修课开课部门：信息工程系适用专业（层次）：计算机应用技术（大专）先修课程：计算机文化基础后续课程：网站后台开发网站开发实战、网络数据库职业资格：网页设计师制 订：静态网页设计课程开发团队批 准 人：姜义林课程负责人： 一、课程简介静态网页设计是计算机应用技术专业的职业能力课程之一，对培养学生的网站建设岗位的职业能力起到支撑作用。课程学习过程中培养学生的网站设计、开发能力，能将客户需求归纳整理成文档的能力，能使用平面设计、动画设计、网站编辑等软件工具的能力。通过具体内容的学习，最终能按照正规的设计流程制作出客户满意的页面，为其职业发展提供坚实的技术基础。二、课程性质与定位静态网页设计构建以基于企业的“网站开发工作流程”为导向的“模块式”课程结构，模块的划分以“行为导向教育理论”来展开；通过学习，学生会进行网站欣赏、网站规划规范、网站效果图设计、网页色彩与布局设计、网页动画设计、网页布局与编辑、HTML使用、层叠样式表CSS、DIV+CSS网页布局、模板与库的应用、静态网站动态化、实际项目开发等。三、课程设计思路本课程的学习紧紧围绕项目展开，以任务为学习驱动，实现了“学以致用”的教学目的。全部教学内容分布在子项目中进行，内容由浅入深，逐步引导学生从基本静态网页制作基本技巧入手，进一步了解和掌握了静态网页的高级制作，最后通过为期四周的综合网站开发完成，强化和巩固所学知识，使学生全面的掌握静态网页制作基本技能。四、课程培养目标（一）总体目标通过本课程的学习，主要培养学生掌握静态网页的制作，学会进行网站欣赏、网站规划规范、网站效果图设计、网页色彩与布局设计、网页动画设计、网页布局与编辑、HTML使用、层叠样式表CSS、DIV+CSS网页布局、模板与库的应用、静态网站动态化、实际项目开发等。（二）知识目标u 掌握使静态网页编辑基本技巧u 掌握静态网页初级应用u 掌握html语言的使用（三）能力目标1、专业能力u 能够掌握Dreamweaver的使用技巧；u 能够使用html语言设计网页。2、方法能力u 英语的灵活应用能力；u 分析实际问题并提出新的解决方案的能力；u 持续学习，独立思考的基本能力；u 获取新知识、新技能、新方法的基本能力；u 制定完整的工作计划的能力；u 灵活分析、独立处理问题的能力。3、社会能力u 具有良好的职业道德和身心素质以及创新能力；u 工作中与他人的合作、交流与协商能力；u 语言表达、社会交往和沟通能力；u 劳动组织能力、团队协作能力；u 按规范办事、批评与自我批评能力；u 敬业、吃苦耐劳的精神。（四）素质目标1、基本素质思想政治素质：有正确的政治方向；有坚定的政治信念；遵守国家法律和校规校纪；爱护环境，讲究卫生，文明礼貌；为人正直，诚实守信。科学文化素质：有科学的认知理念与认知方法和实事求是勇于实践的工作作风；自强、自立、自爱；有正确的审美观；爱好广泛，情趣高雅，有较高的文化修养。2、职业素质职业道德：遵守IT行业规范，尊重知识产权，热爱本职工作，诚实可靠、保守秘密、尊重他人隐私。职业行为：严格执行国家相关标准，严格按照工作流程作业，遵守合同规定所有事项，爱护网络工具、产品和环境。五、课程内容和要求序号单元名称教学内容与要求实践项目与要求学时1网页设计基础任务1：熟悉Dreamweaver CS3的工作界面任务2：创建网站框架；管理站点文件和文件夹；管理站点任务3：网页文件头设置掌握网页设计基础知识42网页中编辑文本任务1：文本与文档；项目符号和编号列表任务2：水平线、网格与标尺掌握网页中文本编辑技巧43网页中图像、多媒体应用任务1：图像的插入、调整图文的混排效果任务2：创建网站相册、多媒体在网页中的应用掌握多媒体信息在网页应用44网页中超链接应用任务1：超链接的概念与路径知识任务2：文本超链接、图像超链接、命名锚记超链接、热点链接掌握各种链接建立方法45网页布局任务1：表格的使用任务2：框架的使用掌握网页布局基本思路86表单任务1：CSS样式的使用任务2：表单操作样式概念和表单使用87Html语言任务1：基本Html命令任务2：高级Html命令Html语言语法和应用168综合模块设计任务：综合模块设计：利用所学相关知识设计一个完善网站静态网页设计综合应用16六、教师任职要求专任教师兼职教师教学能力要求专业能力要求专业能力要求教师应熟练掌握Dreamweaver的使用，能使用设计和编码两种方法熟练编制静态网页。能够运用各种教学方法引导学生完成相应的学习任务。七、教学条件与设施要求u 教学环境：教学做一体化实训机房u 软件：安装Dreamweaver软件的多媒体计算机八、实施建议（内容建议包括：教学建议、考核评价建议、教材编写和选用建议、学生学习资源建议、课程资源开发与利用建议等）（一）教学建议1、教学方法建议本课程在教学过程中采用多种教学方法，包括启发引导法、案例分析法、分组学习法、演示教学法、鼓励创新法等引导学生完成相应的任务2、学习单元设计学习单元设计要围绕工作过程的工作对象、工作内容、工作方法、工作手段、工作组织和工作要求六个要素，按照工作过程的资讯、决策、计划、实施、检查、评估6个步骤，对教学活动进行详细设计，既要具体、又可操作。（二）考核评价建议以定量方式呈现评价结果，采用平时成绩和期末大作业成绩相结合的形式。本课程以实践为导向、模块化的教学方式展开教学活动，考核形式多样，分散与集中相结合，期末与平时相结合。课程总成绩化整为零，减轻期终考试负担，注重平时学习的考核。根据行为向导型教学法的“质量控制”要求，就是要把总结性评价与形成性评价结合起来，全面提高本课程的教学效果。（三）教材编写和选用1、教材的选用u 书名：网页设计与制作实用教程u 主编：陈承欢u 出版社：人民邮电出版社u 出版日期：2011年6月第2版2、教材的编写必须依据本课程标准编写教材。充分体现任务引领、实践导向课程设计思想。教材体现先进性、通用性、实用性。反映新技术、新工艺，典型产品和服务的选择科学，体现地区产业特点。教材内容呈现方式，其结构如下:资讯(问题情境):决策(问题分析):计划(任务设计):实施(任务实施)：检查(任务总结)：评估(思考训练)：拓展(任务拓展)：（四）学生学习资源1、教学参考用书：Dreamweaver cs3中文版实例教程人民邮电出版社第一版2、网络资源：（1）课程资源库（五）课程资源开发与利用网站开发课程群精品课程网站、学生实验实训项目单、学生实验实训记录单。九、附录（一）常用术语解释1、 HTMLHTML是Hypertext Markup Language（超文本标记语言）的缩写，它是构成Web页面（Page）的主要工具。在网上，如果要向全球范围内出版和发布信息，需要有一种能够被广泛理解的语言，即所有的计算机都能够理解的一种用于出版的“母语”。WWW（World Wide Web）所使用的出版语言就是HTML语言。2、 CGI公共网关接口CGI（Common Gateway Interface），可以让HTML文件在客户机和服务器之间建立一种交互性，使信息网关、反馈机制、访问数据库、订货和查询等一系列灵活复杂的操作可以实现。最常用的应用有：论坛、留言本、聊天室、购物系统、会员管理等。3、 ASPASP（Active Server Page）是Microsoft推出的一种服务器端命令执行环境，它让读者可以轻松地结合HTMLWEB页面、脚本（Script）程序和ActiveX组件建立或执行动态、交互式WEB服务器应用程序。最常用的应用有：论坛、留言本、聊天室、购物系统、数据库访问。4、 JavaScript语言JavaScript是一种紧缩的、基于对象的脚本描述语言，用于客户端和服务器端Internet应用程序的开发。由Netscape公司开发。现在的、浏览器，可解释直接嵌入在HTML页面中的JavaScript语句，不需要通过编译。相类似的语言还有由微软公司开发VBScript，最常用的应用有：动态按钮、弹出窗口、自动更新日期。5、 是Cascading Style Sheets（层叠样式表单）的简称。它主要的功能是可以在将网页的样式（如字体大小、字体颜色、行高度、背景色）更灵活地控制、定位（如建立专门的文件，只要改变一个数值，就可令一整个网站的字体风格产生变化）。（二） 教学案例 教材分析本单元是教材内容的综合应用，所需课时为16节。是网页建立综合应用。学情分析所教的学生已学习过计算机文化基础相关课程，对网页和网站有感性认识基础，所以在授课时侧重创建项目的操作步骤和展示静态网页制作核心技术，并且通过各个项目之间的联系和操作的重复出现，使学生在学习和练习的过程中加深认识，逐步熟悉和掌握静态网页制作方法。教学目标专业能力1. 站点建立2. 网页规划3. 网页设计4. Html语言应用方法能力良好的思维能力；良好的学习能力，能独立分析和解决问题的能力；情感、态度、价值观1、通过项目教学法，学生学会团体合作、讨论解决问题。2、良好的沟通表达能力和协调能力。3、善于总结，学会从学习中获得乐趣教学重点网站框架；管理站点文件和文件夹；网页设计教学难点Html语言使用教学方法演示法、案例分析法、自主探究法、任务驱动法教学过程一、复习 计算机网页设计基础知识。二、导入新课，明确学习目标 通过浏览网站，启发创作欲望和热情。三、新知识学习教学过程项目分析布置任务：1、综合运用PhotoShop、Flash及Dreamweaver相关知识完成网站整体设计。2、网站题目或主题可以根据自己情况及喜好自拟。如，个人网站；班级网站；家乡网站等；仅供参考。要求：1、页面丰富，内容完善，能很好的反映本网站的主题思想。2、网站子页面界面美观，内容丰富，风格统一，有一定的视觉冲击效果。尽量多的运用所学技术加入特效以吸引游客浏览。3、设计中涉及的技术要点要丰富，体现一定的工作量（至少包含5个页面）。4、全面应用静态网页设计知识。项目准备及实施1、分组：全班自由结合共分为七个大组（每组8人左右）；每组成员集中坐在一起合作完成网站设计。2、分工：组内成员自由分工，需制定一组长。组长人选要求正直、有责任心，主要负责为组员分工配工作，检查监督组员自觉地完成自己的工作。另外组长还要负责协调好组员之间的矛盾以及控制好各部分工作的完成进度，可以在具体分工的基础上组员之间相互帮助相互合作完成各部分工作，以保障项目的按时完成。在项目结束阶段，组长要负责