一變應萬變:RWD 響應式網頁設計
找相似
2,600

一變應萬變:RWD 響應式網頁設計

8% 購買約可得208點
前往賣場
Hahow 好學校-線上課程平台

Hahow 好學校-線上課程平台

【 消費提醒 】 1. 需透過 LINE 購物前往 Hahow 好學校官方網站消費,並在同一瀏覽器於 24 小時內結帳,方享有 LINE POINTS 回饋資格。 2. 唯有「精選課程」(https://hahow.in/apselect-event)符合回饋資格,在此頁面外的課程或任何學習補給與優惠商品組合皆不符合 LINE POINTS 回饋資格,可以於 LINE 購物商店直接搜尋課程名稱,確認是否符合回饋,自行連結至他處所購買之課程將不會回饋 LINE POINTS 點數。 3. 建議從 LINE 購物進入 Hahow 站上後,挑選課程加入購物車並直接完成結帳與付款流程,中間請勿跳出 Hahow 網站,以確保回饋資格。 4. 點數回饋上限以單筆訂單計算。 5. 取消訂單或退貨行為,不具贈點資格。 6. 點數將於付費並無退貨後 30 天前後發送, 是否符合回饋資格請洽 LINE購物客服詢問。

加入購物車

分享

2,600近期未降價,現在買不吃虧現在買不吃虧
歷史高價$2,600歷史低價$2,600

相關文章

12生肖最有好人緣的TOP4!與屬兔、屬羊相處都自在,萬人迷都必備這些小物

12生肖最有好人緣的TOP4!與屬兔、屬羊相處都自在,萬人迷都必備這些小物

人緣好的人,通常都有一些好相處、討喜的特質在。粉專《旺好運》表示,12生肖中,有4個生肖總是擁有好人緣,不管到哪裡都人見人...
1,154,782人已觀看
台灣首間「寶可夢中心」即將開幕!超人氣「快龍+皮卡丘」坐鎮,開幕日、地點搶先曝光

台灣首間「寶可夢中心」即將開幕!超人氣「快龍+皮卡丘」坐鎮,開幕日、地點搶先曝光

寶可夢粉絲們真的會瘋掉!寶可夢台灣官方粉絲團 日前宣布,台灣終於迎來首間「寶可夢中心」啦!官方透露「台北寶可夢中心」將在今...
768人已觀看
你真的知道自己的「性向」嗎?超狂測驗直接徹底了解自我

你真的知道自己的「性向」嗎?超狂測驗直接徹底了解自我

相較於以前社會風氣保守的年代,現在的同性/雙性戀者發現自己的真正性向都較敢坦然表現,但還是有少數人無法正視內心,有的人甚至...
43,555人已觀看
2023最狂手搖新品!「鶴茶樓」思鶴冰、杏冰樂...四款新品,爆濃芝麻糊一推出就缺貨

2023最狂手搖新品!「鶴茶樓」思鶴冰、杏冰樂...四款新品,爆濃芝麻糊一推出就缺貨

炎炎夏日必須來一杯沁涼的手搖飲料來消暑,只有清涼解渴已經不夠,近期各大手搖品牌紛紛把甜點變身成飲料,從萬波的「楊枝甘露」、...
1,891人已觀看
2023下半年「無印良品」11款必買新品搶先看!全新升級「保鮮盒」主婦必備、這款「標籤貼紙」還可以貼在布面上

2023下半年「無印良品」11款必買新品搶先看!全新升級「保鮮盒」主婦必備、這款「標籤貼紙」還可以貼在布面上

無印良品秋冬新品展示會登場!搶先公布今年下半年預計將推出好貨,從服飾、零食、傢俱、文具、美妝等全品項一次更新,超過50款以...
3,773人已觀看
咖啡因洗髮精好用嗎?網友大推5款咖啡因洗髮精

咖啡因洗髮精好用嗎?網友大推5款咖啡因洗髮精

想要提神,來杯咖啡準沒錯!不過把咖啡因添加在洗髮精中,你用過了嗎?咖啡因被認為能滋養頭皮及頭髮並強化髮根,而被廣泛使用於洗...
26,450人已觀看
人工淚液推薦!破解人工淚液3大迷思,別讓乾眼症狀找上你!

人工淚液推薦!破解人工淚液3大迷思,別讓乾眼症狀找上你!

現在3C產品盛行,越來越多人有眼睛的問題,其中很常見的就是乾眼症,容易搔癢、刺痛超不舒服!這時可能會想用人工淚液緩解,不過...
51,909人已觀看
台北4家新開幕「文青咖啡」推薦!吳興街「小川珈琲所」開幕狂被社群洗版、南港「咖廢人」豆花、可麗餅一起吃!

台北4家新開幕「文青咖啡」推薦!吳興街「小川珈琲所」開幕狂被社群洗版、南港「咖廢人」豆花、可麗餅一起吃!

最近台北巷弄多了很多風格林立的外帶咖啡小店,比起內用咖啡廳更多了一點迷你可愛,而且品項簡單更能讓人全新的體會在一杯杯咖啡上...
95人已觀看
情人節送什麼?男生最愛的10款精品小包推薦!

情人節送什麼?男生最愛的10款精品小包推薦!

你的男友出門不是把東西都往口袋裡塞,就是總背著一個巨大的後背包嗎?今年情人節就送他一個實用又好看的精品小包,改掉他的壞習慣...
28,243人已觀看
2023全台10月活動懶人包|十月必遊熱門景點、節慶活動推薦

2023全台10月活動懶人包|十月必遊熱門景點、節慶活動推薦

還沒想好雙十連假要去哪玩嗎?LINE旅遊幫你統整好「2023全台10月活動懶人包」,集結全台各地的特色活動及節慶活動,時間...
12,149人已觀看

相似商品

How to 'get' people: Practical psychology
找相似
1,432

How to 'get' people: Practical psychology

Udemy
5%
Sothink SWF Quicker (動畫設計編輯) 單機授權
找相似
3,500

Sothink SWF Quicker (動畫設計編輯) 單機授權

Yahoo奇摩購物中心
1%
どんな職種でも「PMBOK®ガイド」を理解する者はプロジェクトを征する!事例で学ぶプロジェクトマネジメント入門
找相似
2,155

どんな職種でも「PMBOK®ガイド」を理解する者はプロジェクトを征する!事例で学ぶプロジェクトマネジメント入門

Udemy
5%
How To Write & Publish Your Best Seller
找相似
1,773

How To Write & Publish Your Best Seller

Udemy
5%
二手書博民逛書店罕見另一種聲音:我們---國際女性藝術展(上海美術館)Y1968
找相似
1,650

二手書博民逛書店罕見另一種聲音:我們---國際女性藝術展(上海美術館)Y1968

Yahoo奇摩超級商城
0.5%
A Practical Guide to Forgiveness: How to Heal Past Hurt
找相似
1,595

A Practical Guide to Forgiveness: How to Heal Past Hurt

Udemy
5%

熱銷排行榜

更多

掌握鉤針編織邏輯:五種針法自造生活小物
找相似
2,580

掌握鉤針編織邏輯:五種針法自造生活小物

Hahow 好學校-線上課程平台
8%
Procreate 插畫入門-從素描到風格
找相似
2,800

Procreate 插畫入門-從素描到風格

Hahow 好學校-線上課程平台
8%
省錢攝影術:零基礎拍好美食&商品!
找相似
1,890

省錢攝影術:零基礎拍好美食&商品!

Hahow 好學校-線上課程平台
8%
Notion 實戰課程:打造專屬數位工作術
找相似
3,380

Notion 實戰課程:打造專屬數位工作術

Hahow 好學校-線上課程平台
8%
SQL的五十道練習:初學者友善的資料庫入門
找相似
2,980

SQL的五十道練習:初學者友善的資料庫入門

Hahow 好學校-線上課程平台
8%
王梓沅的英文思維模板術:母語人士的脈絡、習慣、情境表達
找相似
3,500

王梓沅的英文思維模板術:母語人士的脈絡、習慣、情境表達

Hahow 好學校-線上課程平台
8%
Python 入門特訓 - 基礎實作到證照攻略
找相似
1,790

Python 入門特訓 - 基礎實作到證照攻略

Hahow 好學校-線上課程平台
8%
用 Python 理財:打造小資族選股策略
找相似
3,200

用 Python 理財:打造小資族選股策略

Hahow 好學校-線上課程平台
8%
王梓沅的 3D 英文筆記術:打造最強「說」「寫」英語資料庫
找相似
2,800

王梓沅的 3D 英文筆記術:打造最強「說」「寫」英語資料庫

Hahow 好學校-線上課程平台
8%
靈魂的代言人-塔羅牌義全解析
找相似
800

靈魂的代言人-塔羅牌義全解析

Hahow 好學校-線上課程平台
8%
百萬 YouTuber 阿滴-攻心剪輯術!
找相似
1,800

百萬 YouTuber 阿滴-攻心剪輯術!

Hahow 好學校-線上課程平台
8%
產品設計實戰:用Figma打造絕佳UI/UX
找相似
4,280

產品設計實戰:用Figma打造絕佳UI/UX

Hahow 好學校-線上課程平台
8%
RyuuuTV看動漫看日劇,零到N4道地說日文
找相似
3,500

RyuuuTV看動漫看日劇,零到N4道地說日文

Hahow 好學校-線上課程平台
8%
社群力:30 堂課突破你的內容行銷盲點!
找相似
2,400

社群力:30 堂課突破你的內容行銷盲點!

Hahow 好學校-線上課程平台
8%
一生必學的圍棋課—入門變達人
找相似
1,980

一生必學的圍棋課—入門變達人

Hahow 好學校-線上課程平台
8%
Excel 新手入門必修課:從 0 開始
找相似
990

Excel 新手入門必修課:從 0 開始

Hahow 好學校-線上課程平台
8%
Python 的 50+ 練習:資料科學學習手冊
找相似
3,980

Python 的 50+ 練習:資料科學學習手冊

Hahow 好學校-線上課程平台
8%
GA4 新手完全攻略!用數據分析下商業決策
找相似
2,400

GA4 新手完全攻略!用數據分析下商業決策

Hahow 好學校-線上課程平台
8%
AI 時代人人必學:用 ChatGPT 全面升級你的工作流程
找相似
3,280

AI 時代人人必學:用 ChatGPT 全面升級你的工作流程

Hahow 好學校-線上課程平台
8%
王梓沅的 Can-Do 英文溝通術:從聽到說的 24 個實戰任務
找相似
3,800

王梓沅的 Can-Do 英文溝通術:從聽到說的 24 個實戰任務

Hahow 好學校-線上課程平台
8%
Excel 高效神器:Power Query實戰教學
找相似
1,680

Excel 高效神器:Power Query實戰教學

Hahow 好學校-線上課程平台
8%
每天十分鐘跳出自信與魅力:超好學街舞課!
找相似
2,800

每天十分鐘跳出自信與魅力:超好學街舞課!

Hahow 好學校-線上課程平台
8%
電商人妻 IG 增粉攻略!三大領域經營術
找相似
3,980

電商人妻 IG 增粉攻略!三大領域經營術

Hahow 好學校-線上課程平台
8%
資料變決策!從零上手 Tableau 大數據視覺化
找相似
2,580

資料變決策!從零上手 Tableau 大數據視覺化

Hahow 好學校-線上課程平台
8%
跟著韓娛學韓文!發音到初級文法一次掌握
找相似
2,500

跟著韓娛學韓文!發音到初級文法一次掌握

Hahow 好學校-線上課程平台
8%
職場寫作課:從個人品牌到自媒體
找相似
2,500

職場寫作課:從個人品牌到自媒體

Hahow 好學校-線上課程平台
8%
代購創業實戰班:14 天開創你的電商副業
找相似
2,680

代購創業實戰班:14 天開創你的電商副業

Hahow 好學校-線上課程平台
8%
跟 YouTuber 莫彩曦學美國道地的說話習慣
找相似
1,900

跟 YouTuber 莫彩曦學美國道地的說話習慣

Hahow 好學校-線上課程平台
8%
打動人心的創作秘密,畫出個性的角色設計
找相似
1,280

打動人心的創作秘密,畫出個性的角色設計

Hahow 好學校-線上課程平台
8%
減法攝影,感官加乘:逐格收藏觀景窗裡的世界
找相似
2,800

減法攝影,感官加乘:逐格收藏觀景窗裡的世界

Hahow 好學校-線上課程平台
8%

商品描述

還不會目前業界最為流行的響應式網頁設計嗎?六角學院線上手把手教會你!歡迎來到第三步學習途徑!現在的你已經學會了網頁的基本架構了,可是你是否曾經納悶過,如果網頁設計在不同裝置上,版面也能夠一樣完美呈現嗎?這時候就是讓我們再學習更進階的網頁技巧的時候了。透過這門課程,將帶著你學會兼容各種螢幕解析度的網頁設計!不知道你有沒有過以下經驗——想要透過手機直接瀏覽一個網頁介面,不過當網頁內容直接縮小至一個手機螢幕的大小時,卻發現同一個頁面在手機裝置中變成了一個非常不好的瀏覽體驗。這樣的狀況在早期更是常見,使用者在瀏覽手機螢幕時因螢幕解析度的不同,不得已得透過手動的方式放大局部網頁內容觀看,因操作困難導致而留下了不好的使用者體驗。如何解決這樣的問題呢?如果希望能夠根據螢幕解析度變換網頁的呈現方式,這時候我們就可以使用「響應式網頁設計」的技術。兼容各種螢幕解析度的網頁設計!RWD(ResponsiveWebDesign)即為中文的響應式網頁設計,目前是使用最新的HTML5和CSS3框架,主要皆是使用CSS3MediaQueries語法來使用響應式設計。因此,在上述情境中,透過RWD的技術,當桌面版的瀏覽版面轉移至手機頁面時,即使為同一個網頁介面,在手機螢幕上的呈現方式會自動轉換為單欄式的介面,方便使用者閱讀。這樣的技術能夠讓程式碼自動判斷螢幕解析度,讓使用者透過不同的裝置中依舊能夠得到合適的瀏覽介面,擁有一致的視覺品質效果。1.突破程式碼的語法限制:透過動畫讓你理解原理對於教學只有程式碼是不足夠的,在重要的觀念傳達部分,六角講師製作大量的說明動畫來介紹,讓同學們能夠在了解原理後再細看與釐清的程式碼架構。2.視覺體驗更上一層樓:專屬行動裝置的超實用技巧行動版網站只有版面切換是不足夠的,課程中還會補充許多行動版網站動態效果,優化網站中的使用者體驗。不過也提醒各位同學,因課程已錄製完成,課程中的口述以及畫面內容、提供的統計數據、常用範例等,都是以iPhone6、iPhoneSE的手機為當時常用機型的情況講解。如果同學因機型以及螢幕大小的不同而有疑問的話,建議可以主動詢問六角專業的助教們喔!3.除了傳授技術也帶給你跟客戶溝通的專案心法,讓開發過程更順利!行動版網站已勢不可當,在人手一支手機的情況下,各家廠商都想要加入行動版的網站。除了知識技能,也會提到相關UI設計的觀念以及不同部門合作、用戶溝通心法,幫助作為初學者的你在前端開發的旅程中能夠更順利,是一堂兼具豐富性和實用性的一門課程喔!誰適合這門課程?已經會HTML、CSS的網頁初學者想要了解更多網頁排版細節的潛在網頁工程師、網頁師我將從這堂課程學到什麼?掌握響應式網頁設計細節了解如何跨部門協作響應式網頁設計懂得如何以UI/UX角度設計好的響應式網頁設計上課前的注意事項因這是學習途徑的第三步,如果你還沒有上過以HTML、CSS語言為主的第一堂課程,和透過jQuery做出網頁動態的第二堂課,建議先確保自己是否已具備以下條件來評估這堂課程適不適合你喔!有HTML、CSS的基本概念需要安裝Chrome網頁瀏覽器需要安裝SublimeText3網頁編輯器擔心自己不具備以上條件嗎?看看六角系列課程中更基礎的課程:第一堂課程|使用HTML、CSS開發一個網站第二堂課程|使用jQuery打造互動性網頁動畫效果從講解基本觀念開始,帶你輕鬆入門從基礎知識開始,例如程式碼的環境架構、語言介紹等,讓作為新手的你能夠更好理解何謂響應式網頁設計。在前面的章節單元中,老師會先從說明CSS3的MediaQueries的觀念、語法教學、框架設定開始,讓已經學過HTML、CSS的你能夠跳脫基礎框架、掌握更進階的技能,輕鬆駕馭不同裝置的瀏覽介面。章節1|課前說明章節2|基本環境介紹章節3|常見版型佈局設定結合技術與設計心法,幫助你打造更好的視覺體驗在正式帶領你進入響應式技巧前,為了帶給使用者更好的視覺體驗,老師將先從UI設計的角度的基礎觀念解說開發者應該注意的細節,例如常見動向設計、端點時機與規劃、響應式的表格、表單、圖像設計等,幫助你更好的整合網頁應該有的元素與模組,掌握網頁設計細節。課程除了交給你必備的知識技能外,老師也會將長期在業界中的開發經驗淬煉為實作心法帶給你,讓你更好的判斷不同視覺元素能夠更好運用的時機。章節4|以UI設計角度切入響應式設計該注意的細節章節5|斷點規劃章節6|響應式表格與表單設計章節7|響應式圖形設計章節8|常見響應式設計選單一步一腳印的實作,讓你的響應式網頁設計更專業看過許多老師的講解後,相信你已等不及自己試試看了,不過,在讓你開始做作業實作前,老師還是會細心帶領你一步步走過在開始實作前需要注意的幾點事項,包括如何確定media設定、撰寫的規範,以及課程作業的詳細說明等,讓你在後續的實作上可以更順利。章節9|開始實作前的注意事項章節10|最後,讓你的響應式網頁設計更專業學習永遠不嫌多,專案協作技巧和彩蛋課程都給你!當你以為課程已進入到尾聲時,六角學院又為你帶來了更多技術與知識內容!在最後的章節中,老師將無私的與你分享與客戶的協作心法,從如何說服使用響應式網頁設計開始,到必備的業務與企劃能力,讓你在職場中不只能夠成為最具技術的前端開發者,同時也是最能夠得到大家青睞的合作好夥伴。課程的最後,更是新增了彩蛋課程給大家,讓你能夠更精進自己的技術!章節11|PM、Sales、Art、F2E、Backend之間如何真心合作章節12|彩蛋課程:Sass、RWD無痛整合,提升網頁開發效率章節13|彩蛋課程:視差滾動網頁設計章節14|響應式工具與服務介紹在這門課程中,六角團隊設計了兩種作業給你練習!單元作業這堂課程將會有兩項單元作業,能夠讓你實際應用與驗證該單元所學是否正確。在課程單元列表中會有詳細關於該單元建議完成的作業項目和指引!【最終試煉】一變應萬變的響應式網頁設計在這堂課程中,除了學會行動版網頁設計外,課程中還包含大量的實戰技巧及業界絕妙手法,讓你學完課程馬上進入實戰也不慌忙!當你完成所有課程內容後,六角團隊將賦予你一個更大規模的實作任務,完成「最終作業」意味著你已成功達成課程目標囉!🚩點我看最終作業設計稿,一起看著設計稿融合最新學習的技術實作看看把!透過六角助教的批改與回饋,達成以下兩個條件才算是完成任務喔!條件1|成績評等有達A的成績條件2|做完任務資訊裡提供的設計稿中,三至四個頁面RWD切版在完成這堂課程的最終試煉任務後,你將獲得以下兩個重要技能!響應式的斷點設計響應式切版技巧與排版觀念要如何承接任務,並讓六角助教團隊批改我的作業呢?步驟1|註冊「程式勇者村」帳號「程式勇者村平台」為六角專為學員設計的學習輔助平台,如果還沒有註冊過該平台帳號,在繳交作業之前記得先註冊專屬自己的「程式勇者村」帳號喔!步驟2|到「程式勇者村」承接專為課程設計的【最終試煉】任務登入程式勇者村後,可以回到Hahow課程中「最後,讓你的響應式網頁頁面更專業」的第十章節,在此章節中會有「【最終試煉】一變應萬變的響應式網頁設計」詳細執行,和專屬作業的設計稿和圖片檔喔,讓你知道應該如何操作喔!步驟3|回報任務完成作業後,可以在課程任務連結中的「回報任務」的留言系統,提交希望給助教檢視的任務內容,六角助教在完成批改後,將提供專屬回饋,確保你理解課程內容。你還可以在同一頁面中的「任務對話欄」和助教討論繳交的內容喔!⚠️繳交作業的注意事項提交作業檔時,請使用GoogleDrive、Dropbox、GitHubRepo任一來提供網頁壓縮檔,還請記得開啟公開權限,六角助教才能進行下載流程。傳送作業前,可先開Chrome無痕視窗,觀察是否能提供下載,確保六角助教能夠進行下載作業批改,才能夠提供給你回饋喔!作業批改與問題回覆除了課程的【最終試煉任務】外,在課程中還會有單元作業提供給你更多練習的機會。建議同學一定要完成單元作業,唯有透過實作的當下,才真正明白自己是否完整領會、吸收。如果作業太難也歡迎將遇到的困難與問題紀錄下來,向六角助教們發問、求救喔!回覆問題:六角助教會以每週二次的頻率上來回覆大家的問題喔!同學們如果有疑問歡迎留言發問,等待助教的解答喔!批改作業:六角助教會以每週一次的頻率上來批改大家的作業,建議一定要繳交作業才可以得到助教的回饋,幫助你進步喔!❗️如時間有更動請參照Hahow公告為主喔!六角學院的校長:廖洧杰高雄前端社群發起人中華電信前端講師高雄大學前端講師十年實務經驗,授課時數超過一千小時熱愛分享與交流的前端工程師,目前專注於兼容桌面/移動網頁前端開發,期間已協助數百位平面設計師,網頁設計師導入標準網頁設計。關於六角學院六角學院是一所線上程式開發學習單位,目前已累積超過20,000名學員,讓更多人藉由線上學習在職涯規劃上有更多的選擇是我們的使命是,如果您贊同我們的理念,歡迎加入六角。什麼是「合作優選」的課程?「合作優選課程」為Hahow向外探尋、精心挑選進來的優質課程,讓渴望深度學習的你,在Hahow擁有更多選擇!價格保證「合作優選課程」讓你放心!只要你可以在其他網站以更低的價格購買到相同課程,我們將協助全額退費,詳細說明請參考相關政策。