{"id":445,"date":"2019-10-06T20:36:55","date_gmt":"2019-10-06T18:36:55","guid":{"rendered":"http:\/\/maxfest.dk\/port\/?p=445"},"modified":"2019-11-24T16:58:40","modified_gmt":"2019-11-24T15:58:40","slug":"html-css-opgave","status":"publish","type":"post","link":"https:\/\/maxfest.dk\/port\/vearker\/hjemmesider\/html-css-opgave\/","title":{"rendered":"HTML &#038; CSS opgave"},"content":{"rendered":"\n<p>Opgave fra modulet HTML &amp; CSS p\u00e5 MMD. Opgaven blev afleveret efter\u00e5r 2019.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"http:\/\/maxfest.dk\/pages\/html-&amp;-css-opgave\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"515\" src=\"https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/10\/HTML-CSS-opgave-1024x515.png\" alt=\"Forside for HTML &amp; CSS opgave p\u00e5 MDD\" class=\"wp-image-449\" srcset=\"https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/10\/HTML-CSS-opgave-1024x515.png 1024w, https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/10\/HTML-CSS-opgave-300x151.png 300w, https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/10\/HTML-CSS-opgave-768x386.png 768w, https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/10\/HTML-CSS-opgave.png 1902w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption> Se resultatet fra HTML &amp; CSS opgaven her:  <a rel=\"noreferrer noopener\" href=\"http:\/\/maxfest.dk\/pages\/html-&amp;-css-opgave\" target=\"_blank\">http:\/\/maxfest.dk\/pages\/html-&amp;-css-opgave<\/a>. <\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Opgavebeskrivelsen<\/h2>\n\n\n\n<p>Opgaven bestod af at lave en hjemmeside. <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Hjemmesiden skal have en forside.<\/li><li>Hjemmsiden skal have mindst 3 undersider.<\/li><li>Forsiden og undersiderne skal v\u00e6re sammenh\u00e6ngende. Med link, struktur og kontekst.<\/li><li>Hjemmesiden skal indeholde billeder, overskrifter og forskellige titler til alle sider.<\/li><li>Forsiden og undersiderne skal v\u00e6re styret af et eksternt CSS.<\/li><li>Hjemmesiden skal anvende en HTML5 struktur-elementer.<\/li><li>Alle sider skal valideres med <a href=\"https:\/\/validator.w3.org\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (\u00e5bner i en ny fane)\">W3C Markup Validation Service<\/a>.<\/li><li>L\u00f8sningen skal uploades til egen server.<\/li><li>Linket til siden skal deles p\u00e5 ItsLearning senest den  13. oktober 2019 kl. 23.55.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"> L\u00f8sningsbeskrivelse <\/h2>\n\n\n\n<p>Jeg har lavet en HTML5 side, med valid struktur og kode. Jeg valgte at lave en hjemmeside der beskriver l\u00f8sningen og udviklingen af den selv. Jeg syntes det var interessant at lave en lidt selvbevidst opgave, der beskriver hvordan l\u00f8sningen selv er kommet til og besvarer opgaven. Det er lidt ligesom maleren der maler sig selv male et selvportr\u00e6t.<\/p>\n\n\n\n<p>I forbindelse med l\u00f8sningen har jeg lavet et udkast til et nyt logo jeg godt kunne finde p\u00e5 at anvende til maxfest.dk.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"350\" src=\"https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/10\/max-2019-logo.png\" alt=\"Logo prototype for maxfest.dk\" class=\"wp-image-451\" srcset=\"https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/10\/max-2019-logo.png 400w, https:\/\/maxfest.dk\/port\/wp-content\/uploads\/2019\/10\/max-2019-logo-300x263.png 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><figcaption> Logo anvendt p\u00e5 siden, og tidligt udkast til logo for maxfest.dk <\/figcaption><\/figure><\/div>\n\n\n\n<p>Det er ikke rigtig n\u00f8dvendigt at skrive mere her. L\u00f8sningen beskriver som sagt l\u00f8sningen.<\/p>\n\n\n\n<p>Se besvarelsen her:  <a href=\"http:\/\/maxfest.dk\/pages\/html-&amp;-css-opgave\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (\u00e5bner i en ny fane)\">http:\/\/maxfest.dk\/pages\/html-&amp;-css-opgave<\/a>. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fejl og mangler<\/h2>\n\n\n\n<p>Teknisk set anvender jeg mere end 1 CSS ark.  I html-&amp;-css-opgave.css importerer jeg Dancing Script fra fonts.google.com. Jeg havde i mit f\u00f8rste udkast downloadet fonten og anvendt den p\u00e5 samme m\u00e5de som jeg anvender Roboto-fonten. Men jeg fik en CORS fejl, som jeg ikke kunne l\u00f8se v.h.a. eksisterende dokumentation. Jeg tror dog ikke det er en kritisk fejl, da l\u00f8sningen har den &#8220;korrekte&#8221; kode udkommenteret.<\/p>\n\n\n\n<p>Fejlen skyldtes sandsynligvis at jeg ikke har konfigureret min htaccess fil(er) korrekt. Det er dog besynderligt at roboto virker, men dancing script ikke virker, trods for at de har en identisk fremgang.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Opgave fra modulet HTML &amp; CSS p\u00e5 MMD. Opgaven blev afleveret efter\u00e5r 2019. Opgavebeskrivelsen Opgaven bestod af at lave en hjemmeside. Hjemmesiden skal have en forside. Hjemmsiden skal have mindst 3 undersider. Forsiden og undersiderne skal v\u00e6re sammenh\u00e6ngende. Med link, struktur og kontekst. Hjemmesiden skal indeholde billeder, overskrifter og forskellige titler til alle sider. Forsiden&#8230;<\/p>\n","protected":false},"author":1,"featured_media":449,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[18],"class_list":["post-445","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hjemmesider","tag-mmd"],"_links":{"self":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts\/445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/comments?post=445"}],"version-history":[{"count":10,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts\/445\/revisions"}],"predecessor-version":[{"id":961,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts\/445\/revisions\/961"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/media\/449"}],"wp:attachment":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/media?parent=445"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/categories?post=445"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/tags?post=445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}