本篇分享 image map 影像地圖的基本介紹、如何用工具快速建立 image map,以及動態改變 image map area coordinates。
Share:
什麼是 RWD?什麼又是響應式網頁設計?今天讓我們一次搞懂它!首先先從為何需要「響應式網頁設計」開始解釋,了解原因就能夠知道他為何存在!
自從蘋果推出第一支智慧型手機,直到現在行動裝置螢幕都是「直立」為主,和傳統電腦螢幕「橫置」完全差了90度!如果直接把過往設計給電腦的網頁顯示在手機上,會發現整個字變得超級小!根本無法閱讀!
一般找外包設計都會說「我們提供 RWD 響應式網頁設計,用 html5 和 css 達成。」阿勒,RWD我懂,那 html5 和 css 又是啥鬼
(還不懂什麼是 RWD 響應式網頁設計的小夥伴,趕快看下面這篇文章!)
一次搞懂 RWD 響應式網頁 概念
不用擔心,我們一樣拆開來解釋。首先看 html5,數字先不理他,什麼是「html」?白話來說,他就是用來「描述網頁上有什麼元件」,好比說一個房間,我用一段文字來描述房間裡「有什麼傢俱」,這就是 html 扮演的角色。而 5 只是表示「第五版」,也可以看成第五代啦!就像 4G、5G 的數字的概念。
J
雖然大學唸的是生物,但持著興趣與熱情自學,畢業後轉戰硬體工程師,與宅宅工程師們一起過著沒日沒夜的生活。之後憑著一股傻勁與朋友創業,再度轉戰軟體工程師,一手扛起前後端、雙平台 app 開發,過程中雖跌跌撞撞,卻也累計不少經驗。
可惜不是那 1% 的成功人士,於是加入其他成功人士的新創公司,專職開發後端。沒想到卻在採前人坑的過程中,拓寬了眼界,得到了深層的領悟。...more