导航:首页 > 万维百科 > 腾讯网页设计规范

腾讯网页设计规范

发布时间:2021-03-15 19:38:03

1、网页设计 网页尺寸

宽度全屏的话一般设置成1003像素,高度可以不固定

2、为什么都说腾讯的设计在行业内挺厉害的?腾讯的网页交互从设计角度分析好在哪里?

你聊得这个话题太大了,简单地说企业有钱,就可以找到最优秀的交互设计,用最牛白的技术,至于从设计的角度分析,这个要看是什么产品了,不能泛泛的说腾讯的网页,交互设计是一个非常深奥的学问,他的设计面非常广,例如技术、视觉、情感、心理、推广等等,交互是以用户体验为主,一个设计的好坏评价标尺,就是看产品在用户那里获得的认可度,记得13年有一次qq升级,由于交互发生了巨大变化,做的不好,于是用户骂声一片,具体时间忘了

3、腾讯的网页是用什么技术设计的?

php+MySQL 但是它为了利于搜索引擎友好 对动态网页做了转化处理 HTML静态页面有利于搜索引擎的抓取 所以它显示的是以htm为后缀的网页 但是转化不够彻底 所以体现动态页面的URL元素
如 “?= & ”等字符没有去掉···

现在国外主流是php 而asp安全性不佳 对大型网站并不适用 所以现在大型网站都采用jsp php 制作~~~

补充:看不到JS代码和HTML代码 是因为他用了外部文件 然后连接到网页当中

该网页用的是外联css样式
关于href属性 因为腾讯的留言功能是动态网站基本功能之一 所有的留言都是从数据库调用

4、一般新浪或腾讯的网页是怎么制作出来的?

1.网页设计师先将网页设计出来。
2.进行网页制作,就是切片,div+css布局,将图片变成网页。
3.后台制作。可以自己开发,也可以套用cms,如dedecms,phpcms。等
具体步骤就是这样。详细的牵扯到一些技术,就是html,div+css,js,(jquery,js框架)。
后台目前流行PHP语言。这些都是基础

5、网页设计都是什么内容

一个网页的组成,页面框架+美工+程序+数据库。
页面框架:也就是网站的结构设计,包括了UI和LOGO等,总体来说是为了方便用户操作记性的界面,效果,已经页面的流程进行的设计。
美工:要求会的最基本的几个软件PHOTOSHOP,FLASH,FIREWORKS
程序:要求会的语言很多,包括客户端的脚本语言和服务端的语言,客户端语言包含HTML,JAVASCRIPT,VBSCRIPT,服务端语言包括,ASP,JSP,PHP,.net等等。
数据库:用的数据库也许有很多种,有用ACCESS的,也有SQLSERVER的,还有DB2,ORECLE等等。

6、网页设计制作详细流程

分析如下:

1、首先下载安装Dreamweaver,打开后,新建一个网页,一般选择“HTML”建立网页。选择“经典”界面,有助于我们更便捷使用这个软件。

2、下面选择这三个界面,代码、拆分、设计,一般默认设计界面,对于新手这个功能具有可视化,能更好的制作网页。

3、下面我们来制作网站站点,在电脑上建一个文件作为根目录。我们所建网站的所有文件和网页都保存在这个文件中。站点的作用就是使你的网站网页之间框架清晰。同时给站点起个名字。

4、然后再在站点根目录下建立一个专门储存网站图片的文件,并设置默认。这样你添加到这个网站的所有图片都自动保存到这个文件,不会丢失。注意文件命名要用英文。下面我用我建立的(篮球资讯网)来介绍,点击右下方篮球资讯网——下拉点击管理站点——点击高级设置——设置默认图像文件夹为刚建立的images。保存。

5、下面我们来制作这个网站首页,先学习添加图片。插入——图像——选择素材添加。点击图片,下面属性可以编辑修改图片大小,添加超链接等等。下面我修改图片大小做示范。

6、下面学习添加文本。编辑“篮球资讯网”,下面属性可以设置文本字体、添加超链接等等,点击页面属性,可以详细编辑文本属性。

7、网页基本就是文字和图片的组合,添加视频还需要学习者好好搜索Dreamweaver 的使用视频加以学习。最后制作完一个网页要记得保存。左上角文件——保存。

8、最后我们学习添加超链接。我用建立的第二个网页来做示范。选中篮球资讯网文本,点击页面下方属性——链接——点文件小按钮——选中第一个网页,这样篮球资讯网文本变成蓝色。这是网站内部链接,相反就有外部链接。添加如图,一定要写http://......就可以了。

9、最后我们浏览网页。左上角文件——在浏览器中浏览网页,点击网页中两个链接都能到达指定网页。

(6)腾讯网页设计规范扩展资料:

网页设计

设计网站要注意两个要点:整体风格和色彩搭配。

风格

网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站。

