第2章 节 网站建设概论 《网页设计与制作》 .pptVIP

3）面的视觉构成 线的推移形成面。面是无数点和线的组合。面具有一定的面积和质量，占据空间的位置最多，因而相比点和线来说，视觉冲击力更大更强烈。面的形状可以分为以下几种：方、圆、三角、多边型和有机切面。面具有鲜明的个性和情感特征，只有合理地安排好面的关系，才能设计出充满美感，艺术加实用的网页作品。 图2-17 面的构成 图2-18 面的构成 图2-19 面的构成 2.2.5 网页中文字和图形的设计 图形和文字是网页的两大构成元素，缺一不可。如何处理好文字和图片的设计成了整个页面制作的关键。 1．文字的设计 1）文字设计的原则 在文字的组合中，要注意以下几个方面： （1）人们的阅读习惯。 （2）字体的外形特征。　 （3）要有一个设计基调。 （4）注意负空间的运用。 （5）在有图片的版面中，文字的组合应相对较为集中。 （6）同版面的文字应控制在三种字型以内。 （7）文字的颜色应控制在三种颜色以内，已选过的文字在颜色上要能与未选过的文字有所区别，也要与背景有所区分。 （8）内文的排列最好向左对齐并与左边界保持适当距离，可以利用表格填入文字来达到此效果。 （9）表格或清单内的字应该运用相同字型与字体大小，以利辨别。 2）文字在网页中的具体编排 （1）文字字号的选择 最适合于网页正文显示的字体大小为12磅左右。 （2）文字字体的选择 一般来说正文内容最好采用缺省字体。 （3）文字行距的设置 行距的变化会对文本的可读性产生很大影响。一般情况下，接近字体尺寸的行距设置比较适合正文。 2．图形的设计 下面介绍一些对图片进行处理的方法，以使图片能在网页中迅速显示出来。 （1）选好图片格式 （2）减少图片色彩数量 （3）对图片进行适当压缩 （4）控制图片的尺寸 （5）更改图片的显示方式 最后，还要说明一点的是：在制作图片时，单张图片不要超过30KB，一般情况，每个网页的图片总量不要超过60KB。 2.2.6 网页首页的设计 首页设计最好秉持干净而清爽的原则，同时还应该注意以下几个方面。 （1）若无需要，尽量不要放置大图或加上不当的程序，因为它会增加下载的时间，会导致浏览者失去耐心。 （2）画面不要设计得杂乱无章，使浏览者不易找到所要的东西。 （3）重视标识（Logo）的设计。 （4）首页中不要出现“自我介绍”之类的东西。 （5）不要把“欢迎光临”之类的字眼挂得太大，甚至放在首页的主窗口。 （6）最忌“建设中”。 2.3 网页制作工具概述 2.3.1 网页设计的常用工具 1．入门级软件工具——FrontPage 2．提高级软件工具——Dreamweaver 2.3.2 网页设计的辅助美化工具 1．Photoshop 2．Fireworks 3．Flash （4）对称对比型 对称对比型是采取左右或者上下对称的一种布局方法，一半深色，一半浅色，一般用于设计型站点。优点是视觉冲击力强，缺点是将两部分有机的结合比较困难，如图2-4所示，网址为：。 图2-4 对称对比布局 （5）标题正文型　　这种结构类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面就是这种，如图2-5所示，网址为：/cgi/register/reg_sso.php。 图2-5 标题正文型 （6）框架型　　框架型又可以分为左右框架型、上下框架型、综合框架型。 左右框架型是指一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标志，右面是正文，大部分的大型论坛都采用这种结构，有一些企业网站也喜欢采用这种结构。这种类型结构非常清晰，一目了然，如图2-6所示，网址为： 。 上下框架型与左右框架型类似，区别仅仅在于上下框架型是一种上下分为两页的框架结构。 综合框架型是左右框架型和上下框架型两种结构的结合，是相对复杂的一种框架结构