本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
上下式结构、左右式结构、上左右式、上左中右式、综合式、不规则结构
上下式结构常出现在个人网站的首页,尺寸控制在1000*680像素之间;左右式结构:企业网站多采用,左上角放置logo企业形象;上左右式结构:大中型企业多采用。主次划分的三种方式(位置、颜色、面积);上左中右式结构又称三栏式,大中型企业、电子商务、门户网站常用,是运用最广泛的结构模式;综合式结构:在同一页面拆出不同框架结构;不规则结构:信息量少风格较随意,凸显网站个性,重在渲染气氛。
六、不规则结构,应信息量少通常以一张形象、广告图片来表示。风格较为随意,凸显网站个性,重在渲染气氛
五、综合式结构,网站一般为多种结构模式的综合应用在同一个页面里可以才出几个不同的框架结构,来配合内容的需要。可以将结构颠倒旋转来进行组合。
四、上左中右式结构 是大型企业、电子商务、门户网站比较喜欢的框架模式,是比较常见的结构,因为内容比较多容易造成杂乱无章,在制作时因将色彩清爽化,通常上方为导航菜单下方左侧为栏目及内容、小广告区,右侧为登录、搜索区或重要内容导航区。
三、上左右式结构。 一般为大中型企业比较喜欢的框架模式,因为内容相对复杂所以在制作时要保证浏览者先看到的是最重要的。调节页面的主次可以通过三种方式位置,颜色,面积来进行划分
二、左右式结构 情系分列两旁的框架结构。一般左侧是导航条,有时最上方会有一个小标题或者标志,另一侧是正文内容。可以将正文部分细化的同时不影响整体架构,企业网站大多采用这类结构。
网页结构类型大致分为6中,一、上下式结构,上方通常为导航,标志 或者广告区域 下方为正文部分 这类结构经常出现在个人网站或者少量企业网站的首页。 在制作时如果将导航条放下边缘处因注意调整网页大小一般情况下大小因为二1000*680之间、这样才能保证浏览者在第一屏看到滚动条。
上左右式结构 大中型企业 上方:导航菜单 内容复杂繁多 要对内容划分主次
个人网站信息量少 从中间划分左右式网站 做成作业本形象
此图右侧被细致分为三个模块 上下右 主次分明 信息更加丰富
左右结构式:注意主次对比和变化 左侧较小 右侧较大 使浏览者有重点的看 阅读习惯通常从上到下 从左到右 左上角通常放置logo 进行企业形象最初展示效果
一般制作不能超过1000*680之间 进入页面直接看到页面下方的导航条 不用拖拽