产品经理必知的十个网页设计术语(一)
时间:2023-10-01 15:18:02 | 来源:网站运营
时间:2023-10-01 15:18:02 来源:网站运营
产品经理必知的十个网页设计术语(一):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的标记标签描述的内容也提供关于本身的内容相关的元数据。例如,一条信息,是一个网页的主要内容相关的,但不是直接主体的页面内容,可能会被标记为<aside>。
虽然这听起来像是一个明显的最佳实践方法,以及Web当然是工程语义的思想,但是使用这种方法并不总是简单的…