• 回答数

    4

  • 浏览数

    159

重庆周林频谱仪
首页 > 论文问答 > 什么用于排版布局网页

4个回答 默认排序
  • 默认排序
  • 按时间排序

Melinda麒儿

已采纳
网页基本布局方式:(1)流式布局 Fluid流布局使用的是百分比,这位网页提供了很强的可塑性和流动性。通过设置百分比,我们不需要考虑设备尺寸或者屏幕宽度大小了,可以为每种情形找到一种可行的方案,因为你的设计尺寸将适应所有的设备尺寸。流布局与媒体查询和优化样式技术密切相关。(2)固定布局 Fixed在固定布局中,网页的宽度是必须指定为一个像素值,一般为960px。因为960可以整除3,4,5,6,8,10,12和15。这种布局具有很强的稳定性与可控性。但固定宽度必须考虑网站是否可以适用于不同的屏幕宽度。(3)弹性布局 Elastic弹性布局跟流布局很像,主要不同是大小单位。弹性布局的大小单位不是像素或者百分比,而是em或者rem,避免了根据px局部在高分辨率下几乎无法辨识的缺点,又相对于%百分比更加灵活,同时可以支持浏览器的字体大小调整和缩放等的正常显示,需要一段时间适应而且不易从其他布局转换过来。(4)伸缩 Flex box使用css3 Flex系列属性进行相对布局。对于富媒体和复杂排版的支持非常大,但是存在兼容性问题。(5)响应式使用@media媒体查询给不同尺寸和介质的设备切换不同的样式。优秀的响应范围设计可以给适配范围内的设备做好的体验。步骤:先完成非响应式布局,再完成响应式布局。
266 评论

张小电1301

314 评论

杏仁茶甜甜

1.T型布局T型布局是指页面顶部为横条网站标志和广告条,下方左半部分为主菜单,右半部分为显示内容的布局。因为菜单背景饺探,整体效果类似英文字母T,所以称之为T型布局,这是网页设计中使用最广泛的一种布局方式。其优点是页面结构清晰,主次分明,是初学者最容易学习的布局方法;缺点是规矩呆板,如果把握不好,在细节和色彩搭配上不注意,容易让人看了之后感到乏味。2.“口”型布局“口”型布局是页面上下各有一个广告条,左边是主菜单,右边是友情链接等内容,中间是主要内容。其优点是充分利用了版面,信息量大;缺点是页面拥挤,不够灵活。3.“国”型布局“国”型布局又称为“同”型布局,是一些大型网站喜欢使用的布局类型。页面顶部是一横条,横条左部设置网站标志,右部是横条广告,横条下部是水平放置的主导航栏。导航栏下方分为左中右三栏,左边一般放置内容导航、二级栏目、注册登录、搜索引擎等,右边一般放置动态新闻、热点内容、友情链接等,中间显示网页的主体内容,在页面的最下方是一横条状菜单或广告,也可以是网站的一些基本信息、联系方式、版权声明等。这种布局通常用于主页设计,主要优点是页面容纳的内容多,信息量大。4.标题正文型布局标题正文型布局最上方是标题或广告等内容,下方是正文,通常文章页面或注册页面采用此种布局,其特点是简洁明快,干扰信息少,较为正规。5.“三”型布局“三”型布局具有简洁明快的艺术效果,适合于艺术类、收藏类、展示类网站。这种布局往往采用简单的图像和线条代替拥挤的文字,给浏览者以强烈的视觉冲击,使其感觉进入了一幅完整的画面,而不是一个分门别类的超市。它的一级页面和二级页面的链接都按行水平排列在页面的中部,网站标志非常醒目。6.“川”型布局“川”型布局比较特殊,整个页面在垂直方向分为3列,网站的内容按栏目分布在这3列中,可以最大限度地突出主页的索引功能。如果网站栏Bf良多,可以考虑采用这种布局。它和“国”形布局的主要区别是:把主内容区换成了各个二级页面的链接,其中的不足是二级栏目比例不易配置平衡,色彩不易协调。7.POP布局POP布局像一张宣传海报,以一张精美图片作为页面的设计中心,在适当位置放置主菜单,常用于时尚类站点。这种布局方式不讲究上下和左右的对称,但要求平衡有韵律,能达到动感的效果,其优点是漂亮吸引入,缺点是速度慢。8.变化型采用上述几种布局的结合与变化,布局采用上、下、左、右结合的综合型框架,再结合F1ash动画,使页面形式更加多样,视觉冲击力更强。网页布局的基本形式主要有上述几种类型,至于哪种布局类型最好,需要具体问题具体分析,要从网站内容、页面结构和表现形式等多方面进行综合考虑,同时也需要制作者具有较高的设计水平。

90 评论

11月de蔷薇

分别有;同字型 国字型 川字型 匡字型 三字型

180 评论

相关问答

  • html网页排版布局

    有div+css 还有css 还有空格 一些 标签 实在不会 加我Q 吧 用dw软件吧 很容易

    毛头猴子 5人参与回答 2023-12-12
  • 网页设计排版布局分析

    1、对比度网页上不可以远远望去都是文字图片,这会令人觉得目不暇接,找不了关键,我们要适度取材空缺。文本与文本中间的前后左右间隔,文本与照片中间的间隔,科学安排。

    米帅峰峰 4人参与回答 2023-12-10
  • 网页排版布局代码

    网页的基本编写代码DIV+css

    廊坊电器城 5人参与回答 2023-12-07
  • 页面排版布局ppt

    一、图多不能乱当一页幻灯片上有多张图片时,最忌随意、凌乱。通过裁剪、对齐,让这些图片以同样的尺寸大小整齐的排列,页面干净、清爽,观众看起来更轻松。二、一图当N张

    天天开心好好好 2人参与回答 2023-12-05
  • 网页设计排版布局原理

    网页设计,网页设计原则理念(1)内容和功能决定表现形式和界面设计做一个良好的网页设计,需要了解客户的东西很多,比如:1、建站目的(是主推产品还是平品牌,是主要注

    cdzsmz5288 3人参与回答 2023-12-12