当前位置:启航培训网 > 电脑IT > 网页制作

诸暨网页设计培训点在哪-网页设计中的布局设计

分类:网页制作培训地区:绍兴市时间:阅读:修改

2024年【网页制作】报考条件/培训学校查询 >>

网页制作报考条件是什么?考试时间是哪天?附近的培训学校有哪些?

点击查询/咨询

诸暨网页设计培训点在哪-网页设计中的布局设计

    诸暨网页设计培训点在哪-网页设计中的布局设计

    诸暨网页设计培训点在哪-网页设计中的布局设计

    上下布局是最常见的布局方式,基本上都会在最上方有一个导航,下方是内容区,有的官网还会有页脚,站酷就是上下布局。左右布局在后台类、TOB类产品中比较常见,一般左侧为侧边栏,右侧为内容区。国字形布局和T字形布局其实算作上下布局,只不过比较典型,可以单拎出来作为一种布局类型。

    接下来我们来看下前端视角的布局方法

    首先为什么要了解些前端的布局方式呢,直接甩给前端一个设计稿,让他去实现不就行了?其实这涉及到的是设计和开发之间的协作关系,一个有规律有规范的设计稿,前端实现起来更加容易,也方便他管理自己的代码,实现出来的样式也会更灵活,在出设计稿之前和前端沟通一下,采用什么布局方式,需要设计怎么配合,也费不了多少工夫。当然直接甩个设计稿,前端也能实现,但一些特殊效果真的是需要双方合作才能完成的。

    废话不多说

    前端视角主要是指实现页面的各种CSS布局方式,我这里主要归纳了5种:静态布局、流式布局、响应式布局、弹性布局和Flex布局。除了静态布局,其他都能实现在不同分辨率下页面的自适应,来给用户最佳的视觉呈现。

    静态布局()

    静态布局也叫做固定布局,网页内容区采⽤绝对宽度,网页内每个模块的尺寸大小固定,一般整体在浏览器内居中显示,并会设置最小宽度,当分辨率小于最小宽度就会出现滚动条,如果大于最小宽度则内容居中外加背景。

    找了一个很古老的网站,大家看看就好。。。

    应用场景:目前大部分的高校官网、医院官网、政府网站等都是静态布局,而且设计风格上也很老旧,你们懂得,当然并不是说静态布局的风格就是老旧,这个布局和设计风格没有多大关系哈,有很多新闻门户类、企业官网等网站采用静态布局,同样也很出彩。

    优点:这种布局方式对设计师和前端来说都是最简单的,不用去考虑兼容性等问题。设计和开发成本低,后期维护成本低。

    缺点:在小屏上有可能出现横向滚动条,在大屏上会出现大量的空白,不能根据用户的屏幕尺寸做出不同的表现,用户体验比较差。

    诸暨网页设计培训点在哪-网页设计中的布局设计

    诸暨网页设计培训点在哪-网页设计中的布局设计

    地址:暨阳街道苎萝东路179号广和大厦5楼上元教育

    公交车到达:国际商贸城专线、诸暨9路内环、诸暨9路外环、诸暨16路、诸暨21路、诸暨22路、诸暨57路、

    诸暨107路、诸暨113路、诸暨135路(经外陈)、诸暨2路、诸暨8路、诸暨15路、诸暨19路、诸暨27路、

    诸暨30路、诸暨122路、诸暨139路,到达郑家(公交站)、大润发超市(公交站)、朗臻新天地(公交站)等站点。

    附近停车场:

    1、广和商业大厦停车场(地面与地下一层预计200停车位)

    2、大润发停车场(地面与地下一层预计400停车位)

    3、中国太平洋保险诸暨支公司停车场(预计30停车位)

    4、祥生新世纪广场商务楼停车场(预计50停车位)

2024年【网页制作】报考条件/培训学校查询 >>

网页制作报考条件是什么?考试时间是哪天?附近的培训学校有哪些?

点击查询/咨询

注意:信息由用户发布,其真实性、合法性由发布人负责,请仔细甄别,注意防骗!如违法/虚假/侵权请:举报

本文链接:https://www.qihangw.com/item/1154168.html 关键词: