104學習

RWD網頁切版

RWD網頁切版
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

取消
指的是將網頁設計成能夠自動適應不同裝置(如桌機、平板、手機)螢幕尺寸和解析度的版面配置。透過彈性網格、媒體查詢和彈性圖片等技術,確保網頁內容在各種裝置上都能清晰、美觀且操作流暢。這項技能對提升使用者體驗非常關鍵,也是前端工程師和網頁設計師必備的基本能力,能增加網站的可用性與訪客停留時間,進而提升業務效益。
關於教室
關注人數 2 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
關於教室
關注人數 2 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室,提供大家進行共學互動。
學習主持人
持續分享知識,
有機會成為官方教室主持人
教室標籤
Hi~ 歡迎分享學習資源,有學習問題可匿名向Giver發問!
我要分享
我要提問

RWD網頁切版 學習推薦

緯育TibaMe

2022/12/08

你是想學習網頁設計,平日卻總是沒有時間和毅力的新手嗎?
老師為你精心規劃了兩門假日實戰課程,手把手帶你走進網頁設計的世界!
🔥兩門課程同時報名享62折,現省$9,800!
------
完課後你可以……
👍紮實奠定前端技術觀念及基礎
👍具備HTML、CSS網頁設計及SEO佈局能力
👍熟悉切版技巧及版面區塊實作
👍學會RWD響應式網頁技術
👍熟練媒體查詢及格線系統應用
透過兩門課程,共7天的假日時間,跟著我從入門到應用,
增進職場技能或斜槓接案都OK 👌
🔔兩門同報超優惠🔔
【Amos大師網頁設計課1 | 網頁技術入門】原價14,000,只需8,680元
【Amos大師網頁設計課2 | RWD響應式網頁】原價10,800,只需6,320元
看更多
0 0 748 0
緯育TibaMe

2022/10/20

【免費直播報名】非本科轉職到底靠什麼?面試官&學姊帶你跨入
『如果我沒有經驗,但也想成為一名工程師,我到底需要了解、具備、注意些什麼?』甚至,求職的過程,企業對我的期待...等等,到底該怎麼做?
👉 立即報名參加:https://bit.ly/3U0b8MN
--
曾經想過轉職成某個成功的非本科系工程師嗎?
致力於提拔更多有工程夢學員的TibaMe就業養成,特地為職涯迷失的朋友們邀請到專業職場面試官、職涯教練和在職前端工程師
在11/3 (四) 20:00 的直播中帶你
✨正確跨入前端工程師真實的職場守則
✨了解非本科系的優勢與機會
【活動詳情資訊】
◾️ 時間:11/3 (四) 20:00 - 21:00
◾️ 直播主題:非本科轉職到底靠什麼?面試官&學姊帶你跨入前端職場
◾️ 於TibaMe Toutube直播,免費報名取得連結
【參加這場直播你可以學到】
◾️ 跟本科系相比,你的機會在哪裡?(企業端、學姊實際案例)
◾️ 從零轉職後,如何補上自己跟本科系的差異?
◾️ 轉職之前中後必備功課
◾️ 打破前端難民的窘境,讓自己晉升業界需要的前端人才
◾️ 推薦的學習資源與求職管道
【關於主講人&來賓】
🟨 Meet.Job 創辦人 昶聿
・曾在28個不同國家工作、求學及生活
・擁有10年以上資訊業、科技業及社會企業產品經理經驗
🟨 職涯教練x色彩分析師 Nina 劉佳怜
・生涯與職涯引導課程講師
・專業中英日與活動主持
・色彩占卜師及專欄作家
🟨 緯育TibaMe學姊 在職前端工程師 Dana
・曾為服務生轉職至行銷專員
・非本科系成為企業搶用的前端工程師。
👉 免費報名:https://bit.ly/3U0b8MN
參加直播還有機會獲得驚喜好禮喔 🥳
看更多
0 0 1720 0

熱門精選

104學習

產品

05/08 10:58

不只學提示詞!2026上班族必備的5大AI協作力
AI 進入職場後,很多人第一個問題是:「我的工作會不會被取代?」這個擔心可以理解,但對多數上班族來說,更迫切的變化可能不是職稱立刻消失,而是工作期待正在改寫。
過去一份報告、一場簡報、一篇文案,可能花半天完成;現在主管可能期待你先用 AI 整理資料、產出草稿,再把時間留給判斷、修正與決策。換句話說,AI 改變的不只是工具,而是「什麼叫有效率、什麼叫有品質」。
BCG 在 2026 年發布的分析指出,未來 2 到 3 年,美國約 50% 到 55% 的工作會受到 AI 重塑。重點不是所有工作都會消失,而是許多職位仍會存在,但工作方式、產出標準與能力要求會明顯改變。
LinkedIn 2026 勞動市場報告也提到,過去兩年雇主已創造至少 130 萬個 AI 相關工作機會,包括資料標註、AI 工程、forward-deployed engineer 等角色。這代表 AI 不只取代部分任務,也正在創造新的工作分工。
對台灣上班族來說,真正該準備的,不只是「會不會用某個 AI 工具」,而是能不能把 AI 放進工作流程,交出可被信任、可被使用、可被檢驗的成果。
只學提示詞還不夠,重點是會協作
不少人開始學 AI,第一步是學提示詞。這當然有幫助,但如果只停在「怎麼問 AI」,很快會遇到瓶頸。
因為真正的職場產出,不只是生成一段文字、一張圖表或一份簡報,而是要符合公司情境、品牌語氣、客戶需求、事實基礎與風險控管。
例如,行銷人員請 AI 產生社群文案,不能只看文字順不順,還要確認是否符合品牌調性、是否誤用數據、是否有誇大或侵權疑慮。人資用 AI 協助撰寫職缺,也不能把生成內容直接貼上,而要檢查是否符合實際職務、是否有歧視性語句、是否可能造成求職者誤解。
Coursera 2026 Job Skills Report 觀察到,在資料職能中,快速成長的技能包含 Multimodal Prompts、Critical Thinking、AI Personalization、Prompt Engineering 與 Excel Formulas。這反映 AI 時代需要的不只是工具操作,也包括判斷、驗證與把工具放回實務場景的能力。
換句話說,AI 協作力不是單一技能,而是一組工作能力。
能力一:把任務拆清楚,而不是整包丟給 AI
很多人用 AI 效果不好,問題不一定是工具不夠強,而是任務描述太模糊。
例如「幫我寫一份企劃」,通常會得到一份看似完整、但很難直接使用的內容。比較好的做法,是先拆清楚:這份企劃要說服誰?目標讀者是誰?要解決什麼問題?有哪些限制?公司內部已有什麼資料?希望 AI 先協助哪一段,是資料整理、架構發想、標題測試、風險檢查,還是簡報摘要?
可以把 AI 想成一位速度很快、但不懂公司脈絡的助理。你要先提供背景、任務邊界與判斷標準,它才比較可能產出有用的草稿。
一個簡單練習是:每次使用 AI 前,先寫下五件事——目的、對象、限制、輸出格式、檢查標準。這不只會讓 AI 回覆更精準,也會訓練自己把工作想清楚。
能力二:懂得查核,而不是相信第一版答案
AI 最大的優點是快,但最大風險也是快。它可以在幾秒內生成一段看似合理的內容,但內容不一定正確。
尤其涉及薪資、法令、政策、產業數據、公司制度、醫療健康、財務投資等議題,不能只靠 AI 回答。職場上真正有價值的 AI 使用者,不是最快複製貼上的人,而是能判斷哪些內容需要查證、哪些資料不能使用、哪些說法要保留彈性的人。
例如文章提到勞動法令,應回到主管機關或法規資料庫確認;提到薪資或就業趨勢,應搭配可信資料來源;提到 AI 工具功能,也要確認工具是否已有版本更新、資料保存政策是否符合公司規範。
AI 可以幫你加速整理,但不能替你承擔專業責任。最後按下送出、發布或決策的人,仍然是你。
能力三:把 AI 當第二腦,但不要放入機密資料
許多上班族會用 AI 整理會議記錄、濃縮簡報、改寫 Email、分析客戶回饋。這些用途都很實際,但也要留意資料安全。
不要把未公開財報、客戶個資、員工資料、合約條款、公司策略、內部會議逐字稿等敏感內容,直接輸入外部 AI 工具。即使工具宣稱有安全機制,也應依公司資訊安全政策、個資保護與保密義務判斷。
行政院生成式 AI 參考指引雖然主要適用於行政機關,但其中提到的原則值得職場參考:使用生成式 AI 應重視安全性、隱私性、資料治理與問責,並掌握自主權與控制權。
比較安全的做法包括:先移除姓名、電話、Email、公司代號、客戶名稱等可識別資訊;只輸入必要片段;避免上傳完整內部文件;優先使用公司核准的 AI 工具;重要內容再由人工確認。
AI 可以成為第二腦,但不應變成資料外洩的破口。
能力四:用 AI 提高品質,而不是只追求速度
很多企業導入 AI 後,第一個期待是「更快」。但如果只追求速度,可能造成另一個問題:大家產出更多內容,但品質沒有變好,主管反而要花更多時間修改。
更好的做法,是把 AI 放在品質改善環節。
例如,請 AI 幫你檢查簡報邏輯是否跳躍;請 AI 模擬主管可能追問的問題;請 AI 把艱澀文字改成不同受眾看得懂的版本;請 AI 整理三種決策方案的利弊;請 AI 檢查客服回覆是否語氣過硬、是否承諾過度。
當 AI 不只是讓你「做快一點」,而是讓你「想多一層」,它才真正提高工作價值。
能力五:用 AI 補強跨部門溝通
AI 時代的職場人,越來越需要把複雜資訊轉成不同部門聽得懂的語言。
例如,工程團隊要向業務說明系統限制,行銷要向財務說明預算效益,人資要向主管說明招募瓶頸,客服要把客訴資料整理成產品團隊能行動的改善方向。
這些場景中,AI 可以協助你轉換語氣、整理重點、模擬對方可能在意的問題,也能幫你把專業內容改寫成更清楚的說法。
但最後仍要由人判斷:哪些說法符合事實?哪些地方需要保留空間?哪些承諾不能過度?成熟的 AI 協作,不是把人從溝通中拿掉,而是讓人更清楚、更有準備地溝通。
給主管:不要只問員工會不會用 AI
對主管來說,AI 導入不能只靠口號。如果公司一邊要求員工提高 AI 使用率,一邊沒有明確規範資料安全、產出標準與審核流程,反而可能造成混亂。
主管可以先從三件事開始。第一,定義哪些工作可以用 AI,哪些資料不能輸入。第二,建立產出檢查清單,例如來源、事實、語氣、法規、品牌一致性。第三,鼓勵員工分享有效的 AI 工作流程,而不是只比較誰用得多。
AI 不是單一工具採購案,而是工作方法改造。當組織能把用法、風險與責任說清楚,員工才有可能放心使用。
今天就能開始的練習
想培養 AI 協作力,不一定要從複雜任務開始。可以先選一個低風險工作練習,例如改寫 Email、整理公開資料、製作會議摘要模板、產出簡報大綱,或把一份長文件濃縮成主管可快速閱讀的重點。
使用 AI 時,記得三步驟:先拆任務、再產草稿、最後人工查核。
若內容涉及個資、公司機密、法令、薪資、財務或重要決策,務必回到可信來源與公司制度確認。
AI 可以幫你加速,但你的判斷力,才是最後的職場價值。
看更多
1 0 1530 0
緯育TibaMe

