雲端主機 (Cloud Hosting) 是什麼? 雲端主機提供用戶享有獨立的主機空間與資源,雲端主機與 VPS 或其他主機不同之處在於沒有固定的主機規格,因雲...
我認為想要做電商的新手,必須要掌握以下幾點: 1. 確定產品和貨源 成立電商第一步就是要確認自己所要售賣的產品或服務。 不論你是經營一件代發模式還是自己從網路上...
這30天搜集資料、安排內容、規劃架構、撰寫文章等等,是很新鮮的體驗,也覺得這樣的挑戰很有意義!總結幾點對於想更深入研究的小建議: 多觀察、多審視你覺得好看的網...
製作滾動視差的動畫,使用 javascript 來製作是最為方便的!同時也可以找一些有人寫好的套件,就可以輕鬆製作不用學太多語法。 今天介紹一個可以快速使用的...
有沒有聽過視差滾動這個詞?網頁上帶有視差滾動的效果,可以讓網站更為吸睛喔! 什麼是滾動視差? 隨著滑鼠的滾動,讓頁面部分的元素隨滑鼠滾動速度進行移動,所以滑鼠...
昨天介紹了各類提示框,今天來進行簡單的範例:製作一個詢問是否接受cookie的訊息框同時也搭配 bootstrap 框架快速打造! 首先要先做出訊息框的大小及...
相信大家使用網站時,一定會遇到大大小小固有或彈出的提示框,這次的主題就是他!提示框在用戶經驗上會以內容的輕重程度做不同類型的變化,因此不管是建議、推廣,到提醒、...
今天我們就來繼續做導覽列的部分,昨天的HTML已經製作出了導覽列的框架,今天就利用CSS來做一些美化以及互動吧! 先寫掉選單及連結的預設樣式,把前面的黑點跟底...
昨天已經做過了導覽列的介紹,那我們今天就學習用 HTML 和 CSS 基本的語法,來試著做一個簡單的 navbar 吧~ 首先可以先建立一個<nav&g...
導覽列(Navigation)是每個網站必要且重要的元件,當使用者進到網頁想馬上找尋想要的資訊,好的導覽列設計能最快速、最有效率的引導使用者,減少使用者找尋資訊...
昨天已經初步介紹幾個簡單常用的bootstrap語法,今天來看看幾個也是好用、比較詳細或特殊的情況。 col可以先空幾欄嗎 使用 offset-斷點-欄數,可以...
哈囉~很快的已經來到了第九天,前面帶給大家都是一些網頁的基礎,後面會針對各種主題有更深入的探討喔,今天要介紹的是響應式設計的設計重點,也是電商網站很需要重視的一...
了解HTML以後,CSS也一定要熟悉一下!CSS用來定義文件的樣式、佈局,甚至可以做出簡單的動畫。今天就來認識幾個基本常用的語法。 基本架構 先來解說CSS的...
HTML 是一份可以給瀏覽器讀取的文件,副檔名為.html,我們在網頁上所看見的元件,基本上都是由 HTML 標籤所生成,後續再由CSS 、JS去做美化編輯。今...
開始打程式前,網頁設計是不可或缺的環節! 網站介面設計,稱為UIUX設計UI指使用者介面(User Interface)、而UX是使用者經驗(User Expe...
對網站有了初步的輪廓後,那接下來該如何讓網站的規劃更明確呢? 列出網站架構是在建立一個完整的網站系統中必不可少的一步驟,良好的架構可以說是網站的核心,在程式和設...
認識過網站的基礎後,接下來可以多觀察生活中的範例做練習,選擇幾個成效不錯的網站去做比較與分析,以下整理出電商網站比較常見的八個特點,大家可以搭配做參考,規劃出更...
處在疫情時代,電商已然成為時下的熱門趨勢,電商平台多元且方便,簡單幾步驟就能輕鬆開店創業,但如何在高競爭的環境中展現出品牌的特色呢? 透過一些簡單的小巧思,讓網...