本節簡介:講解了網頁設計中如何使用“分割法”劃分網頁區塊,以及響應式頁面的概念
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
內容區塊劃分:盡量用偶數值 以100的寬度劃分 從左對齊開始 以整格為主 留間距將整格內縮 。響應式:頁面寬度會根據頁面比例縮放時發生變化。
分割法:1. 寬:1000PX(根據平幕大?。?0等分100寬度的格子,每隔100一個輔助線 高度沒有限制 2.開始布局網頁內容 (黃金比例:0.67)。
內容區塊劃分:盡量用偶數值 以100的寬度劃分 從左對齊開始 以整格為主 留間距將整格內縮 。響應式:頁面寬度會根據頁面比例縮放時發生變化。
分割法:1. 寬:1000PX(根據平幕大?。?0等分100寬度的格子,每隔100一個輔助線 高度沒有限制 2.開始布局網頁內容 (黃金比例:0.67)。
分割法:先確定網頁寬度,然后再等分,根據目前主流的顯示器,通常網頁設計主要內容控制在1200PX
內容區塊劃分:盡量用偶數值 以100的寬度劃分 從左對齊開始 以整格為主 留間距將整格內縮 。響應式:頁面寬度會根據頁面比例縮放時發生變化
門戶類: 分割法:先確定網頁寬度(1000像素) 再將網頁分10等分 黃金比例:1:0.618
分割法:1. 寬:1000PX(根據平幕大?。?0等分100寬度的格子,每隔100一個輔助線 高度沒有限制 2.開始布局網頁內容 (黃金比例:0.67)
黃金分割法:留空隙,一般喜歡留偶數值,偶數更好計算
分割法:在網頁設計中表示網頁左右模塊的分割方法,是在網頁設計中非常重要的方法