网页设计1-入门汇总

1、授课人：何蕴婷EMAIL：（一）网页设计入门（一）网页设计入门内部培训资料,不作任何宣传用途网站概述网站概述 一、Internet 与WWW 1、Internet能提供包括：WWW服务、EMAIL服务、网上传呼、文件传输、在线聊天、网上购物、网络游戏等服务。 2、Web页工作原理 内部培训资料,不作任何宣传用途二、网站及分类二、网站及分类 1、 WEB页的制作软件： 编辑器（ 如记事本 、 FrontPage 、Dreamweaver 等）WEB页的查看软件：浏览器（如Internet Explore、Netscape Navigator等） 2、网页和站点 内部培训资料,不作任何宣传用途二、

2、网站及分类二、网站及分类 1、网站的分类 企业：http:/ 商业：http:/ 个人： http:/ 教育科研： / 政府网站：http:/ 学习类网站：/ 其它：艺术类网站http:/ 1、企业、商业网站的特点：内部培训资料,不作任何宣传用途三、三、网站设计的基本规律网站设计的基本规律1、企业、商业网站的特点： 经济类网站: http:/ 政府内部培训资料,不作任何宣传用途三、三、网站设计的基本规律网站设计的基本规律 2 教育、信息网站的特点：nhttp:/ 2 教育、信息网站的特点：http:/web.mit.

3、edu/ 内部培训资料,不作任何宣传用途三、三、网站设计的基本规律网站设计的基本规律3 时尚、休闲网站的特点：nhttp:/ 艺术类网站的特点：nhttp:/ 音乐网站内部培训资料,不作任何宣传用途三、三、网站设计的基本规律网站设计的基本规律4 艺术类网站的特点：nhttp:/ 美术网站内部培训资料,不作任何宣传用途三、三、网站设计的基本规律网站设计的基本规律4 艺术类网站的特点：nhttp:/ 摄影网站内部培训资料,不作任何宣传用途三、三、网站设计的基本规律网站设计的基本规律4 游戏类网站的特点：nhttp:/.hk/内部培训资料,不作任何宣传用途课堂讨论课堂讨论 以上网站实例大家看了之后感

4、觉如何？ 以上网站的整体造型各有不同，为何要采用这样的设计呢？ 网页界面设计的宗旨是什么？内部培训资料,不作任何宣传用途To Be ContinueTo Be Continue内部培训资料,不作任何宣传用途网页界面设计网页界面设计 一、基本要素 1、页眉 2、导航条 3、文本 4、图像 5、多媒体 6、页脚内部培训资料,不作任何宣传用途网页界面设计网页界面设计 1、页眉 2、导航条 3、文本 4、图像 5、多媒体 6、页脚内部培训资料,不作任何宣传用途网页界面设计网页界面设计 二、整体造型内部培训资料,不作任何宣传用途网页界面设计网页界面设计 二、整体造型 1、弧形和圆形 http:/ 二、整

5、体造型 2、矩形http:/ 二、整体造型3、菱形和多边形http:/ 二、页面设计内部培训资料,不作任何宣传用途网页界面布局的基本原则和类型网页界面布局的基本原则和类型一、界面布局的基本原则 均衡 简约 惯性内部培训资料,不作任何宣传用途界面布局的类型界面布局的类型 “门”字型http:/ 直角型内部培训资料,不作任何宣传用途界面布局的类型界面布局的类型标题正文型http:/ 2.纯度对比:http:/ 3.相近色对比: 4.互补色对比 5.暖色对比: http:/ 6.冷色对比:http:/内部培训资料,不作任何宣传用途网页色彩特征处关系网页色彩特征处关系1.网页色彩特征(1)网页安全色W

6、EB安全色：由于浏览器在显示这1670万种颜色时是有选择的，它只能选择其中的216种进行显示，无论是Rec（00-FF），Green（00-FF）颜色通道，或是Blue（00-FF）对任意一通道，都采取一种“跳跃”的方式进行颜色编码，即R、G、B都只能在00-FF之间的跳跃取值，而不能任意取值。这种跳跃显示的色彩被称为WEB安全色，意义是在任何浏览器上都能够正确显示。(2)色彩模式2.色彩关系内部培训资料,不作任何宣传用途网页设计作品欣赏网页设计作品欣赏-内部培训资料,不作任何宣传用途网页设计作品欣赏网页设计作品欣赏-内部培训资料,不作任何宣传用途网页设计实例：卫浴公司的网站网页设计实例：卫浴公司的网站 首页的制作内部培训资料,不作任何宣传用途网页设计实例：卫浴公司的网站网页设计实例：卫浴公司的网站二级页面二级页面内部培训资料,不作任何宣传用途网页设计实例：卫浴公司的网站网页设计实例：卫浴公司的网站三级页面三级页面内部培训资料,不作任何宣传用途网页设计实例：摄影网站的页面设计网页设计实例：摄影网站的页面设计内部培训资料,不作任何宣传用途课