《网页设计与制作》课程标准 .docx

网页设计与制作课程标准一、概述（一）课程性质（课程性质和价值）本课程是五年制高职电子商务专业的一门主干专业课程。通过本课程的学习，要求学生掌握网页设计的基本概念，了解常用脚本语言，能够利用常见网页制作软件设计制作出常见的静态网页，了解动态网页设计方法，初步掌握动态网页的设计。同时通过本课程的学习，提高学生的操作技能，培养学生踏实认真、精益求精、团结合作、创新的精神，培养良好的职业道德。（二）课程基本理念网页设计与制作课程共分为九个项目，它们分别是：网页基础知识、制作图文并茂的网页（文本、图像、超链接）、页面布局设计（表格、层、框架）、CSS样式设计、表单的应用、使用行为、模板和库、动态网页设计初步。各项目之间既独立又相互联系：作为项目是独立的，但作为项目当中应用到的知识点，各项目之间又是有关联的。在不同的项目之间有些知识点的应用是不断重复的，以强化学生对知识点的理解，也让学生能够接触到大量的不同类型网页的制作。当然，每个项目的侧重点是不同的，教学中应当注意处理好各项目之间的关系，注意重、难点的把握。网页设计与制作课程可以在计算机基础、Photoshop图像处理、计算机网络技术、数据库等课程之后开设。本课程作为电子商务专业的一门主干专业课程，一般在3年级开设，此时学生已经具备一定的计算机基础知识和操作能力，能较快地掌握网页设计的各种知识，并运用所学知识做出具有特色的网站。（三）课程设计思路（课程框架结构、学分和学时分配、对学生选课的建议）本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将网页设计职业岗位能力中用到的知识点融合在项目中。学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。课程框架结构、学分和学时分配、对学生选课的建议项目名称学时学分备注1.初识DreamWeaver64每部分内容以项目或任务为主体，通过完成相应的项目或任务，理解相关知识点，能够熟练进行各类网页的设计操作；动态网页设计部分学习留言板的设计，初步理解动态网页设计的要点。2.制作图文并茂的网页63.页面布局设计144.CSS样式设计85.表单的应用46.使用行为47.模板和库128.静态网页综合作业109.机动8合计72二、课程目标总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备Web网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。（一）教学目标：1 .了解WWW、HTTP、HTML.CSS的定义、概念和作用;2 .理解服务器、客户端、浏览器的概念和作用；3 .理解HTML语言中的常见标记及其作用；4 .熟练掌握DreamWeaver的基本操作方法；5 .理解表格、框架、层的作用，掌握设置其属性的方法；6 .理解CSS样式表的作用和意义，掌握定义CSS样式的方法；7 .理解表单的作用，掌握设置表单元素属性的方法；8 .理解行为的作用，掌握设置行为的方法，理解简单VBSCriPt代码的含义；9 .理解模板和库的作用；10 .初步了解动态网页设计方法。（二）技能教学目标：1 .会使用Dreamweaver网页设计工具制作网页；2 .会根据需要修改HTML语言中的标记，设置相关标记的属性；3 .能够熟悉进行网页文本、图像、超链接、表格操作，并按要求设置其属性；4 .能够熟练运用表格、层、框架等进行网页布局；5 .熟练掌握CSS样式的定义和修改，并能根据实际需要进行CSS样式的定义和应用；6 .熟练掌握表单制作方法，能够根据要求进行表单的设计；7 .能够在网页中根据要求设置行为；8 .熟练掌握模板设计方法，能够根据实际需要进行模板设计，并能使用模板生成相应的网页；掌握库的基本操作方法，会使用库简化网页设计；（三）素质教学目标：1 .具有勤奋学习的态度，严谨求实、创新的工作作风；2 .具有良好的心理素质和职业道德素质；3 .具有高度责任心和良好的团队合作精神；4 .具有一定的科学思维方式和判断分析问题的能力；5 .具有较强的网页设计创意思维、艺术设计素质。三、内容标准项目一、初识DreaInWeaVer（6学时）1 .参考学时：62 .学习目标：了解网页设计的基本概念，掌握DreamWeaVer工作界面设置，掌握站点的建立和管理，能够根据要求建立和管理站点；掌握进行网页制作的一般步骤。3 .工作任务：模块一初识DreamWeaVer、站点的创建与管理（2学时）内容：网页设计的基本概念，DreamWeaVer功能简介、窗口组成及操作，建立和管理站点。要求：了解网页设计的基本理念，理解网页元素，掌握DreamWeaVer工作界面设置，掌握站点的建立和管理，能够根据要求建立和管理站点。重点：网页的基本组成元素，使用DreamWeaVer建立和管理网站。难点：网页设计的基本理念，网站风格，网页色彩搭配，使用DreamWeaVer建立和管理网站。模块二第一个页面（4学时）内容：网页制作最基本的步骤。要求：掌握网页制作的一般步骤和方法，初步掌握利用表格布局页面的方法，初步掌握设置导航方法，能够正确保存与浏览页面。重点：网页制作的一般步骤和方法。难点：利用表格布局页面的方法。项目二、制作图文并茂的网页（6学时）1 .参考学时：62 .学习目标：理解文本、图像，掌握设置其属性的方法；理解内部、外部、图像映射、邮件、文件下载、锚点、脚本等几种超链接的作用，掌握其设置方法；了解HTML代码，并能看懂。3 .工作任务：模块一制作图文并茂的图书网页（6学时）内容：制作图文并茂的图书网页，解读图书网页的HTML代码。要求：掌握在网页中插入文本、图像、超链接的方法，会根据要求设置其属性。重点：文本、图像、超链接等网页元素的基本操作及其属性设置。难点：HTML代码的理解。4 目三、页面布局设计（14学时）1 .参考学时：142 .学习目标：掌握表格的基本操作方法和表格属性的设置，理解表格HTML代码的含义并能正确应用，掌握常见特殊表格制作技巧；能够使用表格合理布局页面；掌握层在网页中的灵活运用；能够利用框架组织页面。3 .工作任务：模块一表格的基本操作及特殊表格的制作（2学时）内容：表格的三种视图方式，表格的基本操作方法，表格属性的设置，表格HTML代码的含义，特殊表格制作技巧。要求：了解表格的三种视图方式及其作用，掌握表格的基本操作方法和表格属性的设置，理解表格HTML代码的含义并能正确应用，特殊表格制作技巧。重点：表格的基本操作方法和属性设置。难点：特殊表格制作技巧。模块二典型网页设计（4学时）内容：使用表格布局网页。要求：掌握使用表格布局网页的基本方法，能够按要求合理进行网页布局。重点：使用表格布局网页。难点：利用表格合理布局网页。模块三商务网站首页设计（2学时）内容：使用表格布局网页。要求：掌握使用表格布局网页的基本方法，能够按要求合理进行网页布局。重点：使用表格布局网页。难点：利用表格合理布局网页。模块四层的基本操作设计（2学时）内容：使用层制作漂浮图片和弹出式菜单。要求：了解层的特点，掌握层及其属性设置，掌握使用层制作漂浮图片和弹出式菜单。重点：层属性设置。难点：层的灵活应用。模块五穿衣游戏（2学时）内容：使用层和行为设计穿衣游戏网页。要求：灵活使用层进行网页设计。重点：层的应用。难点：层的灵活应用。模块六利用框架组织页面（2学时）内容：利用框架组织页面。要求：掌握使用框架组织网页的基本方法，能够按要求运用框架组织网页。重点：利用框架组织页面。难点：利用框架组织页面。项目四、CSS样式设计（8学时）1 .参考学时：82 .学习目标：理解CSS的含义，掌握定义CSS的几种方式，能够根据要求定义并编辑CSS样式。3 .工作任务：模块一设置图书网页的CSS样式（4学时）内容：设置不随内容一起滚动的背景图像、即时改变网页文本大小。要求：掌握CSS定义和编辑的方法，能够按要求设置CSS样式并应用。重点：CSS样式的定义和编辑。难点：利用行为改变CSS样式。模块二搜索引擎的制作（4学时）内容：利用层和CSS样式制作搜索引擎页面。要求：掌握使用表格布局网页的基本方法，能够按要求合理进行网页布局。重点：层和CSS的综合应用。难点：层和CSS的综合应用。4 目五、表单的应用（4学时）1 .参考学时：42 .学习目标：理解表单及各表单域的作用，掌握其属性设置方法。理解并掌握表单验证方法。能够按要求设置表单域并进行表单的验证。3 .工作任务：模块一注册页面的制作（4学时）内容：完成注册表单的制作。要求：掌握表单制作技巧，能够按要求设置表单域并正确验证表单。重点：表单域的设置。难点：表单验证中代码的理解与书写。4 目六、使用行为（4学时）1 .参考学时：42 .学习目标：理解行为的作用，掌握常见行为的应用。3 .工作任务：模块一常见行为的使用（4学时）内容：利用行为制作弹出窗口、播放声音、弹出消息框、设置导航栏图像、弹出菜单等。要求：掌握常见行为的使用，能够按要求设置行为。重点：常见行为的设置。难点：设置行为时事件的选择。4 目七、模板和库（12学时）1 .参考学时：122 .学习目标：理解模板的作用，掌握创建模板的方法，能够利用创建的模板生成页面；理解库的作用，会使用库提高网页的编辑效率。3 .工作任务：模块一制作蔬菜网网站（4学时）内容：创建蔬菜网网站模板，并根据模板生成相关网页。要求：掌握创建模板的方法，能够按要求分析并创建模板，会使用创建的模板生成相关网页。重点：模板的创建，使用模板生成相关网页。难点：理解可编辑区域的概念及并正确设置。模块二设置蔬菜网网站的CSS样式（2学时）内容：设置蔬菜网网站的超链接，设置蔬菜网网站的CSS样式，并应用。要求：掌握模板的修改编辑方法。会根据要求设置模板的超链接、CSS样式，并应用在相关页面中。重点：模板的修改、模板中设置CSS样式。难点：模板和CSS的综合应用。模块三设置蔬菜网网站的库并修改（2学时）内容：设置蔬菜网网站的库，并对库进行修改，观察网页的变化。要求：掌握库的修改编辑方法，体会库的作用。重点：库的作用、定义、编辑。难点：库的定义、编辑。模块四使用模板、库创建商务网站（4学时）内容：设置蔬菜网网站的库，并对库进行修改，观察网页的变化。要求：掌握库的修改编辑方法，体会库的作用。重点：库的作用、定义、编辑。难点：库的定义、编辑。项目八、静态网页综合作业（10学时）1 .参考学时：102 .学习目标：能够综合运用表格、模板、CSS样式等熟练完成静态网页的设计。3 .工作任务：模块一制作班级主页（2学时）内容：按要求制作一个班级主页。要求：系统地掌握网页的编辑方法和过程。重点：网页的一般编辑方法和过程。难点：网页的版面设计。模块二制作广告公司主页（2学时）内容：按要求制作一个广告公司主页。要求：了解网站设计风格的确定方法、网站设计的步骤。重点：网站风格的确定方法、网站设计的步骤。难点：网站风格的确定。模块三制作一个汽车公司网站（6