web标准化布局

Posted 火线速递

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web标准化布局相关的知识,希望对你有一定的参考价值。

web-ui是什么?即网页用户界面,包括用户研究、交互设计、界面设计,实现人机交互

 

web的基本分类

?门户网站:新浪、网页、腾讯等           ?分类信息网站:赶集网、

?交易类网站:天猫、淘宝等B2B/C2C网站     ?娱乐性网站:视频、游戏等

?博客类网站:个人对外部发布信息的平台       ?论坛社区类网站:交流平台

?行业类网站:汽车之家等            ?企业类网站:企业对外展示窗口

?机构类网站:政府和事业单位的信息网站     ?功能性网站:百度,有道翻译等搜索功能的网站

 

 

 

网页有什么组成:模块(模块是网页界面布局中最小的单位,展现不同类别的信息,具有特定的功能)

?导航:可理解为网站的整体架构。红框导航,篮筐二级菜单

?新闻:对新闻动态信息的展示,更新频率很快

?首页焦点图(banner):首焦图,网站中宣传的重要体现模块,一般要求会很炫酷...

?搜索(search):搜索模块,快速寻找目标信息

?版权:网站版权说明

 

 

网页是如何实现的:代码

?计算机读取代码的规则:自上而下,一行一行读取

 

 

 

web标准化布局的三个组成部分

?结构:html(网站够成的框架内容)

?样式:CSS(设计的特点)

?行为:javascript(网页的指令和方法)

 

web标准化布局原理

?把网页看成多个网格

?先有行再有列(从上到下一行一行布局)

?先做容器再做内容(从外到内)

以上是关于web标准化布局的主要内容,如果未能解决你的问题,请参考以下文章

HTML CSS + DIV实现整体布局

写给刚刚接触web标准的新人们

div 布局

移动web开发之流式布局

(16/06/10) DIV+CSS网页标准化布局 DIV+CSS的兼容性问题小结。

响应式Web设计 - 布局