第5章 53网站设计流程和理念.ppt

1、,一般来说，任何一个网站都要有自己的Logo和Banner. 通常位于网页的最上方的左侧。 1. 什么是Logo? logo就是标志 标志、徽标、商标(logo)是现代经济的产物，承载着企业的无形资产，是企业综合信息传递的媒介。在企业形象传递过程中，是应用最广泛、出现频率最高，同时也是最关键的元素。企业强大的整体实力、完善的管理机制、优质的产品和 服务，都被涵概于标志中，通过不断的刺激和反复刻画，深深的留在人民的心中。,我们这里所设计的网页主题是为学习交流的提供一个共享平台。主要的用户是学生和教师，主题内容是围绕学习和交流的，设计的LOGO图标正是体现了这两个核心词汇。这里采用Photosho

2、p设计,结果如图,标志描述： 双手代表互动；双色代表心情的愉悦；Study意味着学习。总体含义：每一位学生都站在一个平台上，学习是人特有的本能，在大家园里，学习者是要伸出手，互帮互助，共同进步的。只要能够彼此用心对待，以彩色活泼的心情去发现学习的乐趣，掌握学习的方法，就可以在不断的付出中收获，收获中得到快乐。,2. 什么是Banner? 在网络营销术语中，BANNER是一种网络广告形式。BANNER广告一般是放置在网页上的不同位置，在用户浏览网页信息的同时，吸引用户对于广告信息的关注，从而获得网络营销的效果。,本论坛的banner是一个动态的FLASH。体现年轻人的一种朝气。与Logo合为一体

3、后，见Images中的banner.swf文件，是用Flash实现的。 所以，设计一个网站的Logo和Banner至少得需要一种图象设计软件和一种动画设计软件。,什么是网站 ?,网站就是一个或多个网页的集合。从广义讲，网站 就是当网页发布到Internet上以后，能通过浏览器 在Internet上访问的页面 。 门户类网站 商务类网站 文娱类网站 动漫游戏类网站,网页制作的常用工具,网页设计软件 Dreamweaver是目前使用最多的网页设计软件。 图像处理软件 制作网页图像的软件种类繁多，大多数网页设计人员选择的是Fireworks或Photoshop。 动画制作软件 网页动画制作中最常用的

4、软件非Flash莫属。,课堂讲解 建议访问相关网页进行分析,第2章 网站设计的目标分析与整体策划,课堂讲解,什么是网页和网站 网站设计的整体策划,什么是网页,网页是由HTML（超级文本标识语言）或者其他语言编写的，通过网页浏览器编译后供用户获取信息的页面，它又称为Web页，其中可包含文字、图像、表格、动画和超级链接等各种网页元素。,网页设计的基本原则,确定内容 确定内容最好的表现形式和用户 确定一个创造性的/有效的设计方案,网站设计的整体策划,网站设计的基本流程 网站策划的意义与原则 网站的需求分析 网站的形象策划 网站的信息组织与创意设计,网站设计的基本流程,纯网站本身的设计 文字排版，图片

5、制作，平面设计，三维立体设计，静态无声图文，动态有声影像等； 网站的延伸设计 包括网站的主题定位和浏览群的定位，智能交互，制作策划，形象包装，宣传营销等等。,网站策划的意义与原则,设计与制作的区别-“思考” 网站设计和网站制作可以划分为两部分进行。 (1)网站设计师，负责把网站设计的平面图设计出来。(2)由网站制作人员，根据网站设计图来来使用基本的HTML文件。,一句话总结两者的区别:网页设计是想法,网页制作是做法.,一句话总结两者的区别:设计是想法, 制作是做法.,网站的需求分析,商业网站制作前期的基本流程,站点定义,用户调查,创 意,团队计划,预 算,定义站点目标,制作者,设计师,程序员,网站的形象策划,定位网站主题 确定网站的名称 定位网站的CI(Corpor