{"id":1990,"date":"2026-07-31T09:47:28","date_gmt":"2026-07-31T09:47:28","guid":{"rendered":"https:\/\/programmering-for-alle.dk\/?p=1990"},"modified":"2026-07-31T09:53:43","modified_gmt":"2026-07-31T09:53:43","slug":"vis-dine-kode-projekter-frem-paa-en-hjemmeside","status":"publish","type":"post","link":"https:\/\/programmering-for-alle.dk\/index.php\/2026\/07\/31\/vis-dine-kode-projekter-frem-paa-en-hjemmeside\/","title":{"rendered":"Vis dine kode-projekter frem p\u00e5 en hjemmeside"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1990\" class=\"elementor elementor-1990\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ef619a e-flex e-con-boxed e-con e-parent\" data-id=\"1ef619a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f37931 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"8f37931\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/programmering-for-alle.dk\/wp-content\/uploads\/2026\/07\/Showroom-med-Studiesites-300x300.png\" class=\"attachment-medium size-medium wp-image-1988\" alt=\"\" srcset=\"https:\/\/programmering-for-alle.dk\/wp-content\/uploads\/2026\/07\/Showroom-med-Studiesites-300x300.png 300w, https:\/\/programmering-for-alle.dk\/wp-content\/uploads\/2026\/07\/Showroom-med-Studiesites-1024x1024.png 1024w, https:\/\/programmering-for-alle.dk\/wp-content\/uploads\/2026\/07\/Showroom-med-Studiesites-150x150.png 150w, https:\/\/programmering-for-alle.dk\/wp-content\/uploads\/2026\/07\/Showroom-med-Studiesites-768x768.png 768w, https:\/\/programmering-for-alle.dk\/wp-content\/uploads\/2026\/07\/Showroom-med-Studiesites.png 1080w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-99badfa e-flex e-con-boxed e-con e-parent\" data-id=\"99badfa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc1b402 elementor-widget elementor-widget-text-editor\" data-id=\"fc1b402\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Er du nysgerrig p\u00e5, hvordan du kan bruge en hjemmeside til at vise dine kode-projekter frem? Og har du adgang til Skoletube? S\u00e5 f\u00e5r du her opskriften p\u00e5, hvordan du laver et showroom til dine projekter.<br \/><br \/>Scratch-projekter kan s\u00e6ttes direkte ind og kan afspilles direkte p\u00e5 siden.<br \/><br \/>Python-projekter &#8211; her kan du optage en video og s\u00e6tte den ind.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0674194 e-flex e-con-boxed e-con e-parent\" data-id=\"0674194\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f897e14 elementor-widget-divider--view-line elementor-widget elementor-widget-global elementor-global-618 elementor-widget-divider\" data-id=\"f897e14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6284bf2 e-flex e-con-boxed e-con e-parent\" data-id=\"6284bf2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16a131d elementor-widget elementor-widget-heading\" data-id=\"16a131d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Demo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2c456c4 e-flex e-con-boxed e-con e-parent\" data-id=\"2c456c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7257aee elementor-widget elementor-widget-text-editor\" data-id=\"7257aee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Her kan du se et eksempel p\u00e5, hvordan man kan s\u00e6tte et Scratch-projekt direkte ind p\u00e5 en hjemmeside. Her er projektet taget fra deres officielle hjemmeside og ikke gennem CodingLab p\u00e5 Skoletube, men det vil se ud p\u00e5 samme m\u00e5de. Du kan se flere eksempler p\u00e5 siderne for andre opskrifter.<br \/><br \/>Spillet er fra <a href=\"https:\/\/programmering-for-alle.dk\/index.php\/2026\/07\/27\/klikkespillet\/\">opskriften til Klikkespillet<\/a>, som du finder her, hvis du selv vil pr\u00f8ve.<br \/><br \/>Tryk p\u00e5 det gr\u00f8nne flag og klik s\u00e5 mange gange du kan, f\u00f8r tiden stopper.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a6f610 elementor-widget elementor-widget-html\" data-id=\"6a6f610\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<iframe src=\"https:\/\/scratch.mit.edu\/projects\/1364589379\/embed\" allowtransparency=\"true\" width=\"485\" height=\"402\" frameborder=\"0\" scrolling=\"no\" allowfullscreen><\/iframe>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3fb7d1a e-flex e-con-boxed e-con e-parent\" data-id=\"3fb7d1a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d50faf4 elementor-widget-divider--view-line elementor-widget elementor-widget-global elementor-global-618 elementor-widget-divider\" data-id=\"d50faf4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be1d3ca e-flex e-con-boxed e-con e-parent\" data-id=\"be1d3ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f500c7 elementor-widget elementor-widget-heading\" data-id=\"3f500c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Opskriften<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c53002 e-flex e-con-boxed e-con e-parent\" data-id=\"1c53002\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6c8529 elementor-widget elementor-widget-text-editor\" data-id=\"a6c8529\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Du kan b\u00e5de l\u00e6se den digitalt, f\u00e5 den op i fuld sk\u00e6rm eller downloade den.\u00a0<\/p><p>Klik p\u00e5 billedet.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-311a249 elementor-widget elementor-widget-image\" data-id=\"311a249\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/flipbooklets.com\/pdfflipbooklets\/showroom-til-kode-projekter\" target=\"_blank\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"211\" height=\"300\" src=\"https:\/\/programmering-for-alle.dk\/wp-content\/uploads\/2026\/07\/forside-til-showroom-211x300.png\" class=\"attachment-medium size-medium wp-image-1995\" alt=\"G\u00e5 til opskriften med Showroom\" srcset=\"https:\/\/programmering-for-alle.dk\/wp-content\/uploads\/2026\/07\/forside-til-showroom-211x300.png 211w, https:\/\/programmering-for-alle.dk\/wp-content\/uploads\/2026\/07\/forside-til-showroom.png 672w\" sizes=\"(max-width: 211px) 100vw, 211px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-252ef4f e-flex e-con-boxed e-con e-parent\" data-id=\"252ef4f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1a8dc1 elementor-widget-divider--view-line elementor-widget elementor-widget-global elementor-global-618 elementor-widget-divider\" data-id=\"e1a8dc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4034e48 e-flex e-con-boxed e-con e-parent\" data-id=\"4034e48\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03988f8 elementor-widget elementor-widget-text-editor\" data-id=\"03988f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Hvis du \u00e5bner opskriften p\u00e5 en tablet eller computer, vil du f\u00e5 vist denne menu i bunden.<\/p><ol><li>Du kan bruge <strong>+<\/strong> og <strong>&#8211;<\/strong> til at forst\u00f8rre eller formindske teksten.<\/li><li>Brug <strong>gitteret<\/strong> til at f\u00e5 en oversigt over alle siderne i opskriften.<\/li><li><strong>Afspil<\/strong> &#8211; skal du nok ikke bruge, bladrer alle siderne igennem automatisk.<\/li><li><strong>Forst\u00f8rrelsesglasset<\/strong> = s\u00f8g i hele opskriften.<\/li><li><strong>Bogm\u00e6rket<\/strong> &#8211; hvis du ikke n\u00e5r at blive f\u00e6rdig, kan du gemme siden. Husk at trykke to gange.<\/li><li><strong>PDF<\/strong> &#8211; download opskriften.<\/li><li><strong>H\u00f8jtaleren<\/strong> &#8211; kan du ikke bruge til noget (styrer p.t. kun lyden af sider, som jeg har valgt at sl\u00e5 fra).<\/li><li><strong>Fuld sk\u00e6rm<\/strong> &#8211; f\u00e5 opskriften til at fylde hele sk\u00e6rmen.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b6bf79 e-flex e-con-boxed e-con e-parent\" data-id=\"7b6bf79\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-265284a elementor-widget elementor-widget-image\" data-id=\"265284a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"84\" src=\"https:\/\/programmering-for-alle.dk\/wp-content\/uploads\/2026\/05\/menu-til-opskrifter-1024x84.png\" class=\"attachment-large size-large wp-image-1334\" alt=\"Menu ved opskriften\" srcset=\"https:\/\/programmering-for-alle.dk\/wp-content\/uploads\/2026\/05\/menu-til-opskrifter-1024x84.png 1024w, https:\/\/programmering-for-alle.dk\/wp-content\/uploads\/2026\/05\/menu-til-opskrifter-300x25.png 300w, https:\/\/programmering-for-alle.dk\/wp-content\/uploads\/2026\/05\/menu-til-opskrifter-768x63.png 768w, https:\/\/programmering-for-alle.dk\/wp-content\/uploads\/2026\/05\/menu-til-opskrifter.png 1188w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Er du nysgerrig p\u00e5, hvordan du kan bruge en hjemmeside til at vise dine kode-projekter frem? Og har du adgang til Skoletube? S\u00e5 f\u00e5r du her opskriften p\u00e5, hvordan du laver et showroom til dine projekter. Scratch-projekter kan s\u00e6ttes direkte ind og kan afspilles direkte p\u00e5 siden. Python-projekter &#8211; her kan du optage en video &#8230; <a title=\"Vis dine kode-projekter frem p\u00e5 en hjemmeside\" class=\"read-more\" href=\"https:\/\/programmering-for-alle.dk\/index.php\/2026\/07\/31\/vis-dine-kode-projekter-frem-paa-en-hjemmeside\/\" aria-label=\"Read more about Vis dine kode-projekter frem p\u00e5 en hjemmeside\">L\u00e6s Mere<\/a><\/p>\n","protected":false},"author":1,"featured_media":1988,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[84,34,49,56,8,35,41,52,44,4],"tags":[85,18,17],"class_list":["post-1990","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-andre-vaerktoejer","category-fortsaettere","category-chromebook","category-computer","category-mellemtrin","category-oevede","category-programmering-som-valgfag","category-teknologiforstaaelse","category-tvaerfagligt","category-udskoling","tag-hjemmesider","tag-skoletube","tag-studiesites"],"jetpack_featured_media_url":"https:\/\/programmering-for-alle.dk\/wp-content\/uploads\/2026\/07\/Showroom-med-Studiesites.png","_links":{"self":[{"href":"https:\/\/programmering-for-alle.dk\/index.php\/wp-json\/wp\/v2\/posts\/1990","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/programmering-for-alle.dk\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/programmering-for-alle.dk\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/programmering-for-alle.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/programmering-for-alle.dk\/index.php\/wp-json\/wp\/v2\/comments?post=1990"}],"version-history":[{"count":10,"href":"https:\/\/programmering-for-alle.dk\/index.php\/wp-json\/wp\/v2\/posts\/1990\/revisions"}],"predecessor-version":[{"id":2004,"href":"https:\/\/programmering-for-alle.dk\/index.php\/wp-json\/wp\/v2\/posts\/1990\/revisions\/2004"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/programmering-for-alle.dk\/index.php\/wp-json\/wp\/v2\/media\/1988"}],"wp:attachment":[{"href":"https:\/\/programmering-for-alle.dk\/index.php\/wp-json\/wp\/v2\/media?parent=1990"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/programmering-for-alle.dk\/index.php\/wp-json\/wp\/v2\/categories?post=1990"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/programmering-for-alle.dk\/index.php\/wp-json\/wp\/v2\/tags?post=1990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}