《网页设计》教案讲解.docVIP

吉林动画学院 JiLin Animation Institute 教 案 （2015 ～2016 学年度第一学期） 课程名称： 网页设计 课程类别： 理论课A（含实践） √ 理论课B（不含实践） 实践（训）课 专业年级： 13级视觉1-5 班 教材名称：《Dreamweaver CS6/Flash CS6/Photoshop CS6 中文版网页设计从入门到精通》 任课教师： 教学单位： 设计分院 吉林动画学院教务处编制  第　 教学时间:第周教学课时:课时教学目标:教学重难点: 教学过程:.主要内容 第一节 网页设计介绍及类型 第二节 网站图形应用 第三节 网站图像开发应用 第四节 网页图片的优化处理 2.教学重点 了解网页设计的内容及社会发展，把握网页设计研究的目的和特点。 第二章 网页设计的语言的结构认识1 1.教学主要内容 第一节 网站的建立与管理 第二节 HTML语言的结构认识 第三节 超链接应用 第四节 列表及图片标签应用 2.教学重点 掌握网页设计中的指导作用，了解HTML语言的设计方法。 第三章 网页设计的语言的结构认识2 1.教学内容 第一节 表格标签的应用 第二节 框架的应用 第三节 图层（div）及范围（span）的应用 2.教学重点 把握网页设计的方法和程序，了解网页在布局的同时，注意其设计各要素组织。 第四章 表单设计及CSS样式的基本应用 1.教学内容 第一节 表单标签的应用 第二节 CSS属性应用 2.教学重点 掌握对表单设计基础的功能分析能力，了解对CSS样式表的正确使用。 第五章 CSS选择器应用 1.教学内容 第一节 各种选择器的应用 第二节 CSS属性应用（用户界面） 2.教学重点 掌握网页设计中样式表的基本内容和学习要点，规范网页设计的界面状态。 第六章 讲解构建CSS的布局方法 1.教学内容 第一节 DIV+CSS网站制作的流程 第二节 DIV+CSS实践应用 2.教学重点 以虚拟的或真实的课题内容，进行课程练习。注意学生的布局设计，要求学生掌握DIV+CSS 设计的基本规律和设计要求。 教学重点： 实例的赏析容易完成，对于经典的借鉴不容易达到。这就要求学生在赏析的过程中学会运用。 教学手段：多媒体授课 作业与思考题：制作一个简单的网站设计 参考资料：网络及书籍整理 第　 教学时间：教学课时：课时　教学进度：正常教学目标：　　　　　　　　　教学重点：教学过程：1.内容简洁 新闻报道不是科学论文，读者不需要接触到那些琐碎的专业细节，所以一幅infographic，只要讲清楚一个观点就行了。当然，这并不代表应该只展现一个数字，而是你使用的这组数字应该只用来说明一个主要观点 2.大小合适 事先规划好图形最终的尺寸是多大，能不能看的清楚。要知道，并不是人人都愿意“点击查看大图”的。如果图片实在太大的话，那至少在缩小版上保证概要内容能看的清楚，让有兴趣的人“点击查看细节”。从整体的排版和布局上考虑这个infographic怎么和文章匹配，放在哪个位置、占多大篇幅等等 3.表达专业把数字与相应的注解融入到infographic中去，让它看起来专业化。但注意不要专业过头，让普通读者觉得太难懂了，读者是不会花太长的时间来专研这些图表的。更不要简单地把图表、数据和注解分散在不同位置，迫使读者不得不在这些内容间不停地来回移动 4.数据清晰 图表也常常让人得出错误的结论。适当保留详细的数据源表，或者提供一个链接、文档什么的，让有心的读者可以深入挖掘下去 5.与众不同 如果可以的话，避免使用常规的柱状图、线图和饼图。可以加入些互动元素，让图表活起来 第　 教学时间：第周　　教学课时：　教学目标：教学重点： 教学过程：色彩是任何设计领域中最重要的一方面。 设计师在决定了一个网站风格的同时，也决定了网站的情感，而情感的表达很大程度上取决于颜色的选择。颜色是很有力的工具，所有设计师在设计网页时就应该明白这一点。 一、颜色术语 色轮的主要组成 所有的色彩能在一个色轮中呈现。在这个色轮中，我们能把颜色分成3大块：原色，辅助色和第三颜色。 三原色分别是红色，蓝色和黄色。这些色彩是基础色，他们组成了色轮上的所有其他颜色。把原色混合在一起，你就能得到辅助色，它们是橙色、绿色和紫色。 二、颜色的关系 描述颜色有大