新闻网站设计标准（新闻网站页面设计）
今天给各位分享新闻网站设计标准的知识，其中也会对新闻网站页面设计进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
本文目录一览：
网页设计需要学习哪些技术
1、html语言
超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
2、服务器架设
要制作网页就需要架设服务器来调试你做出来的网页，有iis等很多种，可以在网上搜索得到。
3、css语言
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
4、div+css布局
IV+CSS是WEB设计标准，它是一种网页的布局方法。与传统中通过表格（table）布局定位的方式不同，它可以实现网页页面内容与表现相分离。提起DIV+CSS组合，还要从XHTML说起。
XHTML是一种在HTML（标准通用标记语言的子集）基础上优化和改进的新语言，目的是基于XML应用与强大的数据转换能力，适应未来网络应用更多的需求。
5、数据库
数据库，简而言之可视为电子化的文件柜——存储电子文件的处所，用户可以对文件中的数据进行新增、截取、更新、删除等操作。
所谓“数据库”是以一定方式储存在一起、能与多个用户共享、具有尽可能小的冗余度、与应用程序彼此独立的数据集合。
6、动态语言
动态语言，是指程序在运行时可以改变其结构：新的函数可以被引进，已有的函数可以被删除等在结构上的变化，类型的检查是在运行时做的，优点为方便阅读，清晰明了，缺点为不方便调试。
7，javascript
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
8、photoshop
Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。
参考资料来源：百度百科-javascript
网页设计，一般最少要设置多少高度？
大概的高度为：
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
附上
网页设计标准尺寸:
1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。
2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了)。
3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右。
4、在PS里做的图到了网上就不一样了，颜色等等方面，因为WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广，所以自然会有失色的现象。
标准网页广告尺寸规格：
1、120*120，这种广告规格适用于产品或新闻照片展示。
2、120*60，这种广告规格主要用于做LOGO使用。
3、120*90，主要应用于产品演示或大型LOGO。
4、125*125，这种规格适于表现照片效果的图像广告。
5、234*60，这种规格适用于框架或左右形式主页的广告链接。
6、392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。
7、468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。
8、88*31，主要用于网页链接，或网站小型LOGO。
网站界面设计基础
网页包括：网站logo，导航栏，banner，内容栏，版尾。
logo的大小标准：88*31普通规格；120*60一般大小规格；120*90大型logo。
好logo所具备的条件：符合国际标准，精美独特，兼容网站风格，能提现网站类型。
导航栏是索引网站内容和快速访问所需内容的辅助工具。同级项目数以3~7项为宜。
banner是可由图像，文字，动画结合而成的网页栏目。主要作用是展示网站广告。
内容栏是网页内容的主体，由一个或多个子栏组成，包含网站提供的所有信息和服务项目。内容可以是文字，图像，或者两者相结合。
版尾可以申明版权，法律依据，以及各种提示信息。版权的书写应符合所在国家的法律依据，以及遵循一般书写习惯。
除此之外，版尾处可以提供一个导航条，为将页面滚动到底的用户提供一个导航方式。
成功的网页版式设计，有助于吸引用户对网页的注意，增进用户对内容的理解。因此，要使网页具有诱导力，突出诉求主题，就要通过对版式的空间层次，主从关系，视觉秩序，以及逻辑条理性的把握和运用来共同完成。
传统媒体是以线性方式提供信息，即根据信息提供者个人感受来传播。在web环境下，用户不再是被动接受者，而是以一个主动参与者的身份加入到信息的加工处理发布之中。
网页媒体使用的交互性，多维性，和多种媒体的综合应用，是网页版面设计的完美体现。即时的交互性是web成为热点的原因，也是版面设计需要考虑的问题。
多维性源于超链接，主要体现在导航的设计上。使用超链接，网页的组成结构会更加丰富。用户可自由切换，打破了传统的线性接收方式。但需注意页面之间的关系不能太复杂，这会给用户带来负担。
网页中所使用的多媒体视听元素主要有文字，图像，声音，视屏等。运用这些元素，可以满足和丰富用户的多种感官需求。
网页设计的装饰应该简洁化，功能与装饰应有效结合。复杂的装饰会影响加载速度，影响点击率。
网页设计要遵循和谐，均衡，重点突出的色彩规则。当人们的色彩经验与外界色彩刺激发生呼应，就会在心理上引发强烈的情绪。
1.网页的标题设计
好的标题设计可令人赏心悦目，能形成网页的整体风格。标题所在的栏目一般在网页的上方，并左右贯穿整个网页。标题的背景可以使用动态或静态的图片，主要由网页的交互式特性决定。
2.文字的编排
通常情况下，适合网页正文显示的文字大小在12磅左右。然而，在很多综合性网站中，由于在一个页面中安排的内容较多，字号通常采用9磅。
在同一页面中，字体种类少，版面雅致，有稳定感；字体种类多，则版面活跃，丰富多彩。关键是如何根据页面内容来掌握这个比例关系。从加强平台无关性的角度来考虑，正文最好采用默认字体。如果必须用到特殊字体，那么可以将文字制成图片。
通常字号与行距的比例应为：字号8点，行距10磅.即8：10.但对于一些特殊的版面而言，字距与行距的加宽或紧缩，更能体现主题的内涵。所以说字距和行距不是绝对的，得根据实际情况而定。
强调文字有三种常见形式：第一种是行首强调，又称为下坠式，有吸引视线、装饰和活跃版面的作用；第二种是引文强调，引文概括了一个段落、章节或者全文的大意，所以需要给予特殊位置来强调；第三种是个别文字强调，将个别文字作为页面的诉求重点，可以通过加粗、加下划线等强化文字的视觉效果。
3.图文的结合
在网页的版式设计中只应用文字也不适合人们长期阅读，所以网页在版式上采用图文结合的方式更为恰当。
图文结合主要有两种表现形式：1.文字匹配图片的形式，图形是网页的主体，文字是辅助存在。2.图形匹配文字的形式，要把握图形和文字的关系，根据不同类别的网站灵活搭配。
4.页面的节奏韵律
页面的韵律需要根据设计的风格和受众情感综合起来体会。一个音乐类的网站，给人的感觉是轻松欢畅的；一个新闻类网站，给人的感觉是快速律动的；而一个军事类网站给人的感觉是严肃庄重的。所以这就需要设计者根据内容来选择设计风格。
网页设计如果仅从网页版式构成进行分类，则主要有骨骼型、满版型、分割型、中轴型、曲线型、倾斜型、对称型、焦点型、三角型以及自由型十种。
1.骨骼型：是一种规范的、理性的设计形式，类似于报刊的版式。常见的骨骼有竖向和横向的通栏、双栏、三栏、四栏等。一般以竖向分栏为多，这种版式给人以和谐、理性的美。几种分栏方式结合使用，会使网页既有条理又有弹性。
2.满版型网页：以图像充满整版。页面主要以图像为诉求点，将少量文字嵌于图像之上，视觉传达效果直观而强烈。多见于强调艺术性或个性的网页设计中。美中不足的是，它对网络宽带有着一定要求。
3.分割型：把整个页面分为上下或左右两部分，分别安排图片和文案。令部分形成鲜明对比：有图片的部分感性而具有活力，文案部分则理性而平静。
4.中轴型：沿着页面的视觉中轴将图片或者文字进行水平或者垂直方向的排列。水平排列的页面，给人稳定、平静、含蓄的感觉；垂直排列的页面，给人舒畅的感觉。
5.曲线型：将图片或文字在页面上作曲线的编排，这种编排方式能产生韵律感与节奏感。
6.倾斜型：将页面主题形象或多幅图片、文字进行倾斜编排，从而造成页面强烈的动感，引人注目。
7.对称型：页面版式给人以稳定、严肃、庄重、理性的感觉。它分为绝对对称、相对对称以及四角形三种。一般采用相对对称的手法，避免版式呆板。而四角形对称手法是在页面四个角安排相应的视觉元素，这种构成方式也能很好使页面产生安定感。
8.焦点型：通过对视线的诱导，使页面具有强烈的视觉效果。常见的几种方式有：一是将对比强烈的图片或者文字置于页面视觉中心；而是视觉引导浏览者视线向页面中心聚拢，形成向心的版式；三是视觉元素引导浏览者视线向外辐射，形成离心的网页版式。
9.三角型版式：网页视觉元素是三角型排列。正三角形具有最稳定性，倒三角形则产生动感。侧三角形构成一种均衡版式，既安定又有动感。
1.缺乏主色调
在网页经常可以看到这样的网站，元素色相众多，令人眼花缭乱，给人一种复杂混乱的视觉效果，使访问者无法明确地识别重点内容。
这是一个国外从事汽车产业方面的公司，所以在页面上方选用了和网页同色系的一辆红色跑车，这是网页上的一处亮点。深浅不同的灰色对整个网页的区域进行了划分。整个网页版式设计条理清楚，色彩简单不呆板，体现了工业产品的特点。
这是松下家电制造公司的网站。以金属灰为主色调，与家电产品的主体相吻合。页面采取了一分为二的设计，上半部分展示公司的各大产品，下半部分主要是子目录，其中包括新闻、其他产品、广告等等。
2.文字能见度低
网页上的色彩或者图片通常结合在一起，要么成为文字的背景色，要么成为文字本身的颜色，这就出现了文字的色彩的对比问题。对浏览者来说，最重要的是文字，因此，画面色彩运用就必须注意文字的可识别性，也就是文字的易见度。
.在高明度的背景上，低明度的文字易于识别，如果背景和文字名都接近，就容易出现难以辨别的问题，如遇到图文叠印的网页，文字可以采用白色或者反白色处理；或者使用与背景同色系，不同饱和度的方式来处理。
3.增加视觉负担
网页配色要尽量少用视疲劳度高的色调，一般来说，高明度、高纯度的颜色刺激强度高，疲劳度也大。无色系中，白色的明度最高，黑色明度最低；有色系中，最明亮的是黄色，最暗的是紫色。
用明度太高的色彩作为背景看起来很刺眼，所以设计师们要尽量减少高明度背景的使用。反之，使用少量的高明度颜色作为点缀，会大大激发浏览者的探究欲望。
1.人性化
网页设计在遵从艺术规律的同时，还要考虑到人的心理特点。色彩搭配合理，则给人一种和谐、愉快的感觉，因此应避免采用高纯度、刺激性强的单一色彩，否则容易造成视觉疲劳。
这是一个休闲游戏的网站，连接每组连接点都绘制出一个完整的图案。绿色和黄色的搭配让游戏者看着很舒服，搭配一个简单的按钮，让网页看起来比较人性化。
艺术源于生活，又高于生活，通常情况下，生活中常见的东西没有必要在网页上再次重复。人的感觉是喜新厌旧的，总会偏向于一些新奇的东西，因此，一个新奇的创意或者有感染力的色彩，平面构成会更勾起访问者的兴趣。
这是一个阿根廷漫画家的个人网站，很有生活创意。作者有着新奇的想象力和出色的构成表现能力。虚拟与现实相结合，将漫画家的生活进行了记录，生动有趣。
2.符合网站风格和主题
不同类型的网站就要使用不同的色彩和视觉元素，达到内容和形式上的统一，这样做更符合人们的认知习惯。
例如珠宝首饰类的网站就要使用看起来贵重、豪华的配色，如黑色、金色。总让人联想到财富，黄金。遇到购物类等女性网站可利用粉色来表达女性站点的柔美性。
3.个性鲜明
每个网站都有自己独特的个性和气质，缺乏个性就很难让访问者记住这个网站，千篇一律的设计只能让浏览者感到乏味。通过色彩组合以及元素构成能很好的实现网页的个性化。
法国DJECO玩具设计工作室主要以设计儿童玩具为主营业务，DJECO设计工作室网站场景设计温馨精美，强烈的儿童插画风格与儿童玩具的设计定位扣合。网站风格活泼可爱，站点的亮点是极具特色的动画元素设计，在整站中起到了非常好的点缀作用。
一般网页的尺寸规范是多少？
网站 首页页面宽度 px
Yahoo! 950
淘宝 950
MySpace 960
新浪 950
网易 960
Live Search 958
搜狐 950
优酷 960
AOL 960
随着电脑的发展，显示器是越来越大，分辨率也是越来越高，为了照顾所有不同显示器的用户，把网站的制作尺寸规范就定在1024*768下，网页宽度保持在1002-1004以内，高度还是以根据需要制作的内容在定，如果只想网页只在一屏内显示，不要上下滚动条， 一般高度是600-635像素之间, 就不会出现垂直滚动条。
在ps里面做网页可以在1003*600状态下显示全屏，页面的下方也不会出现滑动条，尺寸为1003*650像素左右 。
1、在IE6.0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。
2、在Firefox下，宽度的分率辨减19。比如1024的宽度-19就变成1005
3、在Opear下，宽度的分率辨减23。比如1024的宽度-23就变成1001
网站页面大小其实并没有一个统一的标准，不过网站建设好之后要记得测试各浏览器的兼容性，很可能在IE没问题的情况下，其他浏览器出现错位的情况。
新闻网站设计标准的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于新闻网站页面设计、新闻网站设计标准的信息别忘了在本站进行查找喔。
