1. 2015
    Jun
    27

    Types of Web Page Layouts

    Posted By


    types of web page layouts

    Web page layouts is part of graphic design that deals with the arrangement of visual elements on the a page. This is important because it defines how your page will look and how it will behave when the web page is viewed on various browsers and different device platforms, understanding this will help you better manage each variation.

    Web page layouts can be categorized into;

    Types of Layouts Description
    Static A static page layout uses a preset page size and does not change based on the browser width. Static page layouts can also be called “fixed” layouts.
    Liquid A liquid page layout usually fills to the width of the page which will be the same as the width of the web browser. This is because liquid pages use relative units instead of fixed units. Liquid page layouts can also be called “fluid” layouts.
    Adaptive Adaptive page layout detects the width of the web browser and alters itself to fix accordingly, usually through CSS media queries.
    Responsive Responsive page layout is a combination of “liquid” page layout and “adaptive” page layout. As the browser width changes within the responsive page layouts boundaries, usually set using CSS media queries or javaScript, it will accommodate like “liquid” page layout, but when the browser width is outside the responsive page layouts boundaries it will adapt like “adaptive” page layout.

  2. About Emeka Echeruo

    Emeka Echeruo

    I love sports, football which I refuse to call soccer, and the outdoor especially walks in park. Software development is my passion, there is a beauty in creating something out of nothing but algebra that ends up becomes a part of a persons daily life. I love kids, dogs, nightlife and art because it finds you and moves you emotionally!

  3. Leave a Reply

    Your email address will not be published. Required fields are marked *

    This site uses Akismet to reduce spam. Learn how your comment data is processed.