首页

文章

网页布局结构有哪些?

发布网友 发布时间:2022-03-26 06:25

我来回答

3个回答

热心网友 时间:2022-03-26 07:55

一、简介:布局就是以最合适浏览的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。

二、网页布局有以下几种常见结构:

【1】“国字”型布局:

“国”字型布局由“同”字型布局进化而来,因布局结构与汉字“国”相似而得名。其页面的最上部分一般放置网站的标志和导航栏或Banner广告,页面中间主要放置网站的主要内容,最下部分一般放置网站的版权信息和联系方式等。 

【2】T型布局

T型布局结构因与英文大写字母T相似而得名。其页面的顶部一般放置横网站的标志或Banner广告,下方左侧是导航栏菜单,下方右侧则用于放置网页正文等主要内容。

【3】标题正文型

标题正文型布局的布局结构一般用于显示文章页面、新闻页面和一些注册页面等。

【4】左右框架型布局

左右框架型布局结构是一些大型论坛和企业经常使用的一种布局结构。其布局结构主要分为左右两侧的页面。左侧一般主要为导航栏链接,右侧则放置网站的主要内容 .

【5】上下框架型

上下框架型布局与前面的左右框架型布局类似。其区别仅在于是一种上下分为两页的框架。

【6】综合框架型

综合框架型布局是结合左右框架型布局和上下框架型布局的页面布局技术。

【7】POP布局

POP布局是一种颇具艺术感和时尚感的网页布局方式。页面设计通常以一张精美的海报画面为布局的主体。 

【7】FLASH布局

FLASH布局是指网页页面以一个或多个Flash作为页面主体的布局方式。在这种布局中,大部分甚至整个页面都是Flash。

热心网友 时间:2022-03-26 09:29

网页布局结构: 

1、骨骼型结构。

即类似于人体的骨骼结构。分为上中下,内容部分分为两、三栏的设计。

2、对称型结构。

对称型结构就是网站有一个对称轴,称左右或者上下对称。这种网页在阅读上很明明确给出用户重要和次要区域的划分,根据于都习惯往往在比较大的位置上安排主要内容。

3、满版型的结构。

其实这种网页结构随着现在显示器尺寸的增大和分辨率的提高逐渐再做一个过度,即以前的整个图片满版到后面的背景满版,到现在的局部满版。这种版式给人的感受是内容紧凑,气氛表达充分,适合温馨和暖性思维的表达。

4、焦点型。

这类网页多见于围绕一个中心点,真个页面围绕中心,多见于销售类网站或者品牌产品网站。其特点是中心明确,表达信息集中,传达信息清楚。

5、分割型。

把整个页面分成上下或左右两部分,分别安排图片和文案。两个部分形成对比:有图片的部分感性而具活力,文案部分则理性而平静。可以调整图片和文案所占的面积,来调节对比的强弱。例如:如果图片所占比例过大,文案使用的字体过于纤细,字距、行距、段落的安排又很疏落,则造成视觉心理的不平衡,显得生硬。倘若通过文字或图片将分割线虚化处理,就会产生自然和谐的效果。

6、中轴型。

沿浏览器窗口的中轴将图片或文字作水平或垂直方向的排列。水平排列的页面给人稳定、平静、含蓄的感觉。垂直排列的页面给人以舒畅的感觉。 

网页结构即网页内容的布局。创建网页结构实际上就是对网页内容的布局进行规划,网页结构的创建是页面优化的重要环节之一,会直接影响页面的用户体验及相关性,而且还在一定程度上影响网站的整体结构及页面被收录的数量。

热心网友 时间:2022-03-26 11:21

网站建设中网页布局大致可分为:“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等,以下分别论述:

1、国字类型:也被称为同字型,顶部是网站的标题、横幅广告条,然后是网站的主体内容个,而左右分别是一些比较小的内容条,中间就是主要内容,最底部是网站的一些基本信息、联系方式、版权声明等。这也是现在网上见到的差不多最多的一种结构类型;

2、拐角型:这种类型其实与国字型很相近的,只是在形式上不一样,最上面的部分是网站的标题以及网站的横幅广告条,一种很常见的类型是最上面是标题及广告,左侧是导航链接;

3、标题正文类型:上面是网站的标题,或者是类似的东西,接着就是网站的正文内容,例如是一些文章或者是注册登录页面;

4、左右框架类型:这是一种左右为分别两页的框架结构,一般布局是:左边是导航链接,最上面有时是一个小的标题或标致,而右面就是主要内容,最常使用是论坛网站,企业网站中的内页有很多是采用这种布局方式的;这种类型的布局的特点是结构清晰明了;

5、上下框架类型:与左右框架类型类似,只是这种类型是上下两页的框架;