2022/09/14

廣受歡迎的Amos大師在緯育TibaMe推出假日系列課程囉!
Amos是緯育TibaMe「前端前端工程師專業技術養成班」的明星大師級講師,擅長以業界需求為核心進行教學指導,更難能可貴的是,他是以注重教學品質為職志的熱血老師!
✨ Amos老師的教學特色
1️⃣ 教學邏輯清晰易懂、擅於釐清重要觀念,直指學習痛點!
2️⃣ 常以業界實務案例指導學生,直球式深入淺出的互動教學!
3️⃣ 引導式的問答解惑,絕對協助學生釐清觀念,建構技術能力!
為滿足廣大學習者的需求,現在,你不一定要到就業養成班參訓,也可以與Amos大師互動學習喔!
📣 名師實體親炙,手把手教學,機會難得,名額限量!
Amos大師網頁設計課(一)
📍【網頁技術入門】10/23(日)開課
有效的開始,是成為網頁達人的關鍵
從HTML、CSS為您奠定紮實的前端基礎
👉🏻 手刀了解 https://bit.ly/3BG9yJM
Amos大師網頁設計課(二)
📍【RWD響應式網頁】 11/27(日)開課
能夠製作一站顯示手機/平板/電腦多裝置網頁
才是真正的網頁設計師
學會RWD技術,完備網頁設計師技能
👉🏻 手刀了解 https://bit.ly/3U94LYj
想成為全方位的網頁設計師?把握現在
🎉 限量「兩門課程合購」的優惠價,只需原價的62折喔!🎉
看更多
0 0 582 0
你可能感興趣的教室