标准网页设计层次（标准网页设计层次结构）

本文目录一览：

• 1、网站的设计原则及标准有哪些?
• 2、网页设计分为哪三个层次?
• 3、网页制作中的问题
• 4、网页设计规范
• 5、网页设计的标准格式?
• 6、网页设计的标准与规范

网站的设计原则及标准有哪些?

页面的布局也就是整个页面的一个排版，一个好的网页设计一定要注意页面的整体一定要布局清晰、内容和部分有序的去规划，不要让它错乱复杂。

网站的版式设计 色彩在网页设计中的作用、网页形式与内容相统三维空间的构成和虚拟现实、多媒体功能的利用、网站测试和改进、内容更新与沟通、合理运用新技术。

在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合．搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用。

●各板块要有相对独立性； ●各板块要有相互关联； ●各板块的内容要围绕站点主题； ②目录结构与链接结构 网站的目录是指建立网站时创建的目录。例如：在用Frontpage建立网站时都默认建立了根目录和Images子目录。

使用方便、功能实现能力强：网站要实现的访问目的无非在于：提高网站知名度，增强网页吸引力；实现从潜在顾客到实际顾客的转化；实现从普通顾客转化成忠诚顾客等。

网页设计分为哪三个层次?

最准确的网页设计思路是把网页分成三个层次，即：结构层、样式层、行为层。HTML：结构层 网页的结构或内容层是该页面的基础HTML代码。

结构层：由HTML或XHTML之类的标记语言负责创建，仅负责语义的表达。解决了页面“内容是什么”的问题。【点击测试我适不适合学设计】 表示层：由CSS负责创建，解决了页面“如何显示内容”的问题。行为层：由脚本负责。

网页设计一般分为以下三种大类：静态网页设计静态网页是相对于动态网页而言的，其内容是预先设计好的，不会因为用户的操作而改变。静态网页一般用于展示一些固定的信息，如公司简介、产品介绍等。

网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站 ）。设计网页的目的不同，应选择不同的网页 策划与设计 方案。

网页制作中的问题

1、一个网页的设计需要考虑很多问题，其中配色、字体、布局、制作习惯、细节是最为重要的五个问题。

2、由于一个网站一旦出现了安全问题，多半都是来自于网络的攻击，而这些大多都是针对服务器的袭击造成的，通常服务器的不安全和不稳定还有一些服务器的纰漏都会给袭击者带来袭击途径，因此制作之前要选择一个稳定的空间。

3、留白太少 留白是网页设计中一个重要部分。它有助于防止用户在浏览网站时变得疲惫，它可以在内容中划出距离，而且它本身也看上去不错。空白不是必须用白色的，而是，它仅仅是为其他设计元素提供间隔和缓冲的空间。

4、网页设计常见误区：信息不明确。使用者和访客只能访问你的网站几秒钟。因此，要让他们一眼就能看到网站的信息和目标。公司应对所提供的业务和服务作出明确的概述。另外，不要忘了包含诸如联系方式.公司地址等基本信息。

网页设计规范

1、网页设计规范的要求字体要求；间距；艺术词汇。网页设计规范的要求 按形式可分为动态网页和静态网页。两者的区别在于有没有数据库，网页后缀，地址栏。

2、最佳易读性规范 行宽 传统图书排版每行最佳字符数是55—75，实际在网页上每行字符75—85更流行。

3、画板尺寸 因为网页尺寸与用户屏幕相关，而用户屏幕的种类难以统计。所以我们的设计稿只能主要顾及主流用户的分辨率，其他分辨率用适配的方式来解决。

4、适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。 ●设计网站字体。和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般网页默认的字体是宋体。

5、通过图片、文字前后叠压所构成的空间层次不太适合网页设计，根据现有浏览器的特点，网页设计适合比较规范、简明的页面，尽管这种叠压排列能产生强节奏的空间层次，视觉效果强烈。

6、网页设计规范的要求学习网页设计规范要注意四点：（1）布局。（2）颜色匹配。对于初学者，建议在主色调上设置一些亮度梯度或相似的颜色。（3）图像。

网页设计的标准格式?

这个可以根据需要，在服务器上进行设置。index.html是最常见的，defaul.html也有一些用的。可以参考中国非物质文化遗产数字博物馆的网页设置。

JPEG图片格式，是目前网络上最流行的图像格式，是可以把文件压缩到最小的格式，在Photoshop软件中以JPEG格式储存时，提供11级压缩级别，以0—10级表示。其中0级压缩比最高，图像品质最差。

RealVideo视频格式，文件名以“.rm”或“.ram”结尾。RealVideo视频格式是网络上的常用格式，对网络带宽要求比较低，能实现快速播放，但其视频画质没有其他格式视频高。

后台产品设计规范 以下数值为参考，请结合特定产品灵活运用。 页面布局 统一尺寸 据统计，目前 PC 端用户屏幕分辨率占比排名前三的是 1920*1080、1366*761440*900，以 1440 来设计的话，向上适配或者向下适配误差会比较小。

W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。

通常情况下，通过浏览器看到的网页大多是静态的。所谓“静态”，是指网站的网页内容“固定不变”，当浏览器通过互联网的文档传给浏览器。

网页设计的标准与规范

1、*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间。就不会出现水平滚动条和垂直滚动条。

2、兴趣是制作网站的动力，没有创作热情，很难设计制作出优秀的作品。 对于内容主题的选择，要做到小而精，主题定位要小，内容要精。

3、图片规范 网站设计中的图片常用4（宽）：3（高）、16（宽）：9（高）、1：1等比例。具体图片大小没有固定要求，但整数和偶数为佳。

4、根据W3C DOM规范，DOM是一种与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件。

5、明确建立网站的目标和用户需求 总体设计方案主题鲜明 网站的版式设计 色彩在网页设计中的作用、网页形式与内容相统三维空间的构成和虚拟现实、多媒体功能的利用、网站测试和改进、内容更新与沟通、合理运用新技术。

6、网页设计规范的要求学习网页设计规范要注意四点：（1）布局。（2）颜色匹配。对于初学者，建议在主色调上设置一些亮度梯度或相似的颜色。（3）图像。