本节简介:讲解了网页设计中如何使用“分割法”划分网页区块,以及响应式页面的概念
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
内容区块划分:尽量用偶数值 以100的宽度划分 从左对齐开始 以整格为主 留间距将整格内缩 。响应式:页面宽度会根据页面比例缩放时发生变化。
分割法:1. 宽:1000PX(根据平幕大小)10等分100宽度的格子,每隔100一个辅助线 高度没有限制 2.开始布局网页内容 (黄金比例:0.67)。
内容区块划分:尽量用偶数值 以100的宽度划分 从左对齐开始 以整格为主 留间距将整格内缩 。响应式:页面宽度会根据页面比例缩放时发生变化。
分割法:1. 宽:1000PX(根据平幕大小)10等分100宽度的格子,每隔100一个辅助线 高度没有限制 2.开始布局网页内容 (黄金比例:0.67)。
分割法:先确定网页宽度,然后再等分,根据目前主流的显示器,通常网页设计主要内容控制在1200PX
内容区块划分:尽量用偶数值 以100的宽度划分 从左对齐开始 以整格为主 留间距将整格内缩 。响应式:页面宽度会根据页面比例缩放时发生变化
门户类: 分割法:先确定网页宽度(1000像素) 再将网页分10等分 黄金比例:1:0.618
分割法:1. 宽:1000PX(根据平幕大小)10等分100宽度的格子,每隔100一个辅助线 高度没有限制 2.开始布局网页内容 (黄金比例:0.67)
黄金分割法:留空隙,一般喜欢留偶数值,偶数更好计算
分割法:在网页设计中表示网页左右模块的分割方法,是在网页设计中非常重要的方法