网页设计与制作 第二版 教学课件 相万让 第02章.pdfVIP

第2章 网页设计基础 第2章 网页设计基础 2.1 网页设计基础 2.1.1 网页风格  网站的风格可以从以下几个方向来探讨  色彩的搭配：网页的底色、文字字型、图片的色系、颜色等。  版面的排列：表格、框架的应用，文字缩排、段落等。  导航的设计：导航窗口效果、导航效时等。  程序的选择：网页制作程序，如ASP ，PHP ，XML ，CGI等。  特效的应用：让网页看起来生动活泼的各种特殊应用，如 Flash、Java script ，Java applets ，DHTML等。  架构的层次：目录的规划、层次的架构等。  内容的选取：网站主题、整体实用性、文件关联性、内容切 合度等。  发展与规划：对于网站的未来规划，网站整体内容发展方向 等。 2015-6-12 《网页设计与制作（第二版）》 2 2.1.2 网页版面 经常用到的版面布局形式有：“T”结构布局、“口”型 布局、“田”型布局、“三”型布局、对称对比布局、 POP布局等。 2015-6-12 《网页设计与制作（第二版）》 3 图2-1 T型布局 2015-6-12 《网页设计与制作（第二版）》 4 图2-2 “口”型布局 2015-6-12 《网页设计与制作（第二版）》 5 图2-3 “田”型布局 2015-6-12 《网页设计与制作（第二版）》 6 图2-4 “三”型布局 2015-6-12 《网页设计与制作（第二版）》 7 图2-5 POP布局 2015-6-12 《网页设计与制作（第二版）》 8 网页作为一种版面，既有文字，又有图片。文字 有大小区别，文档有标题和正文之分，图片也有 大小和横竖之别。网页版面应该具有如下特点。 （1）主次分明，中心突出。 （2）大小搭配，相互呼应。 （3）图文并茂，相得益彰。 （4）动静有度，平衡对称。 2015-6-12 《网页设计与制作（第二版）》 9 图2-6 整体风格简洁实用，中心突出 2015-6-12 《网页设计与制作（第二版）》 10 图2-7 大图小图相互呼应 2015-6-12 《网页设计与制作（第二版）》 11 图2-8 图文并茂 2015-6-12 《网页设计与制作（第二版）》 12