{"id":982,"date":"2025-08-01T02:14:17","date_gmt":"2025-07-31T19:14:17","guid":{"rendered":"http:\/\/www.tneutron.net\/mikro\/?p=982"},"modified":"2025-07-28T07:46:11","modified_gmt":"2025-07-28T00:46:11","slug":"presenting-web-page-design","status":"publish","type":"post","link":"https:\/\/www.tneutron.net\/mikro\/presenting-web-page-design\/","title":{"rendered":"Presenting Web Page Design"},"content":{"rendered":"<p><span class=\"notranslate\">A document is not infrequently used to display data to the user.<\/span> <span class=\"notranslate\"> There are many ways to display data, ranging from using graphs, lists, up to the table.<\/span> <span class=\"notranslate\"> The table is generally used to display tabular data in the form of rows and columns.<\/span> <span class=\"notranslate\"> the intersection of rows and columns in a table called a cell.<\/span> <span class=\"notranslate\"> In html, allows to display the data in the table is attractive.<\/span><\/p>\n<p><span class=\"notranslate\"> Although it looks simple, the design of the table is done so far is a table that only store data.<\/span> <span class=\"notranslate\"> The data is stored and shown themselves to have no structure, so there is no good data organization.<\/span> <span class=\"notranslate\"> Organizing the data is good and right in an HTML table will be very helpful in developing web applications, especially if the table who want to build must be dynamic.<\/span><\/p>\n<p><span class=\"notranslate\"> The addition of columns and rows is not enough to organize the data in the table, because it can not directly see which part of the table is the data, which is data content, and which is the value of aggregation of data.<\/span> <span class=\"notranslate\"> HTML provides several elements that are specific to meet some of the things mentioned earlier, namely the elements table, tr, td, th, caption.<\/span><\/p>\n<p><span class=\"notranslate\"> <strong>Anatomy of a web page<\/strong><\/span><br \/>\n<span class=\"notranslate\"> Broadly speaking anatomy or the composition of a web page consists of containing block, Logo, navigation, content, white space can be described as follows<\/span><br \/>\n<a href=\"http:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image12.png\"><img loading=\"lazy\" decoding=\"async\" title=\"image\" src=\"http:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb12.png\" alt=\"image\" width=\"444\" height=\"334\" border=\"0\" \/><\/a><br \/>\n<span class=\"notranslate\"> Figure 10.1 anatomy web page<\/span><\/p>\n<p><span class=\"notranslate\"> <strong>\uf0a7 Containing Block.<\/strong><\/span><br \/>\n<span class=\"notranslate\"> Containing block is part of a web page that wraps all the components of a web page.<\/span> <span class=\"notranslate\"> Generally made with the &lt;body&gt; &lt;div&gt; or &lt;table&gt;.<\/span><br \/>\n<span class=\"notranslate\"> <strong>\uf0a7 Logo.<\/strong><\/span><br \/>\n<span class=\"notranslate\"> Corporate identity, the organization, the owner of the site.<\/span><br \/>\n<span class=\"notranslate\"> <strong>\uf0a7 Navigation.<\/strong><\/span><br \/>\n<span class=\"notranslate\"> Navigation or menu is an essential part of the site that allows visitors to move around the page.<\/span><br \/>\n<span class=\"notranslate\"> <strong>\uf0a7 Content.<\/strong><\/span><br \/>\n<span class=\"notranslate\"> Content, or content is everything, because this is where most of the information presented.<\/span><br \/>\n<span class=\"notranslate\"> <strong>\uf0a7 Footer.<\/strong><\/span><br \/>\n<span class=\"notranslate\"> Footer is a bottom and contains brief information about the owner of the site (copyright) and some links.<\/span><br \/>\n<span class=\"notranslate\"> <strong>\uf0a7 Whitespace.<\/strong><\/span><br \/>\n<span class=\"notranslate\"> Whitespace is a blank area which restrict inter-component.<\/span> <span class=\"notranslate\"> Whitespace is important so that visitors have stopped in the space between the parts other sites.<\/span> <span class=\"notranslate\"> Whitespace can also be filled with banners or animation.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A document is not infrequently used to display data to the user. There are many ways to display data, ranging<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[1238],"tags":[1218,1226,1224,1221,1223,1225,1219,1227,1220,1222],"class_list":["post-982","post","type-post","status-publish","format-standard","hentry","category-english","tag-web-page-design","tag-web-page-design-classes","tag-web-page-design-free","tag-web-page-design-ideas","tag-web-page-design-jobs","tag-web-page-design-programs","tag-web-page-design-software","tag-web-page-design-software-free","tag-web-page-design-tools","tag-web-page-designer-salary"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Presenting Web Page Design - TN Mikro<\/title>\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.tneutron.net\/mikro\/presenting-web-page-design\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Presenting Web Page Design - TN Mikro\" \/>\n<meta name=\"twitter:description\" content=\"A document is not infrequently used to display data to the user. There are many ways to display data, ranging\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb12.png\" \/>\n<meta name=\"twitter:creator\" content=\"@t_neutron\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Taufiqullah\" \/>\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\":\"Article\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/presenting-web-page-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/presenting-web-page-design\\\/\"},\"author\":{\"name\":\"Taufiqullah\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#\\\/schema\\\/person\\\/b57f791b694136047454bb6ac5cbe375\"},\"headline\":\"Presenting Web Page Design\",\"datePublished\":\"2025-07-31T19:14:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/presenting-web-page-design\\\/\"},\"wordCount\":369,\"image\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/presenting-web-page-design\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.tneutron.net\\\/mikro\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2015\\\/10\\\/image_thumb12.png\",\"keywords\":[\"Web Page Design\",\"web page design classes\",\"web page design free\",\"web page design ideas\",\"web page design jobs\",\"web page design programs\",\"web page design software\",\"web page design software free\",\"web page design tools\",\"web page designer salary\"],\"articleSection\":[\"English\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/presenting-web-page-design\\\/\",\"url\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/presenting-web-page-design\\\/\",\"name\":\"Presenting Web Page Design - TN Mikro\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/presenting-web-page-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/presenting-web-page-design\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.tneutron.net\\\/mikro\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2015\\\/10\\\/image_thumb12.png\",\"datePublished\":\"2025-07-31T19:14:17+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#\\\/schema\\\/person\\\/b57f791b694136047454bb6ac5cbe375\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/presenting-web-page-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/presenting-web-page-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/presenting-web-page-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2015\\\/10\\\/image_thumb12.png\",\"contentUrl\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2015\\\/10\\\/image_thumb12.png\",\"width\":444,\"height\":334},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/presenting-web-page-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Presenting Web Page Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#website\",\"url\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/\",\"name\":\"TN Mikro\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#\\\/schema\\\/person\\\/b57f791b694136047454bb6ac5cbe375\",\"name\":\"Taufiqullah\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g\",\"caption\":\"Taufiqullah\"},\"description\":\"Taufiqullah\",\"sameAs\":[\"http:\\\/\\\/www.tneutron.net\",\"https:\\\/\\\/x.com\\\/t_neutron\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Presenting Web Page Design - TN Mikro","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.tneutron.net\/mikro\/presenting-web-page-design\/","twitter_card":"summary_large_image","twitter_title":"Presenting Web Page Design - TN Mikro","twitter_description":"A document is not infrequently used to display data to the user. There are many ways to display data, ranging","twitter_image":"https:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb12.png","twitter_creator":"@t_neutron","twitter_misc":{"Written by":"Taufiqullah","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.tneutron.net\/mikro\/presenting-web-page-design\/#article","isPartOf":{"@id":"https:\/\/www.tneutron.net\/mikro\/presenting-web-page-design\/"},"author":{"name":"Taufiqullah","@id":"https:\/\/www.tneutron.net\/mikro\/#\/schema\/person\/b57f791b694136047454bb6ac5cbe375"},"headline":"Presenting Web Page Design","datePublished":"2025-07-31T19:14:17+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tneutron.net\/mikro\/presenting-web-page-design\/"},"wordCount":369,"image":{"@id":"https:\/\/www.tneutron.net\/mikro\/presenting-web-page-design\/#primaryimage"},"thumbnailUrl":"http:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb12.png","keywords":["Web Page Design","web page design classes","web page design free","web page design ideas","web page design jobs","web page design programs","web page design software","web page design software free","web page design tools","web page designer salary"],"articleSection":["English"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.tneutron.net\/mikro\/presenting-web-page-design\/","url":"https:\/\/www.tneutron.net\/mikro\/presenting-web-page-design\/","name":"Presenting Web Page Design - TN Mikro","isPartOf":{"@id":"https:\/\/www.tneutron.net\/mikro\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tneutron.net\/mikro\/presenting-web-page-design\/#primaryimage"},"image":{"@id":"https:\/\/www.tneutron.net\/mikro\/presenting-web-page-design\/#primaryimage"},"thumbnailUrl":"http:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb12.png","datePublished":"2025-07-31T19:14:17+00:00","author":{"@id":"https:\/\/www.tneutron.net\/mikro\/#\/schema\/person\/b57f791b694136047454bb6ac5cbe375"},"breadcrumb":{"@id":"https:\/\/www.tneutron.net\/mikro\/presenting-web-page-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tneutron.net\/mikro\/presenting-web-page-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.tneutron.net\/mikro\/presenting-web-page-design\/#primaryimage","url":"https:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb12.png","contentUrl":"https:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb12.png","width":444,"height":334},{"@type":"BreadcrumbList","@id":"https:\/\/www.tneutron.net\/mikro\/presenting-web-page-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.tneutron.net\/mikro\/"},{"@type":"ListItem","position":2,"name":"Presenting Web Page Design"}]},{"@type":"WebSite","@id":"https:\/\/www.tneutron.net\/mikro\/#website","url":"https:\/\/www.tneutron.net\/mikro\/","name":"TN Mikro","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.tneutron.net\/mikro\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.tneutron.net\/mikro\/#\/schema\/person\/b57f791b694136047454bb6ac5cbe375","name":"Taufiqullah","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g","caption":"Taufiqullah"},"description":"Taufiqullah","sameAs":["http:\/\/www.tneutron.net","https:\/\/x.com\/t_neutron"]}]}},"_links":{"self":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/982","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/comments?post=982"}],"version-history":[{"count":1,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/982\/revisions"}],"predecessor-version":[{"id":2982,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/982\/revisions\/2982"}],"wp:attachment":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/media?parent=982"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/categories?post=982"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/tags?post=982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}