HOOFDSTUK 1 HTML Stramien en tekst
Om te oefenen met het stramien kan je hier terecht:
HOOFDSTUK 2 HTML Afbeeldingen
Belangrijk met het werken met afbeeldingen is het Copyright. Gebruik alleen afbeeldingen van jezelf, waar je het copyright over hebt of van stockphoto sites waar de afbeeldingen vrij gebruikt kunnen worden of waar je voor betaald.
STOCKPHOTO SITES
Afbeeldingen met copyright maar tegen betaling te gebruiken vind je hier:
Bij Istockphoto zit een prachtig Engelstalig zoeksysteem zodat je passende foto’s vindt bij je onderwerp.
Vrij te gebruiken afbeeldingen (zonder copyright) vind je hier:
GRAFISCHE EDITOR
Natuurlijk heb je met Adobe Photoshop alle mogelijkheden om grafisch aan de slag te gaan, tegen betaling.
Met het grafische gratis open source pakket Paint.NET kan je afbeeldingen bewerken, met lagen werken, afsnijden en of verkleinen.
Je kan het pakket voor Windows hier downloaden:
De instructievideo voor Paint.NET vind je hier:
HOOFDSTUK 3 HTML Hyperlinks
Zodra je met een website begint, vang je aan met een duidelijk plan. Niet alleen je doelgroep, de informatie en de ordening door middel van het menu maat ook van de informatie achter de site; je mappenstructuur. Belangrijk is dat je dit doet voordat je aanvangt met het bouwen van je site, immers de relatieve verwijzing naar afbeeldingen en pagina’s moet wel werken. Ook als je straks je site on-line hebt geplaatst. Hoe het ook al weer zit met relatieve en absolute verwijzingen laat deze video zien: File organisation
Webpagina’s worden opgemaakt in de HTML taal. Om er 100% zeker van te zijn dat je pagina volgens de HTML taal is opgemaakt en geen fouten bevat kun je de validator van W3C gebruiken om je pagina’s te laten controleren. Je kan de URL van je pagina opgeven, de file uploaden of kopiëren naar de validator.
De validator voor HTML vind je op validator.w3.org
Kleurverloop of gradiënt met een afbeelding
Om een kleurverloop of gradiënt in te stellen op de achtergrond van je website zijn er meerdere mogelijkheden. De eerste is een afbeelding op te nemen als achtergrond.
Maak een afbeelding van 1 pixel breed waarbij de kleur van wit naar blauw verloopt. Dit kan binnen Paint.NET. Een tip hiervoor vind je hier.
Kleurverloop of gradiënt met CSS
In plaats van gebruik te maken van een afbeelding met kleurverloop kan je een kleurverloop ook met behulp van CSS instellen:
background: linear-gradient(20deg, #123dfa, #ff0000, #F9C, #FF0);