iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
自我挑戰組

如何架出github.io的個人網頁-html的30天自由式筆記 系列

先前誤打誤撞、瞎子摸象,四處在教學網找尋,或從其他網頁的原始碼,嘗試理解自己想使用的功能如何運作;但是苦於一些詭異的初學者糾結,在教學網直接複製出錯誤、而別人的網頁原始碼太大串,苦苦尋不著門路。
因此於這次鐵人賽嘗試用30日連更,寫出當時使用github.io架設個人網頁時,所遭遇的迷惘。從無到有,一步一步地讓其他生手無痛進入自學階段;而我同樣身為學習者,在寫完曾經的錯路之後,亦會找到什麼操作就寫上什麼教學。

鐵人鍊成 | 共 30 篇文章 | 14 人訂閱 訂閱系列文 RSS系列文
DAY 1

前言

這個系列起源於──各種的誤打誤撞&瞎子摸象:四處在教學網找尋,或從其他網頁的原始碼,嘗試理解自己想使用的功能,該怎麼運作、是如何實踐……但是苦於一些詭異的初學...

2018-10-16 ‧ 由 IrisAndMimi 分享
DAY 2

在開始寫網頁之前~你必須知道

這篇文是以github.io作為練習如果是用在架設其他部落格網頁,我不能擔保完全適用,不相容導致網頁看不懂你在打什麼,壞掉了請另找支援。 請找一個好的編輯...

2018-10-17 ‧ 由 IrisAndMimi 分享
DAY 3

如何用GitHub帳號開一個網頁(上)

對於這個問題,官網寫了個淺顯易懂的附圖教學,網址如下:https://pages.github.com不過它是英文的。容我慢慢照圖說明: 我們先解釋,該如何創立...

2018-10-18 ‧ 由 IrisAndMimi 分享
DAY 4

如何用GitHub帳號開一個網頁(下)

這一步,在詢問你上傳更新的方式。依序是: A terminal 這是終端上傳的方式,是為cmd使用者設立的教學,或是下載gitbash來連接帳號。如果能熟練操...

2018-10-19 ‧ 由 IrisAndMimi 分享
DAY 5

如何建立一個html檔(for Windows)

建議先將檔案的副檔名顯示出來。 以下提供了Win7和Win10顯示副檔名的教學(其他版本還請自行搜尋): 這是Windows7版本的方法──https://b...

2018-10-20 ‧ 由 IrisAndMimi 分享
DAY 6

如何建立一個html檔(for Mac)

給Mac的教學:蘋果的設計適合工程師寫程式,但是卻有一點難度,其實並不適合給初學者使用(尤其是那些剛從Windows跳槽,還沒適應Mac系統的夥伴們)。後來我特...

2018-10-21 ‧ 由 IrisAndMimi 分享
DAY 7

寫程式的環境──Download or Online?

嗯?明明在Day2的聲明裡,我要求各位自行找好編輯器,怎麼自打嘴巴又開了一篇來介紹呢?是已經沒梗,開始富奸了嗎? 噢不!並沒有,不要瞎掰好嗎?我可是看到系統內建...

2018-10-22 ‧ 由 IrisAndMimi 分享
DAY 8

線上編輯器的介紹

W3School TIY 如果你已經養成了自學的習慣,一定不會不知道w3schools這個廣泛而詳細的教學網。這裡是我最早發現並使用的線上測試器;它原本的功能...

2018-10-23 ‧ 由 IrisAndMimi 分享
DAY 9

HTML的結構

現在來回顧先前完成的起始網頁,我們在index.html裡面貼了一小段GitHub給的原始碼,內容如下: 而你得到的網頁,應該會顯現出這樣的訊息:第一行<...

2018-10-24 ‧ 由 IrisAndMimi 分享
DAY 10

自學起步前,我們閒聊一下

從前一些篇章的末端,或許可以看見我逐漸地放生各位,不,是引導讀者們走向自學的端倪:開始直接把教學網丟在文中,而沒有一一講解其中的操作方法。 因為接下來的內容,都...

2018-10-25 ‧ 由 IrisAndMimi 分享