網頁製作教學 相關
廣告
搜尋結果
其他人也問了
什麼是網頁製作軟體?
如何自學成為網頁設計師?
什麼是網頁設計?
如何繪製網頁版面?
2023年10月25日 · 這篇網頁設計教學，我會用 WordPress 軟體 為主軸進行教學，它是一款全球熱門的網頁製作平台，很適合新手架站。 不需要複雜的流程，只要照著我的文章走（前面幾章節，有用數字標示的），就能完成網域申請 > 虛擬主機租用 > WordPress 網站製作。 ★☆ — 重要資訊 — ☆★. 犬哥網站與 A2 Hosting 主機有長期合作關係，點擊網站上任一個 A2 Hosting 連結 前往官網（包含點擊此連結）， b最高可享有 3 折的讀者優惠 ，請一定要把握：） 至於其他章節，則是額外的網站架站觀念＆多種建置方法懶人包分享，告訴你多種如何架設網站的方法，讓你一次從門外漢進化成高手，本文章節如下。 1. 如何自架網站？ 2. 虛擬主機推薦. 3. A2 Hosting 方案選擇. 4.
2023年9月4日 · 這篇網頁設計教學，我會用 WordPress 為主軸進行教學，它是一款全球熱門的網頁製作平台，很適合新手架站。 就算你不懂任何程式，也能跟專家一樣，架設完美的個人網站！
- WordPress
- Wix
- Weebly
- Webflow
- Strikingly
- Framer
- Webnode
- Squarespace
- 網頁製作平台比較
- WordPress 學習資源
WordPress 是全球知名的網頁設計軟體，全球有 40 % 以上的網站，都來自於 WordPress。更多 WordPress 是什麼。 擁有上萬個佈景主題（樣板）和功能外掛，只需一鍵安裝即可成為多功能網站。或許你不知道怎麼選，請參考 優質佈景主題 和 優質外掛推薦，會給你應該的幫助。 WordPress 可完成多種網頁設計，如：部落格架設、個人品牌或公司企業官網、購物網站架設等 .. 最大好處是，它是免費開源的軟體，可完全掌握自己網站資料，不需被任何網路平台、網頁設計公司牽制。 且不會因為任一網頁製作平台的營運問題，造成網站消失（舉例來說，無名小站結束營運，原來的內容也隨著關站而消失，但這不會發生在 WordPress 身上）。 因為你就是網站的擁有者！ 優點 WordPress 是完...
Wix是一個流行的網頁設計軟體，在全球 190 多個國家服務，超過一億八千萬個使用者。 龐大的使用者，讓它成為了納斯達克的上市公司，算是除了 WordPress 以外，聲量第二高的網頁製作軟體。 網站上有 800 多種佈景主題，和多種官方或第三方網站外掛，可直接套用。 Wix有提供出色的頁面編輯器，介面直觀淺顯易懂，且都是繁體中文，是輕鬆架站的好夥伴。 挑選完喜歡的樣板，只需把元件拖放至指定區位，就可新增一個區塊功能。 而如果要修改編輯，只需點想修改的地方，即可進行編輯，是不是很方便呢：） Wix 也有推出 App 供使用者下載，若你人在辦公室外，不方便帶著筆電，你可以下載 Wix 的 App，在你的行動裝置上管理網站。 優點 Wix是完全代管的雲端網站建置平台，有關網址和虛擬主機，都包含在...
Weebly是一款簡單上手的網頁製作軟體，有支援中文，在台灣也算知名架站平台。 它有好用的頁面編輯器，只要用拖曳方式，就可快速製作網站，蠻適合需快速建站的新手使用。 頁面編輯器支援多種小工具，像是文字、圖片、區塊、輪播工具等 ..，有利站長設計網頁排版。 此外，Weebly也有推出 App，不管你在哪裡，只要有手機等行動裝置，就可以下載 Weebly 的 App，在你的行動裝置上設計版面、處理訂單等..。 Weebly也有多種佈景主題可以選擇，不論你是要架設電商網站或是部落格，都有模板可以直接選擇。 如果你打算快速架站，或只是短暫性的需要有網站能使用，那使用 Weebly 也是個好選擇！ 優點 Weebly是完全代管的雲端網站建置平台，不需安裝或管理任何外掛。 它也有實用的頁面編輯器，用拖曳...
Webflow是一個美國的網頁代管平台，致力於打造零代碼的網頁設計環境。2013 年成立，擁有超過 350 萬個用戶。 Webflow 上也有多款精美模板可以選擇，不過相較起來，較多是需要付費的模板，免費版的模板較少，不過免費版也有非常好看的設計可以選擇唷！ Webflow也是一款非常適合設計師的架站平台，它的介面和 Illustrator、Figma 也滿像似的，工具列有各個元素分層，你也可以自由調整頁面顯示大小，來設計響應式頁面斷點。 不過小缺點是，Webflow 還沒辦法自由的拖曳編輯區塊，對於架站新手來說會有一點點不方便。 優點 Webflow設計介面類似 Illustrator、Figma，設計師應該會很好上手。 免費版就能輕鬆發布網站，而且沒有煩人的廣告。 網站設計完成後，也能直...
Strikingly是一款操作容易的網頁製作軟體，且不需額外安裝軟體，順著操作即可完成網站建置。 同樣支援繁體中文，有多種佈景主題，和多種內建圖標、優質背景圖片，可直接使用。 Strikingly強調的是快速建站、簡潔版面，同時也配有電子商務、購物車系統、會員系統等 .. 功能，這些同樣需購買進階方案使用。 Strikingly 也有推出 App 供使用者下載，讓你不論身在何處，都可以使用行動裝置設計版面、處理訂單、回覆訊息等..。 優點 Strikingly 是完全代管的雲端網站建置平台，不需安裝或管理任何外掛。 提供 App 下載，讓你不論身在何處都能管理網站！ 個人使用上，最滿意的應該是它的頁面編輯器，非常容易上手，幾乎不需花太多時間熟悉它，加上後台全繁體中文化，很適合新手入門。 缺點...
Framer是一款免費架站軟體，2015 年從一個 JavaScript 資料庫開始，之後轉為架站平台，專注於建立一個美觀又易於使用的架站工具。 Framer 操作簡單，介面有點類似 Figma，如果你有在使用 Figma 的習慣，應該可以非常快上手！ 你可以同步更改、設計多種裝置頁面，還能輕鬆製作 Grab & Drop 區塊，讓使用者可以自行在你的網站拖曳元素，這樣子可以讓你的網站更有趣、更有互動感。 Framer提供許多免費模板選擇，也有設計較特別的付費模板，不過免費模板就挺精緻美觀了！ 此外，Framer 網站上也有提供大量的專業圖片，都可以免費使用。 Framer近期搭上 AI 話題，推出了超強大的功能，Framer AI 架站。 你只需要輸入一段描述文字，例如「 一個攝影師形象網...
Webnode網頁製作軟體在 2008 年啟用，總部位於瑞士，全球已幫助上千萬用戶架設形象網站。 同樣支援繁體中文，個人認為語言支援度優於 Wix、Weebly，也有提供免費版本，包含大量模板選擇、免費圖庫，推薦試用看看！ 比較可惜的是頁面編輯器，拖曳編排上不是這麼靈活，但功能區塊算是豐富，既然有免費版，就不苛求了。 優點 Webnode 有多種佈景主題可安裝，在主題的網頁設計上，是滿有質感的。 至於免費版的廣告版面，和其他 RWD 響應式網頁製作平台比較，是隱藏比較好的，它放置在網站最底層。 缺點 對於新手站長也需要花些時間上手，因為幾個常用功能鍵沒有明確標示。 頁面編輯器的功能性不強，沒有達到 100% 能完全拖曳編排功能。 最重要的一點，免費版 Webnode 含有 noindex 標...
Squarespace發源於紐約，是一個網站製作平台，目前服務 100 多個國家。 在台灣知名度相比 Wix、Weebly 是少了許多，但在歐美國家累積不少愛好者。 網站有許多高品質的圖片可以使用，模板設計也都比較新穎流行，如果你是設計師、攝影師、廣告商、個人品牌 .. ，或許會愛上它的風格。 可惜的是，Squarespace目前並不支援中文，且編輯器在使用上也沒有像其他網站一樣好操作，希望未來 Squarespace 可以對此做更新。 優點 最大的特色應該是有多種精美的佈景主題、圖庫、功能區塊，可應用在網站上。 如果需要高品質的網站設計，Squarespace 會是一個好選擇。 缺點 只有 14 天免費試用，若要發布網站就必須訂閱方案。 後台介面沒有支援繁體中文，上手難度相對其他網頁製作平...
每種架站軟體，都有它的常處，沒有誰好誰壞，只有適不適合你的需求。 如果打算長期經營形象品牌，使用 WordPress 絕對是最佳選擇，你有最高權限，能掌握自己全部的網站資料以及程式碼。 WordPress 不依賴任何平台，你不需承擔任何一家架站平台公司的經營風險。 這是使用 WordPress 架站的最大理由，我也用 WordPress 做了多篇架站教學。 完全代管的雲端網站建置平台，如：Wix、Weebly、Strikingly .. ，它們一樣有優點。 如果你有一次性行銷頁面需製作、學校作業想用網頁展示、個人履歷或作品集擺放 .. ，不需時常進行維護，且對平台的置入廣告也可忍受。 使用它們也是一種解決方法。 結論，WordPress 和其他網頁製作平台都很好，沒有誰好誰壞，只有適不適合你...
學習 WordPress 網站架設流程中，或許會遇到一些解決不了問題，可以在下方留言給我，我會盡力協助解答！ 接下來，額外分享 3 項架站資源，可有效幫助大家處理網站問題。 資源一：犬哥數位（專業 WordPress 網頁設計公司） 如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位（WordPress 網頁設計公司），請專家製作會更有效率！ 資源二：WP 精選模組攻略書 由於 WordPress 主題 / 外掛有非常多種，很多網友私訊我不知道安裝哪一款，才有辦法實現功能。或是已經試了很多款外掛，但始終找不到適合自己的。 對此我整理了 高達 100 多款精選主題＆外掛大全（電子書），這些都是我們團隊協助客戶開發案件時，會搭配使用的。一來外掛品質優良，二來功能性也足夠強！ 資...
2022年7月13日 · Envato Market. Template Monster. 委託犬哥數位製作？ 常見問題. 什麼是網站頁面設計？ 使用 WordPress 架站軟體，即使不會程式碼，站長也能簡單自架網站。 更多 WordPress 是什麼 。 網頁製作時需考量到使用者介面＆體驗（也就是常聽到的 UI / UX 設計），並且設計風格需符合品牌視覺，才會整體看起來一致性高。 並且也要注意功能的指向性，盡量不要為了設計美觀而讓資訊過於繁雜，而讓讀者搞混。 簡單來說，就是在「 功能 」和「 美觀度 」之間取得平衡。 常見的版面設計流程？ 個人的版面設計流程，基本大家的方式都不太相同，只要自己用起來順手即可。 但如果是交給網頁設計公司，那麼常規的「 網站版面設計流程 」，通常是什麼呢？
2023年11月28日 · 這是一篇完整的「 WordPress教學 」，帶你完整掌握 WordPress 這款優質的網頁製作平台。 有聽過 WordPress 但不知道怎麼安裝？ WordPress 後台系統不太會使用？ 不知道從何開始使用 WordPress 架設網站？ 這是許多新手會遇到的問題，有了這篇文章就不用從零開始，可先掌握基礎知識，省下非常多時間。 這篇文章，主要會環繞在 WordPress 後台教學＆使用，如果你是 架設購物網站 ，那可搭配 WooCommerce 教學 同時學習，這樣對 WordPress 的掌握度會變得很高！ 另外，網站順利建置好後，也可以配合 WordPress SEO 優化指南 ，進行搜尋引擎優化，提高網站可見度。 更多 SEO 是什麼 。
2023年9月4日 · 今天，我將和你分享快速製作網站的方法。 不論你是打算經營部落格、形象網站、還是電商網站，我將把自架網站的重點流程，統一濃縮在這部影片中。 內容從個人網域、主機的申請流程，和如何套用高質感的主題版型，加上我們會用所見即所得的頁面編輯器，讓你用拖曳方式就能製作網站。 包括從首頁的編輯設計、手機響應式的調整技巧、部落格版型設計等 ..，稍後你都會學習的到。 好，那就開始囉！ 3. 影片時間軸. 00:00:00 – 開頭. 00:01:12 – 自架網站3要素. 00:02:15 – 申請主機和網域. 00:07:49 – 套用主題和版型. 00:09:51 – 網站基本設定. 00:11:44 – 編輯網站頁首. 00:13:52 – 編輯網站頁尾.
2024年1月19日 · 你正打算建立自己的部落格網站嗎？ 今天這部影片，我將會透過 Envato Market 上熱門的主題之一「Jnews」，帶你製作個人網站。 影片中，我將介紹一般 Blog 網站的核心組成頁面，並用內建的編輯器帶你製作完成。 還有文章上架的方法，加上經營部落格需要知道的幾個重要知識點，你都將學習的到。 學完後，你將會擁有一個外面製作要價好幾萬的部落格網站，而你只要花費這部影片的時間學習，就能馬上擁有。 3. 影片時間軸. 00:00:00 – 開頭. 00:00:45 – 今日學習預覽. 00:01:44 – 自架網站 3 要素. 00:02:44 – 申請網域、主機. 00:17:58 – 取得 Jnews 主題. 00:22:04 – 安裝 Jnews 主題＋激活憑證.