风格(Style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。

色彩搭配

无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。

网页配色小技巧:

1.用一种色彩:这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感;

2.用两种色彩:先选定一种色彩,然后选择它的对比色;

3.用一个色系:简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。

在网页配色中,还要切记一些误区:

1.不要将所有颜色都用到,尽量控制在三至五种色彩以内;

2.背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

7、网页设计宽度多少是最好啊?

网页的尺寸受限于两个因素:一个是显示器屏幕。
现在显示器现在种类很多,以21寸为主流, 正在朝23寸及宽屏的方向发展。但目前也有为数不少的19寸显示器,甚至是17寸的。

另一个是浏览器软件,就是我们常用的IE,Friefox,360浏览器等。

基本上网页宽带是屏幕大小减去22px就是页面的宽度,比如对于800*600分辨率的屏幕,页面的宽度要低于778像素,1024的宽度的页
面要设置成不大于1002px(一般就是950或者960),等等。当然还有些人觉得设置成fixed比较好,就是满屏,100%宽度。

目前各大网站基本在960/950为主,促使各大网站改为宽屏的原因是,1024*768分辨率的浏览器早已成为主流,更宽的屏幕也越来越多,比如1280*1024。而这些网站的宽度,大都是950px/960px而非1002px(腾讯网的是1002px)。

这个问题上面每个人的观点是不一样的,我认为这里主要要考虑两个因素:

视觉效果和用户体验。

从视觉效果来说,屏幕边缘区域并不是用户的有效视觉区域,也就是说,用户很少去看屏幕的边缘地带的。所以我最近在很多国外的网站看到一些100%宽度设计的网站,两边都会留20px左右的空白(而且这样看起来更加舒服)。

而从用户体验来说,太宽的屏幕,意味着一行会有更多的字,这一点是不好的。大家在看报纸或看书的时候会注意到分栏,比如报纸,无论是对开还是4
开的报纸,都会分成几栏来显示,如南方都市报是分5栏,每栏15个5号字,这样就很容易阅读,如果不分栏,那么就相当于一行75个字,只有一两行字的话还
行,如有二十几行,谁能读下去?!

现在显示器的屏幕越来越宽,如果网页的宽度也一味的宽下去,用户肯定要纠结了!

所以,我认为950-980的页面宽度是最合适的。
网页设计原则:http://www.wzyunying.com/post/74.html

8、请问网页制作的要求?

严格说,大中型公司会把网页制作团队分为:网页视觉设计(美工)、前端交互设计(前端)、软件程序开发(程序)。

单说前端,你可以百度一下“前端设计”,了解一下这个职位是干嘛的。下面引用一小段:

【前端设计师是一个很新的职业,在国内乃至国际上真正开始受到重视的时间不超过5年。但是,随着Web2.0概念的普及和W3C组织的推广,网站重构的影响力正以惊人的速度增长。XHTML+CSS布局、DHTML和Ajax像一阵旋风,铺天盖地地席卷而来,包括新浪、搜狐、网易、腾讯、淘宝等在内的各种规模的IT企业都对自己的网站进行了重构。】

因此,从技术上说,前端设计师要至少掌握html极其相关平台属性、css极其相关兼容语法、javascript极其相关框架、ajax极其相关语言(php或asp或json等)——如果是Flash,你还要懂得ActionScript。

你要用html写页面,用css做样式,用javascript做交互,用ajax优化交互——一切的一切,提供符合标准的html页面(兼容性好、标签/命名语义化、符合W3C规范、符合SEO规范、符合或遵循网页栅格系统),链接美工和程序。

从软件上说,你至少要懂得一款作图工具(切图、优化压缩图片、校正图片)、一款编码工具(组织代站点结构、书写管理代码、或者使用SVN类似的版本控制协作)、一写前端效率插件工具(压缩css或js、调整json数据、调整优化正则表达式、制作地址栏图标、制作APP图标、制作视网膜图像等)——一切的一切,效率工作,严谨风格。

从个人职业修养上说,你需要建立良好的工作习惯和技能提升方法——一切的一切,好好学习,天天向上。

前端设计师,说起来,是一个技能综合度比较高的职业,首先说,你应该懂数学,一些最基本的交互和计算都是离不开数学的,比较炫酷和提升用户体验的设计,通常也都和数学息息相关(圆周率、随机数、时分秒换算等等),由数学的灵活运用,还可以实现物理上的一些东西(滑动、晃动、弹跳、模拟重力等)。

做好前端,说的直接一点差不多就是【写的一手好脚本】——作图有美工,编程有程序——前端设计,就是把图片转换为可嵌套程序使用的标准HTML页面,并站在UEDer(用户体验设计师)的角度去设计和制作良好的交互方法。

职业生涯是一个长期的过程,所谓千里之行始于足下,实习阶段,你所学习的并不是如何如何做自己的东西,而是学习团队协作、资源管理和学习方法。好比新兵入伍,不会让你直接去参与大型的活动,而是乖乖训练,寻找自己的优势,探索学习团队协作,找到提升自我的突破口,为以后的发展提供一个良好的工作习惯和处事方法。

需要说的一点是,大部分学校的教程都是较老的技术教程,在实际的工作中根本用不上。可以说,实习,差不多是带你进阶自己的技能。当你工作一段时间后会很明显的发现,原来学些学的那些东西到了实际工作中差不多也就是刚入门,各个公司各个团队都有自己的代码管理方法和工作流程,实习中,你应该尝试去接受和学习,公司通常更懂得如何把你的劳动变为金钱,你的价值体现也在于此——工资和物价无关,和你的含金量有关。

经验之谈,聊聊而已。

与腾讯网页设计规范相关的知识