產(chǎn)品經(jīng)理必知的10個(gè)網(wǎng)頁(yè)設(shè)計(jì)術(shù)語(yǔ)

想要獲得快速成長(zhǎng)，我們就必須要知道一些網(wǎng)頁(yè)設(shè)計(jì)的術(shù)語(yǔ)。

和眾多其他行業(yè)的發(fā)展一樣，網(wǎng)頁(yè)設(shè)計(jì)剛開(kāi)始還處于起步階段，但是到現(xiàn)在它已經(jīng)有太多的術(shù)語(yǔ)縮寫(xiě)，有一些簡(jiǎn)單的技術(shù)和理念是必須懂的。

今天的環(huán)境相比過(guò)去已經(jīng)是一百倍的復(fù)雜，因?yàn)槲覀冊(cè)诰W(wǎng)絡(luò)上使用工具和框架，語(yǔ)言和庫(kù)的開(kāi)發(fā)使得一切進(jìn)步飛快。

設(shè)計(jì)師 —— 即使是專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)師，也必須努力保持對(duì)所有不同的專業(yè)術(shù)語(yǔ)和技術(shù)的理解，所以在這里我們給出了10個(gè)最重要的網(wǎng)頁(yè)設(shè)計(jì)方面的術(shù)語(yǔ)，每個(gè)人都應(yīng)該有起碼的了解。

1、HTML、CSS & JavaScript

（HTML表示超文本標(biāo)記語(yǔ)言，而HTML5是最新版本）

HTML

HTML代表超文本標(biāo)記語(yǔ)言，而且是web語(yǔ)言。

簡(jiǎn)而言之，HTML為網(wǎng)頁(yè)設(shè)計(jì)師提供了一種方式，告訴瀏覽器如何處理一個(gè)特定的內(nèi)容。HTML包含許多不同的標(biāo)簽，允許設(shè)計(jì)師通過(guò)語(yǔ)義標(biāo)記使段落被識(shí)別為瀏覽器文本，而且允許圖像輸入等。

CSS

HTML不足以創(chuàng)造出漂亮的網(wǎng)頁(yè)。但是，層疊樣式表（CSS）為設(shè)計(jì)師提供了創(chuàng)建一個(gè)可視化的規(guī)則集，確定不同的元素在一個(gè)Web頁(yè)面上通過(guò)瀏覽器被呈現(xiàn)在屏幕上的方法。

CSS能做到的事情是，比如文本的顏色，背景，大小，形狀和頁(yè)面中的所有不同部分的位置被設(shè)置。

JavaScript

最后，JavaScript（顧名思義）腳本語(yǔ)言允許設(shè)計(jì)者在網(wǎng)頁(yè)上創(chuàng)建的交互作用。

歷史上的JavaScript，主要用于表單驗(yàn)證，比如你忘了在手機(jī)中輸入您的電話號(hào)碼，那些煩人的警告框就會(huì)彈出來(lái)。現(xiàn)在有很多可用性更高的JavaScript，包括特殊的視覺(jué)效果，或無(wú)需重新加載整個(gè)頁(yè)面直接加載新內(nèi)容的能力。

要注意的一件重要的事情是，盡管它的名字看起來(lái)和java有點(diǎn)相似，但JavaScript和Java編程語(yǔ)言沒(méi)有任何關(guān)系的。

2、Responsive design（響應(yīng)式設(shè)計(jì)）

（響應(yīng)網(wǎng)頁(yè)設(shè)計(jì)正迅速發(fā)展為所有的網(wǎng)頁(yè)設(shè)計(jì)里的標(biāo)準(zhǔn)方法）

關(guān)于響應(yīng)式設(shè)計(jì)的概念，你不能錯(cuò)過(guò)。在過(guò)去的幾年里這一直是各地web真正的時(shí)髦詞語(yǔ)，而且根本停不下來(lái)！客戶甚至已經(jīng)開(kāi)始要求設(shè)計(jì)師必須設(shè)計(jì)響應(yīng)式網(wǎng)站，在還沒(méi)充分了解它的概念時(shí)就這么干了！

簡(jiǎn)單來(lái)說(shuō)，響應(yīng)的設(shè)計(jì)是一個(gè)適應(yīng)用戶各種設(shè)備的一種模式。在理想環(huán)境下，用戶的上下文中，它顯示最適當(dāng)?shù)暮鸵子诶斫獾姆绞剿璧膬?nèi)容，不管什么樣的網(wǎng)絡(luò)，連接的設(shè)備都可用來(lái)查看。在實(shí)踐中，這意味著一個(gè)Web頁(yè)面將重新劃分為各種分辨率所需，而移動(dòng)端也有自己的尺寸和排版。

請(qǐng)注意，響應(yīng)的設(shè)計(jì)概念不是簡(jiǎn)單地重新設(shè)計(jì)內(nèi)容。

3、Semantic markup（語(yǔ)義標(biāo)記）

（語(yǔ)義標(biāo)記是一種內(nèi)容編碼）

HTML的標(biāo)記標(biāo)簽描述的內(nèi)容也提供關(guān)于本身的內(nèi)容相關(guān)的元數(shù)據(jù)。例如，一條信息，是一個(gè)網(wǎng)頁(yè)的主要內(nèi)容相關(guān)的，但不是直接主體的頁(yè)面內(nèi)容，可能會(huì)被標(biāo)記為