Willkommen zum Kurs „Digitalkompetenzen“ (ehemals „Webdesign“) der Fakultät für Design{ "de": "Wird in einem neuen Tab geöffnet", "en": "Opens in a new tab" } an der Hochschule München.
Folien & Skripte
Dieser Kurs ist in einzelne Blöcke aufgeteilt. Generell wird pro Kurstermin ein Block abgehandelt und im Anschluss hier veröffentlicht, es kann allerdings auch vorkommen, dass an einem Termin mehrere Blöcke, oder ein Block über mehrere Termine besprochen werden.
Aktualisiert:01: Einführung
Aktualisiert:02: Barrierefreiheit & DOM
Aktualisiert:03: Ordnerstruktur und erste Schritte in HTML
Aktualisiert:04: Struktur, Links & Bilder
Aktualisiert:05: Endlich hübsche Websites mit CSS
Aktualisiert:06: Erweitertes CSS: Fonts, Flexbox und Raster
'%3e%3crect%20width='300'%20height='200'%20fill='%23F9F9F9'/%3e%3cpath%20opacity='0.5'%20d='M19.8608%20188.767C16.929%20188.756%2014.4063%20188.034%2012.2926%20186.602C10.1903%20185.17%208.57102%20183.097%207.43466%20180.381C6.30966%20177.665%205.75284%20174.398%205.7642%20170.58C5.7642%20166.773%206.3267%20163.528%207.4517%20160.847C8.58807%20158.165%2010.2074%20156.125%2012.3097%20154.727C14.4233%20153.318%2016.9403%20152.614%2019.8608%20152.614C22.7813%20152.614%2025.2926%20153.318%2027.3949%20154.727C29.5085%20156.136%2031.1335%20158.182%2032.2699%20160.864C33.4063%20163.534%2033.9688%20166.773%2033.9574%20170.58C33.9574%20174.409%2033.3892%20177.682%2032.2528%20180.398C31.1278%20183.114%2029.5142%20185.187%2027.4119%20186.619C25.3097%20188.051%2022.7926%20188.767%2019.8608%20188.767ZM19.8608%20182.648C21.8608%20182.648%2023.4574%20181.642%2024.6506%20179.631C25.8438%20177.619%2026.4347%20174.602%2026.4233%20170.58C26.4233%20167.932%2026.1506%20165.727%2025.6051%20163.966C25.071%20162.205%2024.3097%20160.881%2023.321%20159.994C22.3438%20159.108%2021.1903%20158.665%2019.8608%20158.665C17.8722%20158.665%2016.2813%20159.659%2015.0881%20161.648C13.8949%20163.636%2013.2926%20166.614%2013.2812%20170.58C13.2812%20173.261%2013.5483%20175.5%2014.0824%20177.295C14.6278%20179.08%2015.3949%20180.42%2016.3835%20181.318C17.3722%20182.205%2018.5312%20182.648%2019.8608%20182.648ZM39.6634%20188L54.1349%20159.364V159.125H37.277V153.091H61.7713V159.21L47.2827%20188H39.6634Z'%20fill='%23222222'/%3e%3cpath%20d='M166.5%200H429V200H129L166.5%200Z'%20fill='%23333333'/%3e%3cpath%20d='M205.158%2033.1579C205.158%2030.3093%20207.467%2028%20210.316%2028H259.316C262.164%2028%20264.474%2030.3093%20264.474%2033.1579V70.5526H205.158V33.1579Z'%20fill='%23333333'%20stroke='%23FEFEFE'%20stroke-width='2.57895'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M200%2071.8421C200%2074.6907%20202.309%2077%20205.158%2077H264.474C267.322%2077%20269.632%2074.6907%20269.632%2071.8421V70.5526H239.974H229.658H200V71.8421Z'%20fill='%23333333'/%3e%3cpath%20d='M239.974%2070.5526H269.632V71.8421C269.632%2074.6907%20267.322%2077%20264.474%2077H205.158C202.309%2077%20200%2074.6907%20200%2071.8421V70.5526H229.658M239.974%2070.5526V70.9825C239.974%2071.6946%20239.396%2072.2719%20238.684%2072.2719H234.816H230.947C230.235%2072.2719%20229.658%2071.6946%20229.658%2070.9825V70.5526M239.974%2070.5526H229.658'%20stroke='%23FEFEFE'%20stroke-width='2.57895'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M210.316%2033.1579H259.316V65.3947H210.316V33.1579Z'%20fill='%23333333'%20stroke='%23FEFEFE'%20stroke-width='2.57895'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M73.875%2030.75H55.125C53.0539%2030.75%2051.375%2032.4289%2051.375%2034.5V64.5C51.375%2066.5711%2053.0539%2068.25%2055.125%2068.25H73.875C75.9461%2068.25%2077.625%2066.5711%2077.625%2064.5V34.5C77.625%2032.4289%2075.9461%2030.75%2073.875%2030.75Z'%20stroke='%23222222'%20stroke-width='2.10938'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M64.5%2060.75H64.5195'%20stroke='%23222222'%20stroke-width='3.51562'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_7134_43677'%3e%3crect%20width='300'%20height='200'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
Aktualisiert:07: Responsivität, Dark-Mode und Animationen
Aktualisiert:08: Rechtliche Aspekte, Hosting und Ausblick
Wichtige Links
Hier findet ihr eine Sammlung von Werkzeugen, Downloads und Beispielen für den Kurs.
Design-Werkzeuge
Code-Editoren
Beispiele
Fragen? Anregungen?
Gerne könnt ihr mich via E-Mail erreichen, falls ihr irgendwo feststeckt, etwas nicht klar sein sollte, irgendwelche Fragen aufkommen — oder ihr es mal nicht zu einem Kurstermin schafft.