{"id":10342,"date":"2019-10-05T12:30:23","date_gmt":"2019-10-05T09:30:23","guid":{"rendered":"https:\/\/${domain}\/blog\/?p=10342"},"modified":"2025-04-30T15:49:16","modified_gmt":"2025-04-30T12:49:16","slug":"anatomy-of-a-website-101-must-have-web-design-parts","status":"publish","type":"post","link":"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/","title":{"rendered":"Anatomy of a Website 101: Must-Have Web Design Terms"},"content":{"rendered":"<p><strong>Anatomy of a website <\/strong><span style=\"font-weight: 400;\">may soon become a self-sufficient discipline. You don\u2019t need to be a designer or developer to start a web platform, neither need you to hire one. Maybe you\u2019ll just need to Google a couple of basic terms to make sure you are doing everything right. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">We\u2019ve decided to provide a brief insight into the <\/span><span style=\"font-weight: 400;\">anatomy of a web site <\/span><span style=\"font-weight: 400;\">for those who just start using Weblium or have found interest web design lately.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Newbies often don\u2019t clearly understand the difference between web design and web development. Web design and\u00a0web development are often used interchangeably. <\/span><\/p>\n<p><strong>Put shortly, the primer is drawing a nice website (web design) and the latter is an implementation of those ideas (website development). <\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Today, we\u2019ll pay attention to <\/span><span style=\"font-weight: 400;\">website design<\/span><span style=\"font-weight: 400;\"> terms \u2013\u00a0header, footer, favicon, and more. Web development terms \u2013 like\u00a0ajax, cache, backend, etc. \u2013\u00a0we\u2019ll save for later.<\/span><\/p>\n<p style=\"text-align: center;\"><strong><a class=\"button\" href=\"https:\/\/weblium.com\/templates\/\">Artificial Intelligence Website Templates <\/a><\/strong><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69f33a3b10da1\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69f33a3b10da1\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/#Basic_Website_Terminology\" >Basic Website Terminology<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/#1_The_website_prototype\" >#1. The website prototype.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/#2_Website_Header\" >#2. Website Header<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/#3_Website_Footer\" >#3. Website Footer<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/#4_Favicon\" >#4. Favicon<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/#3_Content\" >#3. Content<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/#4_Website_Navigation\" >#4. Website Navigation<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/#5_Dropdown_Menu\" >#5. Dropdown Menu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/#6_Homepage\" >#6. Homepage<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/#7_Landing_Page\" >#7. Landing Page<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/#8_Negative_Space\" >#8. Negative Space<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/#9_Responsive_Design\" >#9. Responsive Design<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/#Bottom_line\" >Bottom line<\/a><\/li><\/ul><\/nav><\/div>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"Basic_Website_Terminology\"><\/span><strong>Basic Website Terminology<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"1_The_website_prototype\"><\/span><b>#1. The website prototype.<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">It is a model of a future site that defines <\/span><span style=\"font-weight: 400;\">site structure<\/span><span style=\"font-weight: 400;\">, location of navigation blocks, application forms, and other functional and information elements. A <\/span><a href=\"https:\/\/${domain}\/blog\/how-to-create-a-prototype-for-a-website\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">prototype<\/span><\/a><span style=\"font-weight: 400;\"> is the foundation of a web project, based on which developers build a complete and effective system of user interaction with the site.<\/span><\/p>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"2_Website_Header\"><\/span><b>#2. Website Header<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><b><\/b><span style=\"font-weight: 400;\">It is an upper part of a website. This area at the top is identical for all website pages. It can be divided by a line or have a color contrasting to the main block. A header may feature a website name, a logo, and elements of <\/span><span style=\"font-weight: 400;\">secondary navigation<\/span><span style=\"font-weight: 400;\">. A <\/span><span style=\"font-weight: 400;\">well-designed header<\/span><span style=\"font-weight: 400;\"> engages a user to surf a website for a longer time. <\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-10346 aligncenter\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/imgonline-com-ua-Compressed-U0NIXVKGRR8-1000x162.jpg\" alt=\"header screen - weblium blog\" width=\"885\" height=\"143\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/imgonline-com-ua-Compressed-U0NIXVKGRR8-1000x162.jpg 1000w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/imgonline-com-ua-Compressed-U0NIXVKGRR8-200x32.jpg 200w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/imgonline-com-ua-Compressed-U0NIXVKGRR8-400x65.jpg 400w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/imgonline-com-ua-Compressed-U0NIXVKGRR8-768x124.jpg 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/imgonline-com-ua-Compressed-U0NIXVKGRR8-418x68.jpg 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/imgonline-com-ua-Compressed-U0NIXVKGRR8-1920x312.jpg 1920w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/imgonline-com-ua-Compressed-U0NIXVKGRR8.jpg 1929w\" sizes=\"auto, (max-width: 885px) 100vw, 885px\" \/><\/p>\n<p><em><span style=\"font-weight: 400;\">Read our article about <a href=\"https:\/\/${domain}\/blog\/website-header-design-best-practices-how-to-make-it\/\" target=\"_blank\" rel=\"noopener noreferrer\">website header design and how to make it good<\/a>.\u00a0<\/span><\/em><\/p>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"3_Website_Footer\"><\/span><b>#3. Website Footer<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">It is a part of a site that appears at the bottom on all pages. A footer may show your contact information, terms of use links to sections of the site, social buttons \u2013 any information that can be useful for a target audience and should be featured on a website in a compact form. A <\/span><a href=\"https:\/\/${domain}\/blog\/15-website-footer-examples-best-footer-designs-for-your-inspiration\/\"><span style=\"font-weight: 400;\">footer<\/span><\/a><span style=\"font-weight: 400;\"> can be a helpful tool for <a href=\"https:\/\/weblium.com\/lead-generation-website-builder\">lead generation<\/a>.<\/span><\/p>\n<p><a href=\"https:\/\/weblium.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-10345 aligncenter\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/imgonline-com-ua-Compressed-B4g34wOKvzoqL4-1000x481.jpg\" alt=\"footer screen - weblium blog\" width=\"885\" height=\"426\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/imgonline-com-ua-Compressed-B4g34wOKvzoqL4-1000x481.jpg 1000w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/imgonline-com-ua-Compressed-B4g34wOKvzoqL4-200x96.jpg 200w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/imgonline-com-ua-Compressed-B4g34wOKvzoqL4-400x192.jpg 400w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/imgonline-com-ua-Compressed-B4g34wOKvzoqL4-768x369.jpg 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/imgonline-com-ua-Compressed-B4g34wOKvzoqL4-418x201.jpg 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/imgonline-com-ua-Compressed-B4g34wOKvzoqL4.jpg 1875w\" sizes=\"auto, (max-width: 885px) 100vw, 885px\" \/><\/a><\/p>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"4_Favicon\"><\/span><b>#4. Favicon<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><b><\/b><span style=\"font-weight: 400;\">It is a small icon displayed before a page name in a website tab and searches history. It can be a logo, first letter on the name, or any other symbol symbolizing a website. In some browsers, favicon appears in an address row before a page URL. The standard favicon size is 32&#215;32 or 16&#215;16 pixels. A <\/span><a href=\"https:\/\/${domain}\/blog\/how-to-add-change-or-remove-favicon\/\"><span style=\"font-weight: 400;\">favicon<\/span><\/a><span style=\"font-weight: 400;\"> is important for branding and makes a website more memorable.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-10344 aligncenter\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/favicon-2-screen-weblium-blog-1000x79.png\" alt=\"favicon image screen - weblium blog\" width=\"885\" height=\"70\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/favicon-2-screen-weblium-blog-1000x79.png 1000w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/favicon-2-screen-weblium-blog-200x16.png 200w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/favicon-2-screen-weblium-blog-400x32.png 400w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/favicon-2-screen-weblium-blog-768x61.png 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/favicon-2-screen-weblium-blog-418x33.png 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/favicon-2-screen-weblium-blog.png 1434w\" sizes=\"auto, (max-width: 885px) 100vw, 885px\" \/><\/p>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"3_Content\"><\/span><b>#3. Content<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">It is the full scope of information and multimedia featured on a web resource, including texts, images, audio tracks, videos, etc. It can be available for viewing or downloading. <\/span><a href=\"https:\/\/weblium.com\/blog\/how-to-write-website-copy-in-2023\/\"><span style=\"font-weight: 400;\">Content<\/span><\/a><span style=\"font-weight: 400;\"> is significant for website promotion so it should be unique (not copied from somewhere) and regularly updated.\u00a0<\/span><\/p>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"4_Website_Navigation\"><\/span><b>#4. Website Navigation<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">It is a system of links that allow users to surf a website, easily finding necessary pages and materials even if people use a web resource for the first time. The <\/span><a href=\"https:\/\/${domain}\/blog\/12-best-practices-for-website-navigation\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">navigation<\/span><\/a><span style=\"font-weight: 400;\"> should be clear, logical, and intuitive.<\/span><\/p>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"5_Dropdown_Menu\"><\/span><b>#5. Dropdown Menu<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">It is a horizontal menu located at the top of the site that is used for aligning website navigation structure. It is a popular option thanks to the compact hierarchical structure. An optimal number of levels in a <\/span><a href=\"https:\/\/${domain}\/blog\/10-drop-down-and-mega-menu-examples\/\"><span style=\"font-weight: 400;\">dropdown menu<\/span><\/a><span style=\"font-weight: 400;\"> is one or two \u2013\u00a0just enough to display the most <\/span><span style=\"font-weight: 400;\">important pages<\/span><span style=\"font-weight: 400;\">. The fewer levels you add to a menu, the easier it is to find necessary information.\u00a0<\/span><\/p>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"6_Homepage\"><\/span><b>#6. Homepage<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">It is the main page of a website. It is a place from which you can easily get to other web pages and site files. A <\/span><span style=\"font-weight: 400;\">home page<\/span><span style=\"font-weight: 400;\"> opens by default when a visitor enters a site from a list of search results.<\/span><\/p>\n<p><em>Great homepage examples you can find <a href=\"https:\/\/weblium.com\/blog\/website-homepage-design-examples-of-the-best-homepages\/\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a>.<\/em><\/p>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"7_Landing_Page\"><\/span><b>#7. Landing Page<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Landing page &#8211; is a web page designed in a specific way to promote a certain product, informing users about something, collecting <\/span><span style=\"font-weight: 400;\">contact information<\/span><span style=\"font-weight: 400;\">, etc. Sometimes business owners use a <\/span><a href=\"https:\/\/${domain}\/blog\/one-page-website-what-it-is-and-how-it-works\/\"><span style=\"font-weight: 400;\">one-page site<\/span><\/a><span style=\"font-weight: 400;\"> for those purposes.<\/span><\/p>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"8_Negative_Space\"><\/span><b>#8. Negative Space<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">It is <\/span><span style=\"font-weight: 400;\">part of a web page<\/span><span style=\"font-weight: 400;\"> that doesn\u2019t feature any content. It is a free space created between elements on the page or around them. <\/span><span style=\"font-weight: 400;\">Negative space<\/span><span style=\"font-weight: 400;\"> becomes a self-sufficient element of the composition, balancing a positive space and supporting it. They add up both to website aesthetics and usability.<\/span><\/p>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"9_Responsive_Design\"><\/span><b>#9. Responsive Design<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">It is a type of website design that allows displaying <\/span><span style=\"font-weight: 400;\">page content<\/span><span style=\"font-weight: 400;\"> equally correctly on devices with all screen sizes. It is a default adaptation of a website for further convenient using any laptop, smartphone or tablet. <\/span><span style=\"font-weight: 400;\">Responsive design<\/span><span style=\"font-weight: 400;\"> gets more important every year due to the increasing percentage of mobile traffic globally.<\/span><\/p>\n<p>You can test how responsive design looks using our website: <a href=\"https:\/\/weblium.com\/\">https:\/\/weblium.com\/<\/a><\/p>\n<p><a href=\"https:\/\/weblium.com\/\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-10347 aligncenter\" src=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/imgonline-com-ua-Compressed-lOkPfSDPXG3v2-1000x511.jpg\" alt=\"responsive web design example\" width=\"885\" height=\"452\" srcset=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/imgonline-com-ua-Compressed-lOkPfSDPXG3v2-1000x511.jpg 1000w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/imgonline-com-ua-Compressed-lOkPfSDPXG3v2-200x102.jpg 200w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/imgonline-com-ua-Compressed-lOkPfSDPXG3v2-400x204.jpg 400w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/imgonline-com-ua-Compressed-lOkPfSDPXG3v2-768x393.jpg 768w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/imgonline-com-ua-Compressed-lOkPfSDPXG3v2-418x214.jpg 418w, https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/imgonline-com-ua-Compressed-lOkPfSDPXG3v2.jpg 1778w\" sizes=\"auto, (max-width: 885px) 100vw, 885px\" \/><\/a><\/p>\n<h2 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"Bottom_line\"><\/span><strong>Bottom line<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">These are key web design<\/span><span style=\"font-weight: 400;\">\u00a0terms<\/span><span style=\"font-weight: 400;\">. To become fully proficient in the <\/span><span style=\"font-weight: 400;\">anatomy of a website<\/span><span style=\"font-weight: 400;\">\u00a0you will need some practice. You can find more detailed information in our blog articles or create a profile and experiment with website builder features.<\/span><\/p>\n<p style=\"text-align: center;\"><strong><a class=\"button\" href=\"https:\/\/weblium.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Start Your First Website with Weblium \ud83d\ude42<\/a><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Anatomy of a website may soon become a self-sufficient discipline. You don\u2019t need to be a designer or developer to start a web platform, neither need you to hire one. Maybe you\u2019ll just need to Google a couple of basic terms to make sure you are doing everything right. We\u2019ve decided to provide a brief &hellip;<\/p>\n","protected":false},"author":35,"featured_media":10369,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[95],"tags":[],"class_list":["post-10342","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-for-startups","has-thumb"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Anatomy of a Website 101: Must-Have Web Design Terms | Weblium \ud83d\ude80<\/title>\n<meta name=\"description\" content=\"Anatomy of a website may soon become a self-sufficient discipline. Website builders allow launching sites without any professional help \ud83d\udd25\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Anatomy of a Website 101: Must-Have Web Design Terms | Weblium \ud83d\ude80\" \/>\n<meta property=\"og:description\" content=\"Anatomy of a website may soon become a self-sufficient discipline. Website builders allow launching sites without any professional help \ud83d\udd25\" \/>\n<meta property=\"og:url\" content=\"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/\" \/>\n<meta property=\"og:site_name\" content=\"Weblium Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/weblium\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-10-05T09:30:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-30T12:49:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/pexels-photo-220443.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"2250\" \/>\n\t<meta property=\"og:image:height\" content=\"1500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Iryna Malii\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Weblium\" \/>\n<meta name=\"twitter:site\" content=\"@Weblium\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Iryna Malii\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/anatomy-of-a-website-101-must-have-web-design-parts\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/anatomy-of-a-website-101-must-have-web-design-parts\\\/\"},\"author\":{\"name\":\"Iryna Malii\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/person\\\/7d4394918bfd9462d59ff58efd1aad65\"},\"headline\":\"Anatomy of a Website 101: Must-Have Web Design Terms\",\"datePublished\":\"2019-10-05T09:30:23+00:00\",\"dateModified\":\"2025-04-30T12:49:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/anatomy-of-a-website-101-must-have-web-design-parts\\\/\"},\"wordCount\":849,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/anatomy-of-a-website-101-must-have-web-design-parts\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/pexels-photo-220443.jpeg\",\"articleSection\":[\"For Startups\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/wp.en.weblium.com\\\/anatomy-of-a-website-101-must-have-web-design-parts\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/anatomy-of-a-website-101-must-have-web-design-parts\\\/\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/anatomy-of-a-website-101-must-have-web-design-parts\\\/\",\"name\":\"Anatomy of a Website 101: Must-Have Web Design Terms | Weblium \ud83d\ude80\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/anatomy-of-a-website-101-must-have-web-design-parts\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/anatomy-of-a-website-101-must-have-web-design-parts\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/pexels-photo-220443.jpeg\",\"datePublished\":\"2019-10-05T09:30:23+00:00\",\"dateModified\":\"2025-04-30T12:49:16+00:00\",\"description\":\"Anatomy of a website may soon become a self-sufficient discipline. Website builders allow launching sites without any professional help \ud83d\udd25\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/anatomy-of-a-website-101-must-have-web-design-parts\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wp.en.weblium.com\\\/anatomy-of-a-website-101-must-have-web-design-parts\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/anatomy-of-a-website-101-must-have-web-design-parts\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/pexels-photo-220443.jpeg\",\"contentUrl\":\"https:\\\/\\\/wp.en.weblium.com\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/pexels-photo-220443.jpeg\",\"width\":2250,\"height\":1500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/anatomy-of-a-website-101-must-have-web-design-parts\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wp.en.weblium.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"For Startups\",\"item\":\"https:\\\/\\\/wp.en.weblium.com\\\/category\\\/for-startups\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Anatomy of a Website 101: Must-Have Web Design Terms\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#website\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/\",\"name\":\"Weblium Blog\",\"description\":\"Weblium Blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wp.en.weblium.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#organization\",\"name\":\"Weblium\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/weblium.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Logo-square-dark-blue.png\",\"contentUrl\":\"https:\\\/\\\/weblium.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/Logo-square-dark-blue.png\",\"width\":200,\"height\":200,\"caption\":\"Weblium\"},\"image\":{\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/weblium\\\/\",\"https:\\\/\\\/x.com\\\/Weblium\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wp.en.weblium.com\\\/#\\\/schema\\\/person\\\/7d4394918bfd9462d59ff58efd1aad65\",\"name\":\"Iryna Malii\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/245943b5d1f2bd4631c815136814a0076d8407a0dfba5e37d28f6789d6ae075a?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/245943b5d1f2bd4631c815136814a0076d8407a0dfba5e37d28f6789d6ae075a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/245943b5d1f2bd4631c815136814a0076d8407a0dfba5e37d28f6789d6ae075a?s=96&d=mm&r=g\",\"caption\":\"Iryna Malii\"},\"description\":\"Copywriter at Weblium\",\"url\":\"https:\\\/\\\/wp.en.weblium.com\\\/author\\\/imalii91091e19c8\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Anatomy of a Website 101: Must-Have Web Design Terms | Weblium \ud83d\ude80","description":"Anatomy of a website may soon become a self-sufficient discipline. Website builders allow launching sites without any professional help \ud83d\udd25","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:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/","og_locale":"en_US","og_type":"article","og_title":"Anatomy of a Website 101: Must-Have Web Design Terms | Weblium \ud83d\ude80","og_description":"Anatomy of a website may soon become a self-sufficient discipline. Website builders allow launching sites without any professional help \ud83d\udd25","og_url":"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/","og_site_name":"Weblium Blog","article_publisher":"https:\/\/www.facebook.com\/weblium\/","article_published_time":"2019-10-05T09:30:23+00:00","article_modified_time":"2025-04-30T12:49:16+00:00","og_image":[{"width":2250,"height":1500,"url":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/pexels-photo-220443.jpeg","type":"image\/jpeg"}],"author":"Iryna Malii","twitter_card":"summary_large_image","twitter_creator":"@Weblium","twitter_site":"@Weblium","twitter_misc":{"Written by":"Iryna Malii","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/#article","isPartOf":{"@id":"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/"},"author":{"name":"Iryna Malii","@id":"https:\/\/${domain}\/blog\/#\/schema\/person\/7d4394918bfd9462d59ff58efd1aad65"},"headline":"Anatomy of a Website 101: Must-Have Web Design Terms","datePublished":"2019-10-05T09:30:23+00:00","dateModified":"2025-04-30T12:49:16+00:00","mainEntityOfPage":{"@id":"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/"},"wordCount":849,"commentCount":1,"publisher":{"@id":"https:\/\/${domain}\/blog\/#organization"},"image":{"@id":"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/#primaryimage"},"thumbnailUrl":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/pexels-photo-220443.jpeg","articleSection":["For Startups"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/","url":"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/","name":"Anatomy of a Website 101: Must-Have Web Design Terms | Weblium \ud83d\ude80","isPartOf":{"@id":"https:\/\/${domain}\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/#primaryimage"},"image":{"@id":"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/#primaryimage"},"thumbnailUrl":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/pexels-photo-220443.jpeg","datePublished":"2019-10-05T09:30:23+00:00","dateModified":"2025-04-30T12:49:16+00:00","description":"Anatomy of a website may soon become a self-sufficient discipline. Website builders allow launching sites without any professional help \ud83d\udd25","breadcrumb":{"@id":"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/#primaryimage","url":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/pexels-photo-220443.jpeg","contentUrl":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/pexels-photo-220443.jpeg","width":2250,"height":1500},{"@type":"BreadcrumbList","@id":"https:\/\/${domain}\/blog\/anatomy-of-a-website-101-must-have-web-design-parts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/${domain}\/blog\/"},{"@type":"ListItem","position":2,"name":"For Startups","item":"https:\/\/${domain}\/blog\/category\/for-startups\/"},{"@type":"ListItem","position":3,"name":"Anatomy of a Website 101: Must-Have Web Design Terms"}]},{"@type":"WebSite","@id":"https:\/\/${domain}\/blog\/#website","url":"https:\/\/${domain}\/blog\/","name":"Weblium Blog","description":"Weblium Blog","publisher":{"@id":"https:\/\/${domain}\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/${domain}\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/${domain}\/blog\/#organization","name":"Weblium","url":"https:\/\/${domain}\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/${domain}\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/weblium.com\/blog\/wp-content\/uploads\/2020\/06\/Logo-square-dark-blue.png","contentUrl":"https:\/\/weblium.com\/blog\/wp-content\/uploads\/2020\/06\/Logo-square-dark-blue.png","width":200,"height":200,"caption":"Weblium"},"image":{"@id":"https:\/\/${domain}\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/weblium\/","https:\/\/x.com\/Weblium"]},{"@type":"Person","@id":"https:\/\/${domain}\/blog\/#\/schema\/person\/7d4394918bfd9462d59ff58efd1aad65","name":"Iryna Malii","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/245943b5d1f2bd4631c815136814a0076d8407a0dfba5e37d28f6789d6ae075a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/245943b5d1f2bd4631c815136814a0076d8407a0dfba5e37d28f6789d6ae075a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/245943b5d1f2bd4631c815136814a0076d8407a0dfba5e37d28f6789d6ae075a?s=96&d=mm&r=g","caption":"Iryna Malii"},"description":"Copywriter at Weblium","url":"https:\/\/${domain}\/blog\/author\/imalii91091e19c8\/"}]}},"jetpack_featured_media_url":"https:\/\/${domain}\/blog\/wp-content\/uploads\/2019\/09\/pexels-photo-220443.jpeg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts\/10342","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/users\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/comments?post=10342"}],"version-history":[{"count":10,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts\/10342\/revisions"}],"predecessor-version":[{"id":25003,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/posts\/10342\/revisions\/25003"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/media\/10369"}],"wp:attachment":[{"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/media?parent=10342"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/categories?post=10342"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/${domain}\/blog\/wp-json\/wp\/v2\/tags?post=10342"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}