{"id":20555,"date":"2014-12-29T08:40:53","date_gmt":"2014-12-29T08:40:53","guid":{"rendered":"http:\/\/vskills.in\/certification\/blog\/?p=20555"},"modified":"2024-04-03T13:24:29","modified_gmt":"2024-04-03T07:54:29","slug":"website-layout","status":"publish","type":"post","link":"https:\/\/www.vskills.in\/certification\/blog\/website-layout\/","title":{"rendered":"Website Layout"},"content":{"rendered":"

\"site-layout\"<\/a><\/p>\n

It is important to decide which all sections the website will contain, for this we need to discuss it with the clients, users, top management and developers.<\/p>\n

We need define the important top level navigation, eg. Home page,about us, contact us, etc.<\/p>\n

Next we decide on the top level site navigation, I.e. how a user can navigate between the different important pages.<\/p>\n

There are different techniques which we can use such as a menu bar, buttons vertical menu bar etc. for navigation across the site.<\/p>\n

The next step is to sketch the basic layout of your page using nothing but pencil and a white sheet.<\/p>\n

This is the simple layout of your website, you could also decide regarding whether you want a two column or three column layout.<\/p>\n

Sketches help in identifying potential design problems prior to coding, and become major obstacles.<\/p>\n

The next step is to storyboard or fill the layout roughly with the desired colors and contents to get a look and feel of the site in progress.<\/p>\n

The reason we don\u2019t directly dive into coding and rather go for storyboarding first is because:<\/p>\n

1. It saves time rather than coding which could take hours, storyboarding would take a few minutes.<\/p>\n

2. Its easier to brainstorm and visualize in storyboarding rather than in coding.<\/p>\n

3. It\u2019s a waste to code in different designs if you are only going to pick one, it wastes time and resources.<\/p>\n

The next step is to prototype the site in code.
\nYou code the basic layout of the site, this is done because, the storyboard designs might not always be convertible into a site design due to various reasons, hence it is time saving to prototype a site design first before going all out HTML-CSS coding on the website.<\/p>\n

 <\/p>\n

Click here for government certification in Web Development<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

It is important to decide which all sections the website will contain, for this we need to discuss it with the clients, users, top management and developers. We need define the important top level navigation, eg. Home page,about us, contact us, etc. Next we decide on the top level site navigation, I.e. how a user…<\/p>\n","protected":false},"author":384,"featured_media":20682,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[1558],"tags":[1580],"class_list":["post-20555","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development-2","tag-website-layout"],"acf":[],"yoast_head":"\nWebsite Layout - Vskills Blog<\/title>\n<meta name=\"description\" content=\"What is Website Layout?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vskills.in\/certification\/blog\/website-layout\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Website Layout - Vskills Blog\" \/>\n<meta property=\"og:description\" content=\"What is Website Layout?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vskills.in\/certification\/blog\/website-layout\/\" \/>\n<meta property=\"og:site_name\" content=\"Vskills Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vskills.in\" \/>\n<meta property=\"article:published_time\" content=\"2014-12-29T08:40:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-03T07:54:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/site-layout.png\" \/>\n\t<meta property=\"og:image:width\" content=\"374\" \/>\n\t<meta property=\"og:image:height\" content=\"276\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Mujthaba Hassan\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mujthaba Hassan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/website-layout\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/blog\/website-layout\/\",\"name\":\"Website Layout - Vskills Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/website-layout\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/website-layout\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/site-layout.png\",\"datePublished\":\"2014-12-29T08:40:53+00:00\",\"dateModified\":\"2024-04-03T07:54:29+00:00\",\"author\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/14cbb68187ab929c2a7c14f7bed3d66f\"},\"description\":\"What is Website Layout?\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/website-layout\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vskills.in\/certification\/blog\/website-layout\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/website-layout\/#primaryimage\",\"url\":\"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/site-layout.png\",\"contentUrl\":\"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/site-layout.png\",\"width\":374,\"height\":276},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/website-layout\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vskills.in\/certification\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Website Layout\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/#website\",\"url\":\"https:\/\/www.vskills.in\/certification\/blog\/\",\"name\":\"Vskills Blog\",\"description\":\"Vskills - A Initiative in Assessment to Enhance Employability\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.vskills.in\/certification\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/14cbb68187ab929c2a7c14f7bed3d66f\",\"name\":\"Mujthaba Hassan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bef05a751a6f9d5a7a54c2e8618ed66c27f29ea1bd9831ce639f6d7ed8ccc9ff?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bef05a751a6f9d5a7a54c2e8618ed66c27f29ea1bd9831ce639f6d7ed8ccc9ff?s=96&d=mm&r=g\",\"caption\":\"Mujthaba Hassan\"},\"description\":\"I am person with a thirst for knowledge and a strong sense of curiosity. I believe what ever the mind sets out to achieve, it does achieve it in the end if it is perseverant. Feel free to contact me and have a nice chat about technology, business, research or anything fascinating.\",\"url\":\"https:\/\/www.vskills.in\/certification\/blog\/author\/mujthaba-hassan\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Website Layout - Vskills Blog","description":"What is Website Layout?","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vskills.in\/certification\/blog\/website-layout\/","og_locale":"en_US","og_type":"article","og_title":"Website Layout - Vskills Blog","og_description":"What is Website Layout?","og_url":"https:\/\/www.vskills.in\/certification\/blog\/website-layout\/","og_site_name":"Vskills Blog","article_publisher":"https:\/\/www.facebook.com\/vskills.in","article_published_time":"2014-12-29T08:40:53+00:00","article_modified_time":"2024-04-03T07:54:29+00:00","og_image":[{"width":374,"height":276,"url":"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/site-layout.png","type":"image\/png"}],"author":"Mujthaba Hassan","twitter_misc":{"Written by":"Mujthaba Hassan","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vskills.in\/certification\/blog\/website-layout\/","url":"https:\/\/www.vskills.in\/certification\/blog\/website-layout\/","name":"Website Layout - Vskills Blog","isPartOf":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/website-layout\/#primaryimage"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/website-layout\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/site-layout.png","datePublished":"2014-12-29T08:40:53+00:00","dateModified":"2024-04-03T07:54:29+00:00","author":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/14cbb68187ab929c2a7c14f7bed3d66f"},"description":"What is Website Layout?","breadcrumb":{"@id":"https:\/\/www.vskills.in\/certification\/blog\/website-layout\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vskills.in\/certification\/blog\/website-layout\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/blog\/website-layout\/#primaryimage","url":"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/site-layout.png","contentUrl":"https:\/\/www.vskills.in\/certification\/blog\/wp-content\/uploads\/2014\/12\/site-layout.png","width":374,"height":276},{"@type":"BreadcrumbList","@id":"https:\/\/www.vskills.in\/certification\/blog\/website-layout\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vskills.in\/certification\/blog\/"},{"@type":"ListItem","position":2,"name":"Website Layout"}]},{"@type":"WebSite","@id":"https:\/\/www.vskills.in\/certification\/blog\/#website","url":"https:\/\/www.vskills.in\/certification\/blog\/","name":"Vskills Blog","description":"Vskills - A Initiative in Assessment to Enhance Employability","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vskills.in\/certification\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/14cbb68187ab929c2a7c14f7bed3d66f","name":"Mujthaba Hassan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bef05a751a6f9d5a7a54c2e8618ed66c27f29ea1bd9831ce639f6d7ed8ccc9ff?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bef05a751a6f9d5a7a54c2e8618ed66c27f29ea1bd9831ce639f6d7ed8ccc9ff?s=96&d=mm&r=g","caption":"Mujthaba Hassan"},"description":"I am person with a thirst for knowledge and a strong sense of curiosity. I believe what ever the mind sets out to achieve, it does achieve it in the end if it is perseverant. Feel free to contact me and have a nice chat about technology, business, research or anything fascinating.","url":"https:\/\/www.vskills.in\/certification\/blog\/author\/mujthaba-hassan\/"}]}},"_links":{"self":[{"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/posts\/20555","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/users\/384"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/comments?post=20555"}],"version-history":[{"count":6,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/posts\/20555\/revisions"}],"predecessor-version":[{"id":75613,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/posts\/20555\/revisions\/75613"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/media\/20682"}],"wp:attachment":[{"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/media?parent=20555"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/categories?post=20555"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/blog\/wp-json\/wp\/v2\/tags?post=20555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}