現在我已開始上課,從10/3開始,上了4天,算是做出一些東西出來,
做出來的東西目前是這樣:https://jsfiddle.net/lueichun/v8wfcno5/9/
就是單純的HTML+CSS,做出一個剛好可以滿版的網頁首頁頁面。
除了基本的content-box轉border-box,以方便設定元素寬高外,
也用了不少Flex box的功能,搭配div與類似的元素像是nav、main等元素去排列元素,
以及透過調整anchor、img元素的display屬性,來排版出想要的版面。
另外也設定了anchor滑鼠移入移出事件發生時,要執行的動作。
並以padding屬性對版面作微調。
最後是用vh這個單位,去快速設定出滿版頁面。
看起來在視窗最大化的情形下,UI看起來還可以:
https://imgur.com/jnzxfAs.png
不過如果將視窗縮小,版面就亂掉了,特別是nav包住anchor的部分。
我想這就要用RWD來改良了,另外在這個課程第4天,也開始介紹BootStrap,
之後還得用bootstrap來改良UI,
當然我想這種程度的網頁,版上大大們看到大概都會訕笑,
但我發這篇文只是想表示,我真的有去上課= =,
雖然才剛開始上課4天,但也算開始有進展了。