Google Font API

Misschien leuk & handig, Google heeft sinds een tijdje een API waarmee je fonts online kunt gebruiken die anders zijn dan de standaard Times, Arial of Verdana etc. Op deze manier hoef je dus niet meer eindeloos plaatjes te knippen als je ergens een strak lettertje wilt.

http://code.google.com/intl/nl/apis/webfonts/ Hier staat hoe je 't een en ander moet doen.

Nog een leuke op dit gebied is TypeKit, maar daar moet je registreren en betalen als je meer dan 2 verschillende fonts op je site wilt gebruiken. Maar zij hebben dan ook 'officiele' letters (de Museo is schitterend vind ik, en nog gratis ook).

F.

Webdesign

De les van woensdag is bedoeld om gerichte vragen te stellen, over je eigen pagina, of over de site van Jeroen. Dus als iedereen zijn vragen/problemen een beetje zou willen inventariseren dan zou dat handig zijn en kunnen we wel een les vullen.

F.

Geen webdesign morgen

Want we hebben Studium Generale (natuuuurlijk :p)

F.

Webdesign les 2

Excuus voor de vertraging maar hier staat de 2e les webdesign.

Hier de reference van CSS
Hier de link met bruikbare webfonts
Hier de sheets van deze week

De opdracht voor volgende week:

Maak een design voor je kunstenaarspagina, die je later opknipt en gebruikt om je site mee vorm te geven.

- Maak gebruik van div's om alles te positioneren
- Zet afbeeldingen in de achtergrond van een div (bijvoorbeeld je header), zoek in de CSS reference op hoe je dit doet
- Geef je tekst een stijl mee, verander het lettertype en de kleur bijvoorbeeld. Andere aanpasbare eigenschappen staan in de CSS reference
- Je kunt de layout gebruiken die we in de les hebben gemaakt (header, 2 kolommen, footer) gebruiken of een variatie erop verzinnen, zoek zelf uit hoe je bijvoorbeeld 3 kolommen kunt maken, of zonder header/footer iets maakt
- Zorg dat je HTML en CSS valide is (klik hier voor de online validator)

Succes!
F.

Webdesign les 1

Download hier de pdf

Linkjes naar verschillende browsers:
Firefox
Opera
Safari
Google Chrome

Reference met HTML tags: hier
W3Schools: hier

Opdracht voor volgende week:

Maak een geldig HTML document met:
- Een afbeelding van jezelf of van je werk.
- Een paragraaf met een stukje over jezelf als ontwerper.
- Binnen de paragraaf een link naar een downloadbaar bestand, bijvoorbeeld een pdf met je CV of portfolio.
- Maak gebruik van logische benamingen en een goede mapstructuur.

Succes!
F.