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.

Jag har skrivit allt material för att fungera till webbkursen jag undervisar i på Art College i Göteborg. Visionen var att göra en hel bok men efter hand som materialet växte ville jag vara flexibel att ändra det inför varje termin. Efter hand jag såg vad som funkade och inte funkade.

Feedback, frågor och kommentarer är varmt välkomna och bidrar mycket till att materialet blir bättre!

Trevlig läsning & övning :)

//Ola


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)

Länkar

Utvecklas vidare

Det finns tusen tekniker att lära sig. Här är förslag på några.

  • 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.
  • 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.
  • 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.
  • CSS-ramverk som tex. Bootstrap är väldigt populära och i större system används de i princip alltid.