网页设计的相关术语

网页设计的相关术语

TP是文件传输协议的英文缩写,是快速、高效、可靠的信息传输方式。这个协议能把文件从一台计算机传输到另外一台计算机中,而不必管这两台计算机位置在何处。下面介绍网页设计的相关术语,希望可以帮助到大家。

网页设计的相关术语

FTP(文件传输协议):

FTP是文件传输协议的英文缩写,是快速、高效、可靠的信息传输方式。这个协议能把文件从一台计算机传输到另外一台计算机中,而不必管这两台计算机位置在何处,也不用管这两台计算机使用什么操作系统和使用何种网络,只要它们都遵循FTP协议,并且能够通过网络互联。

由于FTP是一个交互式的会话系统,因此两台计算机可以作为一个客户端一个服务器端来看待,它们之间要建立双重连接,一个用于控制,一个用于数据传输。这是制作网页所要使用的重要技术之一。

URL(统一资源定位器):

URL主要用于指明通信协议和地址,以获取网络的各种信息服务。它包括:

通信协议:http、FTP、Telnrt、Mailto等。

主机名:指服务器在网络中的IP地址或域名。

所要访问的文件的路径和文件名:主机名与文件夹(目录)及文件之间用“/”符号分隔。

我们在上面所说的浏览器的地址栏中输入的就是URL。

超级文本:

超级文本与普通文本不同,它是一种使用用户于计算机之间进行交流的文本显示技术,通过对关键词或图片的索引链接,可以使这些带有链接的词语或图片指向相关的 文件或者文本中的相关段落。类似于普通书本中的目录,我们要看某一个章节,就要用手翻页到相关的页面,在这里,我们用鼠标点击相关的链接(相当于书本中的 目录)就能打开相关的页面或内容。

通常当鼠标指针指向带有超级链接的时候,鼠标指针从原来的箭头形状变为“手”的形状,文本的下方也会出现下划线或者做出颜色的改变,这是软件默认的超级文本的链接形式,依据设计制作者的不同选择,会出现不同的显示。

浏览器:

浏览器是安装在电脑中(客户端)用来查看万维网中超级文本的一种工具(软件)每一个万维网的用户都要在电脑上安装浏览器来“阅读”网页中的信息,这是使用 万维网的最基本的条件,就好像我们要用电视机来收看电视节目一样。目前大家所用的Windows操作系统中已经内置了浏览器。

目前主流的浏览器主要分为两种:

1、微软公司开发的 Microsoft Internet Exploere浏览器,简称IE,目前最高版本是6.0。

2、网景公司开发的 Netscape Navigator浏览器。

这两个浏览器开发公司不同,但使用界面大致相同,他们占有了网络浏览器市场的绝大部分份额,还有一些其他公司的浏览器,因为其占有市场份额相对太小,这里不作介绍了。需要提醒大家注意的是,尽管微软和网景浏览器界面大致相同,但是对于浏览使用了特效的同一个网页,显示的效果也可能不同,即便是同一个公司的不同版本的浏览器也有这样的状况。因此我们在网页制作过 程中应该考虑到浏览对象的不同而选择不同的制作方式。例如如果我们的主页主要面对的对象是国内用户,而国内用户大多使用Windows自带的浏览器,我们 就可以选择目标浏览器是IE,同时要兼顾一下还在使用IE5.0版本的用户;如果我们面对的对象是海外用户,而海外很多人习惯使用网景浏览器,我们就可以 选择Netscape的浏览器。

大型分布式网站术语分析

一、I/O优化

1、增加缓存,减少磁盘的访问次数。

2、优化磁盘的管理系统,设计最优的磁盘方式策略,以及磁盘的寻址策略,这是在底层操作系统层面考虑的。

3、设计合理的磁盘存储数据块,以及访问这些数据库的策略,这是在应用层面考虑的。例如,我们可以给存放的数据设计索引,通过寻址索引来加快和减少磁盘的访问量,还可以采用异步和非阻塞的方式加快磁盘的访问速度。

4、应用合理的RAID策略提升磁盘I/O。

二、Web前端调优

1、减少网络交互的次数(多次请求合并)

2、减少网络传输数据量的大小(压缩)

3、尽量减少编码(尽量提前将字符转化为字节,或者减少从字符到字节的转化过程。)

4、使用浏览器缓存

5、减少Cookie传输

6、合理布局页面

7、使用页面压缩

8、延迟加载页面

9、CSS在最上面,JS在最下面

10、CDN

11、反向代理

12、页面静态化

13、异地部署

三、服务降级(自动优雅降级)

拒绝服务和关闭服务

四、幂等性设计

有些服务天然具有幂等性,比如讲用户性别设置为男性,不管设置多少次,结果都一样。但是对转账交易等操作,问题就会比较复杂,需要通过交易编号等信息进行服务调用有效性校验,只有有效的操作才能继续执行。

(注:幂等性是系统的接口对外一种承诺(而不是实现), 承诺只要调用接口成功, 外部多次调用对系统的影响是一致的. 声明为幂等的接口会认为外部调用失败是常态, 并且失败之后必然会有重试.)

五、失效转移

若数据服务器集群中任何一台服务器宕机,那么应用程序针对这台服务器的所有读写操作都需要重新路由到其他服务器,保证数据访问不会失败,这个过程叫失效转移。

失效转移包括:失效确认(心跳检测和应用程序访问失败报告)、访问转移、数据恢复。

失效转移保证当一个数据副本不可访问时,可以快速切换访问数据的其他副本,保证系统可用。

六、性能优化

根据网站分层架构,性能优化可分为:web前端性能优化、应用服务器性能优化、存储服务器性能优化。

1、Web前端性能优化

浏览器访问优化:减少http请求;使用浏览器缓存;启用压缩;css放在页面最上面、javaScript放在页面最下面;减少Cookie传输

CDN加速

反向代理

2、应用服务器性能优

分布式缓存(Redis等)

异步操作(消息队列)

使用集群(负载均衡)

代码优化

3、存储性能优化

机械硬盘vs固态硬盘

B+树 vs LSM树

RAID vs HDFS

在设计网站时 应该做什么

1、在不同设备上采用相似的设计

用户可以**不同类型的设备访问你的网站,这些设备包括:电脑、平板、手机、音乐播放器、甚至是智能手表等。无论用户使用什么设备访问你的网页,确保他们具有类似的体验,这是用户体验设计中的一条重要标准。

2、导航的设计要简单易用、清晰明了

导航设计是网页可用性的基石。如果用户在你的网站里找不到导航,那么无论你的网站有多少都没用用。这也是导航设计要遵循以下原则的原因:

网页设计的相关术语

简单——每个网站都应该有尽可能简单的结构。

清晰——导航的每项对用户而言,都应该是清楚的。

一致——系统的导航页在每一页中都应该是相同的。

用户以**少的点击次数,**快地到达他们想要浏览的网页。这才是导航设计的目的。

3、 改变访问过的链接的颜色

链接是导航的一个关键因素。假如用户点击过的链接没有改变颜色,很可能导致用户多次点击同一个链接。

如果用户知道自己过去访问的链接和现在还未访问过的链接,那么用户会更容易决定自己下一次要点击什么。

4、让页面浏览变得更容易

用户浏览我们的网页时,并不是通读所有的内容而是快速地扫描整个网页。因此如果用户来到这个网站,是为了寻找特 定的内容或者是 完成某个任务,那么他们会先浏览整个网页,直到用户找到了自己想要去的地方。因此作为网页设计者的我们,应该**设 计网站可视化的层级架构帮 助这些用户尽快 达成自己的目的。可视化的层级 架构意味着网页上每 个元素的摆放或 呈现都具有权重(比如说,我们的设计决定了用户先看到哪个,再看到哪个,**后看到哪个)。

我们在设计网站时,要确保网页标题、 登录注册按钮、 导航栏或其它同等重要 的元素放在用户很容 易看到的地方,以减少用户寻找的时间。

5、仔细检查所有的链接

当用户点击网站上的一个链接,界面上却出现404的错误页面时,用户的情感很容易变得沮丧。当用户在网站上寻找内容时,他们希望自己点击过的每个链接都是自己正在寻找的那个,而不是出现404的错误页面、或者点进去后却发现不是自己寻找的那个页面。

6、确保能点击的元素让用户看起来就能点击

一个物体的样子会告诉用户如何使用它。看起来像按钮或链接的视觉元素却不能点击,很容易困扰用户,这些视觉元素包括:文字下划线并不代表链接、拥有动画效果的元素也不是超链接。用户想要知道界面上哪些区域是纯静态内容,哪些区域是可以点击的。

让可以点击的元素明显一点。

网页设计里面的一些规则

1.不管设备如何,都应该提供相同的用户体验

用户会使用不同的设备来访问你的网站:他们可通过台式电脑或笔记本电脑,平板电脑,手机,音乐播放器甚至手表上访问您的网站。UX设计很关键的一部分是要确保用户应该具有类似的用户体验,不论他们是通过什么来访问你的网站,不论他们是使用什么样的设备。

如果用户是通过手机访问你的网站,他们应该能毫不费劲的找到他们需要的所有东西,就像他们在家里通过桌面端查看你的网站一样。

2.设计一个简洁,易用的导航

导航是可用性的基石。请记住,这不关乎于一个网站设计的有多好,但必须确保用户可通过自己的方式进行浏览。这就是为什么你的网站上的导航应该设计成这样。

•简单(每个站点都应该有最简单的结构)

•简洁(导航选项对访客而言必须清楚易懂)

•一致(主页的导航系统应该在每个页面上都一样)

设计导航方式,尽可能减少点击次数而帮助用户到达他们想去的网页。同时,应易于浏览并能轻易找到他们想去的地方。

3.更改已访问链接的颜色

链接是导航过程中的关键因素。当已访问的链接没有改变颜色时,用户可能会无意中重复访问相同的页面。

了解用户已访问过哪些页面可以避免让他无意中重复访问相同的页面。

4.轻松浏览你的页面

当用户访问你的网站时,他们更有可能快速扫描屏幕,而不是阅读页面的所有内容。因此,如果访问者想要查找内容或完成某项任务,他们将一直浏览直到找到他们需要的内容。而作为设计师,你可以通过设计好的视觉层次结构来帮助他们。视觉层次结构是指以暗示重要性的方式安排或呈现元素(例如,他们的眼睛应该集中在拿了第一、第二等)

将屏幕标题,登录表单,导航项目或其他重要内容等重要内容标记重点,以便访问者可立即查看。

5.仔细检查所有链接

当用户点击站点上的链接并收到提示404错误页面时,用户可能很容易变得沮丧。当访问者正在搜索内容时,他们希望每个链接都可以将它们带向所指的地方,而不是出现404错误的提示或者其他一些他们不想去的地方。

6.确保可点击的元素对用户显而易见

一个物体的外观可告知用户如何使用它。视觉元素看起来像是链接或按钮,但不可点击(即,有下划线的单词没有链接,具有文字动作的元素,但不是超链接)这样很有可能会使用户混淆。用户需要知道页面的哪些区域是纯静态内容,哪些区域是可点击的。

上述就是关于网页设计里面的一些规则的介绍,相关知识我们不断收集而来。更多内容尽请期待,喜欢就请收藏我们的网站吧!

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章