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.|