400-6528-168
News
网站建设、网站制作、网站设计等相关资讯

网站建设设计过程的布局内容

日期:2019-05-05 09:23:12 访问: 作者:网建科技
    网站建设的布局,结合了多个布局的特征,可为页面的某些元素分配固定大小,布局制定了信息架构,在纸上绘制出布局,根据流程制定的信息架构,勾勒出网页上所需的区域,放置徽标,导航,主要内容,侧栏,网页布局都有以下部分。

网站建设设计过程的布局内容

    1、容器
    每个网页都有一个容器,具有居中对齐的div标签来设置容器,这样无论用户具有什么分辨率,网站的内容总是位于屏幕的中间。容器保存页面上的所有元素,阻止超出浏览器窗口的范围并进入空白区域,可以将此容器的宽度设置为流体,会扩展以填充浏览器窗口的宽度,无论窗口大小是多少,内容都是相同的宽度。
 
    2、LOGO
    网站包括公司LOGO,如果没有现有LOGO,那么可能还需要为此创建设计,标志设计本身就是一项重大任务,网站上的LOGO也是返回网站主页的链接。
 
    3、导航栏
    站点的导航系统应该易于使用易于查找,用户希望在页面顶部看到导航。将导航内容保留为页面上的焦点。
 
    4、侧栏
    侧栏提供额外的区域,如果网站设计非常简单,可能不需要在布局中放置侧边栏。随着网站变得越来越复杂,侧边栏可用于提供链接,使访客更深入网站。在博客上,侧栏可访客浏览网站,如果在网站上放置广告,则侧边栏包含广告块。
 
    5、页脚
    页脚位于页面底部,包含版权,联系人信息,指向站点主要部分的一些链接,随着时间的推移,页脚变得越来越精细,设计师已经变得非常富有想象力的背景图形,页脚应向用户指示位于页面底部。
 
    如今在网站上出现的主要块,创建分块的布局,通过使用铅笔勾勒出布局,可以避免在设计时出现的问题,此对于特定项目,上面列出的布局中需要适合响应式方法,每种布局类型都有其优点和缺点,取决于想要实现的需求和个人项目的特点。这些布局中应可以结合使用的技术,例如体查询将,精确的宽度为手机屏幕尺寸提供显示。可以添加背景颜色,解使用网格项,媒体查询应用为屏幕大小定义的样式,可用网格定义两列并将块移动到所需位置。
 
   以不同的屏幕尺寸和分辨率设计为标准,是一种相对较新的方法,往往采用更全面的设计方法,客户的整体需求,而不是个别网站。