网站设计培训教程.pptVIP

本来也是想挑一篇技术专题来讲的， 之前别的讲师把我要说的都说完了，剩下我就没什么好讲的了，呵呵。 开个玩笑，通过本节课，是想把之前前台组的工作，给大家作一个展示。当然制作网站仅仅是其中的部分。 本节课主要讲解网站的设计制作， 至于前台框架、组件的设计制作，有机会的话就在下次课的时候说吧。 目 录 1.网站欣赏 2.网站建设理论 3.工具介绍 4.网站建设过程 5.实例介绍（简单网站制作） 一、精美网站 二、网站设计理论 1.1 网站分类 将网站按照主体性质不同分为政府网站、企业网站、商业网站、教育科研机构网站、个人网站、其它非盈利机构网站以及其它类型等。 定位好网站类型，才能把握好侧重点。 网站类型大多决定了该网站所包含的栏目、推荐使用颜色、风格等。例如：个人网站，注重个性张扬、自我展示。企业、政府网站就不能这么干了，主要是给社会大众看的，代表企业、政府形象。更喜欢稳重，快捷，色彩搭配和谐统一。 更多相关介绍 1.2网站布局 网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型。下面仅介绍最常用的几种类型： 1.2.1 “国”字型: 也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。 1.2.2 标题正文型： 这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类. 1.2.3 综合框架型： 上页两种结构的结合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”结构的，只是采用了框架结构。 我们作的业务系统大多是这种结构， 上面是一些导航或功能按钮。下面分为左右两部分，左边是导航、右边是主操作区。 稍微复杂一点的会把左侧拆分为导航菜单和信息提示窗口。 1.3 网站用色 1.3.1色彩要素（补充） 客观世界的色彩前边千变万化。各不相同，但任何色彩都有色相、明度、纯度三个方面的性质，又称色彩的三要素，而且当色彩间发生作用时，除以上三种基本条件外，各种色彩彼此间形成色调，并显现出自己的特性，因此，色相、明度、纯度、色调及色性等五项构成了色彩的要素。?  1.3.2色彩对比 两种以上的色彩，以空间或时间关系相比较，能比较出明显的差别，并产生比较作用，被称为色彩对比。 色相对比; 明度对比; 纯度对比; 补色对比; 冷暖对比： 由于色彩感觉的冷暖差别而形成的色彩对比，称为冷暖对比。（红、橙、黄使人感觉温暖；蓝、蓝绿、蓝紫使人感觉寒冷；绿与紫介与其间），另外，色彩的冷暖对比还受明度与纯度的影响，白光反射高而感觉冷，黑色吸收率高而感觉暖。 1.3.3色彩调和 两种或两种以上的色彩合理搭配，产生统一和谐的效果，称为色彩调和。 我们程序出身，毕竟不是美工出身的。对于上面的内容看着就头大。要想作好一个页面的色彩搭配，要有个性、还得和谐统一。的确有难度。不过还好了，我们不用自己去配色，有专的工具可以生成相应的本色。 由于色彩感觉的冷暖差别而形成的色彩对比，称为冷暖对比。（红、橙、黄使人感觉温暖；蓝、蓝绿、蓝紫使人感觉寒冷；绿与紫介与其间），另外，色彩的冷暖对比还受明度与纯度的影响，白光反射高而感觉冷，黑色吸收率高而感觉暖。 网页设计用到的本色软件有： ColorSPY 这个我经常用，除了可以生成配色外，还可以吸取屏幕上的颜色，得到网页上使用的颜色代码，如#ff00000 网页配色方案 这个也不错，还可以将选择配色方案导出成网页，以后还可以使用。 其他的软件就自己百度吧。 三、网站设计用到软件 Photoshop、Firework、Dreamewaver、ColorSpy、Flash 这是最常用的五个软件。 如果作一个完整网站的话，就是涉及到后台程序的话，那就会用到eclipse或其他。 Phtoshop:主要用来处理设计网页的效果图，处理图象。 Firew