Inhoudsopgave. Inhoudsopgave Inleiding Het begin Opmaak Formulieren Editors Webbrowsers...
|
|
|
- Esther Janssen
- 8 jaren geleden
- Aantal bezoeken:
Transcriptie
1 1
2 Inhoudsopgave Inhoudsopgave Inleiding Het begin Opmaak Formulieren Editors Webbrowsers Webhosting Website uploaden Website promotie Slot
3 1. Inleiding. HTML is een taal die je programmeert om websites te maken. Het lijkt heel moeilijk, maar dat is het totaal niet. In dit boek staat een cursus om HTML onder de knie te krijgen. Met behulp van lessen werken we het project af. Je begint met niets, maar na de lessen heb je de basiskennis in je. De website die je met behulp van de lessen maakt is niet mooi, maar de kennis die je krijgt is heel belangrijk om een mooie website te maken. Let op: In de cursus staan alle elementen en attributen met hoofdletters geschreven. Dit is NIET verplicht, maar dit is gedaan om de elementen en attributen duidelijk naar voren te halen. Naast een cursus staan er ook nog andere interessante dingen, zoals het assortiment aan webbrowsers, informatie over website promotie, over webhosting en nog meer. HTML School wenst je succes met de cursus en hoopt dat je een goede HTML scripter wordt. 3
4 2. Het begin. HTML bestaat uit elementen en attributen. Een attribuut hoort bij een element. Een commando in HTML wordt geplaatst tussen < en >. Een commando tussen < en > heet een tag. Je mag programmeren met hoofdletters en kleine letters. HTML ziet hier geen onderscheid in. Een website wordt opgesplitst in 2 lagen. Een head laag en een body laag. De HEAD laag: In de HEAD laag staan commando s die je eigenlijk niet terugziet in de website. In de HEAD worden de berekeningen van de website gemaatk. In de HEAD kan de titel van de website staan, een verwijzing naar een css bestand en de metatags (hierin staat informatie voor zoekmachines, hier leer je later meer over.) De BODY laag: In de BODY laag staat de werkelijke inhoud van de site. Heel de site maak je tussen de body tags. Beginnen: Het programmeren doe je in een editor. Een editor is een programma zoals word. Maar dan anders. Een editor zorgt ervoor dat je overzichtelijk kan programmeren en het kan opslaan. Je kunt bijvoorbeeld ook met Kladblok programmeren. Deze raad ik echter niet aan. Omdat dit behoorlijk onoverzichtelijk werkt. In een echte editor worden de tags met kleuren aangegeven en je kunt je script er netjes mee ordenen. Goede editors zijn bijvoorbeeld: Editplus en Dreamweaver. Maar om te beginnen kan je gewoon Kladblok gebruiken. Je vindt Kladblok bij Start>Alle Programma s> Bureau-accessoires>Kladblok. Start Kladblok op. Je krijgt nu een leeg scherm. Hierin wordt dus de website gebouwd. Je moet nu aangeven dat de website met html wordt gemaakt. Typ het volgende: Je heb metgeopend en met weer afgesloten. Een opdracht sluit je weer af met een / voor het commando> Nu gaan we de head openen. Dit doe je tussen en 4
5 We gaan nu eerst de website opslaan. Ga naar bestand en klik op Opslaan als. Nu moet je het bestand opslaan als index.html. Let erop dat je het niet als.txt opslaat maar als.html. (Het is handig als je voor deze cursus een map website aanmaakt en de website daarin in opslaat). Ga naar de plek waar je index.html heb opgeslagen. Open het met je webbrowser. Een webbrowser is het programma waarmee je op het internet gaat. Dit kan Internet Explorer zijn, maar ook Opera, Firefox, Netscape, Safari of Google Chrome. Als je index.html geopend heb met je webbrowser zie je niets anders dan een kale pagina. Als je bovenin de balk kijkt zie je dat de naam van de website index.html is. Dit gaan we nu veranderen. We gaan nu in de head de tag <TITLE> plaatsen. Je zet de naam van de website tussen het openen en sluiten van de titel. Dus zo <TITLE>Mijn eerste html kennis</title>> <TITLE>Mijn eerste html kennis</title> Als je het bestand nu weer opslaat. En je opent het opnieuw. Dan zie je bovenin de balk Mijn eerste html kennis staan. Met de HEAD gaan we nu niet meer verder. We gaan nu beginnen met de BODY. Je begint de BODY waar je de HEAD heb geëindigd. Dat ziet er dus zo uit. <TITLE>Mijn eerste html kennis</title> <BODY> 5
6 3. Opmaak Een witte achtergrond kan redelijk saai zijn. We gaan nu de kleur aanpassen van de achtergrond, dit doe je met de tag bgcolor. Je zet deze achter BODY tussen de haakjes. Bij het gebruik van de kleur gebruik je een code. Deze code is hexadecimaal. Op deze website staan de kleurcodes. In plaats van de kleurcodes kan je ook bijvoorbeeld blue of red gebruiken. Je kan dus de engelse benamingen van kleuren gebruiken, maar hierin zijn weinig keuzes. Achter BGCOLOR zet je het = teken. De kleur zet je tussen aanhalingstekens. > <TITLE>Mijn eerste html kennis</title> <BODY BGCOLOR="#aaaaaa"> Nu kunnen we gaan beginnen met de werkelijke opbouw van de website. We gaan nu tekst plaatsen in de website. Het leuke hiervan is dat er helemaal geen tag nodig is. En toch verschijnt het. Tussen de BODY tags typ je: Welkom op mijn eerste website. <TITLE>Mijn eerste html kennis</title> <BODY BGCOLOR="#aaaaaa"> Welkom op mijn eerste website. Sla het bestand op en bekijk het in je webbrowser. Je ziet nu dat links bovenin Welkom op mijn eerste website staat. De letters zijn nu erg klein en saai voor een welkoms tekst. We gaan eerst de tekst centreren naar het midden van het scherm. Typ voor de tekst en na de tekst De code ziet er nu als volgt uit: <TITLE>Mijn eerste html kennis</title> <BODY BGCOLOR="#aaaaaa"> Welkom op mijn eerste website. 6
7 Als je het bestand nu opslaat en het in je webbrowser opent, dan zie je dat de tekst gecentreerd staat. We gaan nu de tekst opmaken. Dus groter en met een andere kleur. We kiezen voor de rode kleur. Als je tekst wil opmaken, dan gebruik je het commando s <FONT>. Na de tekst zet je </FONT>. Je geeft aan dat er nu iets met de tekst moet gebeuren. Maar nog niet specifiek wat. Nu zet je in de eerste tag wat de bedoeling is. Dat gaat als volgt: <FONT SIZE= 3 COLOR= red > Je begrijpt denk ik al dat SIZE de grootte is en COLOR de kleur. De kleur zet je tussen aanhalingstekens. Vergeet deze aanhalingstekens niet, anders werkt de code niet. De code ziet er nu zo uit. <TITLE>Mijn eerste html kennis</title> <BODY BGCOLOR="#aaaaaa"> <FONT SIZE="6" COLOR="blue"> Welkom op mijn eerste website. </FONT> Controleer het zoals je gewend ben. Een Enter maak je met de BR element. HET commando is dus. Als je dus 2 keer achter elkaar zet, dan is dat 2 keer enter. We voegen nu een kleine zin toe. Let op, de code wordt nu al wat ingewikkelder. <TITLE>Mijn eerste html kennis</title> <BODY BGCOLOR="#aaaaaa"> <FONT SIZE="6" COLOR="blue"> Welkom op mijn eerste website. </FONT> <FONT SIZE="2" COLOR="green"> Gemaakt door (jouwnaam). </FONT> 7
8 We gaan nu een plaatje onder de tekst zetten. Maak in de map website een nieuwe map genaamd "plaatjes" aan. Zet in deze map de afbeelding adelaar.jpg. Dit is de onderstaande afbeelding. Een afbeelding plaatsen doe je met het commando <IMG SRC=./plaatjes/adelaar.jpg >. Als je een map hoger wilt, dan gebruik je:./ <TITLE>Mijn eerste html kennis</title> <BODY BGCOLOR= #aaaaaa > <FONT SIZE="6" COLOR="blue"> Welkom op mijn eerste website. </FONT> <FONT SIZE="2" COLOR="green"> Gemaakt door (jouwnaam). </FONT> <IMG SRC="./plaatjes/adelaar.jpg"> 8
9 Je kunt het op de gebruikelijke manier testen. Je ziet dat het plaatje van de adelaar onder de tekst staat. Omdat je gek bent van vogels gaan we onder het plaatje van de adelaar een link zetten naar de website van de vogelbescherming. De website is (Dit gebruiken we natuurlijk als voorbeeld). Een link maak je als volgt. <A HREF= >Bescherm deze vogel</a>. Je ziet dat de tekst tussen de link en het einde komt. <TITLE>Mijn eerste html kennis</title> <BODY BGCOLOR="#aaaaaa"> <FONT SIZE="6" COLOR="blue"> Welkom op mijn eerste website. </FONT> <FONT SIZE="2" COLOR="green"> Gemaakt door (jouwnaam). </FONT> <IMG SRC="./plaatjes/adelaar.jpg"> <A HREF=" deze vogel!</a> 9
10 4. Tabellen Tabellen zijn erg handig voor de indeling van je website. Je zult misschien denken wat moet ik met tabellen. Die zie ik nooit op een website. Maar ze worden wel gebruikt. De lijnen zijn namelijk weggewerkt. Een tabel in elkaar zetten vergt best wel even een hoop werk. We maken eerst even een nieuw bestand waarin we gaan oefenen met tabellen, daarna gaan we ze in de vorige code plaatsen. Zodat de website 1 geheel krijgt. Open een nieuw leeg veld en noem deze: tabellen.html. Zet daar in het volgende: <TITLE>Oefenen met tabellen.</title> <BODY> Je ziet nu een lege grijze website met als titel: "oefenen met tabellen". Een tabel start je met de tag <TABLE>. Deze behoort aan het einde van de website ook weer gesloten te worden met </TABLE>. Zet <TABLE> onder. De tabel zal nu ook gecentreerd worden. <TITLE>Oefenen met tabellen.</title> <BODY> <TABLE> </TABLE> We geven ook aan hoe dik de rand van de tabel moet zijn. Dit doen we om te kijken of de tabel goed is. Een rand van een tabel geef je aan met BORDER. De dikte van de lijn doe je als volgt: BORDER= "3" dit zet je tussen de tag <TABLE> achter TABLE. <TITLE>Oefenen met tabellen.</title> 10
11 <BODY> <TABLE BORDER="3"> </TABLE> Je werkt in een tabel met rijen en cellen. Een nieuwe rij maak je met <TR>. <TR> gebruik je als je in de verticale lijn wilt werken. Een nieuwe cel in deze rij maak je met <TD>. Dit is dus in de horizontale kant. In het begin is dit nogal verwarrend. We plaatsen nu <TR> onder <TABLE> We geven dus aan dat we een nieuwe rij willen maken. Je eindigt een <TR> met. Als je nu het bestand opslaat zal je niks zien. <TITLE>Oefenen met tabellen.</title> <BODY> <TABLE BORDER="3"> <TR> </TABLE> De <TD> tag zet je onder <TR>. Want je bouwt een nieuwe cel in een rij. <TITLE>Oefenen met tabellen.</title> <BODY> <TABLE BORDER="3"> <TR> <TD></TD> </TABLE> 11
12 Als je nu opslaat zie je een heel klein tabelletje. Hoe komt het dat het zo klein is? Dit komt omdat de breedte en de hoogte nog niet zijn aangegeven. Je zet de hoogte en de breedte in een tag. De hoogte doe je met HEIGHT en de breedte met WIDTH. Hierachter zet je het = teken. De breedte of hoogte zet je tussen quotes. Je geeft eerste een totale breedte en hoogte van de tabel dit zet je in <TABLE>. <TITLE>Oefenen met tabellen.</title> <BODY> <TABLE HEIGHT="400" WIDTH="600" BORDER="3"> <TR> <TD></TD> </TABLE> De tabel is nu 1 vlak. We gaan hier nu verandering in brengen. We maken er 4 cellen van. Met een kruis in het midden. We voegen een extra <TD> in de tabel. Dit geeft nu 2 cellen naast elkaar. Vervolgens sluit je de <TR> met en open je een nieuwe <TR> en je voegt er opnieuw 2 keer <TD> in die ook weer wordt afgesloten. <TITLE>Oefenen met tabellen.</title> <BODY> <TABLE HEIGHT="400" WIDTH="600" BORDER="3"> <TR> <TD></TD> <TD></TD> <TR> <TD></TD> <TD></TD> </TABLE> 12
13 Als je het nu opslaat dan zie je nog geen verschil dit komt omdat er helemaal geen hoogtes of breedtes van de cellen zijn aangegeven. Je weet al hoe je dit moet doen. <TITLE>Oefenen met tabellen.</title> <BODY> <TABLE HEIGHT="400" WIDTH="600" BORDER="3"> <TR HEIGHT="200"> <TD WIDTH="300"></TD> <TD WIDTH="300"></TD> <TR HEIGHT="200"> <TD WIDTH="300"></TD> <TD WIDTH="300"></TD> </TABLE> Als je opslaat zie je dat er helemaal niks veranderd is. Dit komt omdat er nog geen inhoud in de cellen staat. We zetten nu wat tekst in de cellen. <TITLE>Oefenen met tabellen.</title> <BODY> <TABLE HEIGHT="400" WIDTH="600" BORDER="3"> <TR HEIGHT="200"> <TD WIDTH="300">Cel 1</TD> <TD WIDTH="300">Cel 2</TD> <TR HEIGHT="200"> <TD WIDTH="300">Cel 3</TD> <TD WIDTH="300">Cel 4</TD> </TABLE> 13
14 We zijn nu al best ver met de tabellen. We leren nu nog enkele dingen en dan is het goed toe te passen in de website. We leren nu om cellen samen te voegen. Cellen samenvoegen doe je met COLSPAN en ROWSPAN. ROWSPAN is om verticaal uit te lijnen en COLSPAN om horizontaal uit te lijnen. We passen COLSPAN toe op de bovenste twee cellen. De waarde die je tussen de quotes zet is de hoeveelheid cellen die je samen wilt voegen. Je zet COLSPAN="2" in de <TD> van de eerste cel. De tweede cel moet je verwijderen. <TITLE>Oefenen met tabellen.</title> <BODY> <TABLE HEIGHT="400" WIDTH="600" BORDER="3"> <TR HEIGHT="200"> <TD WIDTH="300" COLSPAN="2">Cel 1 en 2</TD> <TR HEIGHT="200"> <TD WIDTH="300">Cel 3</TD> <TD WIDTH="300">Cel 4</TD> </TABLE> Tussen de tabellen zit nu een ruimte, deze kan breder of smaller worden gemaakt. Dit doe je met CELLSPACING. Om geen ruimte tussen te cellen te hebben zet je de waarde op 0. <TITLE>Oefenen met tabellen.</title> <BODY> <TABLE HEIGHT="400" WIDTH="600" BORDER="3" CELLSPACING="0" > <TR HEIGHT="200"> <TD WIDTH="300" COLSPAN="2">Cel 1 en 2</TD> <TR HEIGHT="200"> <TD WIDTH="300">Cel 3</TD> <TD WIDTH="300">Cel 4</TD> </TABLE> Je weet nu genoeg om een mooie tabel te maken. Als je BGCOLOR in een TD zet, dan kan je nog een cel een achtergrond kleur geven. Met BORDERCOLOR kan je de kleur van de rand 14
15 bepalen. Met VALIGN="top" kan je de tekst bovenin de tabel zetten. We kunnen het nu mooi toepassen in de website waarmee we bezig waren. Open index.html We gaan de website in een tabel zetten. De code is nu een stuk langer. Schrik niet, want het is allemaal wat je net geleerd heb. <TITLE>Mijn eerste html kennis</title> <BODY bgcolor="#aaaaaa"> <TABLE HEIGHT="600" WIDTH="800" BORDER="3" CELLSPACING="0" > <TR HEIGHT="150"> <TD WIDTH="600" COLSPAN="2" VALIGN="top"> <center> <FONT SIZE="6" COLOR="blue"> Welkom op mijn eerste website. </FONT> </center> </TD> <TR HEIGHT="450"> <TD WIDTH="200" VALIGN="top"> Hier kan het menu onder </TD> <TD WIDTH="300" VALIGN="top"> <FONT SIZE="2" COLOR="green"> Gemaakt door (jouwnaam). </FONT> <IMG SRC="./plaatjes/adelaar.jpg"> <A HREF=" deze vogel!</a> </TD> </TABLE> 15
16 5. Formulieren Een contact formulier op de website kan erg handig zijn voor een binding met de bezoeker. Ook is handig voor in een verder stadium als je met PHP gaat werken. Er zal nu worden uitgelegd welke soorten invoervelden er bestaan. Maak een nieuwe pagina aan en noem het contact.html. Zet daar het volgende in: <TITLE>Mijn eerste html kennis</title> <BODY BGCOLOR="#aaaaaa"> <TABLE HEIGHT="750" WIDTH="800" BORDER="3" CELLSPACING="0" > <TR HEIGHT="150"> <TD WIDTH="600" COLSPAN="2" VALIGN="top"> <FONT SIZE="6" COLOR="blue"> Welkom op mijn eerste website. </FONT> </TD> <TR HEIGHT="600"> <TD WIDTH="100" VALIGN="top"> Hier kan het menu onder </TD> <TD WIDTH="300" VALIGN="top"> Contactformulier: </TD> </TABLE> Let op vanaf nu gaat de cursus een beetje veranderen. Omdat de broncode groot wordt gaan we vanaf nu alleen de code plaatsen waarmee we mee bezig zijn. Dus nu wordt alleen het formulier weergegeven. Je dient de code te plaatsen tussen <BR> en tussen in de tweede cel van de tweede rij. Hierboven staat in het rood aangegeven waar je de code moet plaatsen. Aan het einde van deze les staat de gehele code weer vermeld. Een formulier open je met <FORM> en je sluit ook deze weer met </FORM>. Achter <FORM> zet je de methode, 16
17 dit is in ons geval POST en de actie wat er moet gebeuren. Dit is in ons geval MAILTO:. (ACTION kan ook gebruikt worden om bijvoorbeeld naar een volgende pagina te gaan. Je zet dan de webpagina tussen de haakjes). Je krijgt nu dit: <FORM METHOD="post" <FORM METHOD="post" </FORM> In de FORM zet je de invoervelden. Er bestaan verschillende soorten invoervelden zoals de input, het wachtwoord, een checkbox, een keuzerondje en een uitschuiflijst. Omdat we geen wachtwoord nodig hebben bij het contactformulier zullen we deze los neerzetten en niet in de website voegen. Een invulveld maak je aan met het attribuut INPUT. Hierachter geef je het type aan die er gebruikt moet worden. Een naam geef je met NAME. Eventueel kan je erachter nog een lengte aangeven. TYPE en NAME zijn verplichte onderdelen van de INPUT. <INPUT TYPE="text" NAME="jouwnaam" SIZE="30"> Dit veld is bedoeld om een naam in te zetten. <FORM METHOD="post" Naam: <INPUT TYPE="text" NAME="jouwnaam" SIZE="30"> </FORM> Naast NAME is er ook nog de VALUE. Hiermee kan je een standaard waarde geven die dan in het invulveld staat. VALUE is handig in combinatie met PHP. Het is dan handig om waarde door te geven die ingevoerd zijn. We gaan nu een invoerveld maken van hetzelfde type als daarnet, maar dan met een VALUE. De waarde zet je tussen haakjes achter VALUE. Het wordt een invoerveld om je adres in te voeren. <INPUT TYPE="text" NAME=" " SIZE="30"> De waarde die nu wordt weergegeven <FORM METHOD="post" Naam: <INPUT TYPE="text" NAME="jouwnaam" SIZE="30"> adres: <INPUT TYPE="text" NAME=" " SIZE="30"> </FORM> Als je de code heb ingevoegd in de website dan zie je wordt weergegeven in het invoerveld. In het contactformulier gaan we vragen of de persoon een man of een vrouw is. Dit gaan we vragen door middel van keuzerondjes. Dit is de TYPE radio. Met radio kan er 1 keuze worden 17
18 gedaan. Je kunt dus geen man en vrouw kiezen. We moeten hier dus wel een VALUE gebruiken. De NAME geeft nu aan dat het bij elkaar hoort. De VALUE geeft nu het verschil aan. De code ziet er zo uit: <INPUT TYPE="radio" NAME="geslacht" VALUE="man"> De radiobuttion ziet er zo uit: In het script: <FORM METHOD="post" Naam: <INPUT TYPE="text" NAME="jouwnaam" SIZE="30"> adres:<input TYPE="text" NAME=" " SIZE="30"> Geslacht: Man: <INPUT TYPE="radio" NAME="geslacht" VALUE="man"> Vrouw: <INPUT TYPE="radio" NAME="geslacht" VALUE="vrouw"> </FORM> Met het type radio mogen we maar 1 keuze maken. Maar als je de gebruiker meer keuzes wil laten maken dan kunnen we het type checkbox gebruiken. Met checkbox is het dus mogelijk om meer keuzes te maken. Het gebruik van de checkbox is precies hetzelfde als die van het type radio. Het enige wat veranderd is het type. Het type wordt veranderd in checkbox. Dat ziet er zo uit: <INPUT TYPE="checkbox" NAME="redencontact" VALUE="klacht"> De code geeft dit weer: We gaan de checkbox gebruiken in de code om te weten wat de reden is van het contact. Bewerk het script weer zoals je gewend bent. <FORM METHOD="post" ACTION="mailto:mijnnaam@ adres.nl"> Naam: <INPUT TYPE="text" NAME="jouwnaam" SIZE="30"> adres:<input TYPE="text" NAME=" " VALUE="@ domein.nl" SIZE="30"> Geslacht: Man: <INPUT TYPE="radio" NAME="geslacht" VALUE="man"> Vrouw: <INPUT TYPE="radio" NAME="geslacht" VALUE="vrouw"> Reden contact: <INPUT TYPE="checkbox" NAME="redencontact" VALUE="klacht"> Klacht: <INPUT TYPE="checkbox" NAME="redencontact" VALUE="reactie"> Reactie: <INPUT TYPE="checkbox" NAME="redencontact" VALUE="vraag"> Vraag: <INPUT TYPE="checkbox" NAME="redencontact" VALUE="niks"> Niks </FORM> Misschien heb je een keer een uitschuiflijst (drop down lijst) gezien. Deze kan je ook maken met HTML. Als je met een uitschuiflijst gaat werken dan gebruik je geen INPUT meer maar SELECT. Een TYPE hoef je ook niet in te voeren. Je geef eerst aan om wat voor soort formulier je wilt. Dat is bij een uitschuiflijst SELECT. Daarachter zet je de NAME. Je sluit dan de code weer en je begint dan aan de opties. De code gaat er vervolgens zo uit zien: 18
19 <SELECT NAME="wonen"> <OPTION VALUE="stad">Stad</OPTION> <OPTION VALUE="dorp">Dorp</OPTION> <OPTION VALUE="gehucht">Gehucht</OPTION> <OPTION VALUE="platteland">Platteland</OPTION> </SELECT> We gaan de code toepassen in het script. We gaan de vraag stellen waar iemand woont. Op websites wordt dan vaak een land gevraagd. <FORM METHOD="post" Naam: <INPUT TYPE="text" NAME="jouwnaam" SIZE="30"> adres:<input TYPE="text" NAME=" " SIZE="30"> Geslacht: Man: <INPUT TYPE="radio" NAME="geslacht" VALUE="man"> Vrouw: <INPUT TYPE="radio" NAME="geslacht" VALUE="vrouw"> Reden contact: <INPUT TYPE="checkbox" NAME="redencontact" VALUE="klacht"> Klacht: <INPUT TYPE="checkbox" NAME="redencontact" VALUE="reactie"> Reactie: <INPUT TYPE="checkbox" NAME="redencontact" VALUE="vraag"> Vraag: <INPUT TYPE="checkbox" NAME="redencontact" VALUE="niks"> Niks In wat voor soort woonplaats woont u? <SELECT NAME="wonen"> <OPTION VALUE="stad">Stad</OPTION> <OPTION VALUE="dorp">Dorp</OPTION> <OPTION VALUE="gehucht">Gehucht</OPTION> <OPTION VALUE="platteland">Platteland</OPTION> </SELECT> </FORM> Onderaan het contactformulier plaatsen we een invoerveld waarin het bericht kan worden getypt. Met de <INPUT TYPE="text"> kan er maar 1 regel worden ingevoegd die alleen in de breedte kan worden uitgebreid. Om een groot tekstvak te maken gebruiken we TEXTAREA. Met TEXTAREA kan er bepaald worden hoeveel regels u wilt hebben. Met ROWS kunt u bepalen hoeveel regels u wilt. Met COLS kunt u bepalen hoe groot de breedte mag zijn. De code ziet er zo uit: <TEXTAREA NAME="bericht" ROWS="8" COLS="40"></TEXTAREA> 19
20 We voegen de textarea onderaan het contactfomulier: <FORM METHOD="post" Naam: <INPUT TYPE="text" NAME="jouwnaam" SIZE="30"> adres:<input TYPE="text" NAME=" " SIZE="30"><BR> Geslacht: Man: <INPUT TYPE="radio" NAME="geslacht" VALUE="man"> Vrouw: <INPUT TYPE="radio" NAME="geslacht" VALUE="vrouw"> Reden contact: <INPUT TYPE="checkbox" NAME="redencontact" VALUE="klacht"> Klacht: <INPUT TYPE="checkbox" NAME="redencontact" VALUE="reactie"> Reactie: <INPUT TYPE="checkbox" NAME="redencontact" VALUE="vraag"> Vraag: <INPUT TYPE="checkbox" NAME="redencontact" VALUE="niks"> Niks In wat voor soort woonplaats woont u? <SELECT NAME="wonen"> <OPTION VALUE="stad">Stad</OPTION> <OPTION VALUE="dorp">Dorp</OPTION> <OPTION VALUE="gehucht">Gehucht</OPTION> <OPTION VALUE="platteland">Platteland</OPTION> </SELECT> <TEXTAREA NAME="bericht" ROWS="8" COLS="40"></TEXTAREA> </FORM> We zijn nu aan het einde gekomen van het contactformulier. We moeten nu nog een knop maken om het formulier te kunnen verzenden. De knop is form gebonden. Er kunnen dus meerdere knoppen op 1 pagina staan. De knop kijkt naar wat er is ingevoerd bij de METHOD en de ACTION bij FORM. De code voor de knop begint weer met INPUT maar het type is nu submit. De tekst op de knop wordt bepaald door wat er ingevoerd wordt bij VALUE. De NAME is de unieke naam van de knop. De code ziet er zo uit: <INPUT TYPE="submit" VALUE="Verzenden" NAME="verzendbericht"> <FORM METHOD="post" ACTION="mailto:mijnnaam@ adres.nl"> Naam: <INPUT TYPE="text" NAME="jouwnaam" SIZE="30"> adres:<input TYPE="text" NAME=" " VALUE="@ domein.nl" SIZE="30"> Geslacht: Man: <INPUT TYPE="radio" NAME="geslacht" VALUE="man"> Vrouw: <INPUT TYPE="radio" NAME="geslacht" VALUE="vrouw"> Reden contact: <INPUT TYPE="checkbox" NAME="redencontact" VALUE="klacht"> Klacht: <INPUT TYPE="checkbox" NAME="redencontact" VALUE="reactie"> Reactie: 20
21 <INPUT TYPE="checkbox" NAME="redencontact" VALUE="vraag"> Vraag: <INPUT TYPE="checkbox" NAME="redencontact" VALUE="niks"> Niks In wat voor soort woonplaats woont u? <SELECT NAME="wonen"> <OPTION VALUE="stad">Stad</OPTION> <OPTION VALUE="dorp">Dorp</OPTION> <OPTION VALUE="gehucht">Gehucht</OPTION> <OPTION VALUE="platteland">Platteland</OPTION> </SELECT> <TEXTAREA NAME="bericht" ROWS="8" COLS="40"></TEXTAREA> <INPUT TYPE="submit" VALUE="Verzenden" NAME="verzendbericht"> </FORM> We zijn nu aan het einde gekomen van de les over formulieren. Er staat nu een grote brok code. Maar je weet nu het onderscheidt tussen de verschillende soorten invoervelden. We hebben nu de functie MAILTO gebruikt. Het nadeel hiervan is dat er als op de knop Verzenden wordt gedrukt dat dan het lokale programma wordt opgestart. Hierbij raak je meestal de ingevoerde gegevens kwijt. Als je de PHP functie MAIL gebruikt kan je met behulp van de mailserver op je hosting goed een contactformulier maken. De kennis van het contactformulier is hierbij nodig. Hieronder staat de complete code van formulieren.html. <TITLE>Mijn eerste html kennis</title> <BODY BGCOLOR="#aaaaaa"> <TABLE HEIGHT="750" WIDTH="800" BORDER="3" CELLSPACING="0" > <TR HEIGHT="150"> <TD WIDTH="600" COLSPAN="2" VALIGN="top"> <FONT SIZE="6" COLOR="blue"> <BR> Welkom op mijn eerste website. </FONT> </TD> <TR HEIGHT="600"> <TD WIDTH="100" VALIGN="top"> Hier kan het menu onder </TD> 21
22 <TD WIDTH="300" VALIGN="top"> Contactformulier: <FORM METHOD="post" Naam: <INPUT TYPE="text" NAME="jouwnaam" SIZE="30"> adres:<input TYPE="text" NAME=" " SIZE="30"> Geslacht: Man: <INPUT TYPE="radio" NAME="geslacht" VALUE="man"> Vrouw: <INPUT TYPE="radio" NAME="geslacht" VALUE="vrouw"> Reden contact: <INPUT TYPE="checkbox" NAME="redencontact" VALUE="klacht"> Klacht: <INPUT TYPE="checkbox" NAME="redencontact" VALUE="reactie"> Reactie: <INPUT TYPE="checkbox" NAME="redencontact" VALUE="vraag"> Vraag: <INPUT TYPE="checkbox" NAME="redencontact" VALUE="niks"> Niks In wat voor soort woonplaats woont u? <SELECT NAME="wonen"> <OPTION VALUE="stad">Stad</OPTION> <OPTION VALUE="dorp">Dorp</OPTION> <OPTION VALUE="gehucht">Gehucht</OPTION> <OPTION VALUE="platteland">Platteland</OPTION> </SELECT> <TEXTAREA NAME="bericht" ROWS="8" COLS="40"></TEXTAREA> <INPUT TYPE="submit" VALUE="Verzenden" NAME="verzendbericht"> </FORM> </TD> </TABLE> 22
23 6. Editors HTML kan je programmeren in het ingebouwde Windows programma Kladblok. Dit is echter zeer onoverzichtelijk programmeren. Je ziet dan alleen maar zwarte tekst. Dit kan al snel irriterend werken. Daarom bestaan er editors. Deze werken met kleuren en je kan er overzichtelijk mee programmeren. Ook zitten er vaak knoppen in editors, waarmee je met 1 druk op de knop een code kan laten genereren. Op HTML-School staan enkele gratis editors. Editplus Dit is een zeer goede editor. Je kan er in veel soorten talen programmeren. Er worden duidelijke kleuren in gebruikt. Er staat dat dit een programma een trial is, maar na 30 dagen is dit programma nog steeds goed te gebruiken. Download Editplus 3.12 Notepad++ Notepad++ is ook een goede editor. Het is een klein en snel programma. Download Notepad++ 23
24 7. Webbrowsers Internet Explorer Internet Explorer bestaat sinds Het is sinds 1999 de meest gebruikte webbrowser ter wereld. Internet Explorer wordt bij Windows geleverd en zit dus standaard op je computer. Internet Explorer is vaak het doelwit van hackers om dat deze browser veel gebruikt word, het ontwerp niet echt goed is en omdat er slordigheidsfouten in de bouw van de browser zitten. Daarnaast zitten er CSS bugs in de browser en ondersteunt het de HTML standaarden niet volledig, al is dit bij versie 8 een stuk verbeterd. De huidige versie van Internet Explorer is versie 8. Download Internet Explorer 8 Mozilla Firefox Mozilla Firefox is een browser die door honderden vrijwilligers is gemaakt. Firefox 1.0 is in 2004 op de markt gekomen. Firefox is geliefd bij thuisgebruikers en bij webontwikkelaars omdat Firefox zich goed houd aan de webstandaarden. Firefox is de tweede gebruikte webbrowser op de wereld. Op dit moment is versie 3 de nieuwste versie. Download Mozilla Firefox 3 Opera Opera is de webbrowser van het Noorse bedrijf Opera Software. Opera is in 1996 ontstaan en heeft al een tal van awards ontvangen. Het is een goede webbrowser die zich goed aan de webstandaarden houd. Op dit moment is versie uit. Download Opera 10 Safari Safari is een webbrowser van het bedrijf Apple. Safari was in 2003 gelanceerd. Maar kwam pas in 2007 beschibaar voor Windows. Dat gebeurde bij versie 3. Safari houdt zich ook goed aan de webstandaarden. In maart 2008 kwam Safari als snelste browser uit de bus. Download Safari 4 Chrome Chrome is de nieuwe browser van Google. Google Chrome is gelanceerd in De tabbladen in Chrome worden elk met een eigen proces uitgevoerd. Zo hoeft niet altijd heel de browser te worden afgesloten bij een fout. Google Chrome wint steeds meer aan populariteit. Download Google Chrome Statistieken Hieronder zie je welke webbrowsers het meest gebruikt worden door de wereldbevolking. 24
25 8. Webhosting Als je de website op het internet wilt zetten, dan heb je webhosting nodig. Webhosting is een ruimte die je krijgt om je website te publiceren. Je zet op een webhosting al je scripts, afbeeldingen en alle andere bestanden die bij je website horen. Je kan daar dan weer een domeinnaam aanvast koppelen. Er zijn veel verschillende soorten domeinnamen. Het.nl domeinnaam is het goedkoopst en is voor een Nederlandse website. Het.com domeinnaam gebruik je als je wat meer internationaal actief wilt zijn. Er zijn ontzettend veel verschillende webhosting aanbieders. Er is betaalde en onbetaalde webhosting. Onbetaalde webhosting is meestal wel slomer, biedt minder ondersteuning en minder webruimte. Ook zie je vaak dat er reclame op je website wordt geplaatst bij gratis webhosting. Betaalde webhosting Versio Versio is een ontzettende goedkope webhosting. Je betaalt 50 cent per maand (exclusief btw) voor een goed pakket met 1 gigabyte aan opslagruimte. Een domeinnaam daarbij kost 4,40 euro extra. Kijk voor meer informatie op de website van Versio. Bezoek de website Antagonist Antagonist is ook een goedkope webhosting. Voor 24 euro (exclusief btw) per jaar heb je een goed pakket met 3 gigabyte opslagruimte. Dit pakket biedt veel mogelijkheden. Kijk voor meer informatie op de website van Antagonist. Bezoek de website Onbetaalde webhosting 110MB Dis een gratis webhosting waar je 110 mb. webruimte krijgt. Je kunt PHP op deze webhosting draaien. Kijk voor meer informatie op de website van 110MB. Bezoek de website Zymic Dit is een grote gratis webhost. Je krijgt hier veel webruimte van maar liefst 6 gb. Het ondersteund PHP en je heb 5 MySQL databases. Ook heb je geen reclame op je website. Dit is echt een aanrader. Kijk voor meer informatie op de website van Zymic. Bezoek de website 100WebSpace Dit is een gratis webhost met 100 mb webruimte. Het ondersteund PHP en je krijgt er 1 MySQL database erbij. Kijk voor meer informatie op de website van 100WebSpace. Bezoek de website 25
26 Gratis domeinnamen TK Op de website van dot.tk kan je een gratis domeinnaam aan een gratis webhosting koppelen. Je krijgt op dot.tk het domeinnaam.tk. Je krijgt hierdoor wel reclame op je website. Kijk voor meer informatie op de website van dot.tk. Bezoek de website Joynic Hier kan je verschillende gratis domeinen aanvragen. Je kunt hier bijvoorbeeld het domein.nl.tt aanvragen. Bij Joynic kan je reclame uitzetten op je website. Kijk voor meer informatie op de website van Joynic. Bezoek de website 26
27 9. Website uploaden Als je website klaar is dan kan de website geupload worden. Eerst heb je een webhosting nodig. Op de pagina Webhosting kan je hier meer informatie over vinden. Bij een webhosting krijg je een FTP server toegewezen. FTP staat voor het File Transfer Protocol. Op de FTP server kan je al je bestanden van de website er op zetten. Dit zijn dus de scripts, afbeeldingen en andere bestanden. Ook kan je in de FTP mappen aanmaken. Je kan een FTP benaderen vanuit Windows. Als je in de URL balk van Windows Verkenner het adres typt van de FTP server dan wordt deze geopend. Een adres ziet er zo uit: ftp://host.domeinnaam. Er wordt nu gevraagd om een gebruikersnaam en een wachtwoord. Deze gebruikersnaam en wachtwoord heb je opgegeven of gekregen bij je webhoster. Als de authenticatie goed verlopen is, dan wordt de map geopend. De bestanden van je website kan je rechtstreeks kopiëren naar de FTP map. Je kunt nu in je webbrowser controlen of je website werkt. Sommige mensen vinden het handiger om een FTP programma te gebruiken. Hiermee kan je ook met meerdere FTP verbindingen uploaden. Ook kan er met behulp van beveiligde verbindingen worden gewerkt. Het meest bekende FTP programma is FileZilla. Klik hier om FileZilla te downloaden. 27
28 10. Website promotie Als je website af is, dan is het nog een hele kunst om je website bekend te maken. Er bestaan ontzettend veel websites op het internet, dat die van jou er niet tussen opvalt. Om je website bekender te maken zal je enkele stappen moeten ondernemen. Hieronder volgt een overzicht voor mogelijkheden die je kan gebruiken. Zoekmachines Zoekmachines zijn een ontzettend belangrijk onderdeel van website promotie. Zoekmachines zijn bijvoorbeeld Google, Bing en Yahoo. Google is de meest gebruikte zoekmachine, dus zorg dat je website op Google staat. Een website komt niet automatisch op een zoekmachine. Je moet hiervoor je website aanmelden. Klik hier om je website bij Google aan te melden en klik hier om je website aan te melden bij Bing. Zoekmachines halen de gegevens van je website uit de metatags. In de metatags staan de trefwoorden van de website en de samenvatting van je website. De samenvatting die in je metatags staan wordt weergegeven onder je link op de zoekpagina. Klik hier om meer te lezen over metatags. Reclame Een ander middel om je website bekend te maken is het gebruik van reclame. Mond op mond reclame is een goed middel, maar niet effectief genoeg. Laat je website achter onder de e- mails die je verstuurt, laat de link op je visitekaartje drukken of plaats een advertentie in een krant van je website. Dit zijn kleine maar effectieve middelen. Een ander middel is reclame op het internet. Dit kan op verschillende manieren: Google Adwords. Banners op websites plaatsen. Linkpartners worden. Werken via promotie websites zoals Dutchleader Google Adwords Met Google Adwords kan je reclame maken voor je website. Dit kan gebeuren met behulp van tekstadvertenties, maar ook met behulp van afbeeldingen. De kosten kan je zelf in de hand houden met Google Adwords, al kan het behoorlijk in de kosten gaan lopen. Ook is het de vraag of het wel zo effectief is. De Google Adwords kan je aanmaken met behulp van een Google account. Op de website van Google Adwords staat genoeg informatie die je erbij kan 28
29 helpen om de advertenties te plaatsen. Klik hier om naar de website te gaan. Let op! Google Adwords is vanaf 18 jaar. Banners op websites plaatsen Je kunt een reclame banner maken voor je website. Dit is vaak een geanimeerde banner. Een banner is een afbeelding. Meestal is aan een banner een verplichte afmeting verbonden, die door de webmaster van een website is vastgesteld. Aan het plaatsen van reclamebanners zijn meestal ook hoge kosten verbonden. Een reclamebanner kan je op een website laten plaatsen, door contact op te nemen met de webmaster van een website. Linkpartners worden Op sommige websites is het mogelijk om linkpartner te worden. Dit houdt in dat je een link plaatst op een website op de linkpagina, in ruil voor de plaatsing van je link moet jij ook een link op je eigen website plaatsen. Dit is een gratis manier van reclame, maar het is vaak niet erg effectief. Mensen kijken niet zo heel snel op een linkpagina en vaak staan hier al heel veel links op, waardoor jouw website niet opvalt. Werken via promotiewebsites Er bestaan ook websites met advertentie uitwisselingen. Dit is een best tijdrovende bezigheid. Je bezoekt websites van andere, dit levert je punten op. Met de punten die je verdient kan je je eigen website promoten op verschillende wijzen. Een voorbeeld van zo'n website is Dutchleader.nl Een kijkje op de website zal verheldering geven. 29
30 11. Slot. Aan het eind gekomen van dit PDF boek van HTML School weet je hopelijk meer van websites maken. Het is de bedoeling dat je nu zelf nog meer onderzoekt over HTML. Op de website van HTML School vindt je de belangrijkste basis elementen en attributen. Ga hier mee aan de slag en blijf daarmee oefenen. Door veel oefenen wordt je expert. Omdat HTML redelijk eenvoudig is, zal je snel al mooie websites kunnen bouwen. Naast programmeren is leren designen ook belangrijk. Dit zal je je zelf moeten aanleren. Dankzij de artikelen weet je nu ook hoe je de website online kan zetten en kan promoten. Bezoek de website! 30
Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com
Welkom bij mijn website tutorial (Deel 7) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.
Deze kaart kun je gebruiken om uiteindelijk een SMS te versturen naar bijvoorbeeld je ouders, je vrienden of naar iemand van je klas
1. Op de volgende kaart leer je hoe: Je een tabel maakt Hoe je een formulier maakt Hoe je een SMS verstuurt via CM.com Deze kaart kun je gebruiken om uiteindelijk een SMS te versturen naar bijvoorbeeld
Internet_html.doc 1/6
Internet_html.doc 1/6 Internet html. HTML syntax en regels Een HTML-element is opgebouwd uit een startmarkering en een eindemarkering (behalve enkele speciale markeringen zoals bvb. , , ).
Extra: Hoe u uw website met HTML kunt verbeteren
Extra: Hoe u uw website met HTML kunt verbeteren HTML is een afkorting van Hyper Text Markup Language. Zoals de term al zegt is het een "opmaak taal", dat wil zeggen het vertelt de browser door middel
HTML in Outlook 2007. Hoe zorgt u ervoor dat uw email goed in beeld komt?
HTML in Outlook 2007 Hoe zorgt u ervoor dat uw email goed in beeld komt? HTML in Outlook 2007 Inleiding Emark Mail biedt u de mogelijkheid om kant en klare HTML nieuwsbrieven in te laden en te versturen.
A Inloggen. B - Wachtwoord Veranderen
A Inloggen 1. Ga naar http://webtinq.nl 2. Klik op de knop "Login". 3. Voer het e-mail adres en wachtwoord in dat je hebt gekregen. 4. Klik op de knop "Login". 5. Je bent nu ingelogd! B - Wachtwoord Veranderen
Test Joomla op je PC 1
1 Disclaimer Bij de samenstelling van dit ebook is de grootst mogelijke zorg besteed aan de juistheid en correctheid van de informatie die in dit ebook wordt verstrekt. De auteur van dit ebook kan op geen
11. Website controleren
11. Website controleren 11.1 Website controleren op verschillende browsers Het blijkt nog altijd nodig te zijn een website te controleren. De website zoals deze er in Kompozer uit ziet, ziet er op internet
Handleiding bij WSM MailformGenerator
1. Voorwoord Welkom bij de handleiding voor de WSM MailformGenerator. Deze handleiding hebben we gemaakt om je snel en gemakkelijk uit te leggen hoe de WSM MailformGenerator werkt. Deze handleiding is
Foutcontrole met Javascript
Foutcontrole met Javascript Pol Van Dingenen Yannick Van Hauwe INLEIDING Het controleren van de gegevens die ingevuld zijn in formulieren is heel erg belangrijk. In de praktijk is enkel en alleen controle
WEBDESIGN. html tags. Neem de grondbeginselen van html door via de online cursus op de informaticasite of via instruct-online
WEBDESIGN html tags HTML is de taal waarop internetsites gebaseerd zijn. Bij het onderdeel webdesign maken we gebruik van een van de bovenstaande webeditors die ons helpen bij het (automatisch) creëren
<input type="text" name="veldnaam" size="20" maxlength="30" value="inhoud veld">
Les 9: Formulieren. Proficiat, U hebt het al tot de laatste oefening gebracht. In deze les komen formulieren aan bod, U hebt ze zeker al eens gezien op een site, en indien niet neem dan eens vlug een kijke
Formulier maken en opvangen met php
Welkom bij mijn PHP tutorial (Deel 2) Ik ga in deze delen PHP uitleggen, dit doe ik in het programma notepad++ (gratis) deze kunt u downloaden van www.richard3332.nl/downloads.php Als u beschikt over dreamweaver
1. Open het programma KompoZer Het grote witte vlak is een nog lege webpagina. Deze gaan we nu van inhoud voorzien.
Minicursus KompoZer In deze cursus ga je leren werken met het computerprogramma KompoZer. Stapsgewijs maak je een voorbeeldsite. Daarna kun je alles wat je geleerd hebt gebruiken om je eigen website te
Inhoudsopgave Disclaimer... 3 Voorwoord... 4 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP... 8 Joomla installeren op
1 Inhoudsopgave Disclaimer... 3 Voorwoord... 4 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP.... 8 Joomla installeren op XAMPP... 15 Handige links... 16 2 Disclaimer Bij de samenstelling
A Inloggen. B - Wachtwoord Veranderen
A Inloggen 1. Ga naar http://webtinq.nl 2. Klik op de knop "Login". 3. Voer het e-mail adres en wachtwoord in dat je hebt gekregen. 4. Klik op de knop "Login". 5. Je bent nu ingelogd! B - Wachtwoord Veranderen
Handleiding Wordpress
Handleiding Wordpress V 1.0 Door Inhoud Inloggen op de website... 3 Het Dashboard... 4 Berichten... 5 Berichten aanmaken... 5 Berichten bewerken... 6 Pagina's... 7 Pagina's aanmaken... 7 Pagina's bewerken...
Ga naar http://www.domeinnaam.nl/wp-admin en log in met de gebruikersnaam en wachtwoord verkregen via mail.
INLOGGEN Ga naar http://www.domeinnaam.nl/wp-admin en log in met de gebruikersnaam en wachtwoord verkregen via mail. Vul hier je gebruikersnaam en wachtwoord in en klik op Inloggen. Bij succesvolle login
Formulieren maken met Dreamweaver CS 4/CS 5
Formulieren maken met Dreamweaver CS 4/CS 5 In deze handleiding leer je om een formulier en elementen die je binnen een formulier kunt gebruiken, te ontwerpen met Dreamweaver. Het uitgangspunt is dat dit
Pagina-inhoud maken. Voor het plaatsen van een afbeelding in een pagina wordt gebruik gemaakt van het <img>-tag.
Afbeeldingen Voor het plaatsen van een afbeelding in een pagina wordt gebruik gemaakt van het -tag. De parameters:
Les W-01: HTML. Een website bouwen in HTML. 2006, David Lans
Les W-01: HTML 1.0 HTML Websites zijn opgebouwd uit afzonderlijke webpagina s. Deze webpagina s zijn geschreven in een aparte taal, HTML. De afkorting HTML staat voor Hyper Text Markup Language. Vrij vertaald
HTML. Formulieren. Hans Roeyen V 3.0
Formulieren Hans Roeyen V 3.0 26 februari 2015 Inhoud 1. Formulieren... 3 1.1. De form tag... 3 1.1.1. Het action attribute... 4 1.1.2. Het method attribute... 4 1.2. De input tag... 4 1.3. Soorten input
Handleiding Website Laatste update: april 2014
Laatste update: april 2014 1. Google Search Tijdens de ontwikkeling van uw website werd er veel aandacht besteed aan optimalisatie voor zoekmachines zoals Google. Dit onder andere door de broncode technisch
Handleiding Wordpress
Handleiding Wordpress Inhoudsopgave 1. Inloggen 2. Berichten en Pagina s 3. Afbeeldingen en video s 4. Weblinks 1. Inloggen 1.1 Inloggen bij Wordpress We starten met het inloggen op je WordPress gebaseerde
Handleiding website. Inloggen Start uw internet browser en ga naar http://www.rbaoreven.nl/.
Handleiding website In deze handleiding staat alles wat u nodig heeft om een bericht op de website van de Reddingsbrigade Aoreven Heythuysen te plaatsen. Alles wordt in woord en beeld uitgelegd. Inloggen
E.M. van Nieuwaal. Frontpage 2003. Jouw vak op het leerlingenweb. Copyright 2008. http://cursus.anguillanova.nl
Frontpage 2003 Jouw vak op het leerlingenweb E.M. van Nieuwaal Copyright 2008 http://cursus.anguillanova.nl Inleiding... 3 1. Ontwerp een sitemap... 4 2. Index.htm... 4 3. Nieuwe pagina s maken... 7 4.
En hoe gaan ze dit allemaal terugvinden?
En hoe gaan ze dit allemaal terugvinden? Taak 1.2.10 Thomas Muller Paul van der Linden MT1A Tutor: van Griensven Docent: van den Biggelaar Gemaakt door Thomas Muller en Paul van der Linden Pagina 1 van
PvdA websites Quick Start voor het werken met het Hippo CMS
PvdA websites Quick Start voor het werken met het Hippo CMS Versie 2.0 Amsterdam, 16 maart 2009 2 Inhoudsopgave 1. Beginnen 5 1.1 Het CMS opstarten en afsluiten 5 1.2 De preview website bekijken 5 1.3
Syllabus Zelf een website bouwen. Artheos
Syllabus Zelf een website bouwen Artheos Helma de Boer Artheos Webdiensten & Office Support www.artheos.nl 2012 Inhoud Syllabus Zelf een website bouwen H1 De techniek van een website... 3 1.1 Browser en
Handleiding MOBICROSS actie banners
Handleiding MOBICROSS actie banners Met de kant & klare MOBICROSS actie banners vergroot jij je kans om sneller je netwerk te bouwen. Je kunt je eigen campagne maken door de banners op je website te plaatsen,
LES 11: VAN LOKAAL NAAR ONLINE. Lesoverzicht: Aan de slag Domeinnaam Web hosting FTP gegevens FTP programma s Database exporteren Samenvatting
LES 11: VAN LOKAAL NAAR ONLINE Lesoverzicht: Aan de slag Domeinnaam Web hosting FTP gegevens FTP programma s Database exporteren Samenvatting Tijd: 10 minuten Doel: Aan het einde van de les kun je de lokale
Globale kennismaking
Globale kennismaking Kennismaking Tesla CMS 1. Dashboard 2. pagina beheer - pagina aanmaken - pagina aanpassen - pagina verwijderen - pagina seo opties - zichtbaarheid pagina 3. subpagina beheer - subpagina
Central Station. CS website
Central Station CS website Versie 1.0 18-05-2007 Inhoud Inleiding...3 1 De website...4 2 Het content management systeem...5 2.1 Inloggen in het CMS... 5 2.2 Boomstructuur... 5 2.3 Maptypen... 6 2.4 Aanmaken
Handleiding CMS VOORKANT
Handleiding CMS VOORKANT Inhoudsopgave Pagina 1. Toegang tot het CMS... 3 2. Artikel toevoegen... 4 3. Artikel bewerken... 5 4. Artikel kopiëren of verwijderen... 6 5. Afbeelding, link of tabel invoegen...
Inloggen. In samenwerking met Stijn Berben.
Inloggen Ga naar www.hetjongleren.eu. Heb je al een gebruikersnaam en wachtwoord, log dan in op deze pagina (klik op deze link ): Vul hier je gebruikersnaam en wachtwoord in en klik op Inloggen. Bij succesvolle
HTML Editor: tabellen en hyperlinks
LES 19 HTML Editor: tabellen en hyperlinks In deze les leert u nog iets meer over HTML en de HTML Editor van OpenOffice.org. U leert hoe u absolute en relatieve hyperlinks maakt. We staan even stil bij
Quick Guide VivianCMS
Quick Guide VivianCMS Contactformulier creëren Versie: 1.0 Startdatum: 24 juli 2006 Datum laatste wijziging: 24 juli 2006 Opmerking: Gepubliceerd op http://www.viviancms.nl Inhoud 1 Inleiding...3 1.1 Contactformulier
HTML Editor: de eerste stappen
LES 18 HTML Editor: de eerste stappen In deze les leert u werken met HTML Editor. Daarbij geven we tevens een inleiding tot HTML. Hoewel op dit moment HTML versie 4.01 in gebruik is, maakt de HTML Editor
EEN WEBSITE MAKEN MET WEEBLY
EEN WEBSITE MAKEN MET WEEBLY Dit is de handleiding om op Weebly.com een website te leren maken. De handleiding is verdeeld in 5 hoofdstukken; 1. Aanmelden 2.Weebly werkblad 3. Draggen en Droppen 4.Pagina
Ik zal je nu stap voor stap laten zien hoe je je product op je website als betaalde download kunt aanbieden.
Inleiding Als je producten op je website wilt verkopen maar je wilt niet meteen een hele webshop optuigen, dan kan dit ook eenvoudiger. Er is een manier om snel en gemakkelijk producten op je website te
Publiceren met WordPress
Publiceren met WordPress Peter Osterop Tweede herziene editie 1. Installatie van WordPress 2. Configuratie van WordPress 3. Het uiterlijk van WordPress 4. Pagina s en berichten maken in WordPress 1 Installatie
Stappenplan Website de Palster. Deze uitleg werkt met Internet Explorer. In Firefox of een andere browser werkt het anders.
Stappenplan Website de Palster Deze uitleg werkt met Internet Explorer. In Firefox of een andere browser werkt het anders. 1 Inhoudsopgave: Titel bladzijde Aanmelden op de website 3 Foto s in het fotoboek
HANDLEIDING DOIT BEHEER SYSTEEM
HANDLEIDING DOIT BEHEER SYSTEEM ALGEMENE INFORMATIE Het Doit beheer systeem is een modulair opgebouwd systeem waarin modules makkelijk kunnen worden toegevoegd of aangepast, niet iedere gebruiker zal dezelfde
De WordPress 3.5 Beginners Handleiding
De WordPress 3.5 Beginners Handleiding Internetbureau Elephant april 13 Inhoud Introductie... 2 Inloggen... 3 Het dashboard... 5 Berichten en pagina's... 6 Nieuw Bericht... 6 Nieuwe Pagina... 8 Afbeeldingen,
EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet www.exed.nl. info@exed.nl EXED CMS UITLEG
EBUILDER HANDLEIDING De Ebuilder is een product van EXED internet www.exed.nl info@exed.nl 1 INHOUDSOPGAVE Inleiding Een korte introductie over het Ebuilder» Navigatie» Snelnavigatie Pagina s Hier vind
Navigator CMS 2009. Beknopte handleiding v1.0
Navigator CMS 2009 Beknopte handleiding v1.0 Inhoudsopgave 1. Inleiding... 3 2. Inloggen... 4 3. Menustructuur... 5 4. Document Verkenner... 6 5. Mappen beheren... 7 5.2 Map hernoemen... 7 5.3 Map verplaatsen...
ideal Betaal Formulier (Ondersteund o.a. ideal, MisterCash, Direct E-Banking en Credit Card)
Script: Versie: 0.5 Licentie: ideal Betaal Formulier (Ondersteund o.a. ideal, MisterCash, Direct E-Banking en Credit Card) Gratis te gebruiken door (erkende) goede doelen. 200,00 excl. BTW voor aanschaf
Studentenhandleiding Studentenpagina STUDENTENPAGINA HANDLEIDING VOOR STUDENTEN. Handleiding Studentenpagina 1
Studentenhandleiding Studentenpagina STUDENTENPAGINA HANDLEIDING VOOR STUDENTEN Handleiding Studentenpagina 1 Inhoud van de handleiding Inhoud van de handleiding... 2 1. Inleiding... 3 2. Inloggen op de
Inhoudsopgave... 1 Disclaimer... 3 Voorwoord... 3 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP... 8 Joomla installeren op
1 Inhoudsopgave... 1 Disclaimer... 3 Voorwoord... 3 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP... 8 Joomla installeren op XAMPP... 14 Handige links... 15 2 Disclaimer Bij de
Uw TEKSTEDITOR - alle iconen op een rij
Uw TEKSTEDITOR - alle iconen op een rij Hieronder ziet u alle functionaliteiten van uw teksteditor onder elkaar ( op alfabetische volgorde). Afbeelding (zie foto) Bestanden (zie link) Broncode Citaat Documenten
Handleiding Joomla! Frontend, content en gallery. september 2014 versie 1.0
Handleiding Joomla! Frontend, content en gallery. september 2014 versie 1.0 1 Inhoudsopgave Toevoegen nieuw artikel, of wijzigen...3 Extra web-functionaliteit...4 toevoegen van een foto/plaatje...4 toevoegen
Les W-04: Een introductie in PHP
Les W-04: Een introductie in PHP 4.0 PHP De afgelopen jaren zijn websites steeds interactiever geworden. Je beantwoordt een enquête via internet, doet mee aan een poll, stuurt een formulier naar iemands
Een website omzetten naar WordPress
1 Een website omzetten naar WordPress Er zijn talloze programma s beschikbaar om websites te maken. In de titels Basisgids Websites maken met WordPress en Websites maken met WordPress voor senioren wordt
Web building basis: HTML. Karel Nijs 2008/09
Web building basis: HTML Karel Nijs 2008/09 Web building basis eerste les HTML intro Browsers HTML elementen HTML basis tags HTML attributen HTML kleuren HTML formattering Extra: HTML entities Web building
Bestanden bewaren met SkyDrive
Bestanden bewaren met SkyDrive Wat is SkyDrive? Met SkyDrive (www.skydrive.live.com) kun je bestanden opslaan op een beveiligde, gratis website. De bestanden kun je overal ter wereld weer downloaden. De
Verbinden met FTP server
We gaan kijken naar: Verbinden met een FTP server Je FTP wachtwoord veranderen Je website bekijken Bestanden op een FTP server zetten Verbinden met FTP server Websites staan op een webserver. Een webserver
De Kleine WordPress Handleiding
Introductie Dit is geen uitgebreide handleiding om een WordPress website of blog mee te bouwen. Het is ook geen overzicht van alle aspecten die een WordPress website zo bijzonder maken en geen verhandeling
Handleiding. Beheeromgeving
Handleiding Beheeromgeving Kant en Klare Site Veluwelaan 80 8443 AH Heerenveen www.kantenklaresite.nl - info@kantenklaresite.nl - fax: 084-8368243 KvK 01134248 Inhoud Inloggen op de beheeromgeving...3
Instellingen voor het publiceren opgeven
289 Aanvulling hoofdstuk 9 i.p.v. blz. 289 tot en met 308 Instellingen voor het publiceren opgeven Voordat u webpagina s kunt publiceren, moet u eerst de instellingen voor het publiceren opgeven. Anders
Verstuur een eigen Kerst e-mail! Mét muziek en bewegende plaatjes!
8 Opdrachtenkrant 38 Technika 10 Nederland Verstuur een eigen Kerst e-mail! Mét muziek en bewegende plaatjes! E-mails zijn vaak heel saai! Witte achtergrond met zwarte letters. Of heb je al ontdekt dat
Werkschrift : Hoe werk ik op WikiKids?
Werkschrift : Hoe werk ik op WikiKids? WERKBOEK WIKIKIDS Welkom bij het werkboek van WikiKids. In dit werkboek staan opdrachten waarmee je stap voor stap leert werken met WikiKids. Er staan 15 opdrachten
Handleiding: Whitelabel Customersite
ARGEWEB B.V. Handleiding: Whitelabel Customersite Controlportal.nl Argeweb Support 8-1-2009 Handleiding voor het gebruik maken van de Whitelabel Customersite op controlportal.nl, door Resellers van Argeweb.
Gebruikershandleiding websitebeheer m.b.v. Wordpress
Gebruikershandleiding websitebeheer m.b.v. Wordpress Saft Websites Gebruikershandleiding Wordpress pag. 1 Inhoudsopgave Inhoudsopgave Inhoudsopgave Inleiding Inloggen in administratorgedeelte Informatie
Swhite bvba Frankrijklei 104 bus 3.1 2000 Antwerpen. support@flux.be flux.be. Flux webdesign. Versie 1.0.2
Swhite bvba Frankrijklei 104 bus 3.1 2000 Antwerpen support@flux.be flux.be Flux webdesign Versie 1.0.2 Inhoudstafel 1. Inleiding... 3 2. Starten... 3 3. Menu... 4 4. Pagina s... 5 4.1. Bewerk de pagina...5
Handleiding CMS-systeem website
Handleiding CMS-systeem website Algemeen!Belangrijk! Wijzigingen die gedaan worden in het systeem kunnen niet zomaar ongedaan worden gemaakt. Eenmaal een pagina of iets anders verwijderd, zal deze niet
Handleiding Websitebeheer
Handleiding Websitebeheer Event Media Websites Copyright 2005, Event Media 1. Inleiding... 3 2. CMS-systeem... 3 2.1 Inloggen... 3 2.2 Basis-menu... 3 2.3 Bestaande pagina s aanpassen...3 2.4 Nieuwe pagina
CMS Instructiegids Copyright Endless webdesign v.o.f
CMS Instructiegids Copyright Endless webdesign v.o.f. 2014 1 2 Notities Inhouds opgave Hoe log ik in? 4 Een pagina toevoegen. 5 Een pagina vullen/aanpassen. 7 Een pagina verwijderen. 8 Een sjabloon kiezen.
design ook items uitsnijden
(fig1) Hulplijnen zetten Om het ontwerp netjes uit te snijden is het handig om eerst hulplijnen te zetten. (fig1) Nu is het zaak om eerst voor je zelf te bepalen wat is layout en wat is design. Al het
Werken met afbeeldingen in webpagina's
Werken met afbeeldingen in webpagina's In webpagina's komen heel vaak afbeeldingen voor. Toch gaan webpagina's helemaal anders om met afbeeldingen dan bijvoorbeeld een PowerPoint-presentatie of een Word-document.
Introductie. Wat is HTML?
Introductie Wat is HTML? Hypertext Markup Language (HTML) is de taal van het World Wide Web. Elk document op het web is geschreven in HTML en alle onderdelen - zoals de opmaak van documenten, koppelingen,
Hieronder ziet u alle functionaliteiten van uw teksteditor onder elkaar ( op alfabetische volgorde).
Uw TEKSTEDITOR - alle iconen op een rij Hieronder ziet u alle functionaliteiten van uw teksteditor onder elkaar ( op alfabetische volgorde). Afbeelding (zie foto) Bestanden (zie link) Broncode Citaat Documenten
HTML 5 en CSS 3. Truus de Bont. CC Naamsvermelding 3.0 Nederland licentie. https://maken.wikiwijs.nl/65505
HTML 5 en CSS 3 Auteur Laatst gewijzigd Licentie Webadres Truus de Bont 14 september 2015 CC Naamsvermelding 3.0 Nederland licentie https://maken.wikiwijs.nl/65505 Dit lesmateriaal is gemaakt met Wikiwijs
Een quiz plaatsen op je website
Een quiz plaatsen op je website Om de deelnemers een beetje na te laten denken kan je een quiz toevoegen op je site. Dat doe je op de volgende manier: a. Een quiz aanmaken Ga naar je eigen pagina en klik
PAGINA BEHEER. Heel belangrijk is dat u niet vergeet op te slaan anders gaan al uw wijzigingen verloren, deze knop vind u bovenin de pagina!!!
HANDLEIDING DIGIMANAGER PAGINA BEHEER In het pagina beheer heeft u de mogelijkheid om de content van uw website in te vullen en aan te passen. om invullingen en wijzigingen uit te voeren gaat u naar het
WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B
WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B WEBSITE-DESIGN INHOUD COLLEGE Afronding vak JQuery, mail(formulieren) en social media Testen Website-design 5-1-2015 2 AFRONDING VAK
Procesbeschrijving. [team 1] [Sodfa Shafik] [Daniël Jansen] [ ] [ ] [
![Procesbeschrijving. [team 1] [Sodfa Shafik] [Daniël Jansen] [ ] [ ] [](/thumbs/92/107823628.jpg "Procesbeschrijving. [team 1] [Sodfa Shafik] [Daniël Jansen] [ ] [ ] [")
Procesbeschrijving [team 1] [Sodfa Shafik] [Daniël Jansen] [4293053] [5491185] [http://www.students.science.uu.nl/~5491185/opdracht1/site/index.html] Procesbeschrijving Beschrijf bij alle genummerde items
Inloggen: Opbouw site: Een handleiding/introductie voor de nieuwe site van Fotoclub VPR.
Een handleiding/introductie voor de nieuwe site van Fotoclub VPR. Inloggen: Als je de site opent dan zie je o.a. bovenstaande afbeelding met het logo van de club en het menu. Om in te loggen klik je helemaal
Kompozer Webdesign www.acc.dds.nl/lesonline/kompozer/
Hier vind je de cursus op het internet: www.acc.dds.nl/acconline/ Kompozer Webdesign www.acc.dds.nl/lesonline/kompozer/ Een bestaande website met kompozer www.acc.dds.nl/lesonline/kompozer/website/ Bestanden
Verdien model. Affiliate marketing
Verdien model Er zijn verschillende manieren om geld te verdienen met je site. Als je slim bent gebruik je alle manieren zo kan je op zo veel mogelijk manieren geld uit je site halen. Al deze manieren
Formulieren maken met Dreamweaver CS 4
Formulieren maken met Dreamweaver CS 4 In deze handleiding leer je om een formulier en elementen die je binnen een formulier kunt gebruiken, te ontwerpen met Dreamweaver. Het uitgangspunt is dat dit zoveel
Handleiding voor het maken van je eigen webpagina op de schoolsite
Waar gaat dit over? Handleiding voor het maken van je eigen webpagina op de schoolsite Hier leer je hoe je een eigen webpagina kunt maken op de site van de school. Op deze webpagina kun je vertellen wie
Handleiding. Berichten maken in WordPress. juni 2013
Handleiding Berichten maken in WordPress juni 0 Inloggen. Ga naar: www.jouwdomeinnaam.nl/wp-admin. Log hier in met je gebruiksnaam en je wachtwoord. Het dashboard Na het inloggen krijg je eerst het Dashboard
1. Voer in de adresregel van uw browser de domeinnaam van uw website in, gevolgd door "/beheer".
Handleiding Fluitje van een Klik Snel aan de slag Popelt u om met het beheersysteem (CMS) aan de slag te gaan en wilt u vlug resultaat zien, kijkt u dan hieronder. U krijgt een korte uitleg in 12 stappen.
- Plan Zo kun je een. website bouwen!
- Plan Zo kun je een website bouwen! BoekjeHoeKanJeEenWebsiteBouwen.i1 1 8-7-2008 17:23:14 BoekjeHoeKanJeEenWebsiteBouwen.i2 2 8-7-2008 17:23:15 In dit boekje staat de uitgebreide versie van hoe je een
Op de website van de N!X Ruilkring klik je in het menu op Cyclos". Rechts bovenin klik je op de knop aanmelden. Je komt dan in het inlogscherm.
Inloggen Op de website van de NX Ruilkring klik je in het menu op Cyclos". Je ziet nu het inlogscherm van Cyclos: Rechts bovenin klik je op de knop aanmelden. Je komt dan in het inlogscherm. Hier vul je
Om met Symbaloo te werken, moet u zich aanmelden bij de website van Symbaloo. www.symbaloo.com
Heeft u dat nou ook? Je typt het adres van een internetpagina in en dan krijg u een foutmelding. Uhh? O ja, ik heb het adres verkeerd ingetypt. Vanaf nu hoeft dat niet meer gebeuren. We werken gewoon met
Hier komt alle informatie over je webpagina, welke niet zichtbaar is op de webpagina zelf.
Elke website begint met een basisstructuur. Deze basisstructuur is opgebouwd uit drie tags. Je gebruikt eerst de - tag welke aangeeft wat voor type document het is. Dan de - tag. Hier komt
Algemene WordPress Handleiding uitleg basics Karin de Wit Design
Inhoudsopgave Inhoudsopgave... 2 Algemene informatie... 3 Introductie... 4 Inloggen bij WordPress... 5 Introductie in het dashboard... 6 Berichten en pagina's... 8 Bericht Categorieën... 8 Nieuw Bericht...
Opmerkingen kan je mailen naar: A. Kouters: A. Steijlen: Versie Datum Opmerkingen
Deze handleiding is met de nodige zorg samengesteld. Het kan echter voorkomen dat sommige zaken niet goed of onduidelijk zijn beschreven. Mocht je iets tegenkomen wat niet of slecht is beschreven horen
Toelichting upgrade naar DNN 6.2.2
Toelichting upgrade naar DNN 6.2.2 De website heeft een upgrade naar de nieuwste versie van DotNetNuke gekregen. Je beheert de site nu in versie DNN 6.2.2. In deze toelichting willen we je alvast een eindje
Bloggen met blogdirect
Bloggen met blogdirect H1 Aanmelden en inloggen H1.1 Aanmelden Ga naar www.blogdirect.nl Klik op registeren. Onderstaand scherm verschijnt: Vul de gegevens in en klik op verzenden. Verzin een gebruikersnaam:
Programmeren voor het web met PHP
Programmeren voor het web met PHP De meestgebruikte programmeertaal voor websites is PHP. Het is een heel handige taal waarmee je een eigen slimme website kunt bouwen. Je gaat nu leren hoe PHP werkt, en
IQ LEADS Adres: Curieweg 8E Postcode: 2408 BZ Plaats: ALPHEN AAN DEN RIJN Telefoon: (0172)
1 Inhoud Tips voor u begint... 3 Beginnen met WordPress... 4 Login... 4 Dashboard... 4 Back-up maken van uw website... 5 Bloggen en Pagina s... 6 Tekst editor... 6 Nieuwsbericht maken (Bloggen)... 6 Pagina
1. Login op de website, klik links op Fotoalbum en vul in het venster het volgende in:
Les 5 Fotoalbum 1. Login op de website, klik links op Fotoalbum en vul in het venster het volgende in: 2. Klik op Instellen 3. Klik op Nieuw album aanmaken geef naam klik op groene plusje: 4. Klik op Uploaden