{"id":5,"date":"2016-03-05T02:12:22","date_gmt":"2016-03-05T02:12:22","guid":{"rendered":"http:\/\/eidersuso.net\/design\/?p=5"},"modified":"2020-12-04T00:56:31","modified_gmt":"2020-12-04T00:56:31","slug":"parts-of-a-website","status":"publish","type":"post","link":"http:\/\/eidersuso.net\/design\/2016\/03\/05\/parts-of-a-website\/","title":{"rendered":"Parts of a website"},"content":{"rendered":"<p>Web pages are like <a href=\"http:\/\/desktoppub.about.com\/od\/layout\/p\/documentparts.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"1\">any other document<\/a> and are made up of five essential parts: images, headlines, body content, navigation, and credits. Most Web pages contain at least three of these elements and many contain all five.<\/p>\n<h3>Images<\/h3>\n<p>Images are a visual element of almost every Web page. They draw the eye and help direct readers to specific parts of the page. In fact, most high quality Web pages have several high quality images to both decorate and inform the page.<\/p>\n<ul>\n<li><a href=\"http:\/\/webdesign.about.com\/od\/beginningtutorials\/a\/aabg120598i.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"2\">Adding Images to Your Site<\/a><\/li>\n<li><a href=\"http:\/\/webdesign.about.com\/cs\/beginninghtml\/a\/aabg011899.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"3\">Tips for Using Web Images<\/a><\/li>\n<li><a href=\"http:\/\/webdesign.about.com\/od\/optimizingimages\/a\/aa032700a.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"4\">Optimizing Images<\/a><\/li>\n<li><a href=\"http:\/\/webdesign.about.com\/od\/graphics\/qt\/photos-for-web-pages.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"5\">How to Find Photos for Web Pages<\/a><\/li>\n<li><a href=\"http:\/\/webdesign.about.com\/od\/graphics\/ss\/aa100406.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"6\">Taking Great Pictures for Web Sites<\/a><\/li>\n<li><a href=\"http:\/\/webdesign.about.com\/od\/graphics\/Graphics_for_the_Web_Software_Tools_and_Techniques.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"7\">More Help with Graphics and Images for the Web<\/a><\/li>\n<\/ul>\n<h3>Headlines<\/h3>\n<p>After images, headlines or titles are the next most prominent element on most Web pages. Most Web designers use some form of <a href=\"http:\/\/webdesign.about.com\/od\/fonts\/Fonts_and_Typography_in_Web_Design.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"8\">typography<\/a> to create headlines that are larger and more prominent than the surrounding text. Plus, good <a href=\"http:\/\/webdesign.about.com\/od\/seo\/a\/seo_basics.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"9\">SEO<\/a> requires that you use the <a href=\"http:\/\/webdesign.about.com\/od\/beginninghtmlglossary\/g\/html_tag.htm\" data-inlink=\"1HXI3Pv3BFwsXiFzUBT1bQ==\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"10\">HTML headline tags<\/a> <a href=\"http:\/\/webdesign.about.com\/od\/htmltags\/p\/bltags_headings.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"11\">&lt;h1&gt; through &lt;h6&gt;<\/a> to represent the headlines in the HTML as well as visually.<\/p>\n<ul>\n<li><a href=\"http:\/\/webdesign.about.com\/od\/fonts\/qt\/web-typography.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"12\">Web Typography<\/a><\/li>\n<li><a href=\"http:\/\/webdesign.about.com\/od\/beginningcss\/a\/aa092107.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"13\">Learn How to Make Fancy Headings with CSS<\/a><\/li>\n<li><a href=\"http:\/\/webdesign.about.com\/od\/webdesignbasics\/a\/aa083007.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"14\">Making Things Stand Out &#8211; Emphasis in Web Design<\/a><\/li>\n<li><a href=\"http:\/\/webdesign.about.com\/od\/imagereplacement\/CSS_Image_Replacement.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"15\">CSS Image Replacement &#8211; Replace Headlines with Images Using CSS<\/a><\/li>\n<li><a href=\"http:\/\/webdesign.about.com\/od\/seo\/a\/why_use_h1_for_seo.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"16\">Why Do Search Engines Like H1 Tags<\/a><\/li>\n<\/ul>\n<h3>Body Content<\/h3>\n<p>Body content is the text that makes up the majority of your Web page. Content is why people come to your Web page and the layout of that content can help them read it more effectively. Using items like paragraphs and page widths can make a Web page easier to read, while elements like lists and links make the text easier to skim. All of these parts fit together to create page content that your readers will comprehend and enjoy.<\/p>\n<div id=\"inArticleVideo\" data-defer=\"onPageLoad\"><\/div>\n<ul>\n<li><a href=\"http:\/\/webdesign.about.com\/od\/content\/qt\/what-is-web-content.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"17\">What is Web Content?<\/a><\/li>\n<li><a href=\"http:\/\/webdesign.about.com\/od\/content\/a\/aa071106.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"18\">Writing Web Pages that Meet Your Customers&#8217; Goals<\/a><\/li>\n<li><a href=\"http:\/\/webdesign.about.com\/od\/writing\/tp\/10-tips-for-web-writing.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"19\">10 Tips for Web Writing<\/a><\/li>\n<li><a href=\"http:\/\/webdesign.about.com\/od\/faqsandhelp\/f\/bl_faq5_3a.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"20\">How do I indent the first line in my paragraphs ?<\/a><\/li>\n<li><a href=\"http:\/\/webdesign.about.com\/od\/layout\/a\/aa060101a.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"21\">Alignments &#8211; Floating Your Elements on the Page<\/a><\/li>\n<\/ul>\n<h3>Navigation<\/h3>\n<p>Most Web pages are not stand-alone pages, they are part of a larger structure &#8211; the website. So navigation plays a crucial role for most Web pages to keep customers on the site and reading other pages. But Web pages can also have internal navigation, especially long pages with lots of content.<\/p>\n<p class=\"cb-split\">Navigation helps your readers stay oriented and make it possible for them to find their way around the page and the site as a whole.<\/p>\n<ul>\n<li><a href=\"http:\/\/webdesign.about.com\/cs\/webnavigation\/a\/aaeffectivenav.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"22\">Designing Effective Web Navigation<\/a><\/li>\n<li><a href=\"http:\/\/webdesign.about.com\/od\/navigation\/a\/aa030802.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"23\">Organization of Directories and 404 Page Content Will Help Navigation<\/a><\/li>\n<li><a href=\"http:\/\/webdesign.about.com\/cs\/webnavigation\/a\/aanavigating.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"24\">Navigating Web Sites<\/a><\/li>\n<li><a href=\"http:\/\/webdesign.about.com\/od\/navigation\/a\/aa092101a.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"25\">Link Rot: Are You a Culprit?<\/a><\/li>\n<\/ul>\n<h3>Credits<\/h3>\n<p>Credits on a Web page are the informational elements of a page that aren&#8217;t content or navigation, but provide details about the page. They include things like: the publication date, copyright information, privacy policy links, and other information about the designers, writers, or owners of the Web page. Most Web pages include this information at the bottom, but you can also include it in a sidebar, or even at the top if it fits with your design.<\/p>\n<ul>\n<li><a href=\"http:\/\/webdesign.about.com\/od\/copyright\/a\/aa081700a.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"26\">Copyright on the Web<\/a><\/li>\n<li><a href=\"http:\/\/webdesign.about.com\/od\/copyright\/f\/html_copyright.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"27\">Are Web Designs and HTML protected by copyright?<\/a><\/li>\n<li><a href=\"http:\/\/webdesign.about.com\/library\/weekly\/aa040802a.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"28\">Privacy Policies and P3P<\/a><\/li>\n<li><a href=\"http:\/\/webdesign.about.com\/od\/beginningtutorials\/a\/aa041700a.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"29\">Why Put Contact Information on Your Site<\/a><\/li>\n<li><a href=\"http:\/\/webdesign.about.com\/od\/legal\/qt\/legal-pages-for-websites.htm\" data-component=\"link\" data-source=\"inlineLink\" data-type=\"internalLink\" data-ordinal=\"30\">Legal Pages for Websites<\/a><\/li>\n<\/ul>\n<p><a href=\"http:\/\/webdesign.about.com\/od\/layout\/qt\/parts-of-a-web-page.htm\" target=\"_blank\" rel=\"noopener noreferrer\">Source.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web pages are like any other document and are made up of five essential parts: images, headlines, body content, navigation, and credits. Most Web pages contain at least three of these elements and many contain all five. Images Images are a visual element of almost every Web page. They draw the eye and help direct [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,2],"tags":[7],"class_list":["post-5","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elements","category-web-design","tag-elements","has-thumbnail"],"_links":{"self":[{"href":"http:\/\/eidersuso.net\/design\/wp-json\/wp\/v2\/posts\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/eidersuso.net\/design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/eidersuso.net\/design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/eidersuso.net\/design\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/eidersuso.net\/design\/wp-json\/wp\/v2\/comments?post=5"}],"version-history":[{"count":2,"href":"http:\/\/eidersuso.net\/design\/wp-json\/wp\/v2\/posts\/5\/revisions"}],"predecessor-version":[{"id":2154,"href":"http:\/\/eidersuso.net\/design\/wp-json\/wp\/v2\/posts\/5\/revisions\/2154"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/eidersuso.net\/design\/wp-json\/wp\/v2\/media\/6"}],"wp:attachment":[{"href":"http:\/\/eidersuso.net\/design\/wp-json\/wp\/v2\/media?parent=5"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/eidersuso.net\/design\/wp-json\/wp\/v2\/categories?post=5"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/eidersuso.net\/design\/wp-json\/wp\/v2\/tags?post=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}