网页设计师，也必须努力保持对所有不同的专业术语和技术的理解，所以在这里我们给出了10个最重要的网页设计方面的术语，每个人都应该有起码的了解。
1、HTML、CSS & JavaScript
（HTML表示超文本标记语言，而HTML5是最新版本）
HTML
HTML代表超文本标记语言，而且是web语言。
简而言之，HTML为网页设计师提供了一种方式，告诉浏览器如何处理一个特定的内容。HTML包含许多不同的标签，允许设计师通过语义标记使段落被识别为浏览器文本，而且允许图像输入等。
CSS
HTML不足以创造出漂亮的网页。但是，层叠样式表（CSS）为设计师提供了创建一个可视化的规则集，确定不同的元素在一个Web页面上通过浏览器被呈现在屏幕上的方法。
CSS能做到的事情是，比如文本的颜色，背景，大小，形状和页面中的所有不同部分的位置被设置。
JavaScript
最后，JavaScript（顾名思义）脚本语言允许设计者在网页上创建的交互作用。
历史上的JavaScript，主要用于表单验证，比如你忘了在手机中输入您的电话号码，那些烦人的警告框就会弹出来。现在有很多可用性更高的JavaScript，包括特殊的视觉效果，或无需重新加载整个页面直接加载新内容的能力。
要注意的一件重要的事情是，尽管它的名字看起来和java有点相似，但JavaScript和Java编程语言没有任何关系的。
2、Responsive design（响应式设计）
（响应网页设计正迅速发展为所有的网页设计里的标准方法）
关于响应式设计的概念，你不能错过。在过去的几年里这一直是各地web真正的时髦词语，而且根本停不下来！客户甚至已经开始要求设计师必须设计响应式网站，在还没充分了解它的概念时就这么干了！
简单来说，响应的设计是一个适应用户各种设备的一种模式。在理想环境下，用户的上下文中，它显示最适当的和易于理解的方式所需的内容，不管什么样的网络，连接的设备都可用来查看。在实践中，这意味着一个Web页面将重新划分为各种分辨率所需，而移动端也有自己的尺寸和排版。
请注意，响应的设计概念不是简单地重新设计内容。
3、Semantic markup（语义标记）
（语义标记是一种内容编码）
HTML的标记标签描述的内容也提供关于本身的内容相关的元数据。例如，一条信息，是一个网页的主要内容相关的，但不是直接主体的页面内容，可能会被标记为。
虽然这听起来像是一个明显的最佳实践方法，以及Web当然是工程语义的思想，但是使用这种方法并不总是简单的…
早期语义标记
在网络发展的早期，可用的HTML标签的数量是有限的。许多确实存在纯粹的语义性质的标签：例如
标签——用于标记段落的内容。
随着时间的推移，设计师想要推出更具有意义的页面元素时，在其最纯粹的形式语言的界限里面，
标签和< td >标签倍受欢迎，这是用来标记表格数据，并重新创建柱状布局的可靠的解决方案。
同时，设计师开始依赖于一个特定的标签来定义他们的内容，作为默认的视觉特征，而不是重新用语义设计标签。作为一个规范，大的粗体文本往往呈现为一个标题标签（＜h1＞，＜h2＞，＜3 >等）的标签，而不是或< em > 等加粗标记。
断层
因此，大量的HTML语义标记已经形成固定的模式，没办法继续开发，是独有的一代。一个非语义Web的缺点是，它变得难以维持或了解一个网站的底层代码，搜索引擎无法以编程方式定义的最重要元素的一页。
值得庆幸的是，随着CSS和HTML语言的最新版本的出现，标记有了一个非常纯粹的定义能力。CSS有利于更复杂的布局，而HTML语言已经扩展到包括新的语义化标签如
，
和等。
4、Saas
（Saas，Software as a Service，是Google Docs等文件的解析语言）
首先请不要与SASS混淆，SaaS是Software as a Service的缩写。简单来说，这意味着通过云端提供任何软件平台服务。
最佳案例就是在线Microsoft Office平台和Google Docs以及Photoshop Express了。
这些服务为用户提供一个类似于桌面的体验，直接在网络上交付，而无需在用户的计算机上安装任何额外的软件。
5、A/B Testing（A/B测试）
（A/B测试是一种尝试不同的方法途径以实现相同结果的测试方案，建立通往目的最可行的方案。）
典型的A/B测试是用来试验不同的网页布局，跟踪用户转化率。
通过原型迭代的过程、评估和调整，A / B测试可以
6、ARIA
（ARIA，Accessible Rich Internet Application，web访问协助技术）
ARIA为web app提供满足用户不同需求的解决方案。建设起用户和软件之间的桥梁。
因此，它可能是指屏幕阅读软件，结构设计方法和设计方法，如以用户为重点的接口设计，从而增加内容和功能的可访问性。
7、Information Architecture (IA)（信息架构）
信息架构（IA）是用来描述一个网站上的内容和信息的语义布局的总称。它指的是信息的组织，处理在一个网站的结构上，哪些页面去向哪里，什么样的内容是包含在哪个页面上，以及站点间页面如何互动。
作为一个领域集合，IA注重于尽可能方便用户找到他们正在寻找的内容，提高转换率。
8. Server-side scripting（服务器端脚本）
（服务器端脚本——使用类似于PHP的脚本语言在服务器端进行数据操作）
对于web app有两个相关概念：客户端。所有的逻辑和数据处理，浏览器通过使用JavaScript来解析数据。另外是服务器端。客户端的数据操作都是在服务器上进行的。大多数Web应用程序将二者结合起来，用户仅仅使用客户端来操作数据，但是所有数据都通过服务器来实现运作。
服务器端脚本是一个专门编写服务器脚本语言的通用的术语。脚本语言，如PHP、ASP.NET使得Web开发人员能够处理复杂的业务逻辑，可以通过一个简单的方法实现数据库交互，进行复杂的数据操作和提供信息反馈到浏览器。
因为处理是在服务器上进行的，所以用户的浏览器不需要辛苦工作，这样子可以提高表观性能，至少从用户的角度来看是这样子的。
9、Visual hierarchy（视觉层次）
（视觉层次表示视觉元素的排版规则，用以强调优先顺序）
这不是局限于网页设计，但它被越来越多地用于指一个网页的设计和布局。简而言之，视觉层次指的是对一个网页设计元素的排列方式，最重要的因素似乎更加被强调出来。
重点通常是通过使用大小，颜色，字体和特殊效果，如阴影等表现出来。视觉层次的结果往往是一个信息架构的过程，一个有意识的决定。
为了帮助广大开发者更好地理解细雨算法2.0的内容，对网站进行优化，针对此次算法升级中的细节内容，我们给出了说明及引导，请广大开发者参考。
本次细雨算法升级主要针对以下两类问题：
一、恶劣违规内容
类型1：页面存在恶劣采集内容
详细说明：
（1）页面内容大量采集自互联网，内容拼接混乱，可读性差；
（2）页面内容有明显的采集痕迹，包括失效超链、失效代码等；
（3）跨领域采集，指采集内容与原站点或智能小程序领域不一致的内容。
问题示例1：
上图为跨领域采集示例，B2B领域采集科技类内容的示例
问题示例2：
上图为采集痕迹明显的示例
整改建议：
1、开发者应对站点/智能小程序进行全面自查，清除采集信息；
2、专注于本领域的优质内容生产，通过提升领域专注度获得更多的搜索流量青睐。
类型2：发布软文信息
详细说明：开发者利用B2B站点或智能小程序发布对用户产生误导的软文信息。
问题示例3：页面标题是“垃圾车厂家 哪家好 “，内容却是品牌软文信息。
上图为B2B领域发布软文信息的示例
整改建议：
开发者应对站点或智能小程序的全部页面进行自查，删除误导用户的软文内容。
类型3：发布与实际情况不符的商品信息
详细说明：B2B领域站点/智能小程序发布的商品价格、商品详情等信息与实际情况不符，不能让用户获得正确有效的信息。
问题示例4：
上图为发布与实际情况不符的商品信息的示例
整改建议：
1、开发者应删除不符合实际情况的商品信息，避免误导用户；
2、对于价格经常变动或需要咨询价格的商品，不应填写虚假的商品信息和价格，可以在页面中标明“询价“、“议价“等内容给用户参考，
详细说明：页面中的交互功能按钮（如：联系客服、拨打电话、问题咨询、查看详情、查看全文等）失效，或为虚假按钮，使用户无法获取服务。
类型4：发布空短无效内容
详细说明：网站/智能小程序页面为空白页面，无法满足用户需求，对用户没有价值增益。
问题示例5：
上图为B2B领域页面存在空短无效内容的示例
整改建议：
1、开发者应删除没有价值的页面，多生产优质的图文内容。
2、对于服务器原因造成的页面无法打开的情况，开发者应自查服务器的稳定性，避免因为此类问题伤害用户的浏览体验。
类型5：交互功能失效或为虚假按钮
整改建议：
1、对交互功能进行全面自查，确保按钮有效可用；
2、删除页面中不可点击的虚假按钮，避免引起用户的误操作。
二、低质内容
类型1：图片内容低质
详细说明：
1、图片情况与文字描述不一致，例如图片中标明可点击查看详情，实际无法点击；
2、图片上嵌入会干扰用户浏览的信息，如嵌入电话号码、QQ号等；
3、图片质量差，分辨率极低，严重影响阅读体验；
4、站点/智能小程序中出现大量低质、重复的图片，无法为用户提供正确的信息。
问题示例6：
上图为商品图片中存在受益信息，图片中嵌入电话号码的示例
问题示例7：
上图为站点/智能小程序中出现大量低质、重复的图片的示例
整改建议：
1、图片内容应当和文字描述保持一致，避免存在欺骗用户的情况；
2、减少图片上干扰用户浏览的信息。如需提供联系方式，可以将其放置在页面中的合规区域内进行展现，或在小程序中设置联系客服、拨打电话等功能；
3、优化图片质量，生产优质的图文内容。
类型2：页面内容低质
详细说明：页面中信息提供不完善，主要为页面中只有图片，没有和图片相关的说明。
问题示例8：
上图为页面中信息提供不完善的问题示例。
上一篇：如何设计一个优秀的用户界面
扫描二维码