fbpx

響應式網頁設計要點 – HTML5 CSS3 訓練營

從頭開始學習 HTML5 和 CSS3 基礎知識的最佳課程。包括 5 個專案,非常適合初學者。

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

  • 了解如何使用響應式圖像和圖標。 和令人驚嘆的全螢幕背景圖像,可能還有太多的漸變。
  • 了解如何創建表單並為你的網站選擇出色的字體。
  • 了解如何使用 Bootstrap 4 輕鬆添加輪播、卡片和外觀複雜的菜單。
  • 使用託管設置域名,以便你的網站在網路上供其他人查看。

要求

  • 需要連接網際網路
  • 不需要網頁設計或程式設計知識
  • 文本/程式碼編輯器(最好是 Visual Studio Code,它是免費的,由 Microsoft 製作)
  • 必須安裝 Google Chrome

課程說明

大家好,我叫 Daniel Scott,我們將一起學習如何構建專業的響應式網站。 在手機、平板電腦和桌面螢幕上看起來不錯。

我們將一起建立4個站點…

  • 一個簡單而優雅的餐廳網站。
  • 一個自行車維修網站。
  • 響應式投資組合網站。
  • 一個引導網站。

我們涵蓋你建構第一個網站所需的一切。從創建你的第一頁到將你的網站上傳到網際網路上。我們將使用世界上最流行(且免費)的網頁設計工具 Visual Studio Code。

你可以下載一些練習檔案,然後與我一起工作。在每個視訊的結尾,我都有一個可下載的版本,裡面有整個過程,以便你可以將你的做的專案與我的專案進行比較。這將使你能夠輕鬆地查看可能有問題的地方。

我們將深入研究所有好東西,例如如何從頭開始學習一些基本的 JavaScript 和 jQuery 創建你自己的行動漢堡菜單。

你會…

  • 了解如何使用響應式圖像和圖標。和令人驚嘆的全螢幕背景圖像,可能還有太多的漸變。
  • 了解如何創建表單並為你的網站選擇出色的字體。
  • 了解如何使用 Bootstrap 4 輕鬆添加輪播、卡片和外觀複雜的菜單。
  • 使用託管設置域名,以便你的網站在網際網路上供其他人查看。

有有趣的課堂專案供你學習,這將使你能夠練習所學。 在本課程結束時,你將對 HTML5、CSS3、Flex box、響應式設計和 Bootstrap 等重要的網頁設計主題有深入的了解。

如果這聽起來有點太花俏了——別擔心,本課程針對的是網頁設計新手和以前從未寫過程式的人。 我們將從頭開始,逐步完成。

我是誰?

我是 Dan,我已經建立網站大約 15 年了。 我是屢獲殊榮的講師,過去 2 年在著名的 Adobe Max 會議上連續獲得 MAX Master 獎。

是時候升級自己了?

註冊課程,讓我們學習如何建構響應式網站。

目標受眾

  • 本課程適用於希望開始全面了解網站設計的人
  • 企業家
  • 本課程適合想要學習網站設計基礎知識的人
  • 本課程適合沒有任何網站程式經驗的人

講師簡介

Daniel Walter Scott Adobe 認證講師和 Adobe 認證專家 (更多講師主講課程介紹)

分享展現我是誰,而教學展將我最好的貢獻出來,我一直處於這等式的兩邊。 能創造出有用的教學是我身為創意社群一份子很有意義的參與方法。

我已有很長時間觀察人們的學習、親自教導,並打磨我的教學,和你一起讓學習高效 有用,更最重要的是,令人難忘。我希望我教的東西能帶你走向光明的未來。

我有一個妻子(一個可愛的愛爾蘭女孩)和孩子。我曾在許多地方生活和工作過(身為紐西蘭人傾向於這樣做) – 但是我十四年以上的創作和教學大部分都有一個壓倒一切的主題:隨著我們試圖以我們的故事、我們的愛和藝術的勞動來改變世界,帶更多人一起乘風而起。

我是愛爾蘭的認證 Adobe 講師(ACI)。我也是Adobe認證專家( ACE ),並已完成 Adobe 認證合作夥伴培訓 ( ACA )。而且我不只是做 Adobe。 請記住,媒體這術語非常廣泛 – 數位炸爆了邊界,所以我們都在不斷的學習。

我一直致力於教學14 年以上。我起初是媒體設計師和內容創作者 – 所以我很清楚學習的路徑。 我曾在你所在的地方。 我喜歡這些 – 印刷、數位出版、網頁與視訊。 我可以看出這些如何連結。 我也了解如何跟你分享這些連結。

我在愛爾蘭、紐西蘭、澳大利亞和線上建立了 Bring Your Own Laptop (BYOL)。 我有一個很棒的團隊與我合作,讓 BYOL 保持在 Adobe與數位媒體培訓的前幾名。 我了解如何做生意,我擁有一個 – 所以我知道如何把它做好,讓它為你服務。

現在我把重點放在 Udemy 教學。我的使命是為你提供在 Udemy 數位媒體的最佳培訓。

Daniel Walter Scott

英文字幕:有

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

使用 Notion 來做上課筆記?

如果你有使用或是想用 Notion 來做線上課程筆記,我們有開發一個 chrome extension – LN+ for udemy可以將這門線上課程的課程大綱幫你自動建立成 Notion 筆記資料庫並產生筆記與課程的雙向關聯

LN+ for udemy 免費版有內建一系列課程( 免費與付費課程 ),可以先永久免費體驗後再決定是否升級成正式版

想了解 LN+ 的產品開發理念可以參考這篇文章說明


報名參加課程

Sponsored by Udemy


🛫使用關鍵字連結獲得更多線上學習資訊?請參考這個網頁說明


幫我們個小忙!

使用 e-mail 追蹤 Soft & Share

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

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: