本篇分享 image map 影像地圖的基本介紹、如何用工具快速建立 image map，以及動態改變 image map area coordinates。

什麼是 RWD？什麼又是響應式網頁設計？今天讓我們一次搞懂它！首先先從為何需要「響應式網頁設計」開始解釋，了解原因就能夠知道他為何存在！

自從蘋果推出第一支智慧型手機，直到現在行動裝置螢幕都是「直立」為主，和傳統電腦螢幕「橫置」完全差了90度！如果直接把過往設計給電腦的網頁顯示在手機上，會發現整個字變得超級小！根本無法閱讀！

一般找外包設計都會說「我們提供 RWD 響應式網頁設計，用 html5 和 css 達成。」阿勒，RWD我懂，那 html5 和 css 又是啥鬼

（還不懂什麼是 RWD 響應式網頁設計的小夥伴，趕快看下面這篇文章！）
一次搞懂 RWD 響應式網頁 概念

不用擔心，我們一樣拆開來解釋。首先看 html5，數字先不理他，什麼是「html」？白話來說，他就是用來「描述網頁上有什麼元件」，好比說一個房間，我用一段文字來描述房間裡「有什麼傢俱」，這就是 html 扮演的角色。而 5 只是表示「第五版」，也可以看成第五代啦！就像 4G、5G 的數字的概念。