iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

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

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

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

30天打造品牌特色電商網站 Day.1 網站介面基礎知識

處在疫情時代,電商已然成為時下的熱門趨勢,電商平台多元且方便,簡單幾步驟就能輕鬆開店創業,但如何在高競爭的環境中展現出品牌的特色呢? 透過一些簡單的小巧思,讓網...

2021-09-15 ‧ 由 atain880625 分享
DAY 2

30天打造品牌特色電商網站 Day.2 電商網站比較分析

認識過網站的基礎後,接下來可以多觀察生活中的範例做練習,選擇幾個成效不錯的網站去做比較與分析,以下整理出電商網站比較常見的八個特點,大家可以搭配做參考,規劃出更...

2021-09-16 ‧ 由 atain880625 分享
DAY 3

30天打造品牌特色電商網站 Day.3 網站架構

對網站有了初步的輪廓後,那接下來該如何讓網站的規劃更明確呢? 列出網站架構是在建立一個完整的網站系統中必不可少的一步驟,良好的架構可以說是網站的核心,在程式和設...

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

30天打造品牌特色電商網站 Day.4 網站設計及Figma介紹

開始打程式前,網頁設計是不可或缺的環節! 網站介面設計,稱為UIUX設計 UI指使用者介面(User Interface)、而UX是使用者經驗(User Exp...

2021-09-18 ‧ 由 atain880625 分享
DAY 5

30天打造品牌特色電商網站 Day.5 Figma快速上手

準備網頁設計 今天來教大家更熟悉Figma! 首先先點擊Frame(快捷鍵F),在右邊會出現各個裝置的大小,點擊就可以直接出現可繪製的區域! 這邊用Deskto...

2021-09-19 ‧ 由 atain880625 分享
DAY 6

30天打造品牌特色電商網站 Day.6 Figma實作第一個網站

今天帶大家簡單製作一張首頁的畫面。 導覽列 選用Dektop(1440px X 1024px)的frame, 在最上面拉一個1440x50的白色長方形作為導覽列...

2021-09-20 ‧ 由 atain880625 分享
DAY 7

30天打造品牌特色電商網站 Day.7 HTML基礎

HTML 是一份可以給瀏覽器讀取的文件,副檔名為.html,我們在網頁上所看見的元件,基本上都是由 HTML 標籤所生成,後續再由CSS 、JS去做美化編輯。今...

2021-09-21 ‧ 由 atain880625 分享
DAY 8

30天打造品牌特色電商網站 Day.8 CSS基礎

了解HTML以後,CSS也一定要熟悉一下! CSS用來定義文件的樣式、佈局,甚至可以做出簡單的動畫。 今天就來認識幾個基本常用的語法。 基本架構 先來解說CS...

2021-09-22 ‧ 由 atain880625 分享
DAY 9

30天打造品牌特色電商網站 Day.9 RWD響應式設計介紹

哈囉~很快的已經來到了第九天,前面帶給大家都是一些網頁的基礎,後面會針對各種主題有更深入的探討喔,今天要介紹的是響應式設計的設計重點,也是電商網站很需要重視的一...

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

30天打造品牌特色電商網站 Day.10 CSS框架-Bootstrap5

除了昨天提到的media query可以做出響應式網頁之外,今天介紹的Bootstrap 5.1版本也能快速上手,更輕鬆的做出排版喔! Containers 容...

2021-09-24 ‧ 由 atain880625 分享