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