网页设计用到的知识.docx

网页设计用到的知识 网页制定用到的知识 网页制定用的字体只是成千上万中的一小部分(至少要等到主要的浏览器完全支持CSS3)， 所以保持使用网页安全字体。如果你不喜爱网页安全字体，可以合计利用sIFR或Cufon逐步加强的网页制定。下面是网页制定用到的知识的介绍，希望对您有所帮助。 一、导航(条/栏)是最重要的制定 一个网站最重要的部分就是整个网站的导航。没有它，无论在哪个页面中，用户都会发生卡在这个页面离不开的状况。有了这显然的实际方向，我们将讨论一些建构网站导航时重要的点。 首先，在网站的导航结构上，投入足够的时间和很多规划是非常重要的。虽然这是常识，但仍然有很多制定师想当然地制定网站导航。 摆放位置、风格、所用技术(javascript或CSS)、可用性和网页易读性，这些是你制作导航制定时必须要合计的。 在没有CSS的状况下，你的导航制定应该也是可用的，这是基于文字基础的浏览器相容性。你可以尽量去讥笑文字基础的浏览器，但它们在很多的移动设备上还是流行的。或许更为重要的是，对屏幕用户来说(99.99%的状况下)，没有CSS的导航功能照样可用访问。 在没有客户端技术状况下(如JavaScript或Flash)，导航功能应该容易进入和使用的。用户可能因安全性或公司政策而没有开启或安装。 所以，制定一个导航系统可以放置的优良位置是必须的，例如放在一个显眼可见的地方。一个好的导航功能，只要网页载入就出现，而不必须要鼠标再向下滚动。这是为什么页面要坚持干净和简单的重要作用，一个复杂且非常规的制定可能会让用户疑惑。 哪怕只有一瞬间，用户也必定不会奇怪：网站导航在哪里? 最后，对网站建立阶层结构，多层次的管理。保证它在父层与子层之间易于导航。此外，不管在哪一个网页当中，也应该能很容易到达最高层的页面(例如网站首页)。 最主要的目标就是你的网站导航，尽可能减少操作(动作)，努力而让用户到达他想要浏览的内容。 二、明智和有条理地使用字体 虽然有成千上万的字体，但你真的能用的只是一小部分(至少要等到主要的浏览器完全支持CSS3)。 所以保持使用网页安全字体。如果你不喜爱网页安全字体，可以合计利用sIFR或Cufon逐步加强的网页制定。 坚持字体的一致性，确认标题和段落的内容看起来有所不同。使用空白、调整行高、字体大小和字母间距属性，使用户轻松愉快地阅读和扫描内容。 或许一个网页制定师经常犯的错误就是使用不对的字体大小。因为我们想尽可能的将内容都塞在一个网页中浮现，所以我们有时设置字体大小而让用户感觉到不舒适。如果可能的话，尽量坚持字体大小12像素以上，特别是对段落内容。虽然很多没有碰到因为字体太小而造成阅读上的困难，但是想想老人家、近视眼和其他类似视觉障碍的族群吧。 三、理解色彩无障碍性 说完字体后，我们还必须要指出使用正确颜色的重要性。例如，黑色文字在白色背景，如果使用高对比度，橙色背景上的红色文字会令你的眼睛感到紧张。 此外，使用一些对特别形式色盲的用户友好的颜色(检查工具名为Vischeck，可以测试某些类型的色盲)。 有些色彩组合只合适运用在前景色的部分，而不合适做背景色。举个例子来说，深蓝色的文字搭配粉红色的背景与粉红色的文字搭配深蓝色的背景，都是使用两种一样的颜色，但用在不同的部分则影响了它的可读性和阅读的舒适度。重要的是，不仅要使用优良的色彩组合，而且要把它用在页面中的合适元素上。 网页制定入门知识 1、知道如何编写代码 随著各种所见即所得的网页编辑器充斥市场，网页制定已经成为简单的1-2-3步骤就能制定好一个网站。然而，大多数网页编辑器夹杂了不必要的代码，使你的HTML结构制定不当，难以维护和更新，导致网页膨胀。 通过自己编写的网页代码，能得到简洁的代码，能够愉快方便地阅读和维护。你可以自豪地说是自己写出来的代码。但知道如何使用所见即所得的IDE或预览功能并不会妨碍学习 HTML和CSS。你要知道发生了什么事情，才干创造有效并高度优化的网页制定。 2、不要忘记搜索引擎优化 在制定网站时，一个好的网页制定师应该永远铭记基本的SEO概念。例如，网页内容结构、用文字表示标题(即网页的标题和标志)。此时，以前学习的如何合理编码的能力就派上用场。熟悉正确、语义和基于标准的HTML/CSS后，你会很快熟悉到Div比表格布局好得多，不仅更为准确地展现内容，而且对搜索引擎排名也有帮助。另外，知道用CSS改换背景、文字和图片也是一个好主意。 3、优化图片，获得更好的页面加载速度 学习如何通过选择正确的格式，来优化网页图片，并保证文件大小在可行的范围你是足够小的。虽然现在人们已经都在使用优待，但仍然有人是拨号上网。此外，虽然移动设备技术的普及，但移动装置却不一定支持像宽频一样的速度，图片文件的大小可能还是会延长网页的加载时间，有可能把用户赶走的。 这里有个选择合适的文件格式的技巧：如果图片是单色，那最好储存成PNG或者GIF格式;如果是连续性的色调(如照片)则最好储存成 JPG格式。 有很多的工具可以帮助你进一步优化你的图片，降低他们的文件大小。可以参照这个工具列表来帮助优化你的图片。尽量把图片数量减到最低，并且灵活使用图片，并且尽可能地减小文件大小。如此一来，将可以大大的减少页面的读取时间和改善网页的性能。 提升网页可用性的方法 权威研究结果说明：人们在线的阅读习惯和平常的阅读习惯是完全不一样的。访问者通常是在非常随意的状态下快速浏览你的网页的，他们急于获取真实的、有用的，并且是有价值的信息。如果他们不能及时地获取所必须信息，那么，他们将离开你的网页。 下面的3点方法将会给你带来帮助，它会让你为你的访问者提供所必须信息，指出提升网页可用性的方法。 1. 精简的文本描述 你所写的文章必须围绕一个主题，这可以方便访问者快速获取主旨信息和中心思想。好好想想如何把文章改得精简得体以便于访问者阅读。这里告诉你一个可行的办法，尽量把一段文章在3-4行之内表达完整，然后再另起一行写下面一段。 2. 便于快速浏览的文本 网络用户一般不会在线精读文本内容，他们通常是快速浏览。因此，应该尽量使用简短、醒目的文本。举个例子来说，可以通过超链接的形式将重要的信息从页面中分开出来，这样做会使得这段重要信息显得非常醒目。将一个段落以重点列表的形式表示也是一种非常可行的方法。学会在你的重点词组前方加一个起强调作用的圆点。还有一点，学会在页面中使用副标题 ，当你浏览网页时，将重点挑选出来，并将它们写在标题标签内，标题2和标题3的效果最好，但是标题1标签的效果也会相当不错，这样做会可以给整个页面的信息分出层次，以帮助阅读者在简单地浏览页面之后快速地获取所必须信息。 3. 必须要客观公正 这里要提到的客观公正指的是：在你的网页上放上与你网页内容相关的链接，让访问者做出自由的选择：是持续留在你的网页上，还是去别的网页上寻找信息。这关于你网页的所有者来说，并不是一件坏事;因为你可以为访问者指明确切的方向。好好按照上面说的把你的网页改善一下。我相信，网页的可用性一定会大大提升;同时，你的访问者也会非常感激你，并且会很愿意与你进行往来。 网页制定知识 网页制定-网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。企业的网址被称为网络商标，也是企业无形资产的组成部分，而网站是INTERNET上宣扬和反映企业形象和文化的重要窗口。企业网站制定显得极为重要，下面是一些网站制定中应注意的原则。 一、 明确建立网站的目标和用户必须求 Web站点的制定是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此我们必须明确制定站点的目的和用户必须求，从而做出切实可行的制定计划。我们会依据消费者的必须求、市场的状况、企业自身的状况等进行综合分析，以消费者(customer)为中心，而不是以美术为中心进行制定规划。 在制定规划时我们会合计： 建设网站的目的是什么? 为谁提供服务和产品? 企业能提供什么样的产品和服务? 网站的目的消费者和受众的特点是什么? 企业产品和服务合适什么样的表现方式(风格)? 二、网页制定总体方案主题鲜亮 在目标明确的基础上，完成网站的构思创意即总体制定方案。对网站的整体风格和特色作出定位，规划网站的组织结构。 Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采纳多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页网页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。 为了做到主题鲜亮特别，要点明确，我们将按照客户的要求，以简单明确的语言和画面体现站点的主题;调动一切手段充分表现网站点的个性和情趣，办出网站的特点。 第 8 页 共 8 页