鐵人檔案
處在疫情時代，電商已然成為時下的熱門趨勢，電商平台多元且方便，簡單幾步驟就能輕鬆開店創業，但如何在高競爭的環境中展現出品牌的特色呢？這30天的過程，將會循序介紹關於電商網站的開發技巧，包括UI設計/RWD響應式網頁/ SEO優化以及常見網頁功能等，幫助沒有程式相關基礎的創業者，也能打造出屬於品牌風格獨特的電商網站！
處在疫情時代，電商已然成為時下的熱門趨勢，電商平台多元且方便，簡單幾步驟就能輕鬆開店創業，但如何在高競爭的環境中展現出品牌的特色呢？ 透過一些簡單的小巧思，讓網...
認識過網站的基礎後，接下來可以多觀察生活中的範例做練習，選擇幾個成效不錯的網站去做比較與分析，以下整理出電商網站比較常見的八個特點，大家可以搭配做參考，規劃出更...
對網站有了初步的輪廓後，那接下來該如何讓網站的規劃更明確呢？ 列出網站架構是在建立一個完整的網站系統中必不可少的一步驟，良好的架構可以說是網站的核心，在程式和設...
開始打程式前，網頁設計是不可或缺的環節！ 網站介面設計，稱為UIUX設計UI指使用者介面(User Interface)、而UX是使用者經驗(User Expe...
準備網頁設計 今天來教大家更熟悉Figma！首先先點擊Frame(快捷鍵F)，在右邊會出現各個裝置的大小，點擊就可以直接出現可繪製的區域！ 這邊用Desktop...
今天帶大家簡單製作一張首頁的畫面。 導覽列 選用Dektop(1440px X 1024px)的frame，在最上面拉一個1440x50的白色長方形作為導覽列(...
HTML 是一份可以給瀏覽器讀取的文件，副檔名為.html，我們在網頁上所看見的元件，基本上都是由 HTML 標籤所生成，後續再由CSS 、JS去做美化編輯。今...
了解HTML以後，CSS也一定要熟悉一下！CSS用來定義文件的樣式、佈局，甚至可以做出簡單的動畫。今天就來認識幾個基本常用的語法。 基本架構 先來解說CSS的...
哈囉～很快的已經來到了第九天，前面帶給大家都是一些網頁的基礎，後面會針對各種主題有更深入的探討喔，今天要介紹的是響應式設計的設計重點，也是電商網站很需要重視的一...
除了昨天提到的media query可以做出響應式網頁之外，今天介紹的Bootstrap 5.1版本也能快速上手，更輕鬆的做出排版喔！ Containers 容...
