{"id":639,"date":"2016-10-19T20:48:01","date_gmt":"2016-10-20T01:48:01","guid":{"rendered":"http:\/\/annettevee.com\/2016cdm\/?p=639"},"modified":"2016-10-19T20:48:40","modified_gmt":"2016-10-20T01:48:40","slug":"navigation-its-not-easy-without-google-maps","status":"publish","type":"post","link":"https:\/\/annettevee.com\/2016cdm\/2016\/10\/19\/navigation-its-not-easy-without-google-maps\/","title":{"rendered":"Navigation: It&#8217;s Not Easy Without Google Maps"},"content":{"rendered":"<p>I had never used HTML before we learned about it in this class; I had always wondered how websites were created but I did not take the time to actually learn about it.\u00a0 What surprised me about creating websites was how much detail actually goes into writing HTML.\u00a0 I also did not know that the design of a website needs to be done with CSS; I thought that styling a website would be done with HTML as well.\u00a0 I am clearly a novice when it comes to writing HTML and the project that we have to do for this class has pushed me to beyond my comfort level.<\/p>\n<p>I have struggled with many aspects when trying to create my website.\u00a0 One of which was the navigation bar.\u00a0 I had used the link that was provided in the assignment description.\u00a0 When I first looked at the helpful tips, I saw stuff written in HTML, got confused, then promptly closed the window and decided I would try another day.\u00a0 When I tried to do the navigation bar again, I resolved myself to actually take the time to go through the process step by step.\u00a0 Doing this made it a little easier, but after I had reloaded my website page to see how my new navigation bar looked I was met with disappointment.\u00a0 The second unordered list that I had on the page was no longer a list, it looked like a mess.\u00a0 After I went through the HTML that I had written I saw that I had two unordered lists, the one for the navigation bar and the one that was messed up.\u00a0 It was then that I remembered that if you have more than one heading, list, paragraph, etc. that you want to style then you have to give the one you are styling an id.\u00a0 This meant that I had to go back to one of the <a href=\"https:\/\/www.khanacademy.org\/computing\/computer-programming\/html-css\/intro-to-css\/p\/css-selecting-by-id\">Khan Academy tutorials <\/a>on CSS to learn how to give my unordered list an id and how to use the id to style it.<\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-640\" src=\"https:\/\/i0.wp.com\/annettevee.com\/2016cdm\/wp-content\/uploads\/2016\/10\/Screen-Shot-2016-10-19-at-9.32.01-PM.png?resize=236%2C118\" alt=\"screen-shot-2016-10-19-at-9-32-01-pm\" width=\"236\" height=\"118\" \/><\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-641\" src=\"https:\/\/i0.wp.com\/annettevee.com\/2016cdm\/wp-content\/uploads\/2016\/10\/Screen-Shot-2016-10-19-at-9.38.39-PM.png?resize=213%2C128\" alt=\"screen-shot-2016-10-19-at-9-38-39-pm\" width=\"213\" height=\"128\" \/><\/p>\n<p>I was able to successfully get my navigation bar to look the way I wanted it to but I definitely have more to accomplish before my website is Internet-worthy.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I had never used HTML before we learned about it in this class; I had always wondered how websites were created but I did not take the time to actually learn about it.\u00a0 What surprised me about creating websites was &hellip; <a href=\"https:\/\/annettevee.com\/2016cdm\/2016\/10\/19\/navigation-its-not-easy-without-google-maps\/\">Continued<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[1],"tags":[51,52],"class_list":["post-639","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-blog-post","tag-learning-html"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p7TOgG-aj","_links":{"self":[{"href":"https:\/\/annettevee.com\/2016cdm\/wp-json\/wp\/v2\/posts\/639","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/annettevee.com\/2016cdm\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/annettevee.com\/2016cdm\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/annettevee.com\/2016cdm\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/annettevee.com\/2016cdm\/wp-json\/wp\/v2\/comments?post=639"}],"version-history":[{"count":3,"href":"https:\/\/annettevee.com\/2016cdm\/wp-json\/wp\/v2\/posts\/639\/revisions"}],"predecessor-version":[{"id":644,"href":"https:\/\/annettevee.com\/2016cdm\/wp-json\/wp\/v2\/posts\/639\/revisions\/644"}],"wp:attachment":[{"href":"https:\/\/annettevee.com\/2016cdm\/wp-json\/wp\/v2\/media?parent=639"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/annettevee.com\/2016cdm\/wp-json\/wp\/v2\/categories?post=639"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/annettevee.com\/2016cdm\/wp-json\/wp\/v2\/tags?post=639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}