將 PSD 轉成響應式HTML5 : 新手到進階

學習現代網頁開發,並從頭開始將 Photoshop 設計轉換為響應式動畫 HTML5 和 CSS3 網站

報名參加課程  

從這 6 小時的課程,你會學到

  • 6小時全高解析度 ( FHD ) 視訊素材,46個講座。
  • 學習將靜態 Photoshop 設計轉換為完全響應式的網站
  • 無需任何框架即可開發完全響應式網站的技能
  • 有自信採用任何 PSD 設計並將其轉換成一個功能齊全的網站
  • 學習如何使用 JavaScript 和 CSS3 創建捲動時出色的互動動畫
  • 對 PSD 和 HTML5 如何整合和協同運作有非常深入的了解
  • 學習乾淨、現代的網頁設計趨勢,並將其應用到你的專案中
  • 25 個令人驚嘆的時尚 PSD 設計來練習你新獲得的技能
  • 講師盡快於24小時內回答你所有的問題

要求

  • 對 HTML 和 CSS 的基本理解(divs、classes、IDs)
  • Photoshop CS3 / CS4 / CS5 / CS6 / CC(或免費試用版)
  • 你選擇的程式碼編輯器(我用的是 Brackets)
  • 你需能連接網際網路
  • 你最喜歡的薯片和飲料!

課程說明

  • *** UDEMY “ PSD 到 HTML ” 課程主題最暢銷課程***
  • *** 比一般 PSD 到 HTML5 的課程多很多內容***
  • *** +包含做出很棒的互動動畫的 JavaScript 新手講座***
  • *** +以 CUSTOM 中介媒體查詢做響應式設計***
  • *** +進階 BONUS 內容:真實世界的網站轉換和特別提示***
  • *** +課程不斷更新,會有新的內容/講座***
  • ***** 最新更新日2017年11月15日*****
  • 請務必查看底部的 BONUS 部分,因為這些內容包含重要的資訊。

你正計劃從事網頁設計,尋找一個好的起點嗎? 或者,也許你是一個網頁開發愛好者,熱切希望將 PSD 設計轉換成能完整運作的網站? 或者只是一個新手Web開發人員/設計師誰期望學習如何讓 PSD 和 HTML5 / CSS3一起運作?

無論你在什麼狀況,對於任何有抱負或有經驗的 Web 開發人員/設計師,PSD 到 HTML5 的轉換都是一個必須具備的技能。

這 PSD 到 HTML5 轉換課程將帶你從一個完全的新手到一個知識淵博的開發人員,對於將 PSD設計轉換成響應式、功能齊全的 HTML5 網站駕輕就熟。

這比一般 PSD 到 HTML 課程要多得多。 它是目前最全面的網頁設計/開發課程之一,因為它的內容非常豐富,並且有很多話題。 我們將從 Photoshop 開始,了解將 PSD 設計轉換為 HTML5 網站的基本開始步驟。 我們首先要了解和研究 PSD 設計,然後將其切割、剪裁並收集圖像。 然後,我們將開始編寫我們的 HTML5 標記 ( markup ) 來準備網站的開發。

在開發階段,我們將在把設計樣式化時學習很多東西:浮動 ( floats )、定位 ( positioning )、寬度 ( width )、自訂欄 ( custom columns )、流體設計 ( fluid design )、全寬的背景 ( full-width backgrounds ) 和更多!

我們將從頭創建令人驚嘆的動畫,包括一個看起來非常漂亮的 iPhone 開啟動畫。 我們將使用各種著名的程式庫來創建捲動剩餘的驚人動畫,並最大限度地打磨我們的網站。 但是,這不是全部。

然後,我們將鑽研開發出響應式網站,以適應任何螢幕尺寸和行動設備。 我們將編碼 CUSTOM 中介媒體查詢來控制我們的網站在較小的螢幕上的行為。 我將帶你運用基本程式設計技術從頭開始創建響應式導航欄選單 ( navigation bar menu )的方法。

然後,我們將跳入一個全新的部分,隨著時間的推移將更新,其中將包括特殊的技巧和先進的技術教你如何轉換有問題的 PSD 設計成為運作的網站

在本課程中,你將從頭開始學習將一個完成的 PSD 設計,使用純 CSS3 將其轉換為完全響應的HTML5 頁面。 本課程不含像 Bootstrap 這樣的響應式框架! (我早期的課程已涵蓋這部分!)

我相信成功完成這門課程的唯一途徑就是通過實踐和參與。 這就是為什麼你會在整個課程中做測驗和互動問題。 完成後,你將被挑戰採用 PSD 設計,用你在本課程中習得的技能,創建一個令你驚嘆的 HTML5 響應式網站!

你還在等什麼? 現在就參加這課程,開始學習網頁設計和開發! 30天退款保證!

目標受眾

  • 計劃在不久的將來成為網頁設計師者
  • 希望學習一個全新的技能的網頁設計師或網頁設計初學者
  • 希望了解如何將 PSD 設計轉換為功能齊全的響應式 HTML5 網站的設計師和開發人員
  • 有興趣做網頁設計/開發和轉換PSD設計為網站的 Photoshop 初學者
  • 任何有興趣如何讓 Photoshop 和 HTML5 一起運作者
  • 任何希望加強他們的 PSD 轉換技能者

講師簡介

Filip Kordanovski    CodeCrack CEO 、前端開發人員、高評價講師

Filip Kordanovski 是馬其頓斯科普里自學成才的前端網頁開發人員。

他對自己的工作充滿熱情,每天都喜歡學習新東西。

Filip 在網站開發和設計領域擁有5年以上的經驗,最近開始線上教學和發佈課程,與世界分享他的知識。

他是 CodeCrack 的創始人,CodeCrack 是一家提供數位解決方案、課程和電子書籍出版的網路開發/設計機構。

他還擅長於資料庫和資料庫管理系統、平面設計、視訊和音訊編輯、遊戲設計和開發以及3D建模和數位雕刻等各個領域。

一個對教學有著高度熱情與真正敬業的人,始終會致力於以合理的價格提供高品質的教育和內容。

他擁有超過7000名學生和800多個評價,評級為4.7,是該平台上評分最高的教練之一。 另外,他的一門課程是也是 Udemy 上的暢銷課程。

今天就開始學習,對你的職業生涯發揮重大影響。

英文字幕:有

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

課程網址  

Sponsored by Udemy

也許你會有興趣

 歡迎使用 App / Email | Telegram 訂閱 網站更新

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: