鐵人檔案
處在疫情時代，電商已然成為時下的熱門趨勢，電商平台多元且方便，簡單幾步驟就能輕鬆開店創業，但如何在高競爭的環境中展現出品牌的特色呢？這30天的過程，將會循序介紹關於電商網站的開發技巧，包括UI設計/RWD響應式網頁/ SEO優化以及常見網頁功能等，幫助沒有程式相關基礎的創業者，也能打造出屬於品牌風格獨特的電商網站！
昨天已經初步介紹幾個簡單常用的bootstrap語法，今天來看看幾個也是好用、比較詳細或特殊的情況。 col可以先空幾欄嗎 使用 offset-斷點-欄數，可以...
導覽列(Navigation)是每個網站必要且重要的元件，當使用者進到網頁想馬上找尋想要的資訊，好的導覽列設計能最快速、最有效率的引導使用者，減少使用者找尋資訊...
昨天已經做過了導覽列的介紹，那我們今天就學習用 HTML 和 CSS 基本的語法，來試著做一個簡單的 navbar 吧～ 首先可以先建立一個<nav&g...
今天我們就來繼續做導覽列的部分，昨天的HTML已經製作出了導覽列的框架，今天就利用CSS來做一些美化以及互動吧！ 先寫掉選單及連結的預設樣式，把前面的黑點跟底...
網站的各種按鈕及動態互動是UX使用者經驗最直接接觸的地方，透過設計能讓使用者直覺操作，也能帶來良好的購物體驗！這裡針對幾個常見的元件來做各項應用介紹！ 往各個...
按鈕在網站中可說是不可缺少的重要元件，今天就來學習<button>標籤的使用方法吧～ 首先在HTML創建<button>標籤，<...
今天就來繼續做網站元件的介紹，在電商網站中常需要使用到下拉式選單，像是在做商品尺寸的選擇、顏色的選擇都會用到它，至於下拉式選單怎麼做呢？ 常見的寫法有兩種，之前...
之前曾在 Day8 有跟大家提過字體常用的樣式，今天來帶大家深入探討各式文字怎麼設計，才會帶給使用者良好的觀看及使用體驗。 文字應該多大？ 通常會使用 <...
字距、行距、與其他物件的距離，調整適當能讓使用者有舒服的體驗，而良好的排版能引導使用者優先接收整個畫面的重要資訊。 字與字的距離 字距：通常不太調動，不過想...
圖片是網站關鍵的視覺元素，更不用說電商網站了，相信大家都會在圖片下功夫，讓商品能夠更加吸引顧客購買。然而，除了好看的圖片之外，排版對於圖片的呈現也是相當重要。所...
