《网页美工设计第1章+初识网页设计与配色课件.ppt》由会员分享，可在线阅读，更多相关《网页美工设计第1章+初识网页设计与配色课件.ppt（20页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、教学内容：教学内容：教学内容：教学内容：为了能够使网页初学者对网页设计有个总体的认识，在设计制作网页前，首先介绍网页设计的基础知识。本章首先将介绍网页的相关术语，接着介绍简单介绍网页设计常用工具Dreamweaver、Flash和Photoshop，最后介绍网页的布局与配送。通过本章的学习可以为后面设计制作更复杂的网页打下良好的基础。教学重点教学重点网页设计的相关术语网页美工常用工具网页版面布局设计常见的版面布局形式文字与图像版式设计网页配色安全不同色彩的网页网页配色技巧1.1网网页设计的相关的相关术语在学习网页设计之前，先来了解一下网页中静态网页和动态网页的基本概念。1.1.1 1.1.1
2、什么静什么静态网网页静态网页是网站建设初期经常采用的一种形式。网站建设者把内容设计成静态网页，访问者只能被动地浏览网站建设者提供的网页内容。1.2网网页美工常用工具美工常用工具网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。网页设计中最重要的东西，并非在软件的应用上，而是在对网页设计的理解以及设计制作的水平上，在于自身的美感以及对页面的把握上。1.2.11.2.1掌握网掌握网页编辑排版排版软件件DreamweaverDreamweaver Dreamweaver是网页设计与制作领域中用户最多、应用最广、功能最强的软件，随着Dreamwea
3、ver CC的发布，更坚定了Dreamweaver在网页设计与制作领域中的地位。1.2.21.2.2掌握网掌握网页图像制作像制作软件件PhotoshopPhotoshop Photoshop是Adobe公司推出的图像处理软件，目前已被广泛应用于平面设计、网页设计和照片处理等领域。随着计算机技术的发展，Photoshop已历经数次版本更新。1.31.3网网页版面布局版面布局设计 网页设计要讲究编排和布局，虽然网页设计不同于平面设计，但它们有许多相近之处，应加以利用和借鉴。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。1.3.11.3.1网网页版面布局原版面布局
4、原则 网页在设计上有许多共同之处，如报纸等，也要遵循一些设计的基本原则。熟悉一些设计原则，再对网页的特殊性做一些考虑，便不难设计出美观大方的页面来。网页页面设计有以下基本原则，熟悉这些原则将对页面的设计有所帮助。1.41.4常常见的版面布局形式的版面布局形式 常见的网页布局形式大致有“国”字型、拐角型、框架型、封面型和Flash型布局等。1.5.11.5.1文字的字体、字号、行距文字的字体、字号、行距 网页中中文默认的标准字体是“宋体”，英文是The New Roman。如果在网页中没有设置任何字体，在浏览器中将以这两种字体显示。1.5.21.5.2文字的文字的图形化形化 所谓文字的图形化，即
5、把文字作为图形元素来表现，同时又强化了原有的功能。作为网页设计者，既可以按照常规的方式来设置字体，也可以对字体进行艺术化的设计。无论怎样，一切都应该围绕如何更出色地实现自己的设计目标。1.6.12161.6.1216网网页安全色安全色 216网页安全色是指在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示的颜色集合（调色板）。也就是说这些颜色在任何终端浏览用户显示设备上的显示效果都是相同的。所以使用216网页安全色进行网页配色可以避免原有的颜色失真问题。1.6.21.6.2网网页安全色配色辞典安全色配色辞典 216网页安全色对于一个网页设计师来说是必备的常识，且利用它可以拟定出更安全、更出色的网页配色方案。只要在网页中使用216网页安全颜色，就可以控制网页的色彩显示效果。1.71.7不同色彩的网不同色彩的网页 千万年来的生活实践，人类由鲜血的红色、植物的绿色、稻麦的黄色、海洋的蓝色等各种自然色彩中形成了一系列共同的印象，使人们对色彩赋予了特别的象征意义。