tjah77 Geplaatst: 2 oktober 2006 Rapport Geplaatst: 2 oktober 2006 (bewerkt) 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. DE FAQ KOMT VANAVOND, EVEN GEDULD!!!! Hopelijk was het duidelijk. Bewerkt: 2 oktober 2006 door tjah77 Reageren
Argon Geplaatst: 2 oktober 2006 Rapport Geplaatst: 2 oktober 2006 Tips: - In het hoofdstuk "en wat dan" heeft alleen de eerste zin te maken met HTML. - Je vergeet de pagina tags af te sluiten (</body> en </html>) in de code (dit is vaak onduidelijk voor newbies) - In de head kan je ook javascript etc plaatsen head is dus eigelijk voor dingen op de "achtergrond" (neem achtergrond vooral niet leterlijk ik bedoel meer "achter" de pagina) Reageren
ViceAgent Geplaatst: 2 oktober 2006 Rapport Geplaatst: 2 oktober 2006 Tips:- In het hoofdstuk "en wat dan" heeft alleen de eerste zin te maken met HTML. - Je vergeet de pagina tags af te sluiten (</body> en </html>) in de code (dit is vaak onduidelijk voor newbies) - In de head kan je ook javascript etc plaatsen head is dus eigelijk voor dingen op de "achtergrond" (neem achtergrond vooral niet leterlijk ik bedoel meer "achter" de pagina) In de tekst onder dat voorbeeld word wel uitgelegd dat je deze tags ook af moet sluiten en ik moet zeggen dat ik dat wel slim vind, want iemand die het écht wil leren leest de hele tekst door, en kijkt niet alleen maar schematisch de tekst over en kopieert wat hij ziet. Dus iemand die de tutorial helemaal volgt, zal het vast wel snappen denk ik. Reageren
Argon Geplaatst: 2 oktober 2006 Rapport Geplaatst: 2 oktober 2006 In de tekst onder dat voorbeeld word wel uitgelegd dat je deze tags ook af moet sluiten en ik moet zeggen dat ik dat wel slim vind, want iemand die het écht wil leren leest de hele tekst door, en kijkt niet alleen maar schematisch de tekst over en kopieert wat hij ziet. Dus iemand die de tutorial helemaal volgt, zal het vast wel snappen denk ik. Om even op je reactie van mijn reactie terug te komen ViceAgent, het gaat om het feit dat newbies het misschien in de foute volegorde gaan afsluiten of het gewoon vergeten en het is toch niet zoveel moeite om dat bij in het voorbeeld te zetten. En nog een tip tjah77 je kan de tag <br> ook bespreken misschien want die is wel belangrijk en de paragraaf tags kan je ook best bespreken want zonder die kan je geen valide html pagina maken dacht ik toch wel... Reageren
tjah77 Geplaatst: 2 oktober 2006 Auteur Rapport Geplaatst: 2 oktober 2006 In de tekst onder dat voorbeeld word wel uitgelegd dat je deze tags ook af moet sluiten en ik moet zeggen dat ik dat wel slim vind, want iemand die het écht wil leren leest de hele tekst door, en kijkt niet alleen maar schematisch de tekst over en kopieert wat hij ziet. Dus iemand die de tutorial helemaal volgt, zal het vast wel snappen denk ik. Om even op je reactie van mijn reactie terug te komen ViceAgent, het gaat om het feit dat newbies het misschien in de foute volegorde gaan afsluiten of het gewoon vergeten en het is toch niet zoveel moeite om dat bij in het voorbeeld te zetten. En nog een tip tjah77 je kan de tag <br> ook bespreken misschien want die is wel belangrijk en de paragraaf tags kan je ook best bespreken want zonder die kan je geen valide html pagina maken dacht ik toch wel... Bedankt voor je tips, die ga ik wel in de faq proberen te verwerken. Paragraaf is niet nodig voor valid html pagina, xhtml miss wel. En dat ik in die code de tags niet afsluit, is omdat ik dat nog niet heb behandeld. Bedankt ViceAgent en Argon voor de tips. Reageren
Recommended Posts
Een reactie plaatsen
Je kan nu een reactie plaatsen en pas achteraf registreren. Als je al lid bent, log eerst in om met je eigen account een reactie te plaatsen.