{
    "path": "/home/krm/dev/mimer-privatum/Courses/webbutveckling-1/Planning/start.sv.json",
    "s": "Ignor",
    "invert": true,
    "level": 1,
    "title": [
        "Stara med webben"
    ],
    "author": [
        "krm"
    ],
    "created": {
        "year": 2020,
        "month": 8,
        "day": 26
    },
    "image": "/image/courses/house.png",
    "status": "alpha",
    "icon": "🏡",
    "description": [
        "Om att skapa en enkel hemsida"
    ],
    "statments": [],
    "comment": [],
    "cards": [
        {
            "level": 1,
            "index": 1,
            "title": [
                "Introduktion till webbsidor"
            ],
            "description": [],
            "statments": [
                {
                    "description": [
                        "Vi tittar på några hemsidor."
                    ]
                },
                {
                    "description": [
                        "Du kan använda _Ctrl-U_ för att titta på koden!"
                    ]
                },
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "https://svd.se"
                            },
                            "svd"
                        ]
                    ]
                },
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "https://htsit.se"
                            },
                            "htsit"
                        ]
                    ]
                },
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "https://htsit.se/h/"
                            },
                            "Hall of fame"
                        ]
                    ]
                },
                {
                    "description": [
                        "server"
                    ]
                },
                {
                    "description": [
                        "webbläsare"
                    ]
                },
                {
                    "description": [
                        "url"
                    ]
                },
                {
                    "description": [
                        "html"
                    ]
                },
                {
                    "description": [
                        "css"
                    ]
                },
                {
                    "description": [
                        "editor"
                    ]
                },
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "https://flems.io"
                            },
                            "Webb editorn flem"
                        ]
                    ]
                }
            ],
            "comment": []
        },
        {
            "level": 1,
            "index": 2,
            "title": [
                "Skapa en enkel sida - en introduktion till HTML"
            ],
            "description": [
                "Läraren skapar en enkel sida utifrån dagens inspiration."
            ],
            "statments": [
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "https://www.youtube.com/watch?v=lLWEXRAnQd0"
                            },
                            "Bob Ross"
                        ],
                        " - Om att skapanågot."
                    ]
                }
            ],
            "comment": []
        },
        {
            "level": 1,
            "index": 3,
            "title": [
                "Webbläsaren och editorer"
            ],
            "description": [],
            "statments": [
                {
                    "description": [
                        "Notepad++"
                    ]
                },
                {
                    "description": [
                        "Visual Code"
                    ]
                },
                {
                    "description": [
                        "Filsystem - Mappar och filer"
                    ]
                },
                {
                    "description": [
                        "Komprimera filer"
                    ]
                },
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "https://flems.io/#0=N4IgzgpgNhDGAuEAmIBcIB0ALeBbKIANCAGYCWMYaA2qAHYCGuEamO+RIsA9nYn6wA8AQgAiAeQDCAFQCaABQCiAAnZQAfAB06gtcqgM6AcwC8m8ADdzWnVggMkEAE43lb5YObwGy2FgZOkPBmIACu8CQAtAAc5soA9K7ugvBk8DDqAGoAJ1AA1ty4zHTKqVBQygCS0soADgCnygAS0gDKwoLxqekQNp12Ds59AEbcSACefVgAjMpg8OMwITxQ3E6oTsjW-dN9terK2u4ewy5HyfNOvEbqnZfXffH72oLcGuceUGS38V+PbzYXs8Sm5BD4sJsSCFtvEGOoMC8noCdGRcEY5k5YNCQKoIGQjDhscoAO5kJDwLDYxLaRGjCaPNTqTiQGAIMi8KjoABMAGZUAB2EAAX0I9CYLHQGAAVlRiDw+BABOhhaKQIxmKwMLAwLKuLx+PBWMKALpCoA"
                            },
                            "Exempel på egen sida"
                        ]
                    ]
                },
                {
                    "description": [
                        "Gör din egen sida!"
                    ]
                }
            ],
            "comment": []
        },
        {
            "level": 1,
            "index": 4,
            "title": [
                "Terminologi, Header och dess element"
            ],
            "description": [],
            "statments": [
                {
                    "links": "document",
                    "link": "https://bit.ly/2ENPVEZ",
                    "description": [
                        "Webb terminologi"
                    ]
                },
                {
                    "description": [
                        "lang=\"sv\""
                    ]
                },
                {
                    "description": [
                        "header"
                    ]
                },
                {
                    "description": [
                        "<meta charset="utf-8" />"
                    ]
                },
                {
                    "description": [
                        "<title>Välkommen till IT på HTS!</title>"
                    ]
                },
                {
                    "description": [
                        "<link rel="stylesheet" href="styles.css">"
                    ]
                },
                {
                    "description": [
                        "Fortsätt med din sida."
                    ]
                }
            ],
            "comment": []
        },
        {
            "level": 1,
            "index": 5,
            "title": [
                "För att ge utseende till text."
            ],
            "description": [],
            "statments": [
                {
                    "description": [
                        "Header element: h1, h2, …, h6"
                    ]
                },
                {
                    "description": [
                        "Paragrapher element: p"
                    ]
                },
                {
                    "description": [
                        "Betonad text"
                    ]
                },
                {
                    "description": [
                        "Element att undvika: i, b"
                    ]
                },
                {
                    "description": [
                        "Ny rad: br"
                    ]
                },
                {
                    "links": "document",
                    "link": "https://bit.ly/3hZPeGK",
                    "description": [
                        "Lista om html element"
                    ]
                }
            ],
            "comment": []
        },
        {
            "level": 1,
            "index": 6,
            "title": [
                "Listor och lnkar"
            ],
            "description": [],
            "statments": [
                {
                    "description": [
                        "li - Element"
                    ]
                },
                {
                    "description": [
                        "ol - Ordnat lista"
                    ]
                },
                {
                    "description": [
                        "ul - Punkt lista"
                    ]
                },
                {
                    "description": [
                        "🖋 ",
                        [
                            {
                                "link": "https://flems.io/#0=N4IgzgpgNhDGAuEAmIBcIB0ALeBbKIANCAGYCWMYaA2qAHYCGuEamO+RIsA9nYn6wA8WAIwA+AAQAxCLglgGAawgAnCQCsGAcwnwAnrGVrucwQHpRYgDp1BAVyjW6EiYKhlJAEQbxuK1a5m7k4ubh4SAMp0ACdQUAwS0BAAbgHmwTahwZExcQlJqWrpHpmu2VGx8YkwhYEZzmXhFXnVKWlBJbZmDmKckDAIZLxU6ABMqCIArCAAvoT0TCzoGOpUxDx8EALos-MgjMysGLBga1y8-PCsDhLApe5g8AC0j3owT-oADhCo8gCOdgY-gA3DYZn0koNhqwRKhRtMZgBdGZAA"
                            },
                            "Exemple på lista"
                        ]
                    ]
                },
                {
                    "description": [
                        "a - En länk till en annan sida."
                    ]
                }
            ],
            "comment": []
        },
        {
            "level": 1,
            "index": 7,
            "title": [
                "Bilder"
            ],
            "description": [],
            "statments": [
                {
                    "description": [
                        "img"
                    ]
                },
                {
                    "description": [
                        "src"
                    ]
                },
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "https://flems.io/#0=N4IgzgpgNhDGAuEAmIBcIB0ALeBbKIANCAGYCWMYaA2qAHYCGuEamO+RIsA9nYn6wA8ZXAHMABGABOsALwAdEDngAHMKgD0GnGDLwMkDQGsNIhqIgaAVgwBuDMLClkV8APoAjBkgsYVdUUVxDQA+TkgYBDJeKnQABlQAVkSQAF9CeiYWdAwrKmIePggBdDSMkEZmVgxYMHyuXn54VjSAXVSgA"
                            },
                            "Exempel"
                        ]
                    ]
                },
                {
                    "description": [
                        "alt"
                    ]
                },
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "https://flems.io/#0=N4IgzgpgNhDGAuEAmIBcIB0ALeBbKIANCAGYCWMYaA2qAHYCGuEamO+RIsA9nYn6wA8ZXAHMABGABOsALwAdEDngAHMKgD0GnGDLwMkDQGsNIhqIgaAVgwBuDMLClkV8APoAjBkgsZRZEkVxBih4BRAAKQBlcShuUW5FDQA+TkgYBDJeKnQABlQANgBOEABfQnomFnQMKypiHj4IAXQyipBGZlYMWDB6rl5+eFYygF1SoA"
                            },
                            "Exempel"
                        ]
                    ]
                },
                {
                    "description": [
                        "bildformat såsom png, jpg och gif"
                    ]
                },
                {
                    "description": [
                        "längdenheter såsom px med flera."
                    ]
                },
                {
                    "description": [
                        "width och height"
                    ]
                },
                {
                    "description": [
                        "“aspect ratio”, se till att inte göra bilden konstig."
                    ]
                },
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "https://flems.io/#0=N4IgzgpgNhDGAuEAmIBcIB0ALeBbKIANCAGYCWMYaA2qAHYCGuEamO+RIsA9nYn6wA8ZXAHMABGABOsALwAdEDngAHMKgD0GnGDLwMkDQGsNIhqIgaAVgwBuDMLClkV8APoAjBkgsYVdUUVxBih4BRAAKQBlcShuUW4ggHcyJHgsWQBWAAZxDQA+eTphMUkZcOU1TW14XX1DEzMLazsHJxd3Lx8IPwCgkLDFaNj4xJBxLAgyURxZACZs3IKikolpOUVK9S0dPQNLRtxzSxt7R2dXT29ff0DxgfDhuITk1PSs3Mnp2YWl-JAAL6EehMFjoDBWKjEHh8CACdCA4EgRjMVgYWBgKFcXj8eCsQEAXQBQA"
                            },
                            "Exempel"
                        ]
                    ]
                },
                {
                    "description": [
                        "Finns också en css egenskap “background-image”"
                    ]
                }
            ],
            "comment": []
        },
        {
            "level": 1,
            "index": 8,
            "title": [
                "Div och span"
            ],
            "description": [
                "För att skapa struktur i sidan och i text."
            ],
            "statments": [
                {
                    "description": [
                        "“div” är för struktur på sidan."
                    ]
                },
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "https://flems.io/#0=N4IgzgpgNhDGAuEAmIBcIB0ALeBbKIANCAGYCWMYaA2qAHYCGuEamO+RIsA9nYn6wA8SMgDcAfAB06AAhlYIAK2mCA9CIkqNM1VLrCxeuUgCnK9Yc6QYCMryroAbKgCsIAL4Bdd0A"
                            },
                            "Exempel"
                        ]
                    ]
                },
                {
                    "description": [
                        "“span” är för struktur i text."
                    ]
                },
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "https://flems.io/#0=N4IgzgpgNhDGAuEAmIBcIB0ALeBbKIANCAGYCWMYaA2qAHYCGuEamO+RIsA9nYn6wA8ABwB8AHToACKVggArKcICnMteqlIyAcwCEkwQHoxBk9NkKlqwWGEM6orXqO37EukbGdIMBGV5U6AAsqACMQSAAvgC6kUA"
                            },
                            "Exempel"
                        ]
                    ]
                },
                {
                    "description": [
                        "id, för att ge namn till ett element."
                    ]
                },
                {
                    "description": [
                        "class, för att gruppera element."
                    ]
                },
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "https://flems.io/#0=N4IgzgpgNhDGAuEAmIBcIB0ALeBbKIANCAGYCWMYaA2qAHYCGuEamO+RIsA9nYn6wA8SMgDcABGSQBeADpde8BmToQATvIB8suuPGCADtt36wBhrthQGYMHJBrkWrBABWggPRmLm8QYCnpuZ0miIA5gCEnt4hOnqeRjrCYuJWNnbyAEbcAB7ijkjy4h7GyRJS9tZg8EVptvbZOUUlSR4iopqckDAIZLxU6ACsqACMgyAAvgC6E0A"
                            },
                            "Exempel"
                        ]
                    ]
                },
                {
                    "description": [
                        "Importera en css filen “base.css”,"
                    ]
                },
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "https://flems.io/#0=N4IgzgpgNhDGAuEAmIBcIB0ALeBbKIANOLAE4D2UBqA2gAyF0C6xAZgJYxho2gB2AQ1wQ0mHPiIhY5PolmiAPEnYA3AATskAXgA6UmfAHs+EUnoB8OvgoAOlvmrUKwNgQ9hQBYMLpClkFlgQAFYKAPQubuZqNgCnTpF85soA5gCE4Yn2juF2VjnK6h5ePnr+SBbhhdlOhRraep5g8Hpqxd6+AEbkAB6VYdX5tar1vk0tIG1NpSDdPWrl-YPWA6rmkpAwCOwy3OgA7KgAbAC0dKh0IAC+LCBQxgDWe7wggsKinV4QGLDekgCupGoIBw8BsYFQYTCODA7HgGEgYVYYU+kB+f2I8AAnjYROhmliYNcmFcgA"
                            },
                            "Exempel"
                        ]
                    ]
                }
            ],
            "comment": []
        },
        {
            "level": 1,
            "index": 9,
            "title": [
                "Enkel stil på sidan"
            ],
            "description": [],
            "statments": [
                {
                    "description": [
                        "Vad är css?"
                    ]
                }
            ],
            "comment": []
        },
        {
            "level": 1,
            "index": 10,
            "title": [
                "Vanliga CSS egenskaper"
            ],
            "description": [],
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 11,
            "title": [
                "Enkel layoute"
            ],
            "description": [],
            "statments": [],
            "comment": []
        },
        {
            "level": 1,
            "index": 12,
            "title": [
                "Repetition och inlämning"
            ],
            "description": [],
            "statments": [
                {
                    "links": "document",
                    "link": "https://bit.ly/2ENPVEZ",
                    "description": [
                        "Webb terminologi"
                    ]
                },
                {
                    "links": "document",
                    "link": "https://bit.ly/3hZPeGK",
                    "description": [
                        "Lista om html element"
                    ]
                },
                {
                    "description": [
                        "Några kommentarer som av olika anledningar inte kunde vara i själva uppgiften."
                    ]
                },
                {
                    "description": [
                        "🔗 ",
                        [
                            {
                                "link": "https://htsit.se/f/submission.zip"
                            },
                            "Filer till inlämningen"
                        ]
                    ]
                }
            ],
            "comment": []
        }
    ],
    "kind": "planning"
}