粤教版高中美术选修电脑绘画电脑设计网页的布局.ppt

网站的布局 第三节 网站的布局 网页页面的布局有左右型、上下型、杂合型等几种基本类型。左右型页面的结构比较符合浏览者的习惯，一般左边是目录，右边是内容，符号人们从上至下，从左至右浏览习惯，现在大部分的网站都采这种 形式。一些网站采用上下型的网页构图，上下形成一种对比和呼应，页面显得非常平衡，这是一种形式感很强的布局形式。杂合型是上下左右形成一种包围的格式，这种形式比较活泼漂亮，很多儿童网站采用了这种形式。 常见样式 “厂”字型： 页面顶部为主菜单以及横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局。 特点 优点： 页面结构清晰， 主次分明； 缺点： 呆板，如果细节色彩上不注意，容易“看之无味”。 常见样式 “口”字型： 页面一般上下各有一个广告条，左面是主菜单，右面放友情链接等，中间是主要内容。 特点 优点： 充分利用版面，信息量大，与其他页面的链接多，切换方便； 缺点： 页面拥挤，不过灵活。 常见样式 自由式： 又称POP布局页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由摆放。 特点 优点： 漂亮、吸引人，适宜于艺术类网站。 缺点： 显示速度慢，文字信息量少。 页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由摆放。 请参考常见的版面布局样式，为自己的某一张网页进行版面布局，有时间的同学可以选择多个样式设计多张网页。完成网站的规划与设计任务单中的任务二（请标注好每个版面的用途）。 示例