网站建立与构建1.ppt

旧 新 旧 新 旧 新 旧 新 最新 返回 * * * * 字体 TrueType字体：无级缩放 OpenType--把PostScript字体嵌入到TrueType的软件中 而不应该在网页中杂乱使用多种字体，不易阅读。 网站中可能使用多种字体，但是同一种字体应该应用于相同类型的数据或者信息， 网页设计中使用了用户没有安装的字体，则浏览器将用缺省字体显示，将达不到设计的字体效果 返回 800*600 返回 返回 返回 http://www.Y http://www.P http://www.E 返回 旧 新 旧 新 上左边空白布局 右边空白布局 上下边空白布局 分布式布局 艺术风格布局 网页布局元素 网页布局：在建立网站前应首先考虑网站的外观和结构。 从视觉和技术角度审视整个页面元素以及它们之间的关系。然后在整个网站上贯彻所选择的元素：布局、字体、颜色、图像以及其它多媒体。 页面布局是设计人员向用户展示信息的方式，必须规划一个结构，要具有逻辑性、易于理解，并遵守它。 网页布局元素包括页面规划布局、边界、字体、颜色、图像以及表格等： 框架：规划页面布局，允许同时显示多个页面。 表格：规划页面布局，在单元格上可以放置各种网页元素，容易排版。 导航：控制用户在网站内的移动。 段落：在页面上分组文本字符。 图像：提供视觉吸引、信息和导航。 列表：组织并强调某些信息条目。 颜色：提供网站整体色彩感觉，增加可读性、易于分类。 边距：控制显示内容距浏览器窗口边界的距离。 边界：为HTML表和框架提供可见的边界。 空白：减少页面元素混乱，分开页面上的元素 空白在网页设计中非常重要，它能够使网页看起来简洁、明快，阅读舒畅，是网页设计中必不可缺少的元素。 切记不要将尽可能多得信息放在一个网页中，应该有合理的、简明的分类，不要强迫客户从一堆信息中艰难地挑出所需要的信息，要让客户自己选择是否进入更深的链接获得信息。 也不要只为了让页面变短而分割页面，除非是在逻辑断点处。每一个页面都应该是独立完整的。 页面布局方法主要有两种： 纸面布局法、 软件布局法 页面布局技术 (1)层叠样式表(CSS) 能完全精确的定位文本和图片 浏览器是否支持CSS技术 (2)表格页面布局：边界为0 (3)框架页面布局 (4)透明GIF页面布局 占位图像 IMG SRC=transparent.gif HEIGHT=2 WIDTH=20 (5) Flash页面布局 页面布局技术： 5．页面尺寸 切记在网页设计过程中，一定不要左右拖动页面，只能上下拖动页面， 而且也不能拖动过长，客户往往会忽视页面下面的内容。 1.9 颜色与Web设计 当访问一个网站时，给我们的第一感觉是什么？是颜色。 色彩以一种“隐蔽”的方式传达的各种信息 几乎每一个成功的企业都有企业文化颜色， 微软公司的颜色是天蓝色、 Oracle公司的颜色是红黑色、 IBM公司的颜色是蓝色等 发光物体三基色：红、绿、蓝 (RGB) 不发光物体的印刷四色：青、洋红、黄、黑 (CMYK) 青(C)、洋红(M)、黄(Y)和黑(K) 色彩都具有三个要素：色调、饱和度、亮度（或明度） 色调（Hue，简称：H）：指颜色的种类，它反映了颜色的基本面貌和性质。如：红、绿、蓝等各种颜色。色调H的单位是度，表示在颜色环上所处位置的角度； 饱和度（Saturation，简称：S）：指颜色的深浅程度或浓淡程度。一般鲜艳的色彩其饱和度都比较高，较刺眼，故饱和度高的颜色一般不用作网页背景。饱和度S的单位是百分比。 亮度（Brightness，简称：B）： 指颜色的明暗程度。如白色亮度高，黑色亮度低；黄色亮度最高，紫色亮度最低。亮度B的单位是百分比。 Photoshop拾色器 颜色格式 两种数值格式： ·RGB值 ·十六进制数值 RGB：“0，255，0” 绿 BODY BGCOLOR=0，255，0 十六进制数：“#00FF00” 绿 BODY BGCOLOR=00FF00 颜色数颜色(256×256×256，224) 浏览器支持的216个颜色(另40个用于OS) 抖动：浏览器将颜色近似为它所支持的最近安全颜色的过程。 颜色和Web设计 色环：将色彩按“红?黄?绿?青?蓝?紫?红”依次过渡渐变，就可以得到一个色环。 在色环中，可以将颜色分为：暖色系、中性系和冷色系 配色方案 单色方案 色调H值得到基本颜色，再通过调整亮度B以及饱和度S得到其他几种相近颜色。 相似色方案 色彩圆环上选择彼此相邻的几种颜色构成的配色方案