50個必懂的網站製作專有名詞，讓你快速從外行變內行！
當你在規劃或是和網頁設計公司討論時，是否常聽到一些陌生名詞，諸如layout、html、rwd、slider等等，因為不理解從而導致無法好好的溝通、表達想法。了解到隔行如隔山，我們整理了一些常用到的網頁設計名詞，幫助你未來遇到這些名詞時不再一頭霧水！
快速導覽
網站規劃
Domain 網域
網域是一個網站的首頁地址，是網站的核心。可細分為三層網域，以凱士官網 https://www.cadiis.com.tw/ 為例，「.com.tw」為第一層網域，「cadiis」為第二層，「www」則是第三層網域，又稱子網域（Subdomain）。網域可以透過申請購買取得，常見提供此項服務的公司有中華電信、遠傳、亞太等等。
延伸閱讀：什麼是主機？網站空間？用白話文帶您了解網頁資料存放的基本概念
Sitemap網站地圖
網站地圖是指列出網站中所有頁面的一個頁面，方便使用者尋找想看的東西。還有另一種XML格式的網站地圖（XML sitemap），是專門提供給搜尋引擎和Google爬蟲，除了揭示自己網站的架構，也告訴搜尋引擎網站中總共有多少頁面是可以被收錄的。
延伸閱讀：Sitemap 網站地圖如何製作？Sitemap XML產生器，一學就會！
CMS 內容/後台管理系統
CMS全稱Content Management System，WordPress、Joomla和Drupal 都是常見的網站後台系統。CMS存在的目的在於讓管理者更好上手與及時的調整前台資訊，輕鬆地管理和維護網站。
延伸閱讀：CMS是什麼？透過網站後台管理系統，程式小白也能打造專屬網站！
RWD 響應式網頁設計
全稱Responsive Web Design，是指同一個網址中，網頁可因應不同裝置（電腦、平版、手機）自動產生各異的版面變化，讓網站在不同的裝置間保持正常運作，同時讓使用者有更佳的瀏覽體驗。也可以換句話說，RWD是透過瀏覽器寬度決定網頁版面呈現的一種技術。
SEO 搜尋引擎優化
SEO是Search Engine Optimization的縮寫，透過了解搜尋引擎的運作原理及演算法的規則，調整、充實網站內容（包含實際內文、架構、關鍵字及相關連結等項目），進一步提升排序。將搜尋引擎的使用者能在最前面的幾個項目看到你的網站是SEO最大的目的。
CTA 行動呼籲
英文全稱為Call to Action，中文有較多說法，其中以「行動呼籲」、「召喚行動」為大宗。CTA的功能在於吸引注意力，常應用在網站懸浮按鈕、EDM或是Banner等地方，並可能伴隨著「立刻聯絡我們」、「需要網站設計服務嗎」等字眼，進一步引導訪客採取相應行動。
網頁設計
UI 使用者介面
全稱為User Interface，它是使用者與產品之間的溝通介面，重點在於「產品如何呈現」，例如字體大小與間距、顏色搭配、動畫效果等等，考量一切視覺呈現，美化使用者介面，進而增加使用者對產品的好感度。
延伸閱讀：UI、UX是什麼？5分鐘快速看懂UI、UX設計差在哪！
UX 使用者經驗
全稱User Experience，重點在「產品使用的感覺」，了解使用者需求、觀察使用者行為，以使用者感受為出發點來設計產品，提升產品使用的流暢性。
HTML 超文本標記語言
HTML全稱HyperText Markup Language，是一種建立網頁的標記語言，常與CSS與JavaScript一起使用在網頁設計上。使用標籤（<>）詮釋文字、圖像等內容，可將資料結構化，舉例來說，<title>代表網頁標題、<body>則是代表網頁內容。
延伸閱讀：什麼是HTML?
CSS 階層式樣式表
CSS全稱Cascading Stylesheets，用來美化、描述網站外觀，幫HTML頁面中的所有東西套上不同的樣式，例如顏色、大小、間距等等。
JavaScript
一種用於增加網頁互動性的程式語言，可以直接嵌入HTML頁面。
延伸閱讀：JavaScript是什麼？有什麼用途？JavaScript教學三分鐘帶你解析！
Layout 版面設計
版面設計指的是網頁的圖文編排。無論是網頁還是平面排版都需要注意是否「易於閱讀」，而與平面印刷不同的是，網頁的任何文字或圖片都是可以連結、可以互動的，因此除了基本的色彩、文字編排，網頁的版面設計還得「易於使用」，須注意按鍵及區塊功能（如選項按鈕、捲軸）的互動設計、因應不同裝置的RWD版面變化等等。
Header 頁首
指的是網站最上方的區塊，通常會包含網站標誌（Logo）、主選單（Mainmenu）等元素。頁首是一個具識別性的區塊，常駐在上方的傳標誌能讓使用者快速辨別自己所在的網站為何，另一個重要的功能是主選單，透過主選單可以快速切換到網站中的其他頁面，而不是使用上一頁或另開分頁。
Footer 頁尾
頁尾顧名思義就是網頁最下方的區塊，通常會包含頁尾導航（Footnav）、聯絡資訊、版權聲明、相關連結，頁尾主要的功能是展示但簡化網站結構，把最想提供給使用者的連結資訊放在這裡，引導點擊，並爭取他們停留在網站更長的時間。
網站建置
Cache 快取
快取的位置介於伺服器和用戶端之間，它能夠儲存網站資料，加快網頁載入速度，讓伺服器不需要每次都需要重新要求和下載資料，但這也意味著你瀏覽的網站資料可能不是最新的。
延伸閱讀：Cache是什麼？一分鐘了解網頁快取的功能與清除方式
IP 網際網路協定
全稱Internet Protocol，IP位址是電腦和網際網路上其他裝置和網站聯繫通訊的位址，並且它是獨一無二的，因此可以用來識別不同的裝置，就像電話號碼一樣，看到來電顯示就能知道這通電話是來自哪裡。
DNS 網域名稱系統
全稱Domain Name System，它將網域（Domain）名稱轉換成提供給電腦識別的IP地址，若說IP位址是電話號碼，那DNS就像是電話簿，讓名稱和數字有所對應。
VPN 虛擬專用網路
全稱Virtual Private Network，用來保護在網路上的隱私，透過加密保護個資不受駭客或網際網路服務供應商所侵害，並且允許使用者隱藏自己的位置、IP位址和線上活動等。
SSL 安全通訊協定
SSL 是 Secure Sockets Layer的縮寫，是伺服器和瀏覽器之間以加密方式溝通的安全技術標準，它確保了兩者間資料的隱密與完整性。檢視網址最前面的鎖頭圖示就可以知道該網站是否安裝SSL 憑證。
延伸閱讀：SSL憑證是什麼？網站還沒裝SSL嗎？三分鐘帶你了解SSL對排名的重要性！
URL 網址
域名代表網站，網址則是代表這個網站的某個特定頁面。即便是在同一個網站內，所有的頁面都會有一個屬於它的網址，舉個例子來說，下方為一個完整網址，前面www.cadiis.com.tw是域名，後方路徑名稱則是這個頁面專屬的位址。
延伸閱讀：URL意思是什麼？一篇了解網址結構怎麼設計及使用！
當你熟悉這些網頁設計專有名詞
並不代表你了解網頁設計
但它會讓你跟網頁設計師的關係更融洽
延伸閱讀：網站/網頁設計公司這樣挑不踩雷！5大原則教你找到專業設計公司
如果你對網頁設計還有什麼不了解的地方，歡迎詢問凱士
＊ 歡迎分享這篇文章，分享時請加入文章來源：凱士網頁設計公司
|
網站設計服務諮詢 為什麼推薦台中網頁設計公司凱士數位？位於台中的凱士相對有機會接觸到各種不同的產業面向，擁有各種產業的網站設計經驗，幫助企業提升網路品牌形象，建立良好的使用體驗。如果您有形象網站、企業網站、客製化網頁、網站改版相關需求，歡迎聯絡我們。
您可以直接填寫諮詢表單；撥打諮詢電話 04-22210688；或加入凱士LINE由專人與您聯繫。 |
|
Eric Wang 凱士網頁設計公司 專案顧問 Eric，擁有設計、理工、管理等跨領域背景，樂於和不同領域的專業工作者進行分享與討論。在專案工作外，同時也兼任大學行銷系業界講師及企業內訓課程講師，長期致力於「網頁設計白話文運動」。
|
好的形象網站設計，可以幫助公司提升品牌形象與企業價值，透過清楚的網站架構與視覺設計，造就良好的使用體驗與企業形象。
需要網站設計服務嗎？
凱士為您設計製作優質網站
形象網站、公司網站、企業網站、
及各類型客製化網站系統平台
