Kursmaterial
Här finns material till flera olika kurser jag har. Jag länkar här så jag kan ha dem på ett ställe. Listan uppdateras efter hand. (en del material är gammalt)
Poster med orange kant = har vi jobbat med
Poster med röd kant = de senast tillagda
| HTML | CSS | Diverse |
| Välj att märka ut delar av HTML-koden, för att kunna påverka den med CSS | Textegenskaper - de vanligaste egenskaperna och värdena LABB 1 |
Optimera bilder i Photoshop - hur du hämtar bilder du har rätt att använda från flickr, samt hur du optimerar och skräper i Photoshop. |
| Validera HTML hos W3.org | CSS referens, Sitepoint - mycket bra onlineresurs, där du får all information du kan tänkas behöva om CSS (engelska) | Kontrollera färgkontrast på din webbsida. Funkar den för personer med synhandikapp? |
| Testa dina HTML-kunskaper med ett quizz på nätet. | CSS lathund 1 | Skapa webbplats med Dreamweaver CS3 - serie om 17 korta videor som beskriver olika steg för att skapa en webbplats. |
| CSS lathund 2 | Ladda upp webbplatser med ftp via Dreamweaver CS4. | |
| Informationsarkitektur, översatt från denna artikel - i denna förnämliga serie. | Arbeta med selektorer - hur man kan använda klasser och id och | Dela en bild i segment i Photoshop och exportera |
| Validera CSS hos W3.org | Bygg upp en layout i Dreamweaver från den uppdelade Photoshopfilen | |
| Dreamweaver CS5 | Positionera med CSS | Infoga video (swf) i CS3. |
| Gränssnitt | Meny med listor (text) Meny med listor (video) |
Infoga video (fla) i CS3. |
| Hantera plats, ny fil | CSS float - grunden till en vänstermeny | Skissmaterial: tredjedelsregeln, 960-grid |
| Ny plats, ny fil | CSS float - för bilder | |
| Infoga rubrik, bild | css (float) clear - upphäv float | |
| Flytta vertikal meny till horisontell | Fejkade kolumner med CSS (faux columns) | PowerPoint |
| Spry - nedfällbar meny | Skugga under bild, Så här gör du | Länkar till introduktioner i PowerPoint |
| Spry - flikpanel. För ex. visning av bilder. | skuggbilden (obs! spara i png-24 i stället så funkar det mot alla bakgrunder!) | |
| Bygg webbsida med mall från Dreamweaver och bild från Photoshop, del 1, del 2, del3, del 4 | Meny med listor (video) LABB 3 |
Design |
| Bättre typsnittslistor (font-stack) | 4 principer för design |