HTML5, CSS3, jQuery, Bootstrap4 從無到有開發RWD網站
4.3 (33 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
148 students enrolled
Wishlisted Wishlist

Please confirm that you want to add HTML5, CSS3, jQuery, Bootstrap4 從無到有開發RWD網站 to your Wishlist.

Add to Wishlist

HTML5, CSS3, jQuery, Bootstrap4 從無到有開發RWD網站

完全從0開始寫HTML5,CSS3, 並應用了Bootstrap4與jquery
4.3 (33 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
148 students enrolled
Created by Leo Huang
Last updated 1/2017
Traditional Chinese
Current price: $10 Original price: $25 Discount: 60% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 5.5 hours on-demand video
  • 2 Articles
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 了解 HTML 與 CSS 的基礎知識
  • 有能力建置一個具現代化網頁
  • 搭配Bootstrap,更有效率的製作出網頁
  • 使用jQuery來產生網頁動態效果
  • RWD設計,讓網頁同時支援三種設備,桌機、平板、手機
  • 最佳化網頁,提升網頁瀏覽速度
  • 註冊屬於您自己的網域名稱
  • 網頁上架
View Curriculum
Requirements
  • 沒有任何開發經驗基礎也沒關係,只要有學習意願即可
  • Windows,OSX或Linux系統都能進行操作
  • 不需要任何花費,均使用網路免費工具及素材
Description

是否想學做網站,卻不知道從何開始嗎 ?

是否上了很多課,還是不知道怎麼做網站呢 ?

這門課可以讓你快速入門,並且從無到有做一個實用的網站!

完全從0開始寫HTML5,CSS3, 並應用了Bootstrap4與jquery,最後再由heroku讓自己的網站讓全世界看到,如果你喜歡還可以透過Godaddy購買屬於自己的網域名稱,我們將一步一步來做出這個實用的網站。

這們課不只說明如何選寫程式碼,還會分享到哪裡去下載這些漂亮的圖片以及一些技巧,再加上這些動態效果讓網站更生動,更是說明了如何優化網站,甚至還會加入google map,還不只這樣,這網站可以支援於不同裝置。

如果你覺得課程不大適合,我們將能夠在30天內全額退費,所以想要快速進入網站開發的領域,這門課將是你新的選擇,你將不會有任何損失。

Who is the target audience?
  • 無基礎的初學者
  • 對網頁設計有興趣者
  • 兼差網頁開發者
Students Who Viewed This Course Also Viewed
Curriculum For This Course
48 Lectures
05:33:30
+
基本HTML
6 Lectures 12:12



HTML內容
02:27

HTML圖片
02:40

HTML超連結
02:34
+
基本CSS
9 Lectures 47:56

設定文字樣式
07:55

設定顏色
04:05

使用Class與ID
03:34

CSS區塊模型
02:53

網頁布局
05:06

美化網站
17:05


恭喜各位,到了這邊,已經對HTML與CSS有了基本的概念!

這裡可以下載"第一個網站"的內容。

下一個章節開始,我們就要開始製作我們真正的網站了!

完成網站
00:00
+
網頁實作
21 Lectures 03:02:58
網頁成果介紹
01:42

建置前動作,匯入(Bootstrap)
05:54

首頁-HTML
03:32

首頁-CSS
19:03

關於我們-第三頁-HTML
08:04

關於我們-第三頁-CSS
06:22

美味餐點-第四頁-HTML
07:53

美味餐點-第四頁-CSS
19:38

美好的早晨-第五頁-HTML
08:39

美好的早晨-第五頁-CSS
09:24

圖片-第六頁-HTML
05:25

圖片-第六頁-CSS
03:55

客人反饋-第七頁-HTML
14:08

客人反饋-第七頁-CSS
08:17

餐廳資訊-第八頁-HTML
07:17

餐廳資訊-第八頁-CSS
05:58

地圖導入-第八頁-HTML+CSS+JS
08:36

Footer的HTML
12:26

Footer的CSS
14:27

Nav Bar的HTML
07:34

NavBar 的CSS
04:44
+
RWD設計,支援手機、平板、桌機,NavBar固定和縮放NavBar
3 Lectures 42:34
RWD 事前準備和定義分割點寬度
08:25

平板設計,手機板設計,小型手機板設計
19:55

NavBar固定和縮放NavBar
14:14
+
讓網站更生動
2 Lectures 19:11
平滑移動
04:21

彈出效果
14:50
+
優化網站
5 Lectures 15:30
縮小圖片
01:56

關鍵字與網站敘述設定 (SEO)
05:12

註冊Google分析
05:26

網站Icon
02:56

網頁成果檔案下載
00:00
+
正式上線
2 Lectures 12:59
使用Heroku上架
08:17

GoDaddy網域名稱註冊
04:42
About the Instructor
Leo Huang
4.3 Average rating
33 Reviews
148 Students
1 Course
前端工程師

大家好,我是Leo,曾經是系統工程師的我,因緣際會接觸到前端網站開發,就一股腦兒的走下去,現在是一個全職的前端網站工程師,下個目標將朝向全端工程師。

製作網站的過程中,給予我非常多的啟發,網站不單只是程式碼所組成的文字,而是一種想法的傳達。

現在,在這資訊爆炸的時代裡,我們有許多的新技術與知識需要學習,歡迎大家一起討論。