Web标准网页设计视频教程

教程网首页 > 电脑 > 网页制作》 Web标准网页设计视频教程

内容简介

Web标准网页设计视频教程视频简介：

　　我们收录的这部Web标准网页设计视频教程为大家全面介绍了基于Web标准的网页设计与制作技术。其中具体内容包括网页与网站的相关知识、HTML语言和XHTML标准、CSS网页样式和布局设计、Fireworks美工设计、网站开发和网页设计的过程与案例，以及Javaｓｃｒｉｐｔ和jQuery前台脚本编程技术。

　　网页设计——网站是企业向用户和网民提供信息
关注公众号:diyijc_com 问题反馈

教程内容

Web标准网页设计视频教程视频简介：

　　我们收录的这部Web标准网页设计视频教程为大家全面介绍了基于Web标准的网页设计与制作技术。其中具体内容包括网页与网站的相关知识、HTML语言和XHTML标准、CSS网页样式和布局设计、Fireworks美工设计、网站开发和网页设计的过程与案例，以及Javaｓｃｒｉｐｔ和jQuery前台脚本编程技术。

　　网页设计——网站是企业向用户和网民提供信息(包括产品和服务)的一种方式，是企业开展电子商务的基础设施和信息平台，离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。

　　Web作为出版物的一种，同其他出版物如报纸，杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则，不同之处在于Web的“非所见即所得”特性和交互性。因此，熟悉一些设计的基本原则，再对Web的特殊性作一些考虑，便不难设计出美观大方的页面来。如果有美术设计基础，对Web页面的设计会很有帮助。如果不具备这方面的背景知识，那么下面的一些原则将会对你有点帮助。

　　设计的3C原则，所谓3C原则是指：简洁、一致性、好的对比度。Web页面设计需要遵循这三条原则。(1)简洁。设计并不再现具体的物象和特征，它要表达的是一定的意图和要求，在适当的环境里为人们所理解和接受。它与绘画有内在联系，但又不同于绘画，它以满足人们的实用和需求为目标，因而它比绘画更单纯，清晰和精确。页面设计属于设计的一种，同样要求简练，准确。从人记忆能力的角度来说，由于人的大脑一次最多可记忆五到七条信息，因此如果希望人们在看完你的Web页后能留下印象，最好也应该用一个简单的关键词语或图像吸引他们的注意力，如天极网的的“YESKY”.，醒目易记。保持简洁的通常做法是使用一个醒目的标题，这个标题常常采用图形来表示，但图形同样要求简洁。另一种保持简洁的做法是限制所用的字体和颜色的数目。一般每页使用的字体不超过三种，一个页面中使用的颜色少于256种。页面上所有的元素都应当有明确的含义和用途，不要试图用无关的图片把页面装点起来，初学者容易犯的一个错误是把页面搞的花里呼哨，却不能让别人明白他到底要突出表达的是什么内容，主题和意念。

　　(2)一致性。一致性是表现一个站点的独特风格的重要手段之一。要保持一致性，可以从页面的排版下手，各个页面使用相同的页边距。文本，图形之间保持相同的间距。主要图形，标题或符号旁边留下相同的空白。如果在第一页的顶部放置了公司标志，那么在其他各页面都放上这一标志。如果使用图标导航，则各个页面应当使用相同的图标。一致性还包括：页面中的每个元素与整个页面以及站点的色彩和风格上的一致性。所有的图标都应当具有相同的设计风格，比如全部采用图象的线条剪辑画或全部使用写实的照片等。另一种保持一致性的办法是字体和颜色的使用。文字的颜色要同图像的颜色保持一致并注意色彩搭配的和谐。一个站点通常只使用一到两种标准色，为了保持颜色上的一致性，标准色一致或相近。比如，站点的主题色彩如果为红色，可能就需要将链接的色彩也改为红色。

　　(4)对比度。使用对比是强调突出某些内容的最有效的办法之一。好的对比度使内容更易于辨认和接受。实现对比的方法很多，最常用的是使用颜色的对比。比如，内容提要和正文使用不同颜色的字体，内容提要使用蓝色，而正文采用黑色;也可以使用大的标题，也即是面积上的对比;还可以使用图像对比，题头的图像明确的向浏览者传达本页的主题，这里同样需要注意的是链接的色彩，在设计页面时我们常常会只注意到未被访问的链接的色彩，而容易忽视访问过的链接色彩将使得链接的文字难地辨认。还有一种实现对比的方法是使用字体变化。在文字排版中，可以使用斜体和黑体实出关键内容，但是注意不要滥用，否则就达不到应有的强调效果。使用对比的关键是强调突出关键内容，以吸引浏览者，鼓励他去发掘更深层次的内容。为了对3C原则上有直观的认识，可以去优秀的站点看看，体会一下这些站点对简洁，一致性和对度等原则的把握。

更新时间：2013-06-25 18:43