网页设计与制作 第二版 相万让 第02章

《网页设计与制作 第二版 相万让 第02章》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第2章网页设计基础2.1网页设计基础2.1.1网页风格网站的风格可以从以下几个方向来探讨色彩的搭配：网页的底色、文字字型、图片的色系、颜色等。版面的排列：表格、框架的应用，文字缩排、段落等。导航的设计：导航窗口效果、导航效时等。程序的选择：网页制作程序，如ASP，PHP，XML，CGI等。特效的应用：让网页看起来生动活泼的各种特殊应用，如Flash、Javascript，Javaapplets，DHTML等。架构的层次：目录的规划、层次的架构等。内容的选取：网站主题、整体实用性、文件关联性、内容切合度等。发展与规划：对于网站的未来规划，网站整体内容发展方向等。2021/7/222

2、《网页设计与制作（第二版）》2.1.2网页版面经常用到的版面布局形式有：“T”结构布局、“口”型布局、“田”型布局、“三”型布局、对称对比布局、POP布局等。2021/7/223《网页设计与制作（第二版）》图2-1T型布局2021/7/224《网页设计与制作（第二版）》图2-2“口”型布局2021/7/225《网页设计与制作（第二版）》图2-3“田”型布局2021/7/226《网页设计与制作（第二版）》图2-4“三”型布局2021/7/227《网页设计与制作（第二版）》图2-5POP布局2021/7/228《网页设计与制作（第二版）》网页作为一种版面，既有文字，又有图片。文字有大

3、小区别，文档有标题和正文之分，图片也有大小和横竖之别。网页版面应该具有如下特点。（1）主次分明，中心突出。（2）大小搭配，相互呼应。（3）图文并茂，相得益彰。（4）动静有度，平衡对称。2021/7/229《网页设计与制作（第二版）》图2-6整体风格简洁实用，中心突出2021/7/2210《网页设计与制作（第二版）》图2-7大图小图相互呼应2021/7/2211《网页设计与制作（第二版）》图2-8图文并茂2021/7/2212《网页设计与制作（第二版）》图2-9动静结合2021/7/2213《网页设计与制作（第二版）》图2-10对称的示例2021/7/2214《网页设计与制作（第二

4、版）》图2-11布局对称2021/7/2215《网页设计与制作（第二版）》图2-12典型辐射平衡2021/7/2216《网页设计与制作（第二版）》2.1.3网页构图网页设计要有内容、形式、功能以及目标。点、线、面是视觉语言中的基本元素，进行网页设计时应使用点、线、面的互相穿插，互相衬托构成最佳的页面效果，组合成各种各样的视觉形象，千变万化的视觉空间，表达完美的设计意境。（1）点的应用。（2）直线的应用。（3）曲线的应用。（4）曲线、直线的综合应用。（5）面的应用。2021/7/2217《网页设计与制作（第二版）》图2-13点的应用2021/7/2218《网页设计与制作（第二版）》

5、图2-14线的应用2021/7/2219《网页设计与制作（第二版）》图2-15曲线的应用2021/7/2220《网页设计与制作（第二版）》图2-16曲线、直线的综合应用2021/7/2221《网页设计与制作（第二版）》图2-17点、线的综合应用2021/7/2222《网页设计与制作（第二版）》图2-18IBM网站2021/7/2223《网页设计与制作（第二版）》图2-19面的示例2021/7/2224《网页设计与制作（第二版）》图2-20线、面的示例2021/7/2225《网页设计与制作（第二版）》图2-21点、线、面的结合示例2021/7/2226《网页设计与制作（第二版）》2

6、.1.4网页色彩色彩是人的视觉最敏感的东西，它是美丽而丰富的，能唤起人类的心灵感知。网页的色彩处理得好，可以锦上添花，达到事半功倍的效果。为了把握好色彩的应用，我们应首先了解一下色彩的一些基本概念。计算机屏幕是由电子枪投射到屏幕来产生色光。电子枪射到屏幕可以产生3种颜色：红、绿、蓝。我们把这3种色称为原色，常称为三原色。由这3种色光，计算机屏幕可制作出完整的光谱。这也就是RGB色系。2021/7/2227《网页设计与制作（第二版）》以上颜色可总结为如下色调。（1）暖色调：即红色、橙色、黄色、褐色等色彩的搭配。这种色调的运用，可使主页呈现温馨、和煦、热情的氛围。（2）冷色调：即青色

7、、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。（3）对比色调：即把色调完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等。这种色调的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。最后，还要考虑页面的底色（背景色）的深、浅，这里借用摄影中的一个术语，就是“高调”和“低调”，底色浅的称为低调。2021/7/2228《网页设计与制作（第二版）》2.1.5网页配色技巧根据网站所要传达的为信息和品牌选择颜色。要根据访问对象选择颜色。