鐵人檔案
處在疫情時代，電商已然成為時下的熱門趨勢，電商平台多元且方便，簡單幾步驟就能輕鬆開店創業，但如何在高競爭的環境中展現出品牌的特色呢？這30天的過程，將會循序介紹關於電商網站的開發技巧，包括UI設計/RWD響應式網頁/ SEO優化以及常見網頁功能等，幫助沒有程式相關基礎的創業者，也能打造出屬於品牌風格獨特的電商網站！
昨天跟大家介紹了網頁首圖的媒材，那今天針對圖片展示的部分來做一個分享，整理出幾個常見的網頁排版，可以提供大家在設計時多一些靈感！ 全屏型 滿版的排版方...
分享完關於圖片的排版設計，今天我們就來進行排版的實作啦！ 之前有介紹過的<float><inline-block>其實都是常見用來排版的...
在排版方面還有一個很重要的屬性，其實前面的範例多少能見到它的身影，今天我們就來深入的認識它吧！<position>是一個用於定位元素的屬性，在CSS...
相信大家使用網站時，一定會遇到大大小小固有或彈出的提示框，這次的主題就是他！提示框在用戶經驗上會以內容的輕重程度做不同類型的變化，因此不管是建議、推廣，到提醒、...
昨天介紹了各類提示框，今天來進行簡單的範例：製作一個詢問是否接受cookie的訊息框同時也搭配 bootstrap 框架快速打造！ 首先要先做出訊息框的大小及...
有沒有聽過視差滾動這個詞？網頁上帶有視差滾動的效果，可以讓網站更為吸睛喔！ 什麼是滾動視差？ 隨著滑鼠的滾動，讓頁面部分的元素隨滑鼠滾動速度進行移動，所以滑鼠...
製作滾動視差的動畫，使用 javascript 來製作是最為方便的！同時也可以找一些有人寫好的套件，就可以輕鬆製作不用學太多語法。 今天介紹一個可以快速使用的...
一轉眼30天的文章就快到尾聲啦，在結束之前這兩天會跟大家分享關於網站分析以及SEO優化的部分，網站分析幫助你更了解自己的網站，取得這些數據可以讓品牌擬定出更好的...
今天要介紹的是搜尋引擎最佳化(縮寫是SEO)，是透過搜尋引擎的運作規則來調整網站，以及提高網站在有關搜尋引擎內排名的方式，SEO主要目的是希望網站的潛在客群能夠...
這30天搜集資料、安排內容、規劃架構、撰寫文章等等，是很新鮮的體驗，也覺得這樣的挑戰很有意義！總結幾點對於想更深入研究的小建議： 多觀察、多審視你覺得好看的網...
