iT邦幫忙

鐵人檔案

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

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

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

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

先別管鐵人了,你聽過亂數假文嗎?

連30天的挑戰,就這樣默默達成了三分之二呢!這一刻,我的心情既喜且憂:一來終於只剩下倒數十篇;但是走筆自此,當時的困境已經都講得差不多了。 好在先前有預儲備...

2018-11-05 ‧ 由 IrisAndMimi 分享
DAY 22

從亂數假文,看見了GitHub的限制

亂數假文(Lorem ipsum)是專用於填充版面的文字內容:目的是為了編輯排版,讓閱讀者只專注於觀察字型或版型所帶來的視覺效果。 閱讀起來並沒有任何意義,...

2018-11-06 ‧ 由 IrisAndMimi 分享
DAY 23

瀏覽器的不成全,怪就怪在主動型混合內容?(更)

滑鼠按下右鍵,檢查網頁的狀態,找到了Console(控制台)的標籤下,有關於錯誤的說明:似乎為了避免你的主頁內容被其他網頁的JavaScript竄改,於是Git...

2018-11-07 ‧ 由 IrisAndMimi 分享
DAY 24

網頁的皮膚──CSS階層式樣式表

如果HTML是人,那CSS就決定了他的髮膚顏色,而JS則是這個人的行為。 其中,HTML負責確定網頁中有哪些內容。CSS確定如何展現元素的外觀(比如:大小、粗...

2018-11-08 ‧ 由 IrisAndMimi 分享
DAY 25

打不出特殊的符號?

就在寫前一篇範例的時候,突然想起了這項也很重要的問題: 當我想在內容編寫程式碼的語法時,導致網頁誤以為那也是一段要執行的語法,該怎麼辦? 這時就需要請出HTM...

2018-11-09 ‧ 由 IrisAndMimi 分享
DAY 26

比特殊符號還更特殊的存在──上標和下標

什麼是上標文字與下標文字? 當你打開微軟的Word時,就會想起它的樣子:嗯?這不就是我們在數學裡的指數和對數嗎? 究竟為什麼被迫與其他符號隔離,非得要自成一格呢...

2018-11-10 ‧ 由 IrisAndMimi 分享
DAY 27

連我都沒看過的特殊字符編碼

或許你可能曾在FB或是Dcard的留言板上,看過諸如此類的奇怪文字:因為大家都不知道怎麼辦到的,所以紛紛複製貼上,演變成大量洗版的詭異流行。 現在就來介紹這些...

2018-11-11 ‧ 由 IrisAndMimi 分享
DAY 28

CSS的Class和id到底誰比較大牌?(邏輯記憶版)

就像我們偶爾遇到的雙胞胎同學~ 名字和樣子可能有所差距,但是到底誰先出生,誰才是哥哥或姊姊……大概只有接生的產醫才能清楚了。 現實生活或許可以不必追究長幼,但是...

2018-11-12 ‧ 由 IrisAndMimi 分享
DAY 29

CSS的Class和id到底誰比較大牌?(原始碼比對版)

相較於前一篇用文字記憶法,這篇則是用原始碼做為比較,詳細列出一眼辯英雄的矛盾大對決!從第5項實驗,我們成功證明了id確實強過class的效果! 但是這時我突然靈...

2018-11-13 ‧ 由 IrisAndMimi 分享
DAY 30

喔耶!終於寫完了!

比起鐵人賽達成,還有一個消息讓我超級激動!繼UnderTale的神作,續作Deltarune出了試玩版,我現在就好想玩一波啊啊~ 這個艱難又偉大的30日連更...

2018-11-14 ‧ 由 IrisAndMimi 分享