《网页设计的准则》PPT课件.ppt

《《网页设计的准则》PPT课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第5节网页设计的准则Evaluationonly.CreatedwithAspose.Slidesfor.NET3.5ClientProfile5.2.0.0.Copyright2004-2011AsposePtyLtd.5.1网页的基本元素5.2网页布局5.3配色原则第5节网页设计的准则Evaluationonly.CreatedwithAspose.Slidesfor.NET3.5ClientProfile5.2.0.0.Copyright2004-2011AsposePtyLtd.确定网站的题材，并且收集和组织了许多相关的资料内容后，按照以下方面组织内容来吸引浏览

2、者浏览网站。1．站点结构图2．导航栏3．精美的图片4．引人入胜的内容5．反馈表6．联系方式页面7．搜索工具8．常见问题解答网页设计的准则Evaluationonly.CreatedwithAspose.Slidesfor.NET3.5ClientProfile5.2.0.0.Copyright2004-2011AsposePtyLtd.5.1.1网页的基本元素网页是网站提供信息服务的主要形式，一般包含文字、图像和表格等内容，以及实现信息块之间跳转的超链接。网页通常以网页文件及其附属文件形式存在。常见的网页元素包括文本、图片、超链接、表格、导航栏、动画和交互表单。1．文本

3、2．图片和动画3．声音和视频4．超链接5．导航栏6．表格7．表单8．其他常见元素网页的设计Evaluationonly.CreatedwithAspose.Slidesfor.NET3.5ClientProfile5.2.0.0.Copyright2004-2011AsposePtyLtd.5.2网页布局网页是网站构成的基本元素。当浏览者移动鼠标，在网海中遨游，一个个精彩的网页会呈现在用户面前。网页是否精彩，能否吸引浏览者，除了色彩的搭配、文字的变化、图片的处理等因素外，还有一个非常重要的因素—网页的布局。1．网页布局的基本概念对于初学者，最好应先了解网页布局的基本概念

4、。（1）页面尺寸一般在分辨率为1024*768像素的情况下，页面的显示尺寸为1007*600像素；在分辨率为800*600像素的情况下，页面的显示尺寸为780*428像素；而在分辨率为640*480像素的情况下，页面的显示尺寸为620*311像素。在网页设计过程中，向下拖动页面是惟一给网页增加更多内容（尺寸）的方法。但应当注意的是，除非设计者肯定站点的内容很有吸引力，否则不要让浏览者拖动页面超过三个屏幕。网页的设计Evaluationonly.CreatedwithAspose.Slidesfor.NET3.5ClientProfile5.2.0.0.Copyright

5、2004-2011AsposePtyLtd.5.2网页布局（2）整体造型造型就是创造出来的物体形象。这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的结合应该是层叠有序的。虽然显示器和浏览器都是矩形的，但对于页面的造型，设计者可以充分运用自然界中的各种形状及它们的组合，如矩形、圆形、三角形、菱形等。虽然不同形状代表不同意义，但目前的网页制作大多结合多种图形加以设计，只是其中某一种图形的构图比例可能占得多一些。网页的设计Evaluationonly.CreatedwithAspose.Slidesfor.NET3.5ClientProfile5.2.0.0.Co

6、pyright2004-2011AsposePtyLtd.Evaluationonly.CreatedwithAspose.Slidesfor.NET3.5ClientProfile5.2.0.0.Copyright2004-2011AsposePtyLtd.Evaluationonly.CreatedwithAspose.Slidesfor.NET3.5ClientProfile5.2.0.0.Copyright2004-2011AsposePtyLtd.Evaluationonly.CreatedwithAspose.Slidesfor.NET3.5ClientPr

7、ofile5.2.0.0.Copyright2004-2011AsposePtyLtd.Evaluationonly.CreatedwithAspose.Slidesfor.NET3.5ClientProfile5.2.0.0.Copyright2004-2011AsposePtyLtd.Evaluationonly.CreatedwithAspose.Slidesfor.NET3.5ClientProfile5.2.0.0.Copyright2004-2011AsposePtyLtd.5.2网页布局2．网页布局的一般步骤（1）构思根据网