網頁設計 入門 : 如何使用 Bootstrap 與 Github Pages 製作 個人網站 ? | html5 x css | 簡單架設 不失質感【Gamma Ray 軟體工作室】

【 網頁設計 入門 】

近期為了上架 iOS App ，建置了開發者網站 :
https://gamma-ray-studio.github.io/zh-cht/index.html

我的需求是 :
1. 簡單、不能太難看的網頁設計
2. 穩定、不能太花錢的伺服器

所以我選擇 bootstrap + github pages 方案 :
• bootstrap 前端框架 : 滿足了簡單與美觀的要求
• github pages 靜態網頁 : 符合穩定甚至不花錢的服務

除了說明選用的原因與使用方法，還會簡單介紹平時常用的開發工具，以及一些基礎的 Html 與 CSS 語法 。

目的是讓零基礎的初學者，除了會架設自己的個人網站，對於網頁設計的技術也能有基礎的概念。

【時間軸】
00:00 Gamma Ray 官方網站
00:27 網頁設計 : 入門指南
01:08 開發工具 : Adobe Brackets
02:17 基礎的 html 與 css 語法
08:03 Bootstrap 前端框架
19:06 Github Pages 靜態網頁
21:32 追蹤 Gamma Ray Instagram

• 部落格文章 :
https://gamma-ray-studio.blogspot.com/2021/05/bootstrap-github-pages.html

• Gitlab 教程文件 :
https://gitlab.com/GammaRayStudio/DevDoc

• Web/001.BootstrapSE.md
https://gitlab.com/GammaRayStudio/DevDoc/-/blob/master/Web/001.BootstrapSE.md

• git 方式下載
https://youtu.be/QWVQF9UvsDo

• Markdown 檢視器
https://youtu.be/0WzOzNEu8ws

【參考資料】
• Adboe Brackets : http://brackets.io/
• Bootstrap 官網 : https://getbootstrap.com/
• HTML5 語意標籤 : https://training.pada-x.com/docs/article.jsp?key=html5-semantic-elements

#網頁設計
#個人網站
#bootstrap
#github
#網頁設計師

= = = = = = ? ? 工 商 時 間 ? ? = = = = = =

【應用程式】
工作室自行開發，並且已發佈的應用程式 !
https://gamma-ray-studio.github.io/zh-cht/100App+.html

【技術服務】
工作室提供 程式家教、專案諮詢、技術委託 ... 等，程式技術的支援服務。
https://gamma-ray-studio.github.io/zh-cht/consult-faq.html

【 Coding 支援 】
規格明確、40 小時以內的開發量，工作室可以支援開發 !
https://gamma-ray-studio.github.io/zh-cht/coding-support.html

= = = = = = = = = = = = = = = = = = = = = = = = = =