iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

30天打造品牌特色電商網站 系列

處在疫情時代,電商已然成為時下的熱門趨勢,電商平台多元且方便,簡單幾步驟就能輕鬆開店創業,但如何在高競爭的環境中展現出品牌的特色呢?這30天的過程,將會循序介紹關於電商網站的開發技巧,包括UI設計/RWD響應式網頁/ SEO優化以及常見網頁功能等,幫助沒有程式相關基礎的創業者,也能打造出屬於品牌風格獨特的電商網站!

參賽天數 17 天 | 共 30 篇文章 | 14 人訂閱 訂閱系列文 RSS系列文
DAY 17

30天打造品牌特色電商網站 Day.21 圖片展示設計

昨天跟大家介紹了網頁首圖的媒材,那今天針對圖片展示的部分來做一個分享,整理出幾個常見的網頁排版,可以提供大家在設計時多一些靈感! 全屏型 滿版的排版方...

2021-10-05 ‧ 由 atain880625 分享
DAY 17

30天打造品牌特色電商網站 Day.22 圖片排版實作

分享完關於圖片的排版設計,今天我們就來進行排版的實作啦! 之前有介紹過的<float><inline-block>其實都是常見用來排版的...

2021-10-08 ‧ 由 atain880625 分享
DAY 17

30天打造品牌特色電商網站 Day.23 關於position定位

在排版方面還有一個很重要的屬性,其實前面的範例多少能見到它的身影,今天我們就來深入的認識它吧!<position>是一個用於定位元素的屬性,在CSS...

2021-10-08 ‧ 由 atain880625 分享
DAY 17

30天打造品牌特色電商網站 Day.24 電商必用的各類提示

相信大家使用網站時,一定會遇到大大小小固有或彈出的提示框,這次的主題就是他!提示框在用戶經驗上會以內容的輕重程度做不同類型的變化,因此不管是建議、推廣,到提醒、...

2021-10-09 ‧ 由 atain880625 分享
DAY 17

30天打造品牌特色電商網站 Day.25 電商必用的提示-實作小範例

昨天介紹了各類提示框,今天來進行簡單的範例:製作一個詢問是否接受cookie的訊息框同時也搭配 bootstrap 框架快速打造! 首先要先做出訊息框的大小及...

2021-10-10 ‧ 由 atain880625 分享
DAY 17

30天打造品牌特色電商網站 Day.26 瞭解滾動視差

有沒有聽過視差滾動這個詞?網頁上帶有視差滾動的效果,可以讓網站更為吸睛喔! 什麼是滾動視差? 隨著滑鼠的滾動,讓頁面部分的元素隨滑鼠滾動速度進行移動,所以滑鼠...

2021-10-11 ‧ 由 atain880625 分享
DAY 17

30天打造品牌特色電商網站 Day.27 實作滾動視差

製作滾動視差的動畫,使用 javascript 來製作是最為方便的!同時也可以找一些有人寫好的套件,就可以輕鬆製作不用學太多語法。 今天介紹一個可以快速使用的...

2021-10-12 ‧ 由 atain880625 分享
DAY 17

30天打造品牌特色電商網站 Day.28 網站分析工具

一轉眼30天的文章就快到尾聲啦,在結束之前這兩天會跟大家分享關於網站分析以及SEO優化的部分,網站分析幫助你更了解自己的網站,取得這些數據可以讓品牌擬定出更好的...

2021-10-13 ‧ 由 atain880625 分享
DAY 17

30天打造品牌特色電商網站 Day.29 網站SEO優化

今天要介紹的是搜尋引擎最佳化(縮寫是SEO),是透過搜尋引擎的運作規則來調整網站,以及提高網站在有關搜尋引擎內排名的方式,SEO主要目的是希望網站的潛在客群能夠...

2021-10-14 ‧ 由 atain880625 分享

30天打造品牌特色電商網站 Day.30 最後一天來總結

這30天搜集資料、安排內容、規劃架構、撰寫文章等等,是很新鮮的體驗,也覺得這樣的挑戰很有意義!總結幾點對於想更深入研究的小建議: 多觀察、多審視你覺得好看的網...

2021-10-15 ‧ 由 atain880625 分享