民间风筝-北鸢 潍坊风筝 纸鸢网站-教学案例-教学实施.doc

《民族文化传承与创新》国家级教学资源库建设——企业案例开发 《纸鸢》网站案例教学实施 教学目标 本案例从企业岗位需要的职业能力出发，通过教学，使学生能借鉴与吸取我国传统非遗文化精髓进行潍坊风筝网站的信息架构设计、视觉设计，能独立把握网站整体风格；具有良好的网页设计能力，色彩感、形式感强，思路开阔，创意丰富；能够熟练使用网页设计制作软件设计制作网页；熟悉HTML代码、CSS样式表、javascript等,了解后台技术的应用。通过本案例的学习，学生应达到： 1．知识目标 掌握客户需求和用户需求分析的技巧； 了解行业最新动态、分类特点、行业广告行为习惯、行业互动需求特点； 理解Web前端界面设计的特点、规范和要求； 掌握中英文版Web前端界面设计制作软件的操作技巧； 掌握Web前端界面制作的操作技巧和操作规范； 掌握基本的网站后台程序编程技巧。 2．能力目标 能抓住和把握行业最新发展趋势； 能整体把握Web前端界面设计风格，并根据风格定位进行元素的设计与制作； 能合理选用和处理图文、动画、视音频等多媒体素材； 能对页面设计的合理性进行准确分析与判断； 能对用户体验进行分析与设计； 具备网站前台基本程序的解读与分析能力； 能熟练运用网站前台应用技术进行界面的制作。 3．素质目标 具有一定的人文素质，能运用各种方法分析问题和解决问题，具有较强的工作能力和学习能力； 具备借鉴与创新能力,能借鉴与吸取传统文化精髓； 具有一定的人文素质，能运用各种方法分析问题和解决问题； 关注社会、行业发展动态； 具有敬业精神，踏实肯干，诚实守信。 教学任务 《纸鸢》网站案例要求学生从网站策划与创意出发，进行网站的信息架构设计、视觉设计，通过静态网页制作到动态网页制作，循序渐进，最终完成完整的网站。《纸鸢》网站设计与制作案例可以拆解为两个子案例，贯穿《Web前端设计》课程的两个情境：Web前端界面设计、Web前端界面制作： 子案例1：符合行业规范的网站界面设计 子案例1对应的学习情境是“Web前端界面设计”。 本子案例设计基于网络平台的视觉化界面设计，从用户需求分析、作品的内容结构、网站信息架构、布局、色彩、视觉元素等方面设计作品，把握作品形式与内容的关系、界面风格的设定以及色彩在给予屏幕化设计中的应用规律，探究符合行业标准规范、符合时代特征和人文审美需求的作品设计表现。 知识点： 网站策划与创意 网站信息架构设计 网站布局设计 网站色彩设计 能力要求： 掌握网页界面设计的基本方法和设计技巧； 能够灵活运用界面设计制作软件实现创意设计； 能够把握整体网站的设计风格； 具有设计综合网站界面的能力； 把握页面设计的合理性规范； 具有收集、提炼、归纳信息的能力。 子案例2：网页界面标准化布局设计 子案例2所对应的学习情境是“Web前端界面制作”。 在子案例1的基础上，对《纸鸢》网站进行符合行业标准的标准化布局设计，对页面进行合理分析，对页面中涉及到的各种视觉元素和编程语言进行合理优化及规范存储，对网站中涉及到的多媒体元素按照流媒体的规范要求进行适当处理及数字格式转换，完成各种元素在在页面中的综合布局，编写符合行业规范的HTML程序语言。 知识点： 网站首页分析、优化、切片、存储 网络多媒体应用设计 网站首页HTML文件制作 网站次级页面HTML文件制作 网站三级页面 HTML文件制作 能力要求： 具备页面合理性的分析能力； 能够将网页设计效果图转换为HTML页面格式； 掌握Dreamweaver网站制作软件的操作技能； 具备熟练制作并完成网站页面的综合能力。 教学内容 第一部分 符合行业规范的网站界面设计 《纸鸢》网站策划 教学目标： 明确各种设计风格的网页的特征，了解《纸鸢》网站案例的设计要求，分组，并明确各自的任务。能够小组合作进行设计任务的分析，采用适当的手段搜集资料，并对资料筛选整理，能够准确进行风格定位。 教学任务 搭建网站的基本架构，完成《纸鸢》网站策划方案。 格式：Word文档。 教学内容 关于网站策划 学习网站策划的作用、内容、方法，明确网站策划的作用，掌握网站策划的内容和方法。 资料搜集整理 潍坊风筝的历史源流和发展脉络； 潍坊风筝的发展现状以及传承情况； 潍坊风筝传承人及代表作品； 潍坊风筝的类型和特征； 潍坊风筝的制作材料与工艺流程； 潍坊风筝文化的特征、与当地文化的关系等。 确定主体方向 网站策划并不是闭门造车，也不是设计师自我喜好的展现，需要进行大量的调研、资料搜集、整理、分析。 学生对搜集的资料进行筛选和整理。 小组确定网站主体方向。 《纸鸢》网站创意草案 教学目标 理解《纸鸢》网站视觉化界面设计案例的设计要求，分组，并明确各自的任务。小组合作进行设计任务的分析，采用适当的手段搜集资料，并对资料筛选整理，能够准确进行风格定位。按照确定