《网页设计》教案.pdf

《网页设计》教案

授课题目一、网站设计概述与规范授课时间

任务1网站设计构成元素

教学方法案例、情境、自主探究教学法课时2学时

任务驱动、演示、项目教学法

机房、计算机、扩音器、

授课方式理论课■实训课■讨论课□教具Office2010、Photoshop、

习题课□其他□

Illustrator

1.了解项目实训内容、步骤及要求。

教学目的2.掌握网页美工设计的工作流程和设计要领；

3.掌握网页的版面构成元素及各元素的作用。

教学重点1.掌握网页美工设计的工作流程和设计要领；

2.掌握网页的版面构成元素及各元素的作用。

教学难点掌握网页的版面构成元素及各元素的作用。

课后作业

根据选择的网站从多个角度进行网页设计分析，完成案例分析报告。

与思考题

教学后记

一、了解网站设计

网站不单单是把各种信息简单地堆积起来能看或者表达清楚就行，还要考

虑通过各种设计手段和技术让受众能更多更有效地接收页面中的各种信息，从

而对网站留下深刻的印象并催生消费行为，提升企业品牌形象。

1.什么是网站设计

网站设计是以互联网为载体，以互联网技术和数字交互式技术为基础，依

照客户的需求与消费者的需要设计有关商业宣传目的网页，同时遵循艺术设计

规律，实现商业目的与功能的统一，是一种商业功能和视觉艺术相结合的设计。

2.网站设计特点

与当初的纯文字和数字的网页相比，现在的网页无论是在内容上，还是在

形式上都已经得到了极大的丰富。网页视觉设计也具有了视觉传达设计的一般

特征，同时兼有了时代新的艺术形式。

教学

基本

二、网站设计构成元素

过程

及设与传统媒体不同，网站界面除了文字和图像以外，还包含动画、声音和视频

计等新兴多媒体元素，更有由代码语言编程实现的各种交互式效果，这些极大的

增加了网站界面的生动性和复杂性，同时也使网页设计者需要考虑更多的页面

元素的布局和优化。

1.文字

文字元素是信息传达的主体部分，从网页最初的纯文字界面发展至今，文

字仍是其他任何元素所无法取代的重要构成。

2.图形符号

图形符号是视觉信的载体，通过精练的形象代表或某一事物，表达一定的

含义，图形符号在网站界面设计中可以有多种表现形式。

3.图像

图像在网站界面设计中有多种形式，图像具有比文字和图形符号都要强烈

和直观的视觉表现效果。

4.多媒体

网站界面构成中的多媒体元素主要包括动画、声音和视频，这些都是网站

界面构成中最吸引人的元素，但是网站界面还是应该坚持以内容为主，任何技

术和应用都应该以信息的更好传达为中心，不能一味的追求视觉化的效果。

5.色彩

网站界面中的配色可以为浏览者带来不同的视觉和心理感受，它不像文字、

图像和多媒体等元素那样直观、形象，它需要设计师凭借良好的色彩基础，根据

一定的配色标准，反复试验、感受之后才能够确定。

三、任务实施——案例分析

标出示网页的组成元素，分析网站网页设计的特点、优劣及建议。

一、网站设计概述与规范

授课题目任务2网站设计原则授课时间

任务3色彩在网站设计的作用

教学方法案例、情境、自主