網頁設計教學彙整 (2023 最新)

Hend Design 經營部落格已邁入第二年，截至目前為止 (2022-09-03 紀錄)，已累積 13 篇文章，雖說文章數量不多；但每篇文章皆為實務經驗分享，本篇將彙整過去至今的教學文章，提供給想學習網頁設計、了解網頁設計的各位方便檢索，文章順序將依照網頁設計的製作流程排列，趕快把這一篇加入書籤吧 🙂

網頁設計前置作業

• 在職進修懶人包 – 適合想接案、轉職、自我提升的你
  分享幾個可以找到在職進修課程的平台，讓一成不變的生活，注入不同的能量吧！
• 5 個網頁設計必加書籤的參考網站，適合發想、提案、開發
  分享了 5 個網頁設計必加書籤的參考網站，在發想、提案、開發時，不只可以增加專案的執行效率，還可以從中學習，應用在往後的設計上，擴展自己的設計知識庫。

網頁設計階段

• 網頁字型指南：了解英文字型 3 大類，讓你的網站更專業！(2022 最新)
  字型是網頁設計中經常接觸到的視覺傳達元素，而一個網站中有很高的比例是由文字所組成，字型的樣式與視覺特性會直接影響到資訊的傳遞與感受。
• 網站色彩計畫 (2022 最新)
  網頁色彩影響了訊息的傳遞，更影響了一個品牌的視覺形象，為了讓配色的使用更有效果，必須要擬定一個完整的色彩計畫。
• 如何正確、安全使用免費素材，免費素材網站懶人包 (2022 最新)
  高品質的圖片或照片會讓使用者感受到網站的專業性與可信度，使用者也可以從網頁中獲得你想要表達的訊息，使你的潛在客戶留下來多看幾眼。

網頁開發階段

Elementor 網站編輯器

• WordPress 網站編輯器 – Elementor 教學
  Elementor 入門教學。
• Elementor 教學 – 如何加入頁面轉場效果 (Page Transitions)
  在網站添加頁面轉場效果 (Page Transitions)，可以讓網頁的呈現有更好的體感。
• 最佳化你的 Elementor – Fonts / Color / Section 一次搞定
  設定好 Fonts / Color / Section 改善效能。
• Elementor 教學 – 如何使用 JetEngine 客製網站
  分享使用 JetEngine 客製網站的心得與技巧。

部落格網站必備

• 如何在 WordPress 文章標題前面自動加入編號？
  將文章標題自動加入編號，使 WordPress 部落格的文章更整齊、有條理，同時提升文章的編輯效率！

多語系網站

• 視覺化、好操作的多語系外掛 TranslatePress
  TranslatePress 擁有直覺的操作介面，在網站前端即可進行網站翻譯，還可以與 WooCommerce 、佈景主題、編輯器一起使用，快速地建置出多語系網站。

提升網站互動

• 如何在網站置入聊天按鈕？GetButton 教學
  GetButton 提供各種通訊平台的串接，透過設定可以快速地在網站上加入聊天按鈕，增加與網站使用者的互動。
• 如何製作 SVG 動畫？使用線上編輯工具 SVGator 讓網站圖片動起來！
  SVGator 可以透過瀏覽器操作，不需要寫任何程式碼就可以完成一個網頁動畫，設定介面直覺、好操作，一起讓網站圖片動起來吧！

追蹤 Hend Design 社群平台，掌握最新消息 🙂
Facebook 粉絲團：https://www.facebook.com/hend.web