Cursus HTML voor beginners
|
|
- Christian de Groot
- 8 jaren geleden
- Aantal bezoeken:
Transcriptie
1 Cursus HTML voor beginners Gebruikte bron: / HTML is de taal waarmee je documenten (webpagina's) maakt die bekeken kunnen worden op het World Wide Web. HTML staat voor HyperText Markup Language: Hypertext is de techniek waarmee een verbinding (een link) wordt gelegd naar bijvoorbeeld een ander document, een afbeelding, of een geluidsopname. Markup is het gebruik van code om de browser, een programma waarmee HTML-documenten bekeken kunnen worden, te vertellen hoe de inhoud van het document weergegeven moet worden en naar welke bestemming de hyperlinks moeten leiden. HTML-code is opgebouwd uit elementen en attributen. Deze handleiding behandelt eerst de 'ouderwetse' HTML met attributen. Die attributen hoef je niet allemaal te onthouden want in de handleiding CSS (Cascading Style Sheets) blijkt dat het allemaal veel handiger kan. Wat je wel moet leren is begrip over hoe HTML werkt en, om te oefenen, kennis van de volgende elementen: P, A, SPAN, IMG, BR, B, I, U, HR en Hx. Daarnaast moet je snappen waarvoor de elementen HTML, HEAD en BODY dienen. In aanloop naar het werken met een CMS en CSS moet je ook weten wat DIV containers zijn en basiskennis hebben over TABLE. Twee tips: 1. Klik rechts op een webpagina in je browser en kies 'Bron weergeven', 'Paginabron bekijken' of iets dergelijks, dit verschilt per browser. Je ziet dan de HTML-code. 2. Maak op je bureaublad een nieuw bestand met de naam test.html. Open dat met Notepad++ en plak er de coderegeltjes in uit dit document. Sla het op en dubbelklik. Zo kan je ziet wat er gebeurt en kan je eventueel zelf wat uitproberen. Elementen en attributen Elementen bestaan meestal uit tweetallen: een deel dat het element activeert en een deel dat de activering weer beëindigt. Zowel de activering (ook wel starttag genoemd) als de beëindiging (endtag) beginnen met het teken < en eindigen met het teken >. We noemen dit vishaken. Tussen deze tekens staat de naam van het element. De beëindiging is hetzelfde als de activering maar dan met een slash ( / ) voor de naam van het element. Tussen de activering en beëindiging staat de inhoud waarop het element betrekking heeft. Als voorbeeld de opbouw van een paragraaf met behulp van het P element: <p>deze tekst vormt een paragraaf.<p> Een aantal elementen heeft geen inhoud. Voor deze lege elementen is het gebruik van de beëindiging verboden. Een voorbeeld is het HR element, waarmee horizontale lijnen opgenomen kunnen worden: <hr>. Dus nooit: <hr></hr> 1
2 Gezien de toekomstige en jongste ontwikkelingen (xhtml) is het echter verstandig om ook deze elementen te beëindigen: bij een element zonder inhoud, dat dus niet wordt afgesloten met </naam_element> (zoals HR), is het beter deze notatie te gebruiken: <hr />. Dus spatie + slash voor de laatste vishaak. De naam van een element, attribuut of waarde is altijd hoofdletterongevoelig. Dat wil zeggen dat het niet uitmaakt of de naam in hoofdletters of in kleine letters wordt geschreven. Zelf vind ik kleine letters mooier. Attributen zijn nadere specificaties van een element. Ze worden opgenomen in de activering van het element, voor het >-teken. Indien meerdere attributen aan het element worden toegevoegd, worden deze gescheiden door een spatie. In veel gevallen moet aan een attribuut een waarde worden toegekend. Als voorbeeld wordt aan het eerder genoemde P element het ALIGN attribuut toegevoegd (ik gebruik hier => voor 'levert op:'). <p align="right">deze paragraaf wordt rechts uitgelijnd.</p> => Deze paragraaf wordt rechts uitgelijnd. Een ander handig element voor de beginner is FONT. Het is geen blokelement (dus inline zie verderop) en omspant de tekst voor bijzondere bewerkingen. Voorbeeld: <p align="center">deze paragraaf wordt <font color="red">gecentreerd</ font > uitgelijnd.</p> => Deze paragraaf wordt gecentreerd uitgelijnd. Ook aan lege elementen kunnen attributen worden toegevoegd. In het volgende voorbeeld gebeurt dat voor het HR element met de attributen SIZE en NOSHADE, waarbij NOSHADE een voorbeeld is van een attribuut dat geen waarde kent. <hr size="5" noshade /> Levert een dikke lijn zonder rand op. Als je elementen gaat 'nesten' moet je altijd op de omgekeerde volgorde van afsluiten letten. Dus <p><span><b>hier staat een vette content</b></span></p> Opbouw HTML-document Een HTML-document bestaat uit twee delen: de head en de body. De head wordt gedefinieerd met het HEAD element en bevat informatie, die betrekking heeft op het document, maar niet in de browser wordt weergegeven. De informatie kan bijvoorbeeld instructies aan de browser bevatten over hoe het document verwerkt of weergegeven moet worden. In de head van elk document moet in ieder geval het TITLE element worden opgenomen. Hiermee wordt een titel vastgelegd, welke in de meeste browsers te zien is in het tabblad of de titelbalk van het venster. De content wordt gedefinieerd met het BODY element en bevat de feitelijke inhoud van het document. Het HTML element markeert het begin en einde van een HTML-document en geeft aan dat het document HTML-code bevat. 2
3 Helemaal bovenin staat een rare regel: het DOCTYPE. Voorbeeld: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " Dit heeft te maken met de versie van HTML en dus wat de browser moet verwachten. Een tikfout hierin of het helemaal ontbreken brengt de browser in de zogenaamde quirks-modus (quirk betekent slimmigheid). Hij maakt er dan het beste van, echter zonder garantie. Gelukkig hoef je zo'n DOCTYPE niet zelf te verzinnen. Met enig googelen zou je er wel achter kunnen komen welke je moet hebben, maar een webpagebuilder zoals Dreamweaver en een CMS doen dit voor je. In de voorbeelden hier gaan we uit van HTML 4. Inmiddels is er HTML 5 met veel nieuwe snufjes die onder meer beogen Flash overbodig te maken en de noodzaak van Javascript te verminderen. Met de genoemde elementen heeft het HTML-document de volgende opbouw: <html> <head> <title>mijn homepage</title>... </head> <body>... </body> </html> HEAD In het HEAD element staan, naast META tags, de verwijzingen naar Javascript-documenten op de server en de verwijzing naar een of meer CSS-documenten. Voorbeelden: <meta name="keywords" content="sgb Bonaire,mediaklas12,website-ontwikkeling" /> <meta name="robots" content="index,follow" /> Dit helpt zoekmachines (zie ook SEO). <link rel="stylesheet" type="text/css" href="css/stylesheet1.css" media="all" /> Verwijst naar een CSS-sheet op de server (voor alle apparaten dus pc's, smartphones enz.). <script src="js/javascript_fd" type="text/javascript"></script> Verwijst naar een javascriptdocument op de server. BODY Met de attributen van het BODY element kun je de basisweergave van een document bepalen. Met het BGCOLOR attribuut definieer je welke achtergrondkleur er voor het document gebruikt moet worden, met het TEXT attribuut doe je hetzelfde voor de kleur van de tekst. Dit voorbeeld dient om een idee te krijgen hoe het vroeger ging, wij doen dit met CSS. <body bgcolor="#ffffff" text="#000000">... </body> Overigens zijn de kleurcodes, althans hoe ze werken, wel iets wat je moet weten. Een leuke kleur zoek je op internet, want niemand kan onthouden welke code bij welke kleur hoort. In Photoshop en andere programma's zie je de code vaak (als 'webkleur' o.i.d.) in je kleurenpalet vermeld. Wat je wel onthoudt is dat #FFFFFF; wit is en #000000; zwart. De code bestaat dus uit een # (hekje of matje), 6 letters of cijfers en een puntkomma. HTML kent ook een aantal (Engelse) woorden: red, green, blue enz. 3
4 Binnen het BODY element kun je onder meer koppen, paragrafen, horizontale lijnen, afbeeldingen en hyperlinks opnemen. Koppen maak je met het Hx element. De "x" vervang je door een getal tussen 1 en 6. Hoe hoger het getal, hoe kleiner de kop. Voor de belangrijkste kop gebruik je dus H1: <h1>de belangrijkste kop</h1> Gewone tekst neem je op met het P element. Voor een horizontale lijn gebruik je het HR element. Voorbeeld van deze elementen zijn hiervoor reeds gegeven. Blok-elementen De elementen Hx, P en HR zijn elementen, die ervoor bedoeld zijn de inhoud van een document op een voor de bezoeker begrijpelijke wijze te structureren. Dit soort elementen wordt altijd voorafgegaan en gevolgd door de overgang naar een nieuwe regel en vaak ook door een blanco regel. Inline-elementen Deze genereren geen witregel en komen dus op één rij, totdat het browservenster dit niet meer toelaat, dan springen ze naar de volgende regel. Maak je het venster groter dan springen ze in het gelid. Voorbeelden: SPAN, IMG, Een blanco regel tussen deze inline elementen (die anders dus rechts naast de vorige gaan staan), of een extra witregel doe je met: <br />. Probeer dit uit en maak je browser smaller en breder: <p>deze tekst vormt een paragraaf. Als er maar genoeg woorden staan blablabla loopt hij door naar de volgende regel, net als in een Word-document. Pas als je een <u>break</u> <br /> plaatst begint er een nieuwe regel.</p> Afbeeldingen Als je een afbeelding wilt opnemen, maak je gebruik van het IMG element. Aan het IMG element voeg je minimaal de attributen SRC en ALT toe. Het SRC attribuut (source, bron) bepaalt welke afbeelding moet worden geladen. Met het ALT attribuut geef je als alternatief een omschrijving op, voor als de browser geen afbeeldingen weergeeft. Het is verstandig ook altijd de attributen WIDTH en HEIGHT te gebruiken om de afmetingen van de afbeelding (in pixels) vast te leggen. De verhouding moet dan wel dezelfde zijn als die van het plaatje, anders krijg je vervorming. <img src="gezicht.gif" width="105" height="125" alt="gezicht" /> Links Een hyperlink is een verbinding met een ander document, of een ander bestand. Je maakt een hyperlink met het A (anchor) element. Het HREF (Hypertext Reference) attribuut definieert op welke locatie het document of bestand zich bevindt, de referentie dus. Een hyperlink naar een document in dezelfde directory op dezelfde server ziet er als volgt uit: <p>klik hier om naar <a href="contactpagina.html">contact</a> te gaan.</p><style> p { font-family: Arial; } </style> Let op de spaties vóór <a en na </a>. Als je die weglaat krijg je: om naarcontactte gaan. Dit kan ook: <p>klik hier om naar<a href="contactpagina.html"> Contact </a>te gaan.</p> Zoek de verschillen Een hyperlink naar een site op een andere server heeft bijvoorbeeld de volgende opbouw: <p>bezoek het schoolbord op <a href=" Let op de spatie na 'op'. Als je die weglaat krijg je: schoolbord opmediaklas12.com 4
5 Belangrijk is het attribuut TARGET (doel). Als je het weglaat blijft de browser in hetzelfde scherm. Dat is normaal als je op een item in het menu klikt (een menu is niets anders dan een stel hyperlinks naar je eigen pagina's) maar erg vervelend als de bezoeker op een link naar een andere website klikt. target="_blank" voorkomt dit. (Let op de rare underscore _ ). <p>ook leuk: <a href=" target="_blank">mediaklas12.com</a></p> Spaties Ga niet met rijen spaties werken om een bepaalde lay-out te maken. Ten eerste werkt het niet (vrijwel alle browsers negeren meer dan een spatie) maar je HTML-code wordt ook onleesbaar. Als het echt niet anders kan, en om een lege inhoud aan een element te geven gebruik je: Het &-teken en de ; zijn essentieel, anders zie je gewoon nbsp. NBSP staat voor: non breaking space - een niet-afbrekende spatie. Tekstdecoratie Plaatselijk kun je de weergave van stukjes tekst, bijvoorbeeld binnen een paragraaf, bepalen met de elementen voor tekstopmaak, zoals B voor vet (Bold), I voor cursief (Italic) en U voor onderstreept (Underline). <p>tekst kun je ook in <b>vet</b> of <i>cursief</i> weergeven, of <u>onderstreept</u>.</p> => Tekst kun je ook in vet of cursief weergeven, of onderstreept. Verboden tekens In de tekst van een HTML-document mag je een aantal (speciale) tekens niet zomaar gebruiken. Dat geldt bijvoorbeeld voor accenten en trema's, maar ook voor tekens die in HTML een speciale betekenis hebben zoals het begin (<) of het eind (>) van een tag, de ampersand (&) en dubbele aanhalingstekens ("). In plaats van deze tekens moet speciale code gebruikt worden. Ter illustratie voor enkele tekens de code: é é (accent aigu = acuut, scherp) ë ë (umlaut) à à (accent grave = ernstig, zwaar) ï ï " " (quote) < < (less then) > > (greater then) En alleen hierom al gaan we met een CMS werken, wat een gedoe! Bekijk dit maar eens: Bij V&D in het "irreëel" café is er koffie à $ 2,00. wordt: <p>bij V&D in het "irreëel" café is er koffie à $ 2,00.</p> 5
6 Table Ook wil ik jullie nog het element TABLE laten zien. Dat wordt gebruikt om een lijst of tabel een beetje netjes te krijgen. Vroeger werd TABLE gebruikt om de hele webpagina te structureren. Dat was een heel gedoe, nu wordt het vooral nog gebruikt voor (echte) tabellen, maar ook wel om contactformulieren te structureren en uit te lijnen. Een TABLE element moet: - altijd het attribuut SUMMARY hebben en (handig voor testen) het attribuut BORDER; - altijd minstens een TR (table row) bevatten; - in een TR moet minstens een TD (table data, cel) bevatten met inhoud (minimaal een spatie). Voorbeeld: <table summary="testtabel" border="1"> <tr> <td>eerste cel</td> <td> </td> <td>tweede cel</td> </tr> <tr> <td>derde cel</td> <td> </td> <td>vierde cel</td> </tr> </table> Dankzij de lege cel in het midden wordt de boel een beetje uit elkaar gehaald. Als je BORDER op 0 zet zie je de lijnen tussen de cellen in je browser niet meer wat meestal het mooist is. Plak deze code in je test.html en kijk. Dat ziet er dan zo uit: Eerste cel Tweede cel Derde cel Vierde cel Jullie krijgen in de les nog wat voorbeelden te zien. Tenslotte nog de UL (unsorted list) met LI (list item). <ul> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ul> => Item 1 Item 2 Item 3 DIV containers Hiermee gaan we uiteindelijk werken. Het idee erachter is een 'geneste' structuur: <div> <div>header</div> <div> <div>menu</div> <div>content</div> </div> <div>footer</div> </div> DIV staat voor division. Meer hierover bij CSS. 6
7 Schone code Houd je HTML-code luchtig en overzichtelijk. Dat hoeft niet voor de browser maar wel voor jezelf en eventueel voor een ander die jouw code later moet bewerken. Veel nieuwe regels (enters) en tabs maakt een en ander goed herkenbaar. Bij het voorbeeld TABLE kan je zien wat ik bedoel. Vergelijk dit met het voorbeeld hierboven. <table summary="testtabel" border="1"><tr><td>eerste cel</td><td> </td><td>tweede cel</td></tr><tr><td>derde cel</td><td> </td><td>vierde cel</td></tr></table> Een browser is soms heel mild en breit sommige fouten nog wel goed, maar hij kan ook heel weigerachtig zijn. Ergens een vishaak of een " te weinig of te veel en je ziet ineens niks meer terug van het element of je ziet de tags Je kan bij het bouwen plezier hebben van de documentatie-tag. Eigenlijk bedoeld om uitleg te schrijven die niet in beeld komt, waar de browser zich dus niks van aantrekt. Alles wat russen <!-- en --> instaat wordt niet getoond. Als je bouwt kan je hiervan gebruik maken door stukken code tijdelijk uit te zetten. <!-- <p>deze overigens correcte paragraaf wordt niet getoond.</p> --> Fout is: tekst buiten tags. Tekst buiten tags wordt gewoon getoond, maar met een standaard lettertype. Let dus op dat je content altijd in een inhoudselement zoals P of SPAN zet. <html> <head><style>p { font-family: Arial; }</style></head> <body> Zomaar tekst zonder tags. <p>tekst netjes binnen p-tags.</p> </body> </html> De tools Om een en ander te maken hebben we nodig: - Een 'platte' tekstverwerker, liefst met syntax-coloring. We nemen Notepad++ Werk beslist niet met MS Word die maakt van HTML een totale bende. - Meerdere browsers * - En in een van die browsers een add-on voor webdevelopers. We nemen Firefox met de add-on Firebug. - We testen de HTML webpagina's zonder problemen lokaal, ook met eventueel Javascript. Alleen PHP en MYSQL (onderdelen van een CMS) moeten op een echte webserver draaien. Je kan op je eigen PC een webserver installeren, wij gaan echter zo snel mogelijk online. Daarvoor heb je een FTP-programma nodig (we gebruiken WinSCP). * Ofschoon HTML een standaard is wijken sommige browsers ervan af. Dat levert onbedoelde (soms dramatische) effecten op. Dit is het duiveltje van de websitebouwer. Er zijn een aantal manieren om in het CSS aan te geven dat een instelling anders moet voor browser x, maar daar wordt je ook niet vrolijk van. Vooral Internet Explorer van Microsoft hield zich jaren lang (en nog steeds) niet aan de regels, de meeste CSS-en wemelen dan ook van de uitzonderingen voor IE. Je zal dus, tegen het einde van je bouwproject, je website in alle veelvoorkomende browsers moeten bekijken. Dat zijn Firefox, IE, Chrome, Safari en Opera. 7
8 Structuur website Een website bestaat uit een aantal HTML-documenten. Die kunnen in één directory staan of in subdirectories (directory wordt ook map of folder genoemd). Meestal staan plaatjes in een eigen map, bijvoorbeeld 'pics' of 'images'. Er is een bepaalde methode om in <a href=""> aan te geven waar iets staat: Voor de bestandsnaam komt: 1. niks of./ zelfde map 2.../ een map hoger 3.../../ twee mappen hoger 4.../map1/ een map hoger en dan in map1 (op gelijk niveau) 5. map2/ vanuit dit niveau in map2 (een map lager dus) Ik zal dit in de les laten zien aan de hand van wat voorbeelden. In de zogenaamde root staat altijd een index bestand. Dat kan index.html zijn of index.php. Zonder index start de site niet uit zichzelf en krijg je een error van de webserver. Een index.php zorgt dat er HTML wordt gegenereerd om aan de browser te overhandigen. PHP kunnen we in deze cursus niet leren maar we gaan het wel af en toe tegenkomen. PHP is onze vriend in het CMS want die neemt ons veel werk uit handen. De structuur in de url Als je tikt zoekt de browser naar een index bestand in de root. Met zoekt hij in die map naar een index. En opent die html-pagina. Nog eentje: met opent de browser die foto. In de code van een html-document in map1 moet je 'mijnfoto' dus als volgt aanroepen: <img src="../images/mijnfoto.jpg" alt="ikke"> En vanuit de root: <img src="images/mijnfoto.jpg" alt="ikke"> Actie! We gaan nu met deze kennis onze eerste webpagina maken. Je vindt die in de root van je website, hij heet index.html. Voor het gemak heb ik al een!doctype en de structuur (HTML HEAD BODY) geplaatst. De bedoeling is dat je een kop (bijv. je naam) maakt, daaronder een foto van jezelf en een stuk tekst over wie je bent, je hobby's, je dromen en ambities, verzin maar wat. Het moet er een beetje netjes uit zien, zowel in code als in het resultaat. 8
9 Overzicht elementen Samenvattend: er zijn dus elementen op blokniveau en inline elementen. Elementen op blokniveau zijn elementen die vooraf gegaan en gevolgd worden door de overgang naar een nieuwe regel, inline elementen zijn elementen die dezelfde regel kunnen delen met andere elementen en niet vooraf gegaan en gevolgd worden door de overgang naar een nieuwe regel. De volgende elementen zijn als element op blokniveau gedefinieerd: ADDRESS, BLOCKQUOTE, CENTER, DIR, DIV, DL, FIELDSET, FORM, HR, Hx, ISINDEX, MENU, NOFRAMES, NOSCRIPT, OL, P, PRE, TABLE, UL De volgende elementen zijn als inline element gedefinieerd: A, ABBR, ACRONYM, APPLET, B, BASEFONT, BDO, BIG, BR, BUTTON, CITE, CODE, DFN, EM, FONT, I, IFRAME, IMG, INPUT, KBD, LABEL, MAP, OBJECT, Q, S, SAMP, SCRIPT, SELECT, SMALL, SPAN, STRIKE, STRONG, SUB, SUP, TEXTAREA, TT, U, VAR Sommige elementen horen bij een 'hoofd'element zoals LI (bij UL) en TR en TD (bij TABLE) en kunnen niet los bestaan. De vetgedrukte elementen hebben we behandeld. 9
Schrijven voor het web. 1TIN Internettechonologie 2003-2004 les 02 1
Schrijven voor het web 1TIN Internettechonologie 2003-2004 les 02 1 Verschillen met gewone teksten niet noodzakelijk sequentieel lezen webpagina globaal lezen (geen details) beantwoorden aan doel van bezoek?
Nadere informatieHTML elementen en attributen (volgens de Strict DTD)
HTML 4.01 - elementen en attributen (volgens de Strict DTD) N.B.: vervallen attributen die vermeld worden in deze tabel, vallen uiteraard onder de Transitional DTD Naam element Type tag Start tag, einde
Nadere informatieWat is een child-theme?
Child theme Waarschuwing 1. Het maken van een child theme is relatief eenvoudig, u hebt er wel FTP toegang voor nodig bij uw provider. 2. Het is soms lastig om precies uit te vinden welke css codes u moet
Nadere informatieWebsitecursus deel 1 HTML
Websitecursus deel 1 HTML WebCie A Eskwadraat www@a-eskwadraat.nl 8 april 2015 Inleiding Website cursus in drie delen: HTML CSS Javascript We gaan uit van geen voorkennis. Als je vragen hebt, stel ze!
Nadere informatieInternet_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. , , ).
Nadere informatieExtra: 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
Nadere informatieLes 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
Nadere informatieA 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
Nadere informatieHTML 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
Nadere informatieAgenda. Wat is HTML? Meer over HTML... Waarom HTML leren? Aniel Bhulai. Inleiding Computergebruik - HTML 1. Waarin maak je een HTML-bestand?
Agenda HTML algemeen Wat is HTML? Korte historie Opbouw HTML document Aantal tags + voorbeelden Vragen 2 3 Opmaaktaal Letter Kleur Plaatjes Tabellen Formulieren Links Wat is HTML? Waarin maak je een HTML-bestand?
Nadere informatieHier 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
Nadere informatieWeb building basis: HTML. Karel Nijs 2008/09
Web building basis: HTML Karel Nijs 2008/09 Webbuilding basis vorige les HTML intro Browsers HTML elementen HTML basis tags HTML attributen HTML kleuren HTML formattering Extra: HTML entities Webbuilding
Nadere informatieHTML 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.
Nadere informatieA 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
Nadere informatieHTML5 overzicht Tag Uitleg Versie Attributen
HTML5 overzicht Tag Uitleg Versie Attributen Commentaarregel toevoegen 4 en 5 Geen Document 4 en 5 Geen Hyperlink 4 en 5 href ping Samenvoeging van een woord 4 en
Nadere informatieProgrammeren in MyShop
Programmeren in MyShop Wat leer je in dit hoofdstuk: - Wat HTML en CSS is - (Een heel klein beetje) HTML - (Een heel klein beetje) CSS - Een aangepaste footer maken ( deurmat ) Eindresultaat Je gaat je
Nadere informatieWerken 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.
Nadere informatieHTML richtlijnen e-mail marketing. part of the valley
e-mail marketing pagina 2/9 geschreven door Maarten van Benthem, front-end developer datum 1 oktober 2009 versie 1.0 Copyright Alle rechten voorbehouden. De inhoud van dit document blijft eigendom van
Nadere informatieSoftware 1. Basis HTML. bachelor grafische en digitale media cross-media ontwerp & grafimediatechnologie academiejaar 2009-2010 semester 1
Software 1 Basis HTML bachelor grafische en digitale media cross-media ontwerp & grafimediatechnologie academiejaar 2009-2010 semester 1 Alain Simons alain.simons@artesis.be Basis HTML 1. Introductie 2.
Nadere informatieWeb 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
Nadere informatiePro templates. Copyright Starteenwinkel.nl
Pro templates Copyright Starteenwinkel.nl Lees in deze handleiding over: 1. PRO templates; voor wie geschikt? 2. Aan de slag met een PRO template 3. Template Designer 4. Template Editor 5. Sliders aanpassen
Nadere informatieFrames. Dit gedeelte wordt uitgebreid besproken in 1TIN Internettechnologie les 06
Frames Dit gedeelte wordt uitgebreid besproken in http://www.handleidinghtml.nl/html/frames.htm 1 Frames - doel? Browservenster kan opgedeeld worden in meerdere views (= schermen, subvensters) Laten toe
Nadere informatieHTML. Links. Hyperlinks. Hans Roeyen V 3.0
Links En Hyperlinks Hans Roeyen V 3.0 5 februari 2015 Inhoud 1. Werken met (Hyper)links... 3 1.1. De anchor tag... 3 1.1.1. Het ID attribuut... 3 1.1.2. Oefeningen op linken... 4 1.1.3. Absoluut en relatief
Nadere informatieDe tag aan het begin van het PHPscript is "<?php" aan het einde van het PHPscript gebruik je "?>".
PHP Les 3 Commando ECHO Interessante links: o http://www.donboscozwijnaarde.be/~moermant/ o http://php.net/manual/en/function.echo.php o http://www.w3schools.com/php/default.asp Wat is PHP? PHP is een
Nadere informatieDoelen: Als je deze opdracht hebt uitgevoerd, heb je de volgende doelen bereikt: Je kunt een eenvoudige webpagina maken met behulp van HTML.
OPDRACHTKAART MM-05-04-01 HTML Voorkennis: Geen. Intro: De opmaaktaal voor het WWW heet HTML (Hyper Text Markup Language). Met HTML kan een webpagina worden gemaakt, inclusief hyperlinks. Tijdens deze
Nadere informatie1. 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
Nadere informatieEen webpagina maken. Een website bouwen met HTML en CSS practicum 1
Een webpagina maken De komende periode wordt in 8 practica een aantal technieken behandeld, die je nodig hebt om een (eenvoudige) website te kunnen bouwen. Nadat je deze 8 practica hebt doorgewerkt, moet
Nadere informatieHTML 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
Nadere informatiePAGINA 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
Nadere informatieHTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen.
Terminologie HTML en CSS HTML: Hyper Markup language Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen. CSS: Cascading StyleSheet stylesheet for
Nadere informatieDe frameset uit de afbeelding wordt op de volgende manier gedefinieerd:
FRAMES GEBRUIKEN Met frames kan het venster van een browser zo worden ingedeeld, dat er meerdere webpagina's tegelijk getoond kunnen worden. In de afbeelding hieronder staat een webpagina met frames. We
Nadere informatieFFO Webdesign 1e jaar theorietoets NL niveau4... Totaal aantal vragen: 40
FFOUCHIER 01/11/2018 FFO Webdesign 1e jaar theorietoets NL niveau4... Totaal aantal vragen: 40 De meeste juiste antwoorden: #22 Minste Juiste antwoorden: #30 1. Selecteer de juiste HTML-code voor het maken
Nadere informatieZelf een webpagina maken met HTML-code
Zelf een webpagina maken met HTML-cde Stappenplan: 1. De brncde maken met Kladblk 2. Het resultaat bekijken met Internet Explrer 3. Een tweede webpagina maken en beide pagina s linken 4. De webpagina s
Nadere informatieGlobale 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
Nadere informatieHTML krijgt een standaard opmaak van de browser
1 HTML krijgt een standaard opmaak van de browser Een link in HTML In HTML maakt u een link met de HTML-markering (HTML-tag) . Een a-tag (anchor, anker) heeft een attribuutwaarde nodig om de link te
Nadere informatieHTML & CSS DEEL 1. webdesign. Programmeren met CodeAcademy
Programmeren met CodeAcademy HTML is de taal die gebruikt wordt om webpagina s te maken die jij elke dag bezoekt. Het is een logische manier om een website te structureren. Laten we kijken wat de term
Nadere informatieBesproken in de cursus Vervolg Webdesign CC19VO08
Besproken in de cursus Vervolg Webdesign CC19VO08 De verwijzingen in het blauw zijn naar het digitale boek Macromedia Dreamweaver 8 (Macromedia-Dreamweaver-8-Training-from-the-Source-2006.chm) Besproken
Nadere informatieFrontend ontwikkeling
Frontend ontwikkeling Mark Jansen Edwin Vlieg PHPFreakz ledendag 10 november 2007 Frontend ontwikkeling De interface is je product richting de eindgebruiker Goede PHP code met een slechte interface geeft
Nadere informatieVoor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com
Welkom bij mijn website tutorial (Deel 6) 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.
Nadere informatieFrontPage. Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie:
1 FrontPage Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie: Merk op dat de ene pagina die al aangemaakt is 'index.htm' heet. Dit is belangrijk De startpagina
Nadere informatieWEBDESIGN. 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
Nadere informatieVerstuur 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
Nadere informatieWelkom bij mijn website tutorial (Deel 2)
Welkom bij mijn website tutorial (Deel 2) 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.
Nadere informatieAgenda (X)HTML. Wat is HTML? Hoe ziet een HTML-file eruit? Waarom HTML leren? Waarin maak je een HTML-bestand?
(X)HTML HyperText Markup Language Aniel Bhulai E-mail: abhulai@few.vu.nl vrije Universiteit amsterdam Agenda HTML algemeen Aantal tags HTML met stijl (CSS, DHTML) XHTML Vragen Demo 1 vrije Universiteit
Nadere informatieEen ASP.NET applicatie opzetten. Beginsituatie:
Hoofdstuk 1 Een ASP.NET applicatie opzetten Beginsituatie: Windows XP Pro, Windows Vista Pro of Windows 7 Pro Visual Studio.NET moet zijn geïnstalleerd. Let hierbij op dat de Express versie niet voldoet.
Nadere informatieIntroductie. 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,
Nadere informatieInternet Standaarden HC4
Internet Standaarden HC4 Hogeschool van Amsterdam - Instituut voor Interactieve Media 1 Invloed van Games Laatste ontwikkelingen Gebruik van Games 11 oktober 2007 Hogeschool van Amsterdam - Instituut voor
Nadere informatie2. KENNISMAKEN MET DE PROGRAMMA'S
Deze cursus is geschreven ter vervanging van de eerste twee les-stencils over HTML die we sinds 1997 op de PCW gebruikten. 'HTML voor beginners' helpt je een eind op weg met het maken van je eigen website.
Nadere informatieVoor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com
Welkom bij mijn website tutorial (Deel 5) 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.
Nadere informatieHieronder 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
Nadere informatieInhoudsopgave 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
Nadere informatieHet bouwen van een website.
Het bouwen van een website. Les 1. Wat is een website? Hoe werkt het web? Het web of internet dat zijn een verzameling van speciale computers genaamd servers, Die allemaal met elkaar verbonden zijn. Onze
Nadere informatieVersie 0.4. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman
Documentatie Onsweb Club plugin voor KNKV verenigingen Versie 0.4 Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman Alle rechten in dit document zijn voorbehouden. www.onsweb.nl,
Nadere informatieProefles informatica op het Alberdingk Thijm College. Het maken van een website met de tekstverwerker Kladblok of TextWrangler
Proefles informatica op het Alberdingk Thijm College Het maken van een website met de tekstverwerker Kladblok of TextWrangler 1 Start het programma kladblok: (Start à Programma s à Bureau-accessoires à
Nadere informatieWEBSITE USABILITY. white-paper
WEBSITE USABILITY white-paper Alle rechten voorbehouden Het is niet toegestaan deze white-paper aan derden te verstrekken of te verkopen. Het is niet toegestaan de inhoud van deze white-paper elders te
Nadere informatieHandleiding bij de onderhoudsmodule van de Hermes CMS website.
Handleiding bij de onderhoudsmodule van de Hermes CMS website. Voor wie? U wilt uw bedrijf professioneel voor stellen? U wenst uw website graag zelf te onderhouden? U wenst het budget laag te houden? Wat?
Nadere informatieUw 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
Nadere informatieVersie: 1.0 Gemaakt door: Whisper380 Eigenaar: Whisper380-computerhulp Datum: 23-1-2011
Versie: 1.0 Gemaakt door: Whisper380 Eigenaar: Whisper380-computerhulp Datum: 23-1-2011 1 Inhoudsopgave Wat gaan we doen?... 4 Eerst wat uitleg:... 4 Wat is HTML:... 4 Wat is CSS:... 4 Wat is het resultaat
Nadere informatieHandleiding: 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.
Nadere informatieAgenda HTML. Wat is HTML? Hoe ziet een HTML-file eruit? Waarom HTML leren? Waarin maak je een HTML-bestand?
HTML HyperText Markup Language Aniel Bhulai E-mail: abhulai@cs.vu.nl Agenda HTML algemeen Aantal tags HTML met stijl (CSS, DHTML) Demo Vragen vrije Univers iteit amsterdam 1 2 Opmaaktaal Letter Kleur Plaatjes
Nadere informatieBsc5 bk5100 - TOI. Proces- en presentatieportfolio Inleiding websites maken met Macromedia Dreamweaver. Technisch Ontwerp en Informatica
Proces- en presentatieportfolio Technisch Ontwerp en Informatica http://toi.bk.tudelft.nl/bsc5 toi@bk.tudelft.nl Procesportfolio [week 2 t/m 17] voortgang en verloop van het ontwerpproces GEEN productpresentatie
Nadere informatieHandleiding OpenOrg.nl
Handleiding OpenOrg.nl 1. Inleiding OpenOrg.nl is een wiki, een webtoepassing waarmee webdocumenten gezamenlijk kunnen worden bewerkt. Meerdere personen kunnen elkaars documenten en bijdragen aanvullen
Nadere informatieInformatica. 2 e graad 2 e jaar
Informatica 2 e graad 2 e jaar Inhoudstafel Inhoudstafel... 2 1. Wat is XHTML en hoe werkt het?... 3 2. Tags... 6 2.1. Wat zijn Tags?... 6 2.2. Basisstructuur van een webpagina... 7 3. Soorten Tags...
Nadere informatieHandleiding 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...
Nadere informatieKompozer 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
Nadere informatieHtml: stramien en tekst
1 Html: stramien en tekst De belangrijkste punten van hoofdstuk 1 X X Laat de bestandsnaam van een webpagina eindigen op.html. XX Begin een webpagina met de juiste document type declaration (doctype).
Nadere informatieHandleiding Content Management Systeem
Handleiding Content Management Systeem Inhoudsopgave Inhoudsopgave... 2 1. Inloggen... 3 2. Paginavolgorde... 3 3. Pagina en menutitel... 3 4. Pagina s bewerken... 4 5. De tekstverwerker... 4 6. Interne
Nadere informatieE.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.
Nadere informatie11. 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
Nadere informatieWebsites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash
Websites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash INHOUDSOPGAVE Inleiding DEEL I: THEORIE Hoofdstuk 1: Richtlijnen Webstandaarden Voordelen Hoofdstuk 2: HTML De geschiedenis
Nadere informatieSyllabus 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
Nadere informatieFormulieren 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
Nadere informatieInhoudsopgave. Inhoudsopgave... 2. 1. Inleiding... 3. 2. Het begin... 4. 3. Opmaak... 6. 5. Formulieren... 16. 6. Editors... 23. 7. Webbrowsers...
1 Inhoudsopgave Inhoudsopgave... 2 1. Inleiding... 3 2. Het begin.... 4 3. Opmaak... 6 5. Formulieren... 16 6. Editors... 23 7. Webbrowsers... 24 8. Webhosting... 25 9. Website uploaden... 27 10. Website
Nadere informatieVoor 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.
Nadere informatiedesign 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
Nadere informatieUw website optimaliseren voor zoekmachines
Uw website optimaliseren voor zoekmachines Waarom zou je optimaliseren? Met een goede website of goed product ben je er nog niet. Wanneer je product of dienst namelijk niet bekend is bij de gebruiker,
Nadere informatieVoorbeeld: In een tekstverwerker staat: Dit is scheve tekst Om in HTML hetzelfde effect te krijgen moet er staan: <i>dit is scheve tekst</i>
Wat is HTML? HTML staat voor HyperText Markup Language. Een HTML tekst bestaat uit zogenaamde platte tekst (ook wel de eerste 128 tekens van ASCII genoemd). In tegenstelling tot bijvoorbeeld tekstverwerker
Nadere informatieHandleiding installeren en wijzigen emailhandtekening
Handleiding installeren en wijzigen emailhandtekening Inleiding Met behulp van een script kun je automatisch een handtekening plaatsen onder al je emailberichten. Je bericht komt er dan zo uit te zien:
Nadere informatieInhoud. Pagina 2 van 13
Code Conventie Inhoud PHP algemeen... 3 Namen van variabelen... 3 Enkele of dubbele aanhalingstekens... 3 Globale variabelen... 3 Namen van functies... 3 Argumenten van functies... 3 Formattering... 4
Nadere informatieDit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde
Dit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde [64] [Arthur Hemmer 5494753] [Mehul Mistry 4255704]
Nadere informatieSushi MIJN EERSTE WEBSITE EEN WEBPAGINA BEWERKEN. Kaart 1 van 10 Ik ben HTML/CSS aan het leren
MIJN EERSTE WEBSITE Sushi EEN WEBPAGINA BEWERKEN Kaart 1 van 10 We gaan een nieuwe website bouwen! We gaan hem over boeken maken maar je kan hem ook zo maken zoals jij zelf wilt! Download de HTML code
Nadere informatieRob's Domein. theorie van html met de beschrijving van alle tag. Een html pagina moet altijd minstens uit de volgende tags bestaan:
pagina 1 van 6 Rob's Domein kamp, 's Lands grootste webwinkel! Opleiding Webdesign Verdien aan je site met Tradedou SCRIPTS GIF PLAATJES ACHTERGRONDEN GENERATOREN DIVERSEN OPLEIDINGEN CONTA N Binnen 1
Nadere informatieAchtergrond en lettertype Opmaak Achtergrond Opmaak Achtergrond Afbeelding in achtergrond
Frontpage Express is het meest eenvoudige programma voor het maken van je homepage. Is het programma niet geïnstalleerd op je PC, dan is het te downloaden en daarna te installeren. We zullen nu een aantal
Nadere informatiePagina-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:
Nadere informatieJe ziet het ontwerpscherm voor je. Ontwerpen is actief en dat zie je aan de linkeronderkant van je scherm net boven de taakbalk.
Inhoudsopgave frontpage 2003... 2 een thema gebruiken... 4 afbeeldingen op de pagina zetten... 5 knoppen maken... 8 knoppen maken in linkerframe... 10 een tabel maken... 12 opdrachten... 14 een fotopagina
Nadere informatieVoor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com
Welkom bij mijn website tutorial (Deel 3) 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.
Nadere informatieGreet Verhelst 2011-2012. In het volgende scherm log je in met je gebruikersnaam of e-mailadres en paswoord.
Greet Verhelst 2011-2012 1 Registreren Surf naar http://www.wikispaces.com Indien je reeds een wiki-member bent klik je op Sign In. In het volgende scherm log je in met je gebruikersnaam of e-mailadres
Nadere informatieProcesbeschrijving. [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
Nadere informatieINHOUD: 1. INDEX 2. Tekst opties instellen 3. Andere kleur kiezen dan de getoonde. Cellen bewerken: Foto s en/of afbeeldingen toevoegen:
INHOUD: 1. INDEX 2. Tekst opties instellen. Andere kleur kiezen dan de getoonde. Cellen bewerken: cel noemt men de plaats waarin b.v. deze tekst staat 3 Foto s en/of afbeeldingen toevoegen: 4 Het uiterlijk
Nadere informatieNVU work shop. Kees Moerman http://www.keesmoerman.nl November 2006. 1. Overzicht van een web site. Wat is een web site HTML files
NVU work shop Moerman http://www.keesmoerman.nl November 2006 1 1 Overzicht 1. Overzicht van een web site Wat is een web site HTML files 2. NVU: Een HTML editor Overzicht Een eerste pagina Configuratie
Nadere informatieGebruikershandleiding 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
Nadere informatieLes 3: Het maken van pagina s, het menu en het schrijven van een blogpost Pagina s
Les 3: Het maken van pagina s, het menu en het schrijven van een blogpost Bij het maken van een blog is het belangrijk dat je er inhoud op plaatst. Dit noemen we content. Alles wat je openbaar op je blog
Nadere informatieBasis-theme. Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme >
Basis-theme Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme > Naam invullen en de code van basis-theme kopiëren en erin plakken
Nadere informatieHoe moet je een prachtige presentatie maken?
Hoe moet je een prachtige presentatie maken? www.meestermichael.nl Geef de presentatie een titel. Klik dit vak aan om jouw presentatie een ondertitel te geven. Hier kun je je presentatie een titel geven
Nadere informatieWEBSITE-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
Nadere informatiehttp://blog.seniorennet.be/seniorennet_blogs_tips_trucs Inhoud van dit lesje: 1.Plaatsen van foto of afbeelding van uw harde schijf.
Op het blog SeniorenNet Blogs Tips en Trucs vind je in de linkerkolom verschillende mogelijkheden voor Aanmaken van een Internetadres (URL) en Foto s Verkleinen met uitleg. http://blog.seniorennet.be/seniorennet_blogs_tips_trucs
Nadere informatieHandleiding theocms2 K.U.Leuven - Faculteit Godgeleerdheid Stijn Van Baekel 1/19. - HANDLEIDING CMS2 - http://theo.kuleuven.be/
Stijn Van Baekel 1/19 - HANDLEIDING CMS2 - http://theo.kuleuven.be/ laatste aanpassing: 08/10/2008 Stijn Van Baekel 2/19 Index Index... 2 Inleiding... 3 1. Tonen van pagina s... 4 2. Beheer van pagina
Nadere informatieKies File>New>Blank Page>PHP. Je kunt eventueel nog een stylesheet koppelen. Definieer nu eerst een site! Dat betekent: Site>New Site
Kies File>New>Blank Page>PHP Je kunt eventueel nog een stylesheet koppelen. Definieer nu eerst een site! Dat betekent: Site>New Site Geef de site een passende naam. Kies ook de juiste map voor de webdocumenten.
Nadere informatieHet Wepsysteem. Het Wepsysteem wordt op maat gebouwd, gekoppeld aan de gewenste functionaliteiten en lay-out van de site. Versie september 2010
Het Wepsysteem Het Wepsysteem is een content management systeem, een systeem om zonder veel kennis van html of andere internettalen een website te onderhouden en uit te breiden. Met het Content Management
Nadere informatie