將 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天退款保證！