# 雲端運算基礎應用 - 課前須知與準備 > ==簡報== > https://docs.google.com/presentation/d/15ixiXSAEH5VAROAF_IKIwAmSbVfI4sgxaei2rWYiPPM > ==課程錄影== > https://www.youtube.com/watch?v=NUSGITMvEHY > [toc] ## 課程簡述 :::warning ⚠️建議帶筆電來上課！ ::: 學會寫網頁了，然後呢？從零開始帶你上架你的網站！ 這堂課會從什麼是雲端運算開始，伴隨 Domain、IP、DNS 的原理講解到實際操作你自己的伺服器！ *[Domain]: 網域名稱 *[IP]: Internet Protocol Address *[DNS]: Domain Name System 本課程的實作為三階段，可以自行決定哪些部分要跟著操作，並做好課前準備： 1. GitHub Pages 實作 (<a href="#課前準備---註冊-GitHub-帳戶" title="課前準備 - 註冊 GitHub 帳戶" smoothhashscroll="">課前準備 - 註冊 GitHub 帳戶</a>) 2. Google Cloud 實作 (<a href="#課前準備---Google-Cloud-免費計畫申請教學" title="課前準備 - Google Cloud 免費計畫申請教學" smoothhashscroll="">課前準備 - Google Cloud 免費計畫申請教學</a>) 3. 網域綁定實作 (<a href="#課前準備---註冊-FreeDNS-帳戶" title="課前準備 - 註冊 FreeDNS 帳戶" smoothhashscroll="">課前準備 - 註冊 FreeDNS 帳戶</a>) 另外也會帶到網域的部分，如果你剛好有網域......~~那這堂課你高機率不用聽，但歡迎來找我聽網域的各種酷酷應用~~，如果沒有網域也不用擔心，我們也會帶大家拿一個屬於自己的網域！[^first] [^first]:免費的次級域啦，之前超讚的免費頂級域已經不發新網域了 ## 課前準備 - 註冊 GitHub 帳戶 :::warning 如果想跟 GitHub Pages 實作的同學請務必完成本段課前準備！ ::: 請確認你有一個可以登入使用的 [GitHub](https://github.com/) 帳號，若沒有帳號可以進入 [GitHub](https://github.com/) 後點擊右上角的 [Sign up](https://github.com/signup) 並依照指示操作即可完成註冊。 ## 課前準備 - Google Cloud 免費計畫申請教學 :::warning 如果想跟 Google Cloud 實作的同學請務必完成本段課前準備！ > 沒有信用卡嗎？ > ~~那只能拍拍你了( ´･ω･)ﾉ(._.`)~~ > 可以看講師示範喔！ ::: ### 事前準備 1. 一台可以瀏覽網頁的裝置 2. 一張可以使用的==信用卡/簽帳卡(驗證用)== 3. 一個==未曾申請試用 Google Cloud 的 Google 帳戶== ### 申請流程 #### 0. 請先[前往 Google Cloud](https://cloud.google.com/?hl=zh_tw) 登入 Google 帳戶 #### 1. 點擊"免費試用" ![Step 1 screenshot](https://images.tango.us/workflows/68a400e4-2ef3-4835-a4b8-bcf445f770b3/steps/5b48de9d-3fc7-4e78-93c0-1acf90ed6596/a0bf4860-a7a5-4d8e-8704-4fd82f02796d.png?crop=focalpoint&fit=crop&fp-x=0.9184&fp-y=0.1295&fp-z=2.7526&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&mark-x=767&mark-y=197&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz0zMjYmaD0xMjcmZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%3D%3D) #### 2. 確認國家/地區選擇"台灣"，點擊"同意並繼續" ![Step 2 screenshot](https://images.tango.us/workflows/68a400e4-2ef3-4835-a4b8-bcf445f770b3/steps/567d4f8b-5ba9-45cb-bc5a-96d98ecfb681/270fbbce-c88c-4ea5-9885-2162a32b19fa.png?crop=focalpoint&fit=crop&fp-x=0.5000&fp-y=0.5000&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&mark-x=57&mark-y=333&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz00NzgmaD0yOSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw) #### 3. 稅務資訊 選擇"未登記稅籍的個人" ![Step 3 screenshot](https://images.tango.us/workflows/68a400e4-2ef3-4835-a4b8-bcf445f770b3/steps/4fc98298-5c1d-4aca-9de7-cb07bb5a5298/6122f10e-bfb9-4d47-84b9-dd2b96ef7316.png?crop=focalpoint&fit=crop&fp-x=0.2638&fp-y=0.6139&fp-z=1.5067&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&mark-x=148&mark-y=333&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz02NTgmaD02NSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw) #### 4. 填入/確認付款資訊，點擊"免費試用" Google 會扣 $0.00~$1.00 美元的驗證款項並退還 在你主動升級為付費帳戶前不會產生任何費用 詳情請參考 [Google Cloud 免費計畫 - 帳單驗證](https://cloud.google.com/free/docs/free-cloud-features?hl=zh-tw#billing_verification) ![Step 4 screenshot](https://images.tango.us/workflows/68a400e4-2ef3-4835-a4b8-bcf445f770b3/steps/38cd3176-afdb-46b5-8fe2-261e56462fb7/ec1c5ab9-cc6c-431b-a8df-954552f85cf1.png?crop=focalpoint&fit=crop&fp-x=0.2500&fp-y=0.6870&fp-z=2.0000&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&mark-x=193&mark-y=32&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz01MTgmaD03NiZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw) #### 5. 依自身狀況完成調查表單，或直接點選"關閉" ![Step 5 screenshot](https://images.tango.us/workflows/68a400e4-2ef3-4835-a4b8-bcf445f770b3/steps/d04d5b10-9570-4828-8cca-c3841e79b127/79273692-eb02-4450-9f44-a48b36af89f6.png?crop=focalpoint&fit=crop&fp-x=0.5000&fp-y=0.5000&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8&mark-x=375&mark-y=276&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz00ODkmaD0yOSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw) #### 6. 看到此畫面即完成申請 :::danger :no_entry: 勿點擊"啟用完整帳戶"，否則之後可能會從信用卡中扣款。 ::: ![Step 6 screenshot](https://images.tango.us/workflows/68a400e4-2ef3-4835-a4b8-bcf445f770b3/steps/90b02882-65c7-4ecb-a0c8-5ab7166f4ea4/a46da373-8752-478f-9c90-e71649c9c436.png?crop=focalpoint&fit=crop&w=1200&border=2%2CF4F2F7&border-radius=8%2C8%2C8%2C8&border-radius-inner=8%2C8%2C8%2C8) ## 課前準備 - 註冊 FreeDNS 帳戶 :::warning 如果想跟 網域綁定實作 的同學請務必完成本段課前準備！ ::: 請確認你有一個可以登入使用的 [FreeDNS](https://freedns.afraid.org/) 帳號，若沒有帳號可以進入 [FreeDNS](https://freedns.afraid.org/) 後點擊下方的 [Sign up Free](https://freedns.afraid.org/signup/?plan=starter) 並填入資料、收取驗證信後即可完成註冊。