网页设计标准

1、网站设计或网页设计有行业或国家标准或规范？

只有这种网页才有标准！别的没有！
标准编号:YD/T 1761-2008
标准名称:信息无障碍内 身体机能差异人容群 网站设计无障碍技术要求
标准状态:现行
英文标题:Information Accessibility for People With Physical Disabilities Technical REquirements for Web Accessibility
实施日期:2008-7-1
内容简介:本标准规定了无障碍上网的网页设计技术要求，其中包括网页内容的可感知要求、接口组件的可操作要求、内容和控制的可理解要求、内容对现有和未来可能出现的技术的支持能力要求等。本标准适用于无障碍上网的网页设计，也适用于公众网站的拥有者，网站管理人员，网页开发者设计、开发和管理无障碍网站。
出处: http://www.csres.com/detail/189654.html

2、一般做网页设计背景尺寸定多大？

网页的背景多大要看对网页的要求的，
网页设计标准尺寸:
1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。
2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。
3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右
4、在PS里做的图到了网上就不一样了，颜色等等方面，因为WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广，所以自然会有失色的现象.
页面标准按800*600分辨率制作，实际尺寸为778*434px
页面长度原则上不超过3屏，宽度不超过1屏
每个标准页面为A4幅面大小，即8.5X11英寸
全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px
另外120*90，120*60也是小图标的标准尺寸
每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K

3、PC端网页设计基本规范有哪些

一 固定的内容：

 1.PS中设计分辨率为：72像素/英尺(图片质量的像素点) 

2. 颜色模式RGB 8位(显示器的三原色红，绿，蓝为RGB)

不固定的内容：

 1.背景 a.纯色背景平铺(自适应浏览器) 

b.渐变色或底纹平铺背景(自适应浏览器) 目前网页设计中都会做通栏大图，以方便吸引客户，增加网站整体美观

 c.通栏大图

二.屏幕分辨率 

标准分辨率：1920px*1080px

主体设计内容宽度：1000px(常用宽度：960px，1170px，980px，1100px，1200px) 首屏高度大约在700px

常用分辨率：1280px*768px 主体设计内容宽度：1200px(常用宽度：1190px，1170px，1100px，1200px) 首屏高约：750px

三.设计文档大小 1.PS中新建文档宽要大于主体设计内容的宽度(目的为了表现设计意图，展示背景效果，左右宽度最少200px) 2.设计到通栏大图片新建文档的宽度：1920px，所有的设计文档宽1920px主体内容根据具体情况而定(主体内容要是想要适应所有用户必须低于1000px)

4、网页设计，一般最少要设置多少高度

大概的高度为：

Window XP首屏大小580 px
Window 7 首屏大小710 px

具体原因如下：

一个网页的尺寸设置和浏览器与系统的尺寸大为相关，我们不可能满足所以用户的最佳尺寸，但我们能做的是让绝大多少用户感觉是最佳的。

系统分辨率统计：

对大于30W台客户端用户进行测试，得到的测试数据如下（数据来源于网络）：

在Window XP常见分辨率1024×768下我们除掉任务栏，浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是584。
在Window 7常见分辨率1440×900下我们除掉任务栏，浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是716。

综合分辨率及浏览器下的统计数据：
Window XP首屏大小580 px
Window 7 首屏大小710 px

5、网页设计的宽度一般为多少?应该怎么把握?

百度统计流量研究院对于2017年上半年的分辨率使用情况统计得出。

排名第一的是360×640，这是竖屏，一般在医院、学校中才能见到，暂且不谈。

排名第二的是1920×1080，占比13.07%。

1366×768排第三，占比6.32%。这说明现在主流的电脑分辨率是1920×1080。

排名第七的分辨率，1024×768，是最小的电脑尺寸了，仅占3.13%，很少有人使用。在做pc端的网页设计时，不用考虑这个尺寸，而应在做pad端和手机端的适配时，将其纳入考虑。

而更高级的响应式网站应该是在严格的栅格规范下，适应于不同宽度，确保各宽度下的展示效果。但这样的成本也会相应增加，在开发网站时，需综合考虑实际需求和开发成本。time（《时代周刊》官网）是个很好的响应式网页案例。

(5)网页设计标准扩展资料

网页设计中的注意事项：

1、网页设计的尺寸标准：

面向1024-768显示器分辨率开发的网页尺寸，宽910px；

面向800-600显示器分辨率开发的网页尺寸，宽778px；

2、网页设计中的画布设定：

尤其注意分辨率为72 像素/英寸。

3、设计中的网页字体问题

中文字体：尤其注意“设置消除锯齿的方法”选项要选择“无”。

宋体是最常用的网页字体，12px 是中文操作系统可以表现的最小的字体，内容。

文字大小一-般用两种，12px 或14px(现在的新的vista据说能表现10px的中文字，但现在使用并不多)。

英文字体：其中英文字体最小表现为10px 字verdana字体是大多数网页使用的英文字体，比起arial字体更美观和均衡。

效果图：

网页效果图中的网页字体，虽然在最后制作网页的过程中不需要裁剪。但做为设计中不可分割的重要元素，一定要认真使用，因为你不单要设计文字与整体网页的关系，还要设计字体的样式表颜色。

6、网站的设计原则及标准有哪些？

一、网页设计的方向
一个网站无论怎样去设计，不管做的多好都要注意网站的目标方向。如果网页设计的主题跑偏了的话即使做的再好也是无用功。所以网页设计时一定要根据网站的主题的去设计，毕竟网页目的就是将自己想要表达的东西传递给用户。
二、网页的外观
每一个设计师都会有着自己的一个审美标准，但是不要忘了，即使你的审美标准再好也要注意符合目标人群的一个大众审美，如果一个网站的外观不能够让浏览者接受的话，同样再好也是无用功。
三、页面的内容
这个主要就分为网站的图片内容、文字内容两大部分，当网页设计是要注意图片的设计一定是要围绕着主题去设计，图片一定要足够清晰。文字的添加一定不要觉得越多越好，文字要尽量的简短，明确主题，不要说些无用的废话，把信息字节传递给用户。
四、页面的布局也就是整个页面的一个排版，一个好的网页设计一定要注意页面的整体一定要布局清晰、内容和部分有序的去规划，不要让它错乱复杂。例如我们曾做过的一个案例，不同的内容以上下排序分开，便于用户更好的获取信息。

7、网页设计最合适的页面尺寸是多少？

网页设计标准尺寸：

1. 800×600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

2. 1024×768下，网页宽度保持在1002以内，如果满框显示的话，高度是612눯之间，就不会出现水平滚动条和垂直滚动条。

3. 在ps里面做网页可以在800×600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740×560左右。

4. 在PS里做的图到了网上就不一样了，颜色等等方面，因为web上面只用到256web安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广，所以自然会有失色的现象。

8、网页设计的技术要求

要想学做网页，首先得了解制作网页的工具
Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。建议初学者选用。

另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。

此外还有一些网络编程工具，javascript、java编辑器等。

网页制作也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop、flash等。

大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。

总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了！

网站设计八步骤

由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。 四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者

9、网页设计的尺寸大小是多少，宽度应该是多少？？？

其实也没有硬性规定，但是为了兼容大多数浏览器一般是设置960px，随着现在浏览器分辨率的变化，已开始向着1000px,1200px宽度发展，例如淘宝(1000px）京东商城（1200px）。如果需要兼容不同浏览器尺寸，现在比较流行的做法是做成响应式的，即根据不同分辨率显示不同的尺寸，工作量也就随之增加了。貌似国内的大网站也没有使用。