第四堂

第四堂課 終於開始做有關美化網頁的動作了 介紹了materialize css 可以下載它或是輸入程式在script中讓網頁直接從網路上抓它資料庫裡的東西 然後老師教我們作出

card(卡片可用同樣格是呈現很多不同內容然後排出來)  

footer(頁首 最上面)
 
navbar(頁尾 最下面) 等東西 

而class是一些css自己定義的東西 可以引用特定class來呈現你想要的風格 格式

還講了RWD(responsive web design)響應式網頁設計  可以讓網頁在調整視窗大小時或我們使用手機 平板瀏覽網頁時使網頁內容也跟著有所改變 調整版面分配 使我們更容易閱讀  

我們也可以輸入一些程式讓我們的網頁做出相同的事 
<div class="col l6 s12"> 這樣卡片的排版就會依據視窗大小去調整成我們設的比例

還教了for迴圈 真的超聰明的 這樣就可以只寫少少程式但又印出很多東西 讓程式碼很簡潔
for{一開始的動作;要執行幾次或停止條件;迴圈要做的事}


我們的網頁終於越來越有樣子了 開始接近平常我們瀏覽的網站了

留言

這個網誌中的熱門文章

FB比你還了解自己 ?

第二堂