Webbutveckling i Webbskolan

Välkommen till Webbskolan och en nybörjarkurs i HTML & CSS!

Vi börjar från början – inga förkunskaper behövs. Varje kapitel innehåller förklaringar, exempel och övningar. Du lär dig en sak i varje kapitel. Ta god tid på dig. Att öva webb, och att lära sig att hitta hjälp om saker du inte redan kan, är det absolut viktigaste för att långsiktigt fortsätta utvecklas.

För att komma åt de olika lektionerna behöver du vara inloggad. Normalt är du det via mina kurser på Art College men jag gör även andra varianter. Skriv till mig för mer info.

Innehållsförteckning

  1. Vad är HTML?
    Du bygger ett CV som en enkel hemsida med olika textformateringar, rubriker och bilder.
  2. Vad är CSS?
    Du bygger vidare på ditt CV med färger, typsnitt, och storlekar.
  3. Länkar och listor
  4. HTML-dokumentet (& indentering)
  5. Att felsöka en hemsida
  6. Strukturen på större dokument (semantisk HTML)
  7. Avancerade CSS selectors
  8. Layouter & floats
  9. Mobilvänlig hemsida (med Media Quieries)
  10. Utskriftsvänlig hemsida (också med Media Queries)

All feedback eller idéer är bra idéer så tveka aldrig att höra av dig!

Trevlig läsning & övning :)


Länkar

Utvecklas vidare

Följande har jag ännu inte kunnat ta upp. Jag skriver det för att det kan vara bra att veta så man kan läsa vidare själv.

  • Layouter i HTML / CSS har alltid varit ganska knöligt. För att förenkla det finns en ny teknik, Flexbox, som verkar vara bra. Som allt annat är det en förfining och vidareutveckling av de tidigare teknikerna.
  • PHP-skola som fått bra omdöme
  • Viewport – Mappa storleken på skärmen på en telefon mot datorn
  • CSS reset – En teknik för att nollställa alla CSS-värden. Det finns många olika varianter. HTML5 Reset eller Eric Meyer verkar vara de mest poppis.
  • Jag tror att JavaScript är ett av de språk som behövs mycket folk som kan. Mycket av tex Facebook & Gmail är skrivet i JavaScript.
  • CSS-ramverk som tex. Bootstrap är väldigt populära och i större system används de i princip alltid.

För er som använde detta material tidigt finns version 1 fortfarande tillgängligt.