网页美工的设计第1章+初识网页的设计与配色.pptVIP

第1章初识网页设计与配色 教学内容：为了能够使网页初学者对网页设计有个总体的认识，在设计制作网页前，首先介绍网页设计的基础知识。本章首先将介绍网页的相关术语，接着介绍简单介绍网页设计常用工具Dreamweaver、Flash和Photoshop，最后介绍网页的布局与配送。通过本章的学习可以为后面设计制作更复杂的网页打下良好的基础 。 教学重点 网页设计的相关术语 网页美工常用工具 网页版面布局设计 常见的版面布局形式 文字与图像版式设计 网页配色安全 不同色彩的网页 网页配色技巧 1.1网页设计的相关术语 在学习网页设计之前，先来了解一下网页中静态网页和动态网页的基本概念。 1.1.1 什么静态网页 静态网页是网站建设初期经常采用的一种形式。网站建设者把内容设计成静态网页，访问者只能被动地浏览网站建设者提供的网页内容。 1.1.2什么动态网页 所谓动态网页是指网页文件里包含了程序代码，通过后台数据库与Web服务器的信息交互，由后台数据库提供实时数据更新和数据查询服务。这种网页的后缀名称一般根据不同的程序设计语言而不同，如常见的有.asp、.jsp、.php、.perl、.cgi等形式。动态网页能够根据不同时间和不同访问者而显示不同内容。如常见的BBS、留言板和购物系统通常是用动态网页实现。 1.2.2掌握网页图像制作软件Photoshop Photoshop是Adobe公司推出的图像处理软件，目前已被广泛应用于平面设计、网页设计和照片处理等领域。随着计算机技术的发展，Photoshop已历经数次版本更新。 1.2.3掌握网页动画制作软件Flash Flash是一款功能非常强大的交互式矢量多媒体网页制作工具，能够轻松输出各种各样的动画网页。它不需要特别繁杂的操作，也比Java小巧精悍，但它的动画效果、互动效果、多媒体效果十分出色。由于Flash编制的网页文件比普通网页文件要小得多，所以大大加快了浏览速度。 1.3网页版面布局设计 网页设计要讲究编排和布局，虽然网页设计不同于平面设计，但它们有许多相近之处，应加以利用和借鉴。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。 1.3.1网页版面布局原则 网页在设计上有许多共同之处，如报纸等，也要遵循一些设计的基本原则。熟悉一些设计原则，再对网页的特殊性做一些考虑，便不难设计出美观大方的页面来。网页页面设计有以下基本原则，熟悉这些原则将对页面的设计有所帮助。 1.3.2点、线、面的构成 在网页的视觉构成中，点、线、面既是最基本的造型元素，又是最重要的表现手段。在布局网页时，点、线、面是需要最先考虑的因素。只有合理的安排好点、线、面的关系，才能设计出具有最佳视觉效果的页面，充分地表达出网页最终目的。网页设计实际上就是如何处理好3者的关系，因为不管是任何视觉形象或者版式构成，归结到底，都可以归纳为点、线和面。 1.4常见的版面布局形式 常见的网页布局形式大致有“国”字型、拐角型、框架型、封面型和Flash型布局等。 1.5文字与图像版式设计 文本是人类重要的信息载体和交流工具，网页中的信息也是以文本为主。虽然文字不如图像直观形象，但是却能准确地表达信息的内容和含义。在确定网页的版面布局后，还需要确定文本的样式，如字体、字号和颜色等，还可以将文字图形化。 *