%20 Blog

Flower

Posts Tagged ‘programmeren’

Cursus HTML met CSS les 1 (geen computer nodig)

Wegens veel vraag naar hulp bij het maken van een website heb ik besloten een cursus te schrijven. Ik ben niet goed in het maken van websites, maar ik snap wel hoe het werkt, en ik heb zo mijn techniek om tot een acceptabele website te komen.

De eerste stap is het bedenken waarom je een website gaat maken. Wat is de content, en voor wie is het bedoeld. Vaak is je eerste website een persoonlijke pagina, waar je wat wilt schrijven over jezelf, eventueel je gezin. Fotos delen, misschien een mogelijkheid voor mensen om berichtjes achter te laten.

Als je hier een beetje een beeld van hebt, kun je gaan kiezen wat voor soort website je wilt bouwen. Een kleine site, die af en toe geupdate wordt met vakantie fotos en een verjaardagsverhaaltje kun je het beste zelf bouwen. Grotere websites zijn makkelijker om bovenop een content management systeem (cms) te bouwen. Voor nu laten we cms even links liggen, en richten we ons op zelf een website bouwen.

Maar hoe moet deze site er uit zien? Dit heb je waarschijnlijk wel in je hoofd zitten, maar je hebt geen idee hoe je dit naar een website kunt vertalen. Naar mijn idee is het het makkelijks om een vel papier te pakken, en een set stiften of krijtjes. Zo grof mogelijk tekenmateriaal, dat geeft je namelijk meer vrijheid om conceptueel te denken.

Beschouw het papier als een full-screen beeld in je browser. En teken in de beeld je website. Gewoon lekker krabbelen, scheef is alleen maar mooier voor je schets. Laat je ook nooit beperken door dingen waarvan je denkt dat ze niet gemaakt kunnen worden. Dat komt wel in de bouw fase, nu is het belangrijk dat er een ontwerp komt.

Dit is het ontwerp wat we deze cursus gaan gebruiken. Een simpele opzet met titelbalk, menubalk links en groot hoofdvak.