vrijdag 25 maart 2011

Jouw eigen website

Hoi iedereen!

Hier is Marilou weer! Vandaag neem ik het even over van Astrid!

In deze tijd is internet eigenlijk onmisbaar geworden! Weet je even iets niet, dan zoek je het op. Muziek, informatie, ALLES is te vinden op internet. Zoveel websites dat je ze nooit allemaal gezien kunt hebben. Maar hoe maak je eigenlijk een website? Hier leer ik jullie de basis stappen van een website bouwen!
Een website bouwen kan je in verschillende programma’s doen, maar er bestaan ook website’s waar je een website kan bouwen. Wij beginnen nu met het programma kladblok, dit is een standaard programma dat iedereen op z’n computer heeft!

Een website bouwen doe je in een programmeertaal, je vertelt dus hoe de website eruit moet zien! De meest gebruikte is HTML (deze gaan wij ook gebruiken), maar er bestaat ook CSS, PHP en zo zijn er nog heel veel!

HTML is een afkorting van Hyper Text Markup Languag.. Zoals de term al zegt is het een "opmaak taal”. Iedere pagina van een website bestaat uit elementen hierbij moet je denken aan tekst, plaatjes, tabellen etc. Ieder element bestaat uit drie delen: Een begintag, de inhoud en de eindtag. Een tag is HTML code die tussen twee haken staat: <>. Een begintag is bijvoorbeeld: <HTML>, een eindtag is eigenlijk hetzelfde maar je zet er een / bijvoorbeeld: </HTML>. Je begint dus iets, en je eindigt het weer. (Let er dus op dat je het ook altijd weer eindigt!!)

Het basismodel van een HTML pagina ziet er zo uit: (Let goed op waar je de tag eindigt en begint!)

<HTML>
<HEAD>
<TITLE>Hier vul je de titel van je pagina in.</TITLE>
</HEAD>
<BODY>
Hier komt de inhoud van je pagina.
</BODY>
</HTML>

<HTML> : Hier maak je dus duidelijk dat je een HTML pagina wilt maken
<HEAD>: wordt gebruikt om belangrijke informatie over de pagina in op te nemen. Deze informatie is (vrijwel altijd) onzichtbaar voor de bezoeker van je pagina. Je vindt hier vaak de titel van de pagina (zie hieronder)
<TITLE>: Hier komt de titel van je pagina
<BODY>: Hier komt de inhoud van je pagina! Hier zet je je tekst, tabellen etc.

Tekst
Natuurlijk wil je ook tekst op je website! Dit kan je doen door de tekst te typen tussen <BODY> en </BODY>. Nou is zo’n simpel verhaaltje wel leuk, maar het is natuurlijk leuker als je de tekst wat kunt aanpassen! Hier wat tags waarmee je ze kunt opmaken!

<B> Zo krijg je dikgedrukte tekst! </B>
<U> Zo krijg je onderstreepte tekst!</U
>
<I> Zo krijg je schuingedrukte tekst! </I>

Wil je de tekst groter dan doe je dit met een FONT tag. Dit werkt zo:
<FONT size=”6”> De size wil dus de grote van je tekst zeggen, dit kan van 1 tot 7 </FONT>

Ook kan je bepaalde lettertype aangeven, dit doe je weer met een FONT tag:
<FONT face=”Verdana”> Nu geef je dus aan dat het lettertype (face) Verdana is! </FONT>

Wil je de kleur ook nog aanpassen dan doe je het zo!:
<FONT color=”red”> Zo zeg je dat de kleur rood is! </FONT>

Dit kan je allemaal in één doen natuurlijk!:
<FONT size=”2” face= “Arial” color=”red”> Nu krijg je grootte twee, lettertype Arial en kleur rood! </FONT>


Zo.. veel informatie hè? Haha, nouja veel succes met je eigen website bouwen! Wil je nog meer leren? Hier heb ik wat websites die je meer basisdingen leren:
http://www.homepage-maken.nl/htmlcursus/lessenoverzicht.php of http://home.hccnet.nl/t.amerongen/HTML-Cursus%20Michael%20Doel.htm

Veel succes! En ik zou het leuk vinden om jullie resultaten te zien! :)

Liefs, Marilou

PS: Als je je HTML pagina op wilt slaan, sla dit dan zo op: voorbeeld.html

Geen opmerkingen:

Een reactie plaatsen