现在我已开始上课,从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天,但也算开始有进展了。