Ooit had ik al eens een html tut gemaakt, maar die suckte best wel. Hier ga ik het proberen beter uit te leggen. Veel plezier, en vragen/opmerkingen/complimenten zijn welkom.
Hoofdstukken:
Basiscursus html:
==> Inleiding: Wat is html ?
==> Wat zijn de basiscodes?
==> En wat dan?
==> FAQ(veel gestelde vragen)
Inleiding: Wat is html?
Html betekend letterlijk hyper text markup language. Dus simpelweg een pagina die jou codes omzet en weergeeft zoals ze er staan. Html is geen progammeer taal. De basis van html is erg gemakkelijk, en veel ingewikkelde dingen kan je er niet mee. Als simpel voorbeeld neem ik een contact forumulier. De vakjes waar je iets invult/selecteert, kan je gemakkelijk met html maken. Daar dient het voor. Maar om het de verzenden, heb je absoluut javascript/php nodig. Je kan dus geen dynamische pagina met html maken, enkel een layout met tekst. Dus echt veel kan je er niet mee, wel kan je een simpele site met een mooie layout en wat tekst erop maken. Je werkt ook vaak via CSS(cascading style sheets), maar dat leer je nu nog niet. Zo, weet je nu wat html inhoud? Dan kunnen we gaan beginnen.
Wat zijn de basiscodes?
Als je even de bron van dit bestand opent(Beeld>Bron) zie je allemaal ingewikkelde codes, die gaan wij niet gebruiken. Wij gaan het simpel houden, met gewoon de basis. Om je bestand te maken heb je niet veel nodig, zin om deze cursus te lezen, en kladblok. Open kladblok. Dan kunnen we nu eindelijk onze eerst webpagina gaan maken.Een html bestand bestaat uit tags, die tags zijn nodig voor de titel, tekst, plaatjes op je webpagina enzovoorts. (voor experts: in deze tutorial ga ik geen xhtml gebruiken, dus gewoon html)
De eerste tag is een belangrijke tag, de <html> tag. Je plaatst deze vanboven in je document. Dan komt de <head> tag, dit is voor meta tags, en de titel van je document. Dan typen we dit: <title>Titel van je document</title> De titel van je document is wat in die grijse balk boven ziet.(bv. hier: Gtaforum.nl - Het Nederlandse GTA Forum! -> Plaatst een nieuw onderwerp(in mijn geval) ) En ten slotte nog een heel belangrijke code, de <body> tag. Hierin plaats je al je tekst, en je javascript codes. Hier een overzicht van wat we nu al hebben:
<html>
<head>
<title>Titel van je document</title>
<body> Hier verschijnt al jou tekst.
Natuurlijk is een pagina waarin je enkel dat ziet, nogal kaal. Daarom gaan we nu wat opmaak tags leren. Ze lijken op forum codes, maar dan ipv [ ] < > natuurlijk.Al de codes die je nu krijgt, plaats je na de <body> tag. De eerste code is dit: <b>Vetgedrukte tekst</b>, daardoor wordt je tekst vetgedrukt. De varianten <i>Schuingedrukte tekst</i> en <u>Onderlijnde tekst</u> spreken ook voor zich. <s>Doorstreepte tekst</s> is ook wel een leuke om te weten. Je hebt nu de basis van je document, en al tekst. Toch ontbreekt er nog iets, juist: een plaatje. Het werkt eigelijk heel simpel, via een code kan je een plaatje in je document zetten.Deze code kan je ook groter maken, zodat je de groote e.d. van je plaatje kunt aanpassen. <IMG src="jouwplaatje.png"> Dit is echter de basiscode, natuurlijk pas je jouwplaatje.png aan door de juiste link(http://www.jouwsite/jouwplaatje.png/[als het in dezelfde folder staat] simpelweg plaatje.png ) Het kan echter ook ietsje uitgebreider, namelijk <IMG src="jouwplaatje.png" height="50" width="70">Hiermee duid je aan dat je het plaatje wilt laten weergeven op hoogte 50 pixels, en breedte, en nu heb je een pagina met tekst en plaatjes. Nu moet je alle tags verplicht afsluiten, dus na al je codes zet je: </body>,</head>,</html>. Proficiat: Je eerste webpagina(offline) is een feit!
==> En wat dan?
Nu moet je je pagina opslaan, ik slaag hem op in mijn documenten als index.html. Nu gaan we naar http://www.byethost.com en we registreren een account, krijgen een mail, wachten 15 minuten en loggen in het control panel(je moet 15 minuten wachten). Dan gaan we naar ftp>Create ftp account en je vult de gegevens in. Dan download je smart FTP en vul je de juiste gevens in, bij adres ftp.jouwbyethostadres.com, bij user jouwuser@jouwbyethostadres.com en bij paswoord het paswoord, de poort laat je staan zoals het stond. En dan ben je normaal gezien binnen, en klikt op htdocs, daar upload je al je files, door ze simpelweg te slepen. Als we nu naar ons adres gaan zien we de files, of als je het als index.html hebt opgeslagen jou site.
comment_515981Ooit had ik al eens een html tut gemaakt, maar die suckte best wel. Hier ga ik het proberen beter uit te leggen. Veel plezier, en vragen/opmerkingen/complimenten zijn welkom.
Hoofdstukken:
Inleiding: Wat is html?
Html betekend letterlijk hyper text markup language. Dus simpelweg een pagina die jou codes omzet en weergeeft zoals ze er staan. Html is geen progammeer taal. De basis van html is erg gemakkelijk, en veel ingewikkelde dingen kan je er niet mee. Als simpel voorbeeld neem ik een contact forumulier. De vakjes waar je iets invult/selecteert, kan je gemakkelijk met html maken. Daar dient het voor. Maar om het de verzenden, heb je absoluut javascript/php nodig. Je kan dus geen dynamische pagina met html maken, enkel een layout met tekst. Dus echt veel kan je er niet mee, wel kan je een simpele site met een mooie layout en wat tekst erop maken. Je werkt ook vaak via CSS(cascading style sheets), maar dat leer je nu nog niet. Zo, weet je nu wat html inhoud? Dan kunnen we gaan beginnen.
Wat zijn de basiscodes?
Als je even de bron van dit bestand opent(Beeld>Bron) zie je allemaal ingewikkelde codes, die gaan wij niet gebruiken. Wij gaan het simpel houden, met gewoon de basis. Om je bestand te maken heb je niet veel nodig, zin om deze cursus te lezen, en kladblok. Open kladblok. Dan kunnen we nu eindelijk onze eerst webpagina gaan maken.Een html bestand bestaat uit tags, die tags zijn nodig voor de titel, tekst, plaatjes op je webpagina enzovoorts. (voor experts: in deze tutorial ga ik geen xhtml gebruiken, dus gewoon html)
De eerste tag is een belangrijke tag, de <html> tag. Je plaatst deze vanboven in je document. Dan komt de <head> tag, dit is voor meta tags, en de titel van je document. Dan typen we dit: <title>Titel van je document</title> De titel van je document is wat in die grijse balk boven ziet.(bv. hier: Gtaforum.nl - Het Nederlandse GTA Forum! -> Plaatst een nieuw onderwerp(in mijn geval) ) En ten slotte nog een heel belangrijke code, de <body> tag. Hierin plaats je al je tekst, en je javascript codes. Hier een overzicht van wat we nu al hebben:
Natuurlijk is een pagina waarin je enkel dat ziet, nogal kaal. Daarom gaan we nu wat opmaak tags leren. Ze lijken op forum codes, maar dan ipv [ ] < > natuurlijk.Al de codes die je nu krijgt, plaats je na de <body> tag. De eerste code is dit: <b>Vetgedrukte tekst</b>, daardoor wordt je tekst vetgedrukt. De varianten <i>Schuingedrukte tekst</i> en <u>Onderlijnde tekst</u> spreken ook voor zich. <s>Doorstreepte tekst</s> is ook wel een leuke om te weten. Je hebt nu de basis van je document, en al tekst. Toch ontbreekt er nog iets, juist: een plaatje. Het werkt eigelijk heel simpel, via een code kan je een plaatje in je document zetten.Deze code kan je ook groter maken, zodat je de groote e.d. van je plaatje kunt aanpassen. <IMG src="jouwplaatje.png"> Dit is echter de basiscode, natuurlijk pas je jouwplaatje.png aan door de juiste link(http://www.jouwsite/jouwplaatje.png/[als het in dezelfde folder staat] simpelweg plaatje.png ) Het kan echter ook ietsje uitgebreider, namelijk <IMG src="jouwplaatje.png" height="50" width="70">Hiermee duid je aan dat je het plaatje wilt laten weergeven op hoogte 50 pixels, en breedte, en nu heb je een pagina met tekst en plaatjes. Nu moet je alle tags verplicht afsluiten, dus na al je codes zet je: </body>,</head>,</html>. Proficiat: Je eerste webpagina(offline) is een feit!
==> En wat dan?
Nu moet je je pagina opslaan, ik slaag hem op in mijn documenten als index.html. Nu gaan we naar http://www.byethost.com en we registreren een account, krijgen een mail, wachten 15 minuten en loggen in het control panel(je moet 15 minuten wachten). Dan gaan we naar ftp>Create ftp account en je vult de gegevens in. Dan download je smart FTP en vul je de juiste gevens in, bij adres ftp.jouwbyethostadres.com, bij user jouwuser@jouwbyethostadres.com en bij paswoord het paswoord, de poort laat je staan zoals het stond. En dan ben je normaal gezien binnen, en klikt op htdocs, daar upload je al je files, door ze simpelweg te slepen. Als we nu naar ons adres gaan zien we de files, of als je het als index.html hebt opgeslagen jou site.
DE FAQ KOMT VANAVOND, EVEN GEDULD!!!!
Hopelijk was het duidelijk.
Bewerkt: door tjah77