网页制作第02章VIP免费

第2章网页设计基础第2章网页设计基础25/3/1《网页设计与制作（第二版）》22.1网页设计基础2.1.1网页风格网站的风格可以从以下几个方向来探讨色彩的搭配：网页的底色、文字字型、图片的色系、颜色等。版面的排列：表格、框架的应用，文字缩排、段落等。导航的设计：导航窗口效果、导航效时等。程序的选择：网页制作程序，如ASP，PHP，XML，CGI等。特效的应用：让网页看起来生动活泼的各种特殊应用，如Flash、Javascript，Javaapplets，DHTML等。架构的层次：目录的规划、层次的架构等。内容的选取：网站主题、整体实用性、文件关联性、内容切合度等。发展与规划：对于网站的未来规划，网站整体内容发展方向等。25/3/1《网页设计与制作（第二版）》32.1.2网页版面经常用到的版面布局形式有：“厂”型布局、、“国”型布局、“T”结构布局、“口”型布局、“田”型布局、“三”型布局、分栏型布局、对称对比布局、POP布局等。25/3/1《网页设计与制作（第二版）》4图2-1T型布局25/3/1《网页设计与制作（第二版）》5图2-2“口”型布局25/3/1《网页设计与制作（第二版）》6图2-3“田”型布局25/3/1《网页设计与制作（第二版）》7图2-4“三”型布局25/3/1《网页设计与制作（第二版）》8图2-5POP布局25/3/1《网页设计与制作（第二版）》9网页版面布局特点网页作为一种版面，既有文字，又有图片。文字有大小区别，文档有标题和正文之分，图片也有大小和横竖之别。网页版面应该具有如下特点。（1）主次分明，中心突出。（2）大小搭配，相互呼应。（3）图文并茂，相得益彰。（4）动静有度，平衡对称。25/3/1《网页设计与制作（第二版）》10图2-6整体风格简洁实用，中心突出25/3/1《网页设计与制作（第二版）》11图2-7大图小图相互呼应25/3/1《网页设计与制作（第二版）》12图2-8图文并茂25/3/1《网页设计与制作（第二版）》13图2-9动静结合25/3/1《网页设计与制作（第二版）》14图2-10对称的示例25/3/1《网页设计与制作（第二版）》15图2-11布局对称25/3/1《网页设计与制作（第二版）》16图2-12典型辐射平衡25/3/1《网页设计与制作（第二版）》172.1.3网页构图网页设计要有内容、形式、功能以及目标。点、线、面是视觉语言中的基本元素，进行网页设计时应使用点、线、面的互相穿插，互相衬托构成最佳的页面效果，组合成各种各样的视觉形象，千变万化的视觉空间，表达完美的设计意境。（1）点的应用。（2）直线的应用。（3）曲线的应用。（4）曲线、直线的综合应用。（5）面的应用。25/3/1《网页设计与制作（第二版）》18图2-13点的应用25/3/1《网页设计与制作（第二版）》19图2-14线的应用25/3/1《网页设计与制作（第二版）》20图2-15曲线的应用25/3/1《网页设计与制作（第二版）》21图2-16曲线、直线的综合应用25/3/1《网页设计与制作（第二版）》22图2-17点、线的综合应用25/3/1《网页设计与制作（第二版）》23图2-18IBM网站25/3/1《网页设计与制作（第二版）》24图2-19面的示例25/3/1《网页设计与制作（第二版）》25图2-20线、面的示例25/3/1《网页设计与制作（第二版）》26图2-21点、线、面的结合示例25/3/1《网页设计与制作（第二版）》272.1.4网页色彩色彩是人的视觉最敏感的东西，它是美丽而丰富的，能唤起人类的心灵感知。网页的色彩处理得好，可以锦上添花，达到事半功倍的效果。为了把握好色彩的应用，我们应首先了解一下色彩的一些基本概念。计算机屏幕是由电子枪投射到屏幕来产生色光。电子枪射到屏幕可以产生3种颜色：红、绿、蓝。我们把这3种色称为原色，常称为三原色。由这3种色光，计算机屏幕可制作出完整的光谱。这也就是RGB色系。25/3/1《网页设计与制作（第二版）》28以上颜色可总结为如下色调。（1）暖色调：即红色、橙色、黄色、褐色等色彩的搭配。这种色调的运用，可使主页呈现温馨、和煦、热情的氛围。（2）冷色调：即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。（3）对比色调：即把色调完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等。这种色调的搭配，可以产生强烈的视觉效...