6、综合框架类型:其实就是左右框架类型和上下框架类型的结合体;

7、封面型:这种类型基本上是出现在一些网站的首页,多是精美平面结合小动画,再加几个简单链接或仅是一个“进入”链接或无任何提示;

8、Flash型:其实这与封面型结构是类似的,采用了目前非常游戏行的Flash,与封面型不同的是,由于Flash强大的功能,页面所表达的信息更丰富,其视觉效果及听觉效果如果处理得当,绝不差于传统的多媒体;

9、变化型:即上面几种类型的结合与变化,但所实现的功能的实质是那种上、左、右结构的综合框架型;

逆水寒手游庄园怎么邀请好友同住 逆水寒手游 逆水寒不同区可以一起组队吗? 逆水寒手游 逆水寒怎么进入好友世界? 逆水寒手游 逆水寒怎么去别人的庄园? 使用puppeteer实现将htmll转成pdf 内卷时代下的前端技术-使用JavaScript在浏览器中生成PDF文档 【译】将HTML转为PDF的几种实现方案 变形金刚08动画怎么样 变形金刚08动画的问题 变形金刚08动画日语版剧情介绍 高分!换显卡nvidia控制面板被我卸了,重新安装显卡驱动后没了nvidia控... 我的nvidia控制面板被卸载了 怎么找回啊 卸载后 这个画面看着很奇怪_百 ... 李卓彬工作简历 林少明工作简历 广东工业职业技术学院怎么样 郑德涛任职简历 唐新桂个人简历 土地入股的定义 ups快递客服电话24小时 贷款记录在征信保留几年? 安徽徽商城有限公司公司简介 安徽省徽商集团新能源股份有限公司基本情况 安徽省徽商集团有限公司经营理念 2019哈尔滨煤气费怎么有税? 快手删除的作品如何恢复 体育理念体育理念 有关体育的格言和理念 什么是体育理念 万里挑一算彩礼还是见面礼 绿萝扦插多少天后发芽 绿萝扦插多久发芽 扦插绿萝多久发芽 炖牛排骨的做法和配料 网络诈骗定罪标准揭秘 “流水不争先”是什么意思? mc中钻石装备怎么做 为什么我的MC里的钻石块是这样的?我想要那种。是不是版本的问题?如果是... 带“偷儿”的诗句 “君不见巴丘古城如培塿”的出处是哪里 带“奈何”的诗句大全(229句) 里翁行()拼音版、注音及读音 带“不虑”的诗句 “鲁肃当年万人守”的出处是哪里 无尘防尘棚 进出口报关流程,越详细越好。谢谢大家指教。 双线桥不是看化合价升多少就标多少的吗?为什么CL2+2KI=2KCL+I2中I失... 出师表高锰酸钾有画面了吗 2021年幼儿园新学期致家长一封信 电脑屏幕一条黑线怎么办? 销售代理商销售代理商的特点 网页制作的结构布局有哪些? 网页布局结构有哪些 网页布局设计九大类型的特点,每个类型哪些网站比较适合、好什么好处?我是要写论文用的,急求!!! 网页常见的布局样式 网页设计的经典布局类型有哪些 网页版面布局有几种? 列举三种常见的网页布局类型 几种常见网页布局设计 列举三种常见的网页布局类型? 网页设计的布局有哪几种 网页布局设计有哪些类型? 网页设计布局包括哪些类型? 常见的网页布局类型有哪些 网页的布局类型有哪些? 企业为什么要做微信二次开发,开发价格是多少 山西太原企业为什么要做微信公众号开发 企业开发微信平台有什么用? 为什么有些公司会选择做微信小程序呢,有哪些优势呢? 企业做微信小程序有必要吗?有哪些优势? 为什么企业都争先恐后的开发属于自己的微信小程序? 网页页面布局有哪三种常见方法? 在网页制作中经常使用什么来讲行网页布局 流行的网站布局方式有哪些 微信提醒如何改为静音 微信来信息声音怎么关闭 微信来消息怎么静音 如何关闭微信来消息的声音 微信消息怎么静音 微信发来没声音怎么设置 荣耀v30和红米k30那个好? 华为v30与红米k30哪个好? 荣耀V30和红米k30买那个好啊? 红米k30和荣耀V30那个好? 荣耀v30和红米k30Pro那个好? 红米K30至尊纪念版和荣耀V30Pro到底哪个好? 荣耀V30和红米k30Pro哪个值得买? 荣耀v30和红米k30至尊纪念版哪个好 红米K30Pro和荣耀V30哪个好些? 荣耀V30Pro和红米K30至尊纪念版哪个好? 红米k30和荣耀v30pro哪个好
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com