本节简介:学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
网页结构相当于人类的骨架,是网页设计的基础,灵活运用结构来布局。
上下:个人,中小型。左右:中小型企业,极个别的个人网站。上左右:大型中型企业,网页内容较多。上左中右:运用最普遍,最广泛,大型的电子商务网站,政府/教育/门户/科技。综合:大型的门户网站如163,搜狐,新浪。不规则结构:凸显网页个性,重在渲染气氛。
上左中右结构:门户网站。页面内容较多。主体色较为简洁,多为白色背景色为主体,追求页面简洁清爽。
上左右结构:大中型企业。上方导航,下方左侧广告/导航,右方为内容。上左右结构内容较多,要保证首先看到的内容是最重要的,注意 主次。
学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上中右结构式、不规则结构式、
上下式 个人 左右式 中小企业 上左右 中大企业 上左中右 政府 大企业 综合式大型门户网站 不规则
上下结构通常用于个人,左右更多用于中小型网站,上左右多用于大型,中型企业,内容多,上左中右用的较多,学校,科技,门户,大型 企业,更常见,大型门户网站多用于大型门户网站,不规则结构风格随意
学习常用的网页布局模式:上下结构式、左右结构式、上左右结构式、上左中右结构式;会对网页结构进行变形;学习网页设计的风格类型。首页:形象; 二级页面:主要内容。
网页设计布局:1.上下式2【个人网站为主,功能及信息量相对简单,如导航条在底部,像素尺寸设置1000*680】,左右式【使用中小型公司企业】,3,上左右机构【大中型企业的框架模式】4,上左中右,5综合性结构6,不规则结构。
上下结构通常用于个人,左右更多用于中小型网站,上左右多用于大型,中型企业,内容多,上左中右用的较多,学校,科技,门户,大型 企业,更常见,大型门户网站多用于大型门户网站,不规则结构风格随意
左上角放企业的logo,左边是导航,右边是整体画面,画面可以再进行划分。
导航条必须在同一个页面,如果要滚动才可以看到整个导航页面,违背了网页设计的原则
基础-上下式结构 这类结构常出现在个人网站及少量企业网站的首页