非遗影像采集 企业教学案例 004-北京风俗泥塑网站-唐云莉案例教学实施.docVIP

《民族文化传承与创新》国家级教学资源库建设——企业案例开发 《北京风俗泥塑》网站案例教学实施 教学目标 本案例从企业岗位需要的职业能力出发，通过教学，使学生能熟练使用网页设计制作软件设计制作网页；熟悉HTML代码、CSS样式表、javascript等,了解后台技术的应用；具有良好的网页设计能力，色彩感、形式感强，思路开阔，创意丰富；具有丰富的商业网站及个性化网站的设计经验，能独立把握网站整体风格。通过本案例的学习，学生应达到： 1．专业能力 能对行业最新动态、分类特点、行业广告行为习惯、行业互动需求特点以及客户进行分析； 具备抓住和把握行业最新发展趋势的能力； 能整体把握网站设计风格，具备基本的字体、版式、界面、交互元素设计能力； 能对不同网站设计风格和功能进行区别与分析； 能综合灵活运用中英文版网页设计制作软件； 具备页面设计合理性的分析与判断能力； 能对用户体验进行分析与设计； 能运用网站前台应用技术； 能编写基本的网站后台程序； 具备网站前台基本程序的解读与分析能力。 2．方法能力 具备专业经验的综合与灵活运用能力； 能利用各种资源进行资料的搜集、整理与分析； 具有基本的客户分析能力； 能具体运用图表、文稿等形式或借助多媒体进行表达； 3．社会能力 具有一定的人文素质，能运用各种方法分析问题和解决问题，具有较强的工作能力和学习能力； 具备创新能力和自主学习能力； 能根据合作状况，调整工作进度，改进工作方式，不断促进和改善合作关系； 具有良好的思想道德素质，正确的世界观和人生观，严谨务实，诚实守信，爱岗敬业。 教学任务 《北京风俗泥塑》网站案例要求学生从网站策划与创意出发，进行网站的信息架构设计、视觉设计，通过静态网页制作到动态网页制作，循序渐进，最终完成完整的网站。《北京风俗泥塑》网站设计与制作案例可以拆解为三个子案例，贯穿《网页艺术设计一》课程的三个情境：界面设计、网页制作、网页编程： 子案例1：符合行业规范的网站界面设计 子案例1对应的学习情境是“界面设计”。 本子案例设计基于网络平台的视觉化界面设计，从用户需求分析、作品的内容结构、网站信息架构、布局、色彩、视觉元素等方面设计作品，把握作品形式与内容的关系、界面风格的设定以及色彩在给予屏幕化设计中的应用规律，探究符合行业标准规范、符合时代特征和人文审美需求的作品设计表现。 知识点： 网站策划与创意 网站信息架构设计 网站布局设计 网站色彩设计 技能： 掌握网页界面设计的基本方法和设计技巧； 能够灵活运用界面设计制作软件实现创意设计； 能够把握整体网站的设计风格； 具有设计综合网站界面的能力； 把握页面设计的合理性规范； 具有收集、提炼、归纳信息的能力。 子案例2：网页界面标准化布局设计 子案例2所对应的学习情境是“网页制作”。 在子案例1的基础上，对《北京风俗泥塑》网站进行符合行业标准的标准化布局设计，对页面进行合理分析，对页面中涉及到的各种视觉元素和编程语言进行合理优化及规范存储，对网站中涉及到的多媒体元素按照流媒体的规范要求进行适当处理及数字格式转换，完成各种元素在在页面中的综合布局，编写符合行业规范的HTML程序语言。 知识点： 网站首页分析、优化、切片、存储 网络多媒体应用设计 网站首页HTML文件制作 网站次级页面HTML文件制作 网站三级页面 HTML文件制作 技能： 具备页面合理性的分析能力； 能够将网页设计效果图转换为HTML页面格式； 掌握Dreamweaver网站制作软件的操作技能； 具备熟练制作并完成网站页面的综合能力。 子案例3：网页交互与特效制作 子案例3所对应的学习情境是“网页编程”。 在子案例2的基础上，对《北京风俗泥塑》网站进行符合行业标准的标准化制作，综合应用Html超文本标记语言、CSS层叠样式表、JavaScript特效应用完成网站中涉及的各种交互体验环节和动态视觉元素，对网站进行整体的规范统一，并通过当前网络主流浏览器队完成的网站设计作品进行全面测试、调整完善，并对网站的后期维护进行实践尝试。 知识点： 网站中各种特效的制作 网站中CSS样式的定义 网站用户体验设计 网站交互设计 网站测试 技能： 掌握网站前台的应用技术和基本编程语言； 能读懂网站前台设计的基本程序； 把握页面设计的合理性规范。 教学内容 第一部分 符合行业规范的网站界面设计 《北京风俗泥塑》网站策划 教学目标： 明确各种设计风格的网页的特征，了解《北京风俗泥塑》网站案例的设计要求，分组，并明确各自的任务。能够小组合作进行设计任务的分析，采用适当的手段搜集资料，并对资料筛选整理，能够准确进行风格定位。 教学任务 搭建网站的基本架构，完成《北京风俗泥塑》网站策划方案。 格式：Word文档。 教学内容 关于网站策划 学习网站策划的作用、内容、方法，明确网站策划