本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
上下结构通常用于个人,左右更多用于中小型网站,上左右多用于大型,中型企业,内容多,上左中右用的较多,学校,科技,门户,大型 企业,更常见,大型门户网站多用于大型门户网站,不规则结构风格随意
上左右式适用内容和栏目比较多大的;上下式是内容比较少的;左右式一般是栏目多,内容少的;上左中右式:通常上方为导航菜单,下方左中侧为栏目及内容、小广告区,右侧为登录、搜索区或重要内容导航区
上下式结构主要用于个人网站和展示类的网站、产品宣传。
上下结构通常用于个人,左右更多用于中小型网站,上左右多用于大型,中型企业,内容多,上左中右用的较多,学校,科技,门户,大型 企业,更常见,大型门户网站多用于大型门户网站,不规则结构风格随意
上下结构通常用于个人,左右更多用于中小型网站,上左右多用于大型,中型企业,内容多,上左中右用的较多,学校,科技,门户,大型 企业,更常见,大型门户网站多用于大型门户网站,不规则结构风格随意
综合式,通常网站不只选 用一种 结构,几种结构综合应用,根据内容划分不同结构
上左中右,三栏式,内容多,信息量大,处理不好,页面会杂乱,不清爽,主体色要少,大中弄企业 ,门户网站,电子商务
上左右式,上方导航菜单,左侧栏目,小广告,右侧内容,可通过位置,颜色,面积进行主次划分一般用于大中型企业
左右式中,右侧再嵌套其他结构,内容更丰富,明朗,一般企业会采用左右式
上下式,左右式,或其他,LOGO都是放在左上角,展示企业形象
尺寸 1024-768 一个屏的尺寸 ,像素控制在 1000-680之间,这样不会出现滚动条(导航条在下方)
上下式结构——个人结构/少量企业站首页;上方为导航或者广告区,上下排版内容区不小于(1024*768)1000-680。左右式导航。上左右结构——大中型企业,上方为导航菜单,下方为栏目及小广告,右下侧为内容。上左中右(三栏式)——大中型企业,电子商务,门户网站。容易乱。通常上方为导航菜单,下方左中。综合式,不规则结构——个性,通常以一张想想,广告图来表示,随意,个性
同一个网站,或根据内容需要来划分不同的网页布局结构。二级和一级页面不同。
上下式结构,通常上方为导航,或者广告区域,下方为正文部分。个人网站和少量企业网站的首页。
网站结构:上下式、左右式、上左右式、上左中右式、综合式、不规则式。