本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
上左中右式结构又称为三栏式 是大中型企业、电子商务和门户网站比较喜欢的框架模式 内容比较多底色为白色可以显得清爽干净。通常上方为导航菜单 下方左中侧为栏目及内容、小广告区 右侧为登陆、搜索区或重要内容导航区。
上左中右结构:上方为导航菜单,下方左中侧为栏目及内容、小广告区,右侧为登录、搜索区域或重要内容导航区(用途:大多数大中型企业、电子商务、门户网站)
左右式结构:左侧是导航条,有时最上方会有一个小标题或标志,另一侧是正文内容,企业网站大多采用这类结构。
网页设计中的上下构思模式适合个人网站、小型二级域名网页 左右构思模式适合小型网站 上左右构思模式适合大型 中型网站 上左中右构思模式 综合给构思模式适合大型网站 门户网站 不规则构思模式适合个人个性网站 显示视觉个性化效果
网站设计布局 网页结构(上下式结构,上方为导航或广告区域,下方为正文,个人网站及少量企业网站---汽车网站(产品,企业网站首页),首页展示形象,二级页展示内容,个人网站,注意若网页)导航条(主要)出现在下方,设计页面需要将页面的尺寸限制在整屏(大小:<=1000*680)
上下构思模式适合个人网站、小型二级域名网页 左右构思模式适合小型网站 上左右构思模式适合大型 中型网站 上左中右构思模式 综合给构思模式适合大型网站 门户网站 不规则构思模式适合个人个性网站 显示视觉个性化效果
网页的结构:上下式结构--个人网站及少量企业网站,通常上方为导航或广告区域,下方为正为部分
上下构思模式适合个人网站、小型二级域名网页 左右构思模式适合小型网站 上左右构思模式适合大型 中型网站 上左中右构思模式 综合给构思模式适合大型网站 门户网站 不规则构思模式适合个人个性网站 显示视觉个性化效果
上左中右式(三栏式,大中型企业、电子商务,门户网站)—上导航栏,下左中侧—栏目及内容、小广告区、右侧—登陆、搜索区、重要内容导航区
上左右式结构—大中型企业 调节页面主次—位置、颜色、面积
左右式—通过导航条将页面分为左右两个区域(导航条通常位于左、上侧,logo位于左上角,进行企业形象的展示)
当上下式的导航条在下方时—注意设计屏幕的尺寸(在整屏内1024x768)控制在1000x680之间
上下式在二级页面运用的比较少,主页展示形象、二级页面展示内容
页面中的导航—可以将页面划分为上下两个区域(上下式),上:导航条、广告、logo、动态公司形象,下:正文部分、大面积图片、文字、——内容小、个人网站