搜尋結果
2023年10月25日 · 這篇網頁設計教學，我會用 WordPress 軟體 為主軸進行教學，它是一款全球熱門的網頁製作平台，很適合新手架站。 不需要複雜的流程，只要照著我的文章走（前面幾章節，有用數字標示的），就能完成網域申請 > 虛擬主機租用 > WordPress 網站製作。 ★☆ — 重要資訊 — ☆★. 犬哥網站與 A2 Hosting 主機有長期合作關係，點擊網站上任一個 A2 Hosting 連結 前往官網（包含點擊此連結）， b最高可享有 3 折的讀者優惠 ，請一定要把握：） 至於其他章節，則是額外的網站架站觀念＆多種建置方法懶人包分享，告訴你多種如何架設網站的方法，讓你一次從門外漢進化成高手，本文章節如下。 1. 如何自架網站？ 2. 虛擬主機推薦. 3. A2 Hosting 方案選擇. 4.
安裝基本軟體. 現有許多工具可建構網站。 如果你剛起步，你可能不知從何選擇程式碼編輯器、框架、測試工具等等。 我們將透過〈 安裝基本軟體 〉逐步引領你安裝基本的網頁開發軟體。 你的網站看起來會是什麼樣子？ 在開始為自己的網站寫程式碼之前，你應該先規劃要呈現哪些資訊？ 要採用哪種字體與顏色？ 你可依照〈 你的網站看起來會是什麼樣子？ 〉所提供的簡易方法，照著來規劃網站的內容與設計。 與各式各樣檔案打交道. 一個網站包含許多檔案：文字內容、程式碼、樣式表、多媒體內容等等。 當建立網站時，你需要將這些檔案組合成清晰的架構，並確保它們能彼此互動溝通。 〈 與各式各樣檔案打交道 〉將引領你安排合理的檔案架構，以及你應該注意的問題。 HTML 基本概念.
在這篇專為香港初學者設計的網頁製作教程中，我將以 WordPress 這個全球知名且友好的網站建設工具作為主要教學平台。 你不需要經歷任何繁瑣的程序，只需按照我提供的步驟（特別是前幾章節中的數字標記指示），從網域註冊到租用虛擬主機，再到實際的 WordPress 網站搭建，你都能輕鬆掌握。 點止學嘢的「網頁製作證書」課程就是面對面教你如何由零開始，建立網站及網上商店的課程。 課程會由HTML教起，再教用WordPress建網站及E-Shop。 相比你在網上自學，報讀實體課程會更有效率，可以在短期內學識自己建立網站！ 課程也會有香港持續進修基金資助 (CEF) 大部份學費！ 文章目錄. 如何自己建立網站. 想要在香港自行搭建一個網站嗎？
HTML 是一種標記語言（markup language），而非一般熟知的程式設計語言；它會告訴瀏覽器該如何呈現你的網頁 單純簡易或是極其複雜的頁面都沒問題。 HTML 包含了一系列的 元素 ，而元素包含了 標籤 與內容，我們用標籤來控制內容的呈現樣貌，例如字體大小、斜體 ...
2024年4月16日 · 網頁設計教學課程推薦 (付費為主) #1 六角學院. #2 學米 Xuemi. #2 HISKIO. #3 動畫互動網頁程式入門 (HTML/CSS/JS) #4 動畫互動網頁特效入門 (JS/CANVAS) #5 透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面. #6 Adobe Xd設計實務｜成為UI設計師的8項核心技能. #7 Build Responsive ...
2024年1月4日 · 網頁設計在進入工程的範疇時，通常最常聽到的名詞就是 HTML/CSS！ 其實它們兩者在技術上都代表著不同的電腦語言工具，用來分別處理「網頁呈現」上的不同事情；它們也同時代表著電腦中不同的檔案類型，而電腦或手機的瀏覽器則是透過網路，下載並讀取 HTML 與 CSS 的檔案後，經過背後一系列複雜運算、讀取後，才會產生出我們眼前這一頁頁優雅的網站內容喔（如圖一）！ 圖一：瀏覽器產出頁面的過程. HTML. 接下來我們就來介紹什麼是 HTML！ 圖二：HTML 的程式片段示意。 HTML 又被稱為 超文本標記語言，主要是利用各種被公定的標記來定義文本內容的架構，使得文本可以從純文字，轉變成具有結構意義的檔案，進而使瀏覽器可以在讀取 HTML 檔案的時候，將文字內容以有層次的結構呈現在畫面上。
2022年7月13日 · 什麼是網站頁面設計？ 使用 WordPress 架站軟體，即使不會程式碼，站長也能簡單自架網站。 更多 WordPress 是什麼 。 網頁製作時需考量到使用者介面＆體驗（也就是常聽到的 UI / UX 設計），並且設計風格需符合品牌視覺，才會整體看起來一致性高。 並且也要注意功能的指向性，盡量不要為了設計美觀而讓資訊過於繁雜，而讓讀者搞混。 簡單來說，就是在「 功能 」和「 美觀度 」之間取得平衡。 常見的版面設計流程？ 個人的版面設計流程，基本大家的方式都不太相同，只要自己用起來順手即可。 但如果是交給網頁設計公司，那麼常規的「 網站版面設計流程 」，通常是什麼呢？
第一步：學習 HTML & CSS. 在第一階段必須要先了解 HTML 是什麼？ 並且學習基礎的 CSS 與 HTML 之間搭配使用的方式，所以在這階段會先讓新手先整個用最低程度的內容，把整個過程先進行一次。 金魚都能懂 網頁設計入門 : 網頁入門第一步. 金魚都能懂網頁設計入門 : 用甚麼工具寫網頁? 金魚都能懂網頁設計入門 : 再談HTML. 金魚都能懂網頁設計入門 : 網頁裝潢師CSS. 金魚都能懂網頁設計入門 : CSS撰寫位置. 金魚都能懂網頁設計入門 : 怎麼學CSS. 金魚都能懂網頁設計入門 : 區塊尺寸計算. 金魚都能懂網頁設計入門 : Float浮動.
從畫wireframe 開始，用 HTML/CSS 與 JavaScript 呈現網站體驗，並套用 Bootstrap 框架，做出RWD響應式網頁、DOM操作與事件，你做出一個網路應用程式要學會的前端網頁設計技能。 零基礎高效自學網頁設計，用HTML/CSS/JavaScript打造第一個網頁. Web App 網路應用程式是什麼? 能夠直接在網路上執行的軟體被稱為「網路應用程式」 (Web application)。 我們常聽到的前端 (front-end) 與後端 (back-end)，是開發網路應用程式的分工方式。 前端開發者專注在建立一個流暢、友善的使用者介面，他們更重視視覺化。
2023年8月22日 · 註 1：10:40 秒簡報中的 margin 中文誤植為「內邊距」，應為「外邊距」。註 2：06:37 img 應該是「行內元素」而非區塊元素 (感謝網友留言指出)。這個 ...
