WordPress視覺排版設計超入門：CSS與HTML
WordPress的網站外觀樣式是透過安裝主題來決定的，但因為這些主題並不是量身定做的，所有難免會有些地方不符合需求，比方說：中文字型、字體大小、字體顏色或是側邊欄寬度…等等之類的需求。這門課就是教你如何使用CSS完成屬於自己的網頁設計，讓你不需要工程師也能自己修改！
緯育TibaMe104學習精靈
視覺設計相關知識
視覺設計相關知識
關注
邀請朋友 
Facebook
Line
複製連結
1. 瞭解視覺傳達設計基本知識。
2. 瞭解視覺傳達設計相關製作過程。
3. 瞭解媒體之基本應用。
4. 瞭解視覺傳達設計、廣告相關法規。
5. 瞭解印刷實務及基本原理之五大版式、製版原理、分色原理、拼板作業、印後加工。
6. 瞭解印刷設計及電腦完稿作業。
7. 瞭解美學之基本概論。
8. 瞭解平面構成原理。
Hi~ 歡迎分享學習資源，有學習問題可匿名向Giver發問！
我要分享
我要提問
視覺設計相關知識 學習推薦
全部
影片
文章
不知如何開始嗎？ 先進行技能挑戰吧～
技能挑戰：初級
目前等級：未達初級
903 人已通過「初級」測驗，通過率50%，和學習精靈一起探索知識、增強能力！
我要挑戰
Core Web Vitals是什麼？網站用戶體驗影響SEO
在當今數位時代，網站成功與否往往取決於用戶體驗的快速與流暢性。Google 的 Core Web Vitals 是評估網站用戶體驗的關鍵指標，包含LCP、INP及CLS。這些指標直接影響網站在 Google 搜索結果中的表現。
🟡什麼是 Core Web Vitals？
Core Web Vitals 包括三個主要指標：
1. 最大內容繪製（Largest Contentful Paint, LCP）：衡量加載性能。理想的 LCP 時間應在 2.5 秒內。
2. 互動到下一次繪製（Interaction to Next Paint, INP）：衡量回應速度。目標是低於 200 毫秒。
3. 累積布局偏移（Cumulative Layout Shift, CLS）：衡量視覺穩定性。最佳的 CLS 分數應為 0.1 或更低。
🟡為什麼它們重要？
這些指標不僅關乎用戶體驗，Google 也將這些指標作為搜索排名的因素之一。優質的頁面體驗可以幫助網站在競爭激烈的搜索結果中脫穎而出。
🟡如何優化 Core Web Vitals？
1. 確保快速響應服務器
2. 優化圖片和資源文件
3. 減少 JavaScript 的執行時間
4. 避免突發的布局變動
🟡註：在網頁設計中，「避免突發的布局變動」是指盡量減少在頁面加載過程中意外變動元素的情形，這種現象通常稱為累積布局偏移（Cumulative Layout Shift, CLS）。例如，當一個圖片或廣告慢於其他內容加載時，它可能會突然插入到頁面中，導致文字和按鈕等元素突然移位，這會影響用戶的閱讀和交互體驗。避免這種情況的方法包括確保所有媒體元素（如圖片、視頻或廣告）有明確的尺寸，或者使用現代的網頁技術來提前保留空間，從而減少布局變動。
通過關注並優化這些關鍵指標，您可以大大改善訪客的站點體驗，進而提高您的 SEO 表現。這不僅有助於吸引和留住用戶，也有助於提升轉化率。想要了解更多有關如何優化您的網站的信息，請參考 Google 的官方文檔。
0
0
402 0
拍手
留言
分享
Line
複製連結
收藏
熱門精選
【首購好禮】單筆滿千送100元Line Points點數
活動名稱：【首購好禮】單筆滿$1,000以上送100元Line Points點數回饋
活動期間：2024/5/13 11:00- 2024/5/23 23:59
活動說明：活動期間於104課程中心付費購買「104課程中心x緯育TibaMe」指定課程，首次購買單筆滿$1,000以上 ( 若有使用相關優惠折扣碼優惠，其結帳金額須扣除優惠後需滿$1,000以上；且不累送) 即可獲贈100元Line Points點數回饋。(限量100名)
【ＥＸＣＥＬ救星】
🟠 ChatGPT x Excel | 職場必學商務數據分析術
🟠【函數入門】別再土法煉鋼！你一定要懂的Excel函數
🟠【資料整理術】Excel資料整理分析入門
🟠 無痛起步-Excel VBA超入門實戰
🟠 【進階函數】Excel高效秘訣！上班族不可不知的進階函數
【AI、ChatGpt 應用】
🔵AI簡報3項思考力，ChatGPT倍速提升商業競爭力！
🔵成為 AI 科學家｜打造數學基礎與統計地基，輕鬆開拓機器學習應用之城
🔵告別新手村FB與IG廣告投放攻略｜AI助你輕鬆提高廣告效率
🔵開發者必學：OpenAI API應用與開發
【工程師與PM增能課程】
基礎扎根、應用職場技能....等學習。
🔷C# 從零開始前進.NET物件導向程式全攻略
🔷C# .Net Framework系統基礎實作攻略
🔷成為前端工程師｜JavaScript 入門：帶你逐步培養網頁開發技能
🔷透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集)
🔷學程式也能很好玩：不背語法寫Java
【python增能】
🟡Python 基礎程式設計｜開外掛勇闖 Python 異世界
🟡Python新學法 - 實作6個Terminal APP快速入門
🟡Python進階實作-用Flask開發Line影像辨識智能機器人
🟡Python 網路爬蟲 | 數據分析的第一步就是要學會爬
【外語加強：聽說讀寫樣樣來】
針對額外時間加強外語能力，或是準備多益考試的學習推薦！
🔻超實用英語會話必備 700 句
🔻NEW TOEIC 新多益線上高分速成班
活動注意事項：
1. 獲贈資格須符合下列說明：
(a)首購意指於2024/5/13 11:00 前未曾在104課程中心購買付費課程。
(b)指定課程為緯育TibaMe上架於104課程中心之線上課程，購買者必須於104課程中心系統完成付費紀錄。( 特別提醒： 購買者於TibaMe 官網線上消費不包含在此次活動 資格；可參考200+課程清單: https://bit.ly/3UNkkY6。
)
(c)訂單成立且完成付款時間皆須於2024年5月23日23:59前，且於7天內完成課程兌換，亦符合獲贈點數回饋的資格；最後獲贈者將於公告於本活動網站，中間姓名會隱藏。
(d)限量100名，採上述依照訂單完成付款後且完成兌換的前100名，符合上述資格的前100名會員，每人即有乙次資格，您的回饋點數將於2024/6/3-2024/6/11期間，寄送至您填寫的e-mail電子郵件信箱。
2.本次贈送的100元Line Points點數，點數發送出後須於2026/4/18前兌換，另點數兌換後於180天內須使用完畢，逾期失效。
3.如您有任何問題，歡迎來信nabiservice@104.com.tw
4.104課程中心保有最終修改、變更、活動解釋及取消本活動之權利。
2
0
3005 0
拍手
留言
分享
Line
複製連結
收藏
104學習精靈精選課程
看更多課程
想提升職場競爭力？專業技能課程看起來👇
263 0
收藏
推薦給你
產品
20分鐘前
【優惠活動】104企業講堂大禮包 - 88折優惠碼
活動名稱：104企業講堂大禮包 - 88折優惠碼
活動期間：2024/5/21 11:00- 2024/6/3 23:59
活動說明：活動期間於104課程中心付費購買「104課程中心x緯育TibaMe」上架課程，結帳時輸入折扣碼「NABI520」可享有88折優惠。
【⭕提醒⭕】NABI520的I 是「i」 的大寫不是阿拉伯數字1。
🔻🔻🔻🔻【加碼優惠】🔻🔻🔻🔻🔻🔻🔻🔻🔻🔻
即日起~ 2024/5/23 23:59 ，單筆滿$1,000以上
送100元Line Points點數回饋 !!
🔺🔺🔺🔺🔺🔺🔺🔺🔺🔺🔺🔺🔺🔺🔺🔺🔺🔺
*使用折扣碼
(I) 請在付款前確認要輸入使用折扣碼之相關資訊(例：折扣碼序號、折抵金額、折抵課程、使用期限等)，付款後將不得要求更換使用其它折扣碼。若欲取消訂單重新下單依退款申請規定辦理。
(II) 折扣碼一經使用，本平台不進行退回。
【精選課程 ((帶人管理)) 推薦】
🟡 如何讓新人快速適應不流失，新世代員工關懷 6 大關鍵技巧
🟡 【這樣帶人心不累】部屬培育與發展關鍵技巧應用
🟡 當責：提升工作績效的職場超能力
🟡 懂用人，當主管心不累：人資長教你帶出好員工的40個實戰QA
🟡 新任主管管理才能發展－聰明當主管，創造團隊價值超領先
【精選課程 ((職場溝通)) 推薦】
🔶 破解溝通困境，掌握人心的職場溝通術
🔶 向上溝通｜創造雙贏的職場溝通思維
🔶 跨部門溝通-掌握溝通風格成就雙贏共識
🔶 何謂績效管理與目標設定－掌握關鍵指標設定與面談技巧，談出好績效
🔶 工作關係、工作教導、工作改善-廖年明老師的現場管理學
【精選課程 ((職場溝通)) 推薦】
🟣 活用Office系列 (一) 職場必修！高效文書秘笈
🟣 活用Office系列 (二) 超實用! 活動籌備的省時文書密技
🟣 活用Office系列 (三) 圖文排版很簡單，長篇文件也不怕
🟣 【資料整理術】Excel資料整理分析入門
🟣 無痛起步-Excel VBA超入門實戰
🟣 【函數入門】別再土法煉鋼！你一定要懂的Excel函數
🟣 用Excel也能玩轉統計分析
🟣 拆解簡報的技術：從分析、構思到設計，一次學會職場萬用溝通力！
🟣 線上課程快製力｜教學簡報術！9 招學會編架構 X 排設計
【精選課程 ((提升效率)) 推薦】
✅ 工作效率達人養成術
✅ ChatGPT x Excel | 職場必學商務數據分析術
✅ AI高效工作流
【⭕備註⭕】連結失效代表課程已下架，趕緊來添購增能課程！
0
0
8 0
拍手
留言
分享
Line
複製連結
收藏
你可能感興趣的教室