Gildebroeders/ gildezusters. Domeinnaam. Webhosting.

Maat: px
Weergave met pagina beginnen:

Download "Gildebroeders/ gildezusters. Domeinnaam. Webhosting."

Transcriptie

1 Gildebroeders/ gildezusters Graag willen wij enkele aspecten belichten voor het opzetten van een Website. De volgende aandachtspunten komen ter sprake: - Domeinnaam, moet u een domeinnaam claimen ja of nee. - Webhosting, gaat u webhosting doen of redirecten. - boxen, hoeveel boxen wilt u en waarvoor. - Wat en vooral wie wilt u met uw site bereiken - Hoe kunt u een site bouwen en onderhouden - Welke informatie kan ik gebruiken, waar haal je de input vandaan. Domeinnaam. Wat is een Domeinnaam. Een Domeinnaam is een pakkende de naam die u aan uw site wilt geven, met een toevoeging in de vorm van.nl of.ver of.org. Een voorbeeld zou kunnen zijn: hogeschuts.nl of willebrordus.nl. Deze sites kunnen vervolgens op het internet terug gevonden worden door in de commandoregel bijvoorbeeld: in voeren. Deze namen zijn vaak makkelijk te onthouden voor je eigen doelgroep. Omdat deze naam uniek moet zijn, moet hij geclaimd worden, zodat er geen twee dezelfde namen uitgegeven kunnen worden. Bij het claimen van een Domeinnaam wordt gekeken of uw gevraagde naam nog beschikbaar is. Is dit het geval, kunt u deze reserveren en in het geval deze niet meer vrij is moet u een andere naam gaan zoeken. Het claimen van Domeinnamen kost geld. U kunt een naam claimen voor een jaar en daarna eventueel verlengen. De kosten voor het registreren van de Domeinnaam is ongeveer F45,- per jaar. Voor het opzetten van een Website hoeft u geen domeinnaam te claimen, maar in het algemeen zijn deze namen wel gemakkelijker te onthouden voor uw doelgroep en andere belangstellende. Voor het claimen van een Domeinnaam kunt u bij verschillende bedrijven terecht, u kunt deze vinden via de bekende zoek machines of via Mij is bekend dat diverse andere gilden deze registratie hebben gedaan via Webhosting. Wat is webhosting. U zult begrijpen dat uw aangeboden informatie ergens op een webserver (computer bij een provider aangesloten op het internet) moet staan. -Als u kiest voor webhosting worden uw gegevens opgeslagen bij de bedrijven waar u, uw domeinnaam hebt geregistreerd. Hier kunt u kiezen uit verschillende pakketten, waarin het aantal adressen en de geboden webspace (ruimte op webserver) en de hoeveelheid op te vragen informatie (in Gigabits per maand) variëren. U zult begrijpen dat hier uiteraard ook de prijzen zullen variëren. De prijzen kunnen variëren van een paar honderd gulden tot duizenden guldens per jaar. Webhosting is uitaard niet verplicht, u kunt uw site natuurlijk bij een van de (gratis) providers onderbrengen als uw eigen homepages. Deze homepages zijn meestal beperkt tot 20 Mb, maar voldoen voor de meeste Gilden zeer zeker. -Kiest u niet voor webhosting, maar wel voor een domeinnaam, dan kiest u voor redirecting. Redirecting is niets anders dan een verwijzing van uw domeinnaam naar uw homepage van uw eigen (gratis) provider. U kunt uw link van uw eigen homepage door geven bij het claimen van uw domeinnaam. Deze link wordt ook wel U(niform) R(esource) L(ocator) genoemd.

2 Voorbeeld: Vult U in de commandoregel: in dan wordt u geredirect naar Zelfs als u in toetst komt u op de gewenste site. boxen: Hoeveel boxen heeft u nodig? Dit hangt van uw wensen af. Meestal is een box voldoende, voor het secretariaat bijvoorbeeld. Wenst u meerdere boxen kunt u vaak niet meer terecht bij een gratis provider, maar bij een klein abonnement van ongeveer F8.- tot F10.- per maand. Bij Webhosting krijgt u vaak ook meerdere boxen, die u zelf naam kunt geven. U kunt dan het secretariaat, de webmaster (degene die de site onderhoud) en de hoofdman een apart adres geven. Voorbeeld: Het opzetten van een Website: Voor het maken van Website s zijn diverse bedrijven actief. De kosten zijn ongeveer F100.- per half uur. Maar het maken van een site kunt u met een beetje oefenen ook gemakkelijk zelf. Er zijn diverse programma s in de handel die het maken van een heuse Website tot bijna kinderspel, vereenvoudingen. Deze programma s noemen we HTML-editors. Voorbeelden zijn: Frontpage, CoffeeCup, enz.. Gebruikt u het OfficePakket met Word en Excel, dan kunt zien dat deze applicaties instaat zijn om bestanden op te slaan als *.htm(l) U zult zien met een beetje oefening, gaat dit zeker lukken. Foto s, Film en geluid: Internet biedt de mogelijkheden om zowel tekst, als foto s, als film en geluid te versturen. Het geen waar u rekening mee dient te houden is het volgende: -Foto s op internet die u in uw browser wilt laten zien, moet aan geboden worden in *.jpg of *.gif formaat. -Films op internet die u in uw browser wilt laten zien, biedt u het best aan in *.mpeg formaat -Audio op internet die u in uw browser wilt laten horen, biedt u het best aan in *.mp3 formaat -Voor alle bestaanden geld: LET OP DE GROOTTE. Grote bestanden beslaan veel plaats op de Webserver en vergen veel tijd met binnenhalen. (niet iedereen heeft een kabel- of mx-stream aansluiting)

3 Voor de meeste foto s, audio- of videofragmenten zal zeker een bewerkingsfase aan vooraf gaan voor u deze op het internet kunt zetten. Het bewerken van deze fragmenten gebeurt met foto- video- of audio editors. Linken: U kunt ook verwijzingen naar andere pagina s van uw site maken. U kunt zelfs verwijzingen naar pagina s op andere Website s maken. Het is ook mogelijk te verwijzen naar -adressen. Hoe het een en ander gebeurt staat in het diktaat: HTML een pagina beschrijvingstaal. Tip: -Begin klein (met een gratis provider of uw eigen provider) -Houd uw doelgroep voorogen -Maak uw bestanden niet te groot -Zorg voor een soort menu structuur, zodat de bezoeker niet elke keer terug moet naar het begin -Zorg voor een markering voor de laatste update, zodat de bezoeker kan zien of er iets veranderd is -Is een teller misschien iets voor u, u kunt dan zien hoeveel bezoekers u trekt. (sommige tellers houden complete statistieken bij, met informatie die u kunt gebruiken bij het updaten van uw site.

4 Html een pagina beschrijvingstaal Wat is HTML? HTML staat voor Hyper Text Markup Language. Het is de taal van het World Wide Web. Elk document op het Web is geschreven in HTML waarbij de opmaak, aan - klik - bare verwijzingen, afbeeldingen, multimedia eigenschappen, formulieren en alle andere kenmerken van dat document eveneens in de vorm van HTML codes zijn toegevoegd. In eerste instantie lijkt HTML op een programmeertaal. Laat U echter niet afschrikken; Het is een eenvoudige taal die alleen de kenmerken van een document beschrijft. U zult zich de basisvaardigheden snel eigen maken. Later zullen we zien dat er verschillende hulpmiddelen op de markt zijn om het U nog makkelijker te maken. We zullen in dit korte diktaat de meest gebruikte elementen van HTML beschrijven en in concrete voorbeelden laten zien We gaan er van uit dat U een aantal hulpmiddelen tot U beschikking hebt. En wel dat U een computer met Windows 95 of beter heeft met daarbij een grafisch WWW browser programma bv. Netscape of Internet Explorer. Als eerste dient U op de Windows 95 desktop een snelkoppeling te maken naar het programma notepad. U doet dit als volgt: Klik met de rechter muis knop op een niet gebruikte plaats van uw desktop Er verschijnt een menu: kies daar de optie nieuw (new) Uit het volgende menu kiest U de optie snelkoppeling (shortcut) Klik met de linker muis knop op bladeren (browser) en zoek in de windows directorie naar het programma notepad.exe Klik op de naam en dan op openen Daarna op volgende (next) en dan op einde (finish) Dan heeft U nu een snelkoppeling naar het programma Notepad gemaakt zodat U dit Programma, indien nodig snel kunt starten. Op uw systeem is ook een WWW browser aanwezig (anders wordt het een probleem) We nemen aan dat reeds een snelkoppeling naar die browser op U desktop aanwezig is. Anders kunt U dat via de bovenstaande procedure zelf even doen (Let op: het browser programma bevindt zich naar alle waarschijnlijkheid niet in de directorie windows maar ergens anders. U kunt eventueel met de windows verkenner en zijn zoekmogelijkheid het programma opzoeken. Nu we starten de WWW-browser. Het is niet nodig om toegang tot internet te hebben. Voorlopig zullen we zoals we dat noemen LOKAAL bezig zijn. Klik na het opstarten rechtsboven op de knop met het liggend streepje De browser verdwijnt nu op een blok in de balk onder aan het scherm na. Start nu notepad op via de snelkoppeling die we zo-even hebben gemaakt. Maak ook dit programma klein. We zijn nu klaar om te beginnen. Wat kunnen we wel en wat niet met HTML? Hyper Text Markup Language is de taal van het World Wide Web. Telkens wanneer u een Web-pagina opvraagt, ziet u een document dat in HTML is opgesteld. Alle opmaak in dit document is in de vorm van HTML-codes in de tekst geplaatst. De verwijzingen naar andere documenten of bestanden die je in een andere kleur ziet zijn ook via HTML codes in de tekst verwerkt. Kleuren, afbeeldingen en bewegende element zijn ook het gevolg van HTML codes.

5 Wat zijn de mogelijkheden? U kunt in HTML een document opmaken door middel van verschillende lettertype, koppen en kaders. U heeft de mogelijkheid om verwijzingen (hyperlinks) in het document te plaatsen. Hiermee verwijst U direct naar andere documenten, bestanden en computers op het internet (een klik op de verwijzing, brengt je daar dan ook naar toe) Met HTML kunt u lijsten maken en vormgeven U kunt tabellen opstellen en gebruik maken van gepreformatteerde tekst In een HTML document kunt u afbeeldingen plaatsen. Deze kunnen op hun beurt weer als verwijzingen functioneren. In een afbeelding kunt u meerdere aanklikbare plaatsen aangeven met verschillende verwijzingen ( bv. een kaart van nederland met daarop de digitale steden van Nederland: het aanklikken van bv Eindhoven stuurt U naar de digitale stad Eindhoven. Wordt in dezelfde afbeelding Amsterdam aangeklikt komen we in de digitale stad Amsterdam terecht etc.) U kunt interactieve mogelijkheden toevoegen aan een document zodat de gebruiker ook gegevens naar de schrijver van het document kan sturen ed. De beperkingen: HTML is geen opmaak taal. Afhankelijk van het browser programma worden de pagina's steeds iets anders weergegeven (de ene computer heeft niet de beschikking over alle lettertype van de andere) er wordt dan een keuze gemaakt om een zo groot mogelijke overeenkomst te krijgen. Bovendien kunnen gebruikers de weergave van afbeeldingen uitzetten, omdat hun verbinding te traag is. Hierdoor is het uiterlijk van de pagina natuurlijk anders. Verder heeft niet elke computer de beschikking over uitgebreide grafische cq. multimediale mogelijkheden. (Ook met een domme tekst terminal kunnen we het WWW op!!) Het zal duidelijk zijn dat dit ook betekend dat degene die een WWW pagina gaat maken er rekening mee moet houden dat niet ieder een computer met pentium II 300 Mhz en 21 inch grafisch scherm en een 1 Mb directe lijn verbinding met het internet heeft. Het eerste WWW document: Klik op het blokje in de startbalk van Notepad. Notepad is een eenvoudige tekstverwerker die zgn ASCII bestanden maakt. HTML bestanden zijn dergelijke ASCII bestanden. In deze ASCII bestanden hebben bepaalde ASCII karakters een speciale betekenis als ze tenminste op een bepaalde plaats voorkomen. Het verschil zit hem in de HTML codes ook wel labels genoemd. HTML labels zijn speciale markeringen in de tekst die ze onderscheiden van de rest van de tekst. U kunt ze dus gewoon in de tekst plaatsen. Als markeringen doen de tekens > en < dienst. In HTML labels zijn grote en kleine letters gelijk dus het label <BODY> en <body hebben dezelfde betekenis. Toch zullen we in dit diktaat voor de HTML markeringen altijd hoofdletters gebruiker om ze duidelijker te kunnen onderscheiden. Dit is vooral handig bij het opsporen van fouten. Welke HTML codes of labels moeten in een HTML document aanwezig zijn? Het label <HTML> Elk HTML document moet, ongeacht de inhoud, beginnen met het label <HTML>. Dit label definieert het document als een HTML document. Het label wordt als volgt in een document geplaatst: <HTML> Mijn eerste HTML document </HTML> Een HTML document begint dus altijd met een <HTML> label en eindigt met het eindlabel </HTML> Nb. Veel HTML labels bestaan uit paren. Hierbij is het bijbehorend eindlabel bijna altijd van de vorm / gevolgd door de naam van het startlabel.

6 De labels <HEADER> en <BODY> Alle HTML documenten zijn gesplitst in twee logische delen, aangeduid als kopdeel en tekstdeel. In het kopdeel staat algemene informatie over het document zoals naam, eventuele trefwoorden voor zoekprogramma's ed. In het tekstdeel staat onder andere de eigenlijke te vertonen tekst. Alle HTML documenten moeten een kopdeel (Head) en tekst deel (Body) hebben en als zodanig van labels voorzien zijn. Dus ons document moet worden: <HTML> <HEADER> Het kopdeel van mijn document </HEADER> <BODY> Mijn eerste HTML document </BODY> </HTML> We zijn nog niet helemaal klaar. Elk document heeft ook een titel nodig. Deze titel wordt door de WWW browser boven in het scherm steeds getoond. Ook hiervoor is een HTML label. Dit wordt in het kopdeel van het document geplaatst. En wel als volgt: <HTML> <HEADER> < TITLE> De titel van dit document </TITLE>... Net Kopdeel van mijn document </HEADER > <BODY> Mijn eerste HTML document </BODY> </HTML> We gaan nu eens kijken hoe het bovenstaande document er in een WWW browser uitziet. Type bovenstaande tekst m notepad in en bewaar het op de harde schijf in de directorie C: \T EMP met als naam: HTML1.html. Klik in notepad op het liggend streepje blokje rechts boven (minimaliseer venster) en klik in de startbalk op het blok van de WWW browser. We kiezen nu het menu bestand (file) en de optie open (Open file/ Open local) en type in het dialoogvenster in C:\Temp\HTML1.html in. De browser zal nu proberen uw document te laden en te tonen. Voila Uw eerste stappen op internet publicatie gebied. Let op de elementen die we eerder beschreven hebben. De titel van de pagina De tekst in het tekstdeel Waar is de informatie... het kopdeel van mijn document? (Kijk is naar de diverse menuopties van uw WWW browser kunt U daar iets terugvinden?) Koppen, lettertypen. stijlen en alinea's Met behulp van de koplabels kunnen we verschillende kopniveau's in uw document definiëren. Er zijn maximaal 6 niveaus mogelijk deze worden aangegeven met de labels <Hl> tot <H6> Een voorbeeld zou da kunnen zijn: <H1>Dit is een niveau I kop </H1> Je ziet ook hier weer het eindlabel! Door een hoger niveau nummer te kiezen wordt de kop kleiner. Koplabels zorgen automatisch voor een regeleinde!

7 We kunnen er voor zorgen dat de kop gecentreerd wordt in het venster waarin het document wordt getoond dit doen we door aan het koplabel een attribuut mee te geven. Een attribuut is een onderdeel van een label. Een voorbeeld: <Hl ALIGN= CENTER >Dit is kopniveau een</h1> Overigens indien U NETSCAPE gebruikt dan is het centreren iets anders uitgevoerd namelijk als zelfstandig label met eind label. Het wordt dan: <CENTER><H1>Dit is kopniveau een</h1></center> Stijl en lettertype Meestal heeft U weinig invloed op het lettertype dat gebruikt wordt door de browser bij het tonen van uw pagina. Toch kunnen we dingen als vet en cursief wel beïnvloeden (meestal: monochrome beeldschermen kennen b.v. geen cursief) voor vet: <STRONG> met eindlabel </STRONG> voor cursief: EM> met eindlabel </EM> voor proportioneel schrift: <CODE> met eindlabel </CODE> In NETSCAPE zijn nog wat extra mogelijkheden aanwezig zoals het kiezen van het font van de letter. Het font van een letter is niet alleen de grootte van de letter maar ook kleur van de letter ed. (Op blz. 6 gaan we dieper op de kleur variant in) Voorbeeld: Zie hoe <font size=2>fonts <font size= 3 color #665533> kan <font size =4 color=#000000>veranderen in <font size=5>netscape. Let er overigens eens op als deze documenten worden getoond dat alles op een regel staat!!!!!! Alinea's opmaken Omdat HTML documenten getoond moeten kunnen worden onder allerlei omstandigheden kunt u zelf niet aangeven waar een regel in de tekst eindigt. U kunt echter wel aangeven waar witregels in de tekst moeten komen te staan. Dus een nieuwe alinea moet beginnen. Dit gebeurd met het label <P>. Dit label moet aan het begin van elke alinea worden geplaatst. Tenzij dat daar reeds een ander label staat dat voor een regeleinde zorgt. Zoals een koplabel. Aan het einde van de alinea plaatst u weer het bijbehorende einde label. Voorbeeld: <HTML> <HEADER> <TITLE> Alinea s plaatsen </TITLE> </HEADER> <BODY> Hier staat wat tekst. <P>Hier begint een nieuwe alinea.</p> </BODY> </HTML>

8 <P> zorgt dus voor wit ruimte Wilt U een regel perse alleen afbreken dan moet U gebruik maken van het label <BR> (regel einde) We illustreren dit met het volgende document stuk (neem het op in bovenstaand document): Voor meer informatie, neem kontakt op met: <P> Piet Paaltjes<BR> Jan Steenstraat 123<BR> 5555 PP Tjieterkstradeel <P>Hier komt dan de rest van de tekst Let op: het einde label van <P> wordt hier niet gebruikt omdat het tegenkomen van <P> al aangeeft dat hier het einde van de vorige alinea is. Je mag dan dus </P> weg laten! Let op <BR> heeft geen einde label. Tekst Kleur U kunt de kleur van de tekst in een HTML document wijzigen. Hierbij gebruiken we een techniek die gebaseerd is op drie kleuren namelijk rood, groen en blauw. Een tekstkleur wordt aangeduid als een combinatie van die drie kleuren waarbij voor elke kleur een getal tussen 0 en 255 wordt aangegeven. Zo is bijvoorbeeld de kleur zwart aan te geven met en wit is het resultaat van alle drie de kleuren samen voluit dus: Alle overige kleuren verkrijg je door een juiste combinatie te kiezen. Berlijns blauw is bijvoorbeeld Om de kleuren m HTML te plaatsen moet U die drie getallen omzetten naar een hexadecimaal getal (bijvoorbeeld door de windows calculator te starten, extended). Hierbij wordt elk getal in twee hexadecimale cijfers omgezet en in een label gestopt: Berlijns blauw wordt dan 65 = 41, 105 = 69 en 225 = El dus: <BODY TEXT="4169EI"> Dit label moet dan binnen het header deel worden geplaatst. Zo kunt U tekst in uw document van een afwijkende kleur voorzien. (Deze kleur instelling is dus voor de hele body!!!) De individuele kleur van een stuk tekst kan in Netscape worden veranderd door het gebruik van het fout label (zie stijl en lettertype) Het Inschatten welke kleur bij welke cijfer combinatie hoort is moeilijk. De pagina op het adres kan je hier heel goed bij helpen. Deze pagina laat de naam van een kleur zien, in die kleur, met daarachter het bijbehorende hexadecimale getal. Heel handig. Je kunt deze pagina kopiëren naar je eigen harde schijf ( Haal de pagina op en sla hem dan op als HTML bestand!) Hyperlinks In bijna elk HTML document komen zogenaamde hyperlinks voor. Dit zijn verwijzingen binnen een document naar andere documenten en/of bestanden. We kunnen deze zelf in ons document plaatsen door middel van een HTML label, heet zogenaamde anker label. Dit ziet er als volgt uit: <A OPDRACHT="doel" >Gemarkeerde tekst</a> We bekijken deze zeer belangrijke misschien wel de belangrijkste opdracht binnen HTML stap voor stap. Wat is <A OPDRACHT="doel"> Er wijn twee delen van elkaar gescheiden door een gelijkteken Het rechterdeel staat tussen dubbele aanhalingstekens alhoewel deze niet overal verplicht zijn, is het verstandig ze wel te gebruiken. Links van het gelijkteken moet inplaats van OPDRACHT een van de beide labels HREF of NAME worden gezet. HREF verwijst naar een hyperlink NAME verwijst naar een plaats binnen het huidige document. De opdracht HREF binnen een ankerlabel betekent dat de tekst rechts van het gelijk teken het doel van de link omschrijft. Dit doel kan een ander document zijn lokaal of ergens op het internet. Bv. een andere computer in een ander werelddeel. Het andere deel: gemarkeerde tekst</a>, om op een hyperlink te kunnen klikken moet er ets te klikken zijn. Dat is de Gemarkeerde tekst. Deze tekst wordt in een afwijkende kleur getoond zodat duidelijk is dat er iets speciaal aan de hand is.

9 Het eindlabel </A> geeft aan dat hier het anker afgelopen is en de tekst verder weer "normaal" moet zijn. Stel we hebben op onze computer twee documenten gemaakt in de directorie C: \TEMP namelijk HTML1.html en HTML2 html We gaan nu in HTML1.html een anker label plaatsen met een verwijzing naar HTML2.html zodat de gebruiker van document I naar 2 kan springen Dit zou er dus als volgt uitkunnen zien: <A HREF="HTML2.html">Gemarkeerde tekst om op te klikken</a> Verwerk deze regel en probeer of het een en ander werkt!!!!! tweede opdracht binnen het <A> label was NAME hoe werkt dit: Plaatsen we in een document de opdracht: <A NAME="doel"> Het doel van de verwijzing</a> Dan is die plaats waar dat label staat nu een mogelijk doel van een verwijzing. Deze verwijzing kan staan binnen het zelfde document maar ook buiten een document. Stel in HTML2.html hebben we bovenstaande regel als laatste regel in de tekst opgenomen. Dan is het nu mogelijk om in HTML1.html in plaats van de verwijzing naar alleen het document ook nog aan te geven dat de tekst vanaf het NAME label moet worden getoond namelijk door de verwijzing te veranderen in: <A HREF="HTML2.html#Doel">Gemarkeerde tekst om op te klikken</a> Als deze verwijzing wordt aan geklikt zal dus het document HTML2.html worden geladen en wordt er voor gezorgd dat de tekst vanaf het label <A NAME= "Doel">Het doel van de verwijzing</a> goed zichtbaar is. Dit is uiteraard heel makkelijk bij grotere documenten. Wil men binnen het zelfde document verwijzen naar een NAAM anker dan kan men dit doen door <A HREF="#Doel"> Naar URL s verwijzen. Willen we nu naar documenten op andere computers op het internet verwijzen dan moeten we als doel van een verwijzing een URL opgeven. Stel we willen een verwijzing in ons document opnemen om naar de site van MICROSOFT te verwijzen Dan doen we dat als volgt. <A HREF MICROSOFT</A> Hier wordt geen HTML pagina gerefereerd. Maar de server zal dan automatisch de hoofdpagina sturen. Meestal zul je hier echter en specifieke pagina aangeven. (Bezoek hem met je browser en noteer het specifieke URL) Een HTML pas na kan ergens op het internet staan maar ook lokaal op de harde schijf van je computer. Er moet een manier zijn om pagina s te adresseren. In de vorige paragraaf hebben we daar al een deel van de sluier opgelicht. Maar er is meer. Wat is een URL? URL staat voor uniform resource locator, ofwel een verwijzing naar informatie op het internet. Het geeft aan waar een bepaald soort informatie ergens op het internet aanwezig is. Deze URL kunnen we opnemen in onze HTML documenten. Overigens is het niet noodzakelijk een ander HTML document waar naar verwezen wordt. We zullen daar nog voorbeelden van zien. Een URL is samengesteld volgens een vastgestelde afspraak (standaard syntax) Deze syntax ziet er als volgt uit: dienstnaam: / / internet - computer:poortnummer /bron

10 Zoals je ziet bestaat het URL uit drie delen: - De dienstnaam, gevolgd door een dubbele punt en twee slashes. Die slashes zijn niet in alle gevallen vereist. - De intenet-computer duidt op de plaats waar de gezochte bron gevonden kan worden. Soms is een poortnummer toegevoegd. Daarna weer een slash. - De bron duidt meestal op een document of een bestand. Er zijn ook nog andere bronnen (diensten). Let op!! Elke URL bevat de Zogenaamde slash. Dit is NIET dezelfde slash als gebruikt wordt bij pc s (dat is de backslash!) om directories te onderscheiden. Welke diensten kennen we? De HTTP-URL Deze URL verwijst naar een HTML document op een webserver. Een voorbeeld: De FTP-URL Deze URL geeft aan dat niet het http protocol (dienst) moet worden gebruikt maar het file transfer protocol. Een voorbeeld is: ftp://gatekeeper.dec.com/pub/ Het zal u opvallen dat hier geen bestandsnaam is opgegeven. Met het FTP protocol kan men zowel een bestand als een directory opgeven. Is het een directory dan zal (als u daar toe gerechtigd bent) de inhoud ervan getoond wonden. Is het een bestand dan kan de inhoud van het bestand getoond worden (als uw browser het bestandstype herkent) of er wordt gevraagd of het bestand opgeslagen moet worden op de lokale harde schijf waarna het wordt overgestuurd. De MAILTO-URL Deze URL verwijst naar een -adres De meeste Web browsers ondersteunen dit type URL. Als u deze in een HTML document plaatst kunnen gebruikers door op de link te klikker een sturen naar het adres aangegeven in de URL. Een voorbeeld: uwbedrijf.com De FILE-URL Deze URL verwijst naar een bestand op de lokale harde schijf Een voorbeeld: file://word 70/html/voorbld. htm U mist hier misschien de l achter aan htm. Waarom is dat? In DOS en Windows 3.x mag u slechts drie tekens in een extensie opnemen. Andere systemen zoals UNIX en WIN95 staan meer tekens toe. In dit voorbeeld verwijzen we naar een bestand op een pc met Windows 3.11 Let op dat U een file URL niet verward met een ftp-url. Andere URL's Er zijn nog andere soorten URL deze worden echter steeds minder gebruikt. Voor de gevorderde gebruiker van HTML documenten zijn voldoende boeken te krijgen daarover. Voorbeeldpagina HMTL. <HTML> <HEADER <TlTLE>Uw website</title> </HEADER> <BODY TEXT="#005500"> <H I ALIGN= CENTER > De homepage van <A HREF="#WEBMASTER">Webmaster Hoge Schuts </A>

11 </ Hl> <P> Dit is een <STRONG>voorbeeld</STRONG> van een HTML pagina <BR> voor de cursus HTML pagina s maken <P> ln deze pag na worden alle behandelde <BR> HTML tags zo'n beetje gebruikt </P> <A NAME= "WEBMASTER > Webmaster Hoge Schuts </A> <P>Webmaster is geboren in Heeswijk <BR> een kerkdorp van de gemeente Bernheze in Noordbrabant.<BR> En wel op 18 april Een maandag zoals zo velen.<br> <P> <STRONG><EM><CODE>Hobbies: </CODE></EM></STRONG><BR> Programmeren in Delphi 3<BR> Videofilmen<BR> Lezen<BR> Fotograferen<BR> Niet noodzakelijk in deze volgorde<br> <P> Wilt U een boodschap sturen naar <A </A>? </BODY> </HTML> Met de besproken HTML labels kunnen we al een heel acceptabele www pagina maken. Toch blijft het allemaal maar tekst. Een van de sterke punten van het World Wide Web is dat we ook grafisch informatie kunnen overbrengen via afbeeldingen. Daarnaast zou het ook handig zijn dat we opsom - lijsten zouden kunnen maken en tabellen. We zullen m de volgende lessen hierop ingaan. Opsommingen In HTML zijn een aantal typen opsommingen gedefinieerd Een opsomming met opsommingstekens (Ongeordende opsomming) Een genummerde opsomming (geordende opsomming Een woordenlijst Elk type heeft zijn eigen HTML label. Een ongeordende opsomming. In een ongeordende opsomming is elk item voorzien van een zogenaamde bullet. Een voorbeeld staat boven deze paragraaf. Je moet twee labels gebruiken voor deze opsomming. Het label dat je moet gebruiken om aan te geven dat het een ongeordende opsomming is, is <UL> elk item dient dan nog van het label <LI> te worden voorzien uiteraard met het eindlabel </LI> voor elk item en </UL> voor de opsomming. Een voorbeeld <UL> <LI>Eerste item met een bullet</li> <LI>Tweede Item met een bullet</li> <LI>Derde en laatste item met een bullet</li> </UL> Dit geeft dan als de pagina getoond wordt door een HT ML browser: Let op het inspringen is onderdeel van de opsomming!!!!

12 Eerste item met een bullet Tweede item met een bullet Derde en laatste item met een bullet Het eindlabel </UL> is verplicht. Het einde itemlabel </LI> niet. We raden U echter aan de regels van HTML zo nauwkeurig mogelijk te volgen want de ene browser negeert de </LI> labels de andere eist dat ze er zijn. Door de labels wel te gebruiken werkt de pagina voor beide browsers. Wees voorzichtig met het gebruik van andere labels in uw opsomming. Zo wil het label <BR> nog al eens voor onvoorspelbare effecten leiden. U kunt behave het rondje als opsommingsteken een vierkantje of open cirkel kiezen. Dit gaat door middel van een attribuut aan het <UL> label: Dit wordt dan: <UL, TYPE=SQUARE>... Of <UL, TYPE=CIRCLE>... Of <UL TYPE=DISC>.. voor het normale type U kunt hier volstaan met: <UL> Let op dat het attribuut binnen de spitse haken wordt geplaatst. Geordende opsommingen. In plaats van opsommingstekens kunt ook uw opsomming voorzien van nummers Hiervoor gebruikt U niet het label <UL> maar <OL> en < /OL> De items moeten weer worden voorzien van de labels <LI> en </LI>. De nummering gebeurt verder automatisch. U hoeft dus niet zelf nummers aan te geven. De geordende opsomming heeft nog een attribuut mogelijkheid. U kunt de nummering instellen op Arabische cijfers (1, 2, etc.) kleine letters (a, b, etc.) Hoofdletters ( A, B, etc.), kleine Romeinse cijfers (i, ii, iii, iv, etc ) en Grote Romeinse cijfers ( 1, 11, 111, IV, etc.) De attributen zijn respectievelijk: 1 Arabische cijfers (standaard instelling) a Kleine letter A Hoofdletters i Kleine Romeinse cijfers I Grote Romeinse cijfers Een vooorbeeld: <OL TYPE= l >... </OL> Dit levert dus een automatische nummering met Grote Romeinse cijfers op. Let op dat de attribuut waarde tussen dubbele aanhalingstekens moet staan. Het is ook mogelijk om de start waarde van de nummering niet "1" te laten beginnen maar met een zelf gekozen waarde. Dit kan met een ander attribuut voor de geordende opsomming nl. het attribuut START bijvoorbeeld: <OL TYPE" START= "7" > </OL> Zorgt voor een geordende opsomming die genummerd wordt met kleine Romeinse cijfers en begint met vii. Let er op dat de opgegeven startwaarde tussen dubbele aanhalingstekens moet staan en in Arabische cijfers moet worden opgegeven. Woorden lijst maken Een woorden lijst is eigenlijk een ongeordende opsomming waarbij geen bullets worden geplaatst. Maar waar elk item een verklaring krijgt.

13 Een voorbeeld hoe dat er uit moet zien: item 1 item 2 item 3 Dit is het eerste item Dit is het tweede item Dit is het laatste item in deze woorden lijst. Een woorden lijst begint met het label <DL> en eindigt met </DL> Elk item bestaat uit twee delen die ieder een eigen label hebben. De definitie term (hierboven item I etc.) en de definitiegegevens (hierboven: Dit is het eerste item). Het label voor de definitie term is <DT> met eindlabel </DT>, voor de definitiegegeven is het label <DD> en eindlabel </DD> Om dus bovenstaande worden lijst te krijgen moeten we dus het volgende in de HTML source plaatsen: <DL> <DT>item 1</DT> <DD>Dit is het eerste item</dd> <DT>item 2</DT> <DD>Dit is het tweede item</dd> <DT>item 3</DT> <DD>dit is het laatste item in deze woorden lijst </DD> </DL> Met het label <LH> na het begin label van een opsomming kunt U automatisch een titel laten maken. Met het attribuut compact geeft U de opsomming een kleiner lettertype. Voorbeeld: < UL, COMPACT> <LH>De titel van deze opsomming <LI>Eerste item in de opsomming</li> <LI>Laatste item in de opsomming</li> </UL> U kunt in HTML ook geneste opsommingen maken. Dat wil zeggen binnen een opsomming een item ook a s opsomming tonen. We illustreren dat met een voorbeeld. <OL> <LI>Vruchten</LI> <UL> <LI>Appels</LI> <LI>Peren</LI> <LI>Sinaasappelen</LI> </UL> <LI>Wijnen</LI> </OL>

14 Dit geeft: 1. Vruchten Appels Peren Sinassappelen 2. Wijnen Het zal duidelijk zijn dat het hier moeilijk wordt om al die labels nog in evenwicht te houden. Besteed daar aandacht aan anders gaat uw pagina er heel anders uitzien als U gedacht had. (Controleer uw pagina altijd met behulp van een browser, eigenlijk van meerdere verschillende browsers.) Tabellen In HTML kunnen we tegenwoordig ook tabellen maken. Doordat HTML op verschillende browsers uw document op verschillende manieren presenteert, met verschillend lettertype ed. was dat voorheen moeilijk. Tegenwoordig bevat HTML een aantal labels die het mogelijk maken tabellen te maken. Een tabel is een niets anders dan informatie bestaande uit rijen en kolommen. Elke kruising tussen een rij en een kolom noemen we een cel. In een tabel kunnen we cijfers maar ook andere informatie weergeven. Om een tabel te maken in HTML gebruiken we het label <TABLE>. Daarnaast zijn er nog drie andere labels nodig om een tabel te kunnen maken. <TH> voor de tabel kop aan te geven. <TR> voor het einde van een rij aan te geven <TD> voor de gegevens van een cel aan te geven. Verder zijn er nog een aantal attributen die we kunnen gebruiken. We geven een eenvoudig voorbeeld van een tabel: <TABLE> <TD>Rij 1, kolom 1</TD> <TD>Rij 1, kolom 2</TD><TR> <TD>Rij 2, kolom 1</TD> <TD>Rij2, kolom 2</TD> < /TABLE> Rij 1, kolom I Rij 1, kolom 2 Rij 2, kolom 2 Rij 2, kolom 2 We kunnen nu aan bovenstaand voorbeeld ook koppen toevoegen: <TABEL> <TH>KOP kolom 1</TH> <TH>KOP kolom 2</TH><TR> <TD>Rij 1, kolom 1</TD> <TD>Rij 1, kolom 2</TD><TR> <TD>Rij 2, kolom 1</TD> <TD>Rij 2, kolom 2</TD> < </TABLE> KOP kolom I KOP kolom 2 Rij 1, kolom I Ril 1, kolom 2 Rij 2, kolom 2 Rij 2, kolom 2 De tabel wordt automatisch van verschillende lettertypen voorzien, in de kop en in de cel. Door het attribuut ALIGN in de labels <TD> en <TH> te plaatsen kunt U het uitlijnen in de cel van de tekst regelen. Om gegevens bijvoorbeeld links uit te lijnen gebruikt u in de kop <TH ALIGN="LEFT" > etc. Denk er aan dat U voor de waarde van het attribuut de dubbele aanhalingstekens gebruikt net als bij de andere attributen. Er zijn nog andere attributen die U kunt gebruiken. Met deze kunt U de kolombreedte en rijhoogte instellen Het gaat om de attributen COLSPAN en ROWSPAN. Met <TH ROWSPAN=3> maakt U bijvoorbeeld een kop van driemaal de rijhoogte <TD COLSPAN=2> levert een cel van twee kolommen breed op. Daarnaast kunt U ook nog kaders aangeven met het attribuut BORDER voor het label <TABLE> ook kunt U de breedte van de tabel aangeven met het attribuut WIDTH voorbeeld: <TABLE W IDTH="50" UNITS="RELATIVE"> geeft aan dat de tabelbreedte 50% moet zijn van de paginabreedte. Daarnaast kunnen we meteen colomspecificatie aangeven als attribuut.

15 Bijvoorbeeld <TABLE UNITS="RELATIVE" COLSPEC="L50C25D25">. Dit wil dan zeggen dat de tabel uit 3 kolommen bestaat met de eerste kolom 50 procent van de breedte van de tabel en links (L) uitgelijnd. De tweede kolom beslaat 25 procent van de tabel breedte en is gecentreerd. De rechtere (laatste) kolom is even breed als de middelste hierin worden numerieke gegevens getoond voorzien van een decimale punt. Met het label <CAPTION> kunt U ook nog een kop van de tabel definiëren. Net als <TH> <TD> en <TR> is dit label alleen binnen het label <TABLE> geldig. We laten nu een gecompliceerde tabel zien. Typ het maar in en bekijk het resultaat. <HTML> <HEAD> <TITLE>HTML Table tags</title> </HEAD> <BODY> <TABLE BORDER ALIGN="RICHT"> <CAPTION> Html table tags</caption> <TH ALIGH="LEFT">Tag</TH> <TH>Attributes</TH> <TH COLSPAN=25 ALIGN="RIGHT">What it means</th><tr> TD ALIGH="LEFT"><TABLE> </TD> <TD>none</TD> <TD COLSPAN=25 ALIGN="RIGHT">Signifies this is a table</td><tr> <TD ALIGN= "LEFT" <TR></TD> <TD>none</TD> <<TD COLSPAN=25 ALIGN "RIGHT">End of table row</td><tr> <TD ALIGN=" LEFT"><CAPTION></TD> <TD>none</TD> <<TD COLSPAN=25 ALIGN ="RlGHT">Table caption</td><tr> <TD ROWSPAN=3 ALIGN="LEFT"><TH> </TD> <TD>COLSPAN</TD> <TD COLSPAN=25 ALIGN="RIGHT">Width in columns</td><tr> <TD>ROWSPAN</TD> <TD COLSPAN=25 ALIGN="RIGHT">Height in rows</td><tr> <TD>ALIGN</TD> <TD COLSPAN=25 ALIGN="RIGHT">Justification (left, right, center)</td><tr> <TD ROWSPAN=3 ALIGN="LEFT" ><TD></TD> <TD>COLSPAN</TD> <TD COLSPAN=25 ALIGN="RIGHT">Width in columns</td><tr> <TD>ROWSPAN</TD> <TD COLSPAN=25 ALIGN="RIGHT">Height in rows</td><tr> <TD>ALIGN</TD> <<TD COLSPAN=25 ALIGN "RIGHT">Justificaton (left, right center) </TABLE> </BODY> </HTML> In de professionele wereld wordt veelvuldig gebruik gemaakt van tabellen. Op allerlei spitsvondige manieren. Het bekijken van de source van dit soort pagina's is een heel goede manier om HTML goed te leren. (Bekijk de source van maar eens). Afbeeldingen in HTML Het Word Wide Web heeft de laatste jaren een grote vlucht gemaakt. Dit eigenlijk dankzij de mogelijkheid om informatie ook grafisch te kunnen tonen in de vorm van foto s en andere afbeeldingen. We zullen hier laten zien hoe we afbeeldingen in HTML documenten kunnen plaatsen. - In-Line Afbeeldingen - Externe Afbeeldingen De eerste soort: In-Line afbeeldingen zijn afbeeldingen van een type die bij de browser bekend zijn De meeste browser kennen maar een klein aantal type afbeeldingen. De meest voorkomende zijn de volgende:

16 Graphic InterChange Format kortweg GIF afbeeldingen X-bitmap afbeeldingen (XBM) voor Unix machines met X-windows (zwart/ wit) X-pixelmap afbeeldingen (XPM) ook voor X-windows Joint Photographic Experts Group afbeeldingen (JPEG) Wordt de afbeelding door de browser niet ondersteund dan wordt het behandeld als een externe afbeelding en dat wil zeggen dat de afbeelding alleen bekeken kan worden met behulp van een helper applicaties oftewel een plug-in. (Een apart programma dat gekoppeld kan worden met de browser) We gebruiken voor een In-Line afbeelding een speciaal label. De syntax is als volgt: <IMG SRC="bestandsnaam"> Het attribuut SRC is nodig voor In-Line afbeeldingen en verwijst naar de plaats van het bestand van de afbeelding. Er zijn daarnaast nog enkele attributen: ALT dit definieert een tekst die getoond wordt als de afbeelding niet kan worden of tijdens het laden (van een grote pagina met veel afbeeldingen) ALIGN hoe wordt de afbeelding op de pagina uitgelijnd. HEIGHT en WIDTH bepalen het formaat van de afbeelding We bekijken ze even wat uitgebreider: Het Alt attribuut. Veel gebruikers hebben niet de beschikking over een snelle lijn en schakelen hun browser zodanig dat hij geen afbeeldingen toont. Ook zijn er gebruikers die een browser hebben die alleen tekst kan vertonen. Met dit attribuut zorgen we ervoor dat op de plaats waar de afbeelding zou moeten staan een alternatieve tekst komt te staan vb. <IMG ALT "[BEDRIJFSLOGO]" SRC="mijnbedrijf.gif"> Indien de afbeelding ( uit het bestand mijnbedrijf.gif ) niet getoond kan worden dan wordt de tekst [bedrijfslogo] getoond (inclusief de haken). Het ALIGN attribuut Je hebt de keuze uit 5 mogelijkheden nl. middle, top, bottom, left, right. Top, middle, bottom zijn subtiele begrippen en afhankelijk van de plaats van het IMG label op de regel. Middle zal het midden van de afbeelding plaatsen tegenover het midden van de regel. Een weinig experimenteren is hier wel nodig. De attributen HEIGHT en WIDTH Html pagina Gewoonlijk moet een browser de afbeelding eerst in zijn geheel inlezen voordat hij weet hoe groot hij is. Pas dan kan de browser de tekst rond de afbeelding plaatsen. Het een en ander kan behoorlijk worden versneld door de aangegeven attributen. U reserveert dan de benodigde ruimte voor de afbeelding. Zodat de tekst al ingedeeld kan worden en worden weergegeven voordat de afbeelding in zijn geheel is ingelezen De waarden van HEIGHT en WIDTH is in pixels. Bijvoorbeeld: <IMG ALIGN="LEFT" HEIGHT "64" WIDHT="64" SRC="CLOCK.GIF"> We kunnen een In-Line afbeelding ook als link definiëren zodat als op de afbeelding wordt geklikt dit als een link naar een andere pagina of pagina plaats fungeert. Dit gaat dan als volgt: <A HREF="http://sales mijnbedrijf.com/"> <IMG ALT= "saleslogo" ALIGN="LEFT" HEIGHT = "32" WIDTH="32" SRC="saleslogo. gif "> Verkoopafdeling</a>

17 Je ziet binnen de hyperlink definitie een volledig IMG label. Zodat nu geldt als U op de afmelding klikt er naar de pagina sales mijnbedrijf.com wordt gesprongen. Achtergronden. Veel HTML auteurs gebruiken een afbeelding als achtergrond voor hun pagina's. Dit oogt vaak erg fraai. De techniek is erg eenvoudig. U moet bij het body label het attribuut BACKGROUND gebruiken. Een voorbeeld: <BODY BACKGROUND="achtergrond.jpeg"> Indien nodig wordt het achtergrond plaatje meerdere keren aan elkaar geplakt om de hele pagina te vullen. We hebben nu de basis van HTML bekeken en de nodige voorbeelden gegeven. Vele mogelijkheden hebben we nog niet aangeduid. Een enthousiaste gebruiker zal echter op het internet of in boeken de nodige informatie kunnen vinden om die speciale situaties en mogelijkheden te gebruiken. Tot zover. Ik hoop dat ik u een beeld heb kunnen schetsen van wat HTML is en wat HTML kan. In dit kleine diktaat heb ik geprobeerd een aanzet te geven tot het opzetten van een Site. Rest mij nog twee dingen: - Ten eerste: het eerste bestand (pagina) van uw homepage moet altijd index.htm(l) zijn. - Ten tweede: op uw pc zult u merken dat uw browser niet hoofdletter gevoelig is, maar op het internet is dit wel het geval. Dus benoem uw bestanden (geld ook voor plaatjes, audio, enz..) altijd met kleine letters of altijd met hoofd letters. Succes, Webmaster Hoge Schuts

Introductie. Wat is HTML?

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,

Nadere informatie

Extra: Hoe u uw website met HTML kunt verbeteren

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

Nadere informatie

Internet_html.doc 1/6

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. , , ).

Nadere informatie

Internet en website. Voorwaarden voor een goede website:

Internet en website. Voorwaarden voor een goede website: Internet en website Inleiding Zoals reeds aangehaald is internet een belangrijk onderdeel geworden ter info en activiteiten van een visclub. Vele visclubs en ook andere verenigingen communiceren met elkaar

Nadere informatie

Les W-01: HTML. Een website bouwen in HTML. 2006, David Lans

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

Nadere informatie

HTML Editor: de eerste stappen

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

Nadere informatie

OPDRACHTKAART. Thema: Multimedia. Het internet 3. Het World Wide Web MM-05-03-01. Voorkennis: Geen.

OPDRACHTKAART. Thema: Multimedia. Het internet 3. Het World Wide Web MM-05-03-01. Voorkennis: Geen. OPDRACHTKAART MM-05-03-01 Het World Wide Web Voorkennis: Geen. Intro: Deze opdracht gaat over de belangrijkste mogelijkheid van het internet: het surfen op het World Wide Web. Deze opdracht beschrijft

Nadere informatie

Handleiding Wordpress

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...

Nadere informatie

Handleiding Wordpress

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

Nadere informatie

E.M. van Nieuwaal. Frontpage 2003. Jouw vak op het leerlingenweb. Copyright 2008. http://cursus.anguillanova.nl

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.

Nadere informatie

Achtergrond en lettertype Opmaak Achtergrond Opmaak Achtergrond Afbeelding in achtergrond

Achtergrond 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 informatie

Het 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 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

Websitecursus deel 1 HTML

Websitecursus 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 informatie

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 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

Nadere informatie

Zelf een eenvoudige website opzetten. Jorrit Groenevelt & Arjan Kraak Juni 2013

Zelf een eenvoudige website opzetten. Jorrit Groenevelt & Arjan Kraak Juni 2013 Zelf een eenvoudige website opzetten Jorrit Groenevelt & Arjan Kraak Juni 2013 1 Inleiding/Doel Een onmisbaar onderdeel van het starten van een bedrijf is het opzetten van een website. Een onderneming

Nadere informatie

Navigator CMS 2009. Beknopte handleiding v1.0

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...

Nadere informatie

Handleiding teksteditor

Handleiding teksteditor In deze handleiding leggen we de werking van de teksteditor uit. De teksteditor wordt gebruikt voor het bewerken van tekst. Uw tekstpagina s bewerkt u met deze editor, maar u vindt m op vele plekken terug.

Nadere informatie

Verwijderen van een persoon kan door de regel leeg te maken. Met de knop (linksonder) Verwijderen verwijdert u de hele pagina!

Verwijderen van een persoon kan door de regel leeg te maken. Met de knop (linksonder) Verwijderen verwijdert u de hele pagina! Algemeen Ingelogd als moderator/ pagina beheerder kan je teksten op een pagina plaatsen, bewerken of verwijderen. Ga naar de pagina waar je toegang tot hebt. Onder het logo en boven de foto (header) krijg

Nadere informatie

Een webpagina maken. Een website bouwen met HTML en CSS practicum 1

Een 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 informatie

Handleiding website. Inloggen Start uw internet browser en ga naar http://www.rbaoreven.nl/.

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

Nadere informatie

Handleiding bij WSM MailformGenerator

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

Nadere informatie

1. Open het programma KompoZer Het grote witte vlak is een nog lege webpagina. Deze gaan we nu van inhoud voorzien.

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

Nadere informatie

Handleiding. Beheeromgeving

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

Nadere informatie

HTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen.

HTML 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 informatie

Algemene basis instructies

Algemene basis instructies Inhoud: Algemene basis instructies... 2 Pictogrammen en knoppen... 2 Overzicht... 3 Navigeren (bladeren)... 3 Gegevens filteren... 4 Getoonde gegevens... 5 Archief... 5 Album... 5 Tabbladen en velden...

Nadere informatie

De frameset uit de afbeelding wordt op de volgende manier gedefinieerd:

De 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 informatie

PLAKKEN Nadat u een gedeelte heeft geknipt of gekopieerd kunt u met dit icoon de selectie weer in het veld plakken.

PLAKKEN Nadat u een gedeelte heeft geknipt of gekopieerd kunt u met dit icoon de selectie weer in het veld plakken. KNIPPEN Als u na de selectie van een gedeelte van een tekst of een afbeelding op dit icoon klikt, knipt u de selectie uit het veld. Op deze manier kunt u het geselecteerde verwijderen, maar het ook juist

Nadere informatie

Opdrachtgever: Avpec1910 Auteur: Avalon Systems Versie: 1.0 Datum: 12/01/2011. Handleiding WYSIWYG HTML editor: CKEditor

Opdrachtgever: Avpec1910 Auteur: Avalon Systems Versie: 1.0 Datum: 12/01/2011. Handleiding WYSIWYG HTML editor: CKEditor Opdrachtgever: Avpec1910 Auteur: Avalon Systems Versie: 1.0 Datum: 12/01/2011 Handleiding WYSIWYG HTML editor: CKEditor Inhoud 1 Inleiding... 3 2 WYSIWYG editor... 4 2.1 Iconen toegelicht... 5 2.2 Maximaliseren...

Nadere informatie

Web building basis: HTML. Karel Nijs 2008/09

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

Nadere informatie

Handleiding bij de onderhoudsmodule van de Hermes CMS website.

Handleiding 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 informatie

HTML Editor: tabellen en hyperlinks

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

Nadere informatie

Handleiding Tridion voor authors en editors

Handleiding Tridion voor authors en editors Handleiding Tridion voor authors en editors Wijzigen van items van vóór de herimplementatie (mei 2009) Telefoon helpdesk: 7500 E-mail: helpdesktridion@gmail.com. Juli 2009 Een bestaand item wijzigen Het

Nadere informatie

WordPress Handleiding

WordPress Handleiding Algemene Informatie Disclaimer: Bij het samenstellen van dit boek is de grootst mogelijke zorg besteed aan de juistheid van de opgenomen informatie. Wij kunnen echter niet verantwoordelijk gesteld worden

Nadere informatie

Central Station. CS website

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

Nadere informatie

Handleiding Mijneigenweb.nl

Handleiding Mijneigenweb.nl Handleiding Mijneigenweb.nl Inhoud 1 Inloggen 2 Kleurenschema en lettertype 2.1 Kies een standaard kleurenschema 2.2 Kleurenschema en lettertypes aanpassen/ zelf samenstellen 3 Logo 4 Visual 4.1 Eigen

Nadere informatie

De Kleine WordPress Handleiding

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

Nadere informatie

Handleiding WIS TM Live-editing Live editing is een WIS TM module

Handleiding WIS TM Live-editing Live editing is een WIS TM module Handleiding WIS TM Live-editing Live editing is een WIS TM module Live-edit 1. Inleiding De nieuwe versie van WIS tm beschikt over een aantal nieuwe functionaliteiten, waarvan vooral liveediting als nieuwe

Nadere informatie

1 2 3 4 Internet Explorer en internet

1 2 3 4 Internet Explorer en internet 1 2 3 4 Internet Explorer en internet 5 Inleiding World Wide Web (WWW). Het doorwerken van deze module leert je het volgende: Contact leggen met het internet. Informatie zoeken op het world wide web met

Nadere informatie

Handleiding Vedor-editor

Handleiding Vedor-editor Handleiding Vedor-editor Mei 2007, versie 0.9 Inhoudsopgave Inleiding... 3 Aanmelden... 4 De werkbalk... 5 Het context menu... 6 Navigeren binnen je website... 7 Tekst toevoegen en bewerken... 8 Afbeeldingen

Nadere informatie

Pro templates. Copyright Starteenwinkel.nl

Pro 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 informatie

Handleiding: Whitelabel Customersite

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.

Nadere informatie

Inhoudsopgave. 3. Werken met thema s 89 3.1 Het standaard thema bekijken... 90 3.2 Een thema zoeken... 91 3.3 Een thema installeren...

Inhoudsopgave. 3. Werken met thema s 89 3.1 Het standaard thema bekijken... 90 3.2 Een thema zoeken... 91 3.3 Een thema installeren... Inhoudsopgave Voorwoord... 5 Nieuwsbrief... 5 Introductie Visual Steps... 6 Wat heeft u nodig?... 6 De website bij het boek... 7 Hoe werkt u met dit boek?... 7 Uw voorkennis... 8 Toets uw kennis... 8 Voor

Nadere informatie

4. Plak de gekopieerde tekst op de plaats van de cursor als pure tekst. 5. Plak de gekopieerde tekst op de plaats van de cursor vanuit Word

4. Plak de gekopieerde tekst op de plaats van de cursor als pure tekst. 5. Plak de gekopieerde tekst op de plaats van de cursor vanuit Word 1. Code. Toon HTML code van de tekst 2. Verwijder de opmaak van de geselecteerde tekst. 3. Plak de gekopieerde tekst op de plaats van de cursor 4. Plak de gekopieerde tekst op de plaats van de cursor als

Nadere informatie

Toelichting gebruik websitemachine. Stichting Kader- en Ondernemersopleiding Bouwbedrijf Docentenhandleiding

Toelichting gebruik websitemachine. Stichting Kader- en Ondernemersopleiding Bouwbedrijf Docentenhandleiding Toelichting gebruik websitemachine Stichting Kader- en Ondernemersopleiding Bouwbedrijf Docentenhandleiding Toelichting gebruik websitemachine De websitemachine is een webapplicatie waarmee u op eenvoudige

Nadere informatie

Uw TEKSTEDITOR - alle iconen op een rij

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

Nadere informatie

4.1 4.2 5.1 5.2 6.1 6.2 6.3 6.4

4.1 4.2 5.1 5.2 6.1 6.2 6.3 6.4 Handleiding CMS Inhoud 1 Inloggen 2 Algemeen 3 Hoofdmenu 4 Pagina s 4.1 Pagina s algemeen 4.2 Pagina aanpassen 5 Items 5.1 Items algemeen 5.2 Item aanpassen 6 Editor 6.1 Editor algemeen 6.2 Afbeeldingen

Nadere informatie

NVU 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. 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 informatie

EEN WEBLOG MAKEN MET BLOGGER

EEN WEBLOG MAKEN MET BLOGGER EEN WEBLOG MAKEN MET BLOGGER John Valk 2012, 1e versie 1 EEN WEBLOG MAKEN MET BLOGGER.COM Meld je aan Ga naar internet naar de site: www.blogger.com Het onderstaande venster verschijnt. Meld je aan met

Nadere informatie

Handleiding website. Inloggen Start uw internet browser en ga naar http://www.rbaoreven.nl/. Laatst bijgewerkt: 17 mei 2008

Handleiding website. Inloggen Start uw internet browser en ga naar http://www.rbaoreven.nl/. Laatst bijgewerkt: 17 mei 2008 Handleiding website Laatst bijgewerkt: 17 mei 2008 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

Nadere informatie

Hoofdstuk 27: Celopmaak* 2010

Hoofdstuk 27: Celopmaak* 2010 Hoofdstuk 27: Celopmaak* 2010 27.0 Inleiding In dit deel wordt beschreven hoe je het werk er goed kunt laten uitzien. Besproken zal worden wat er binnenin de cel en aan de celgrenzen gebeurt en wanneer

Nadere informatie

Toelichting op enkele knoppen: (als u de muis bij een knop houdt, verschijnt een tekst met een korte aanwijzing (tooltip) bij deze knop).

Toelichting op enkele knoppen: (als u de muis bij een knop houdt, verschijnt een tekst met een korte aanwijzing (tooltip) bij deze knop). FAQ Leerlingdossier & handelingsplannen Welke mogelijkheden biedt de online tekstverwerker in ESIS? De online tekstverwerker beschikt over veel mogelijkheden voor het bewerken van tekst. U vindt de online

Nadere informatie

HTML richtlijnen e-mail marketing. part of the valley

HTML 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 informatie

Zelf een webpagina maken met HTML-code

Zelf 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 informatie

Inhoud van de website invoeren met de ContentPublisher

Inhoud van de website invoeren met de ContentPublisher Inhoud van de website invoeren met de ContentPublisher De inhoud van Muismedia websites wordt ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS): de ContentPublisher.

Nadere informatie

RTE. Handleiding. Publiceren Documenten

RTE. Handleiding. Publiceren Documenten RTE Handleiding Publiceren Documenten Datum: December 2015 Inhoudsopgave 1. Introductie 2 2. Aan de slag 3 2.1. Het opstarten van de applicatie 3 2.2. WebHare Applicaties 3 2.3. De RTE applicatie 3 3.

Nadere informatie

HANDLEIDING I-MATE. Inhoud. I-Mate handleiding

HANDLEIDING I-MATE. Inhoud. I-Mate handleiding HANDLEIDING I-MATE Inhoud I-Mate handleiding 1. Opstarten van I-Mate 2. Opbouw van I-Mate 3. Een pagina in de editor openen 4. Tekst invoeren en aanpassen 5. Tekst opmaken 6. Lijsten aanmaken 7. Een horizontale

Nadere informatie

WebHare en Microsoft Word

WebHare en Microsoft Word WebHare en Microsoft Word Optimaliseer uw Word documenten voor gebruik met WebHare Werken met alinea s Opmaakprofielen Afbeeldingen Datum: Maart 2010 Aantal pagina's: 26 Versie: 2.6 Doelgroep: Content

Nadere informatie

HTML-EDITOR GEBRUIKEN

HTML-EDITOR GEBRUIKEN HTML-EDITOR GEBRUIKEN Over TinyMCE TinyMCE is een kleine What-You-See-Is-What-You-Get (WYSIWYG) editor voor teksten. De bediening vindt plaats in de web browsers, zoals MSIE of Mozilla. Het werken met

Nadere informatie

Globale kennismaking

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

Nadere informatie

Handleiding theocms2 K.U.Leuven - Faculteit Godgeleerdheid Stijn Van Baekel 1/19. - HANDLEIDING CMS2 - http://theo.kuleuven.be/

Handleiding 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 informatie

Een website omzetten naar WordPress

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

Nadere informatie

Handleiding Content Management Systeem

Handleiding 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 informatie

Gebruikershandleiding

Gebruikershandleiding Gebruikershandleiding Inleiding. Het bijhouden, wijzigen en aanpassen van de inhoud van de website met je standaard web browser. De website maakt gebruik van CMS (content managment system) Door in te loggen

Nadere informatie

Wat zijn de verschillen tussen SPSS 9 en SPSS 10?

Wat zijn de verschillen tussen SPSS 9 en SPSS 10? Wat zijn de verschillen tussen SPSS 9 en SPSS 10? 1.1 De data-editor / het definiëren van variabelen 1.2 Het openen van bestanden 1.3 Output lezen 1.4 Mogelijke problemen 1.1.1 De data-editor Het grootste

Nadere informatie

Handleiding Website beheersysteem

Handleiding Website beheersysteem Handleiding Website beheersysteem Inhoudsopgave 1. Inleiding...3 2. Inloggen...4 3. De startpagina...5 3.1. Startpagina menu...5 3.2. Bovenbalk...6 4. Menu en Pagina's...7 4.1. Een nieuwe pagina toevoegen...8

Nadere informatie

Je website is het centrum van al je online activiteiten. Dat werkt allerlei kanten op.

Je website is het centrum van al je online activiteiten. Dat werkt allerlei kanten op. Kathleenferrier.nl: het KF centrum online Handleiding voor de Blog & Nieuwssectie Je website is het centrum van al je online activiteiten. Dat werkt allerlei kanten op. Het is de plek waarvandaan mensen

Nadere informatie

WEBDESIGN. html tags. Neem de grondbeginselen van html door via de online cursus op de informaticasite of via instruct-online

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

Nadere informatie

Trippeltrap Content Management System

Trippeltrap Content Management System Handleiding Trippeltrap Content Management System versie 2.4 Aanmelden Voordat u de tekst op uw webpagina kunt aanpassen, moet u zich eerst aanmelden. Bovenaan de pagina vindt u een link naar het intranet.

Nadere informatie

Bitrix Site Manager gebruikershandleiding BureauZuid

Bitrix Site Manager gebruikershandleiding BureauZuid Bitrix Site Manager gebruikershandleiding BureauZuid Introductie Deze gebruikershandleiding geeft gedetailleerde basisinformatie over hoe te werken met Bitrix Site Manager. Deze handleiding is bedoeld

Nadere informatie

Handleiding wordpress

Handleiding wordpress Handleiding wordpress Wordpress versie 3.0.4 Handleiding versie 1.1 Auteur Website Geert Hoekzema www.geerthoekzema.nl www.geerthoekzema.nl geert@geerthoekzema.nl 1 Inhoudsopgave Inleiding... 3 Beginnen

Nadere informatie

Handleiding website AZSV 2014

Handleiding website AZSV 2014 2014 voor (o.a.) de webmaster van een team http://www.azsv-aalten.nl Auteurs: Peter van Asselt, Leo Postma Project: AZSV website 2014 internet commissie AZSV pagina: 2 van 15 INHOUDSOPGAVE 1. INLEIDING...3

Nadere informatie

I. Vorming 1 (12/04/2012) 1. Werken met een tekstverwerker p2 2. Mappenstructuur op een computer p6 3. Externe USB- stick gebruiken p10

I. Vorming 1 (12/04/2012) 1. Werken met een tekstverwerker p2 2. Mappenstructuur op een computer p6 3. Externe USB- stick gebruiken p10 INHOUDSTAFEL De inhoudstafel blijft in eerste instantie nog beperkt. Deze zal gestaag aangroeien en zal pas compleet zijn na de laatste vormingssessie. Het doel is om in de eerste sessie, samen met de

Nadere informatie

Leerlingdossier & handelingsplannen. Welke mogelijkheden biedt de online tekstverwerker in ESIS? FAQ

Leerlingdossier & handelingsplannen. Welke mogelijkheden biedt de online tekstverwerker in ESIS? FAQ FAQ Leerlingdossier & handelingsplannen Welke mogelijkheden biedt de online tekstverwerker in ESIS? De online tekstverwerker beschikt over veel mogelijkheden voor het bewerken van tekst. U vindt de online

Nadere informatie

HAND- OUT. https://www.uwdomein.com/qzadmin. password: statistieken https://qwikstats.suares.com/www.uwdomein.com. support http://help.suares.

HAND- OUT. https://www.uwdomein.com/qzadmin. password: statistieken https://qwikstats.suares.com/www.uwdomein.com. support http://help.suares. HAND- OUT website: inloggen: login name: password: http://www.uwdomein.com https://www.uwdomein.com/qzadmin statistieken https://qwikstats.suares.com/www.uwdomein.com support http://help.suares.nl/ Kuki+Ko

Nadere informatie

Schoolwebsite.nu. Snel aan de slag met uw website. Versie 4.0

Schoolwebsite.nu. Snel aan de slag met uw website. Versie 4.0 Schoolwebsite.nu Snel aan de slag met uw website Versie 4.0 Inhoudsopgave Inhoudsopgave... 2 1 Inleiding... 3 2 Voor dat u begint... 4 3 Teksten op de website... 6 4 Groepspagina s... 8 5 De groepspagina...

Nadere informatie

De tekstverwerker. Afb. 1 de tekstverwerker

De tekstverwerker. Afb. 1 de tekstverwerker De tekstverwerker De tekstverwerker is een module die u bij het vullen van uw website veel zult gebruiken. Naast de module tekst maken onder andere de modules Aankondigingen en Events ook gebruik van de

Nadere informatie

Inleiding. - Teksten aanpassen - Afbeeldingen toevoegen en verwijderen - Pagina s toevoegen en verwijderen - Pagina s publiceren

Inleiding. - Teksten aanpassen - Afbeeldingen toevoegen en verwijderen - Pagina s toevoegen en verwijderen - Pagina s publiceren Inleiding Voor u ziet u de handleiding van TYPO3 van Wijngaarden AutomatiseringsGroep. De handleiding geeft u antwoord geeft op de meest voorkomende vragen. U krijgt inzicht in het toevoegen van pagina

Nadere informatie

Gebruikershandleiding www.kerknigtevecht.nl. Inleiding

Gebruikershandleiding www.kerknigtevecht.nl. Inleiding Inleiding Het beheren van de pagina s op www.kerknigtevecht.nl wordt gedaan door daartoe geautoriseerde gebruikers. Deze handleiding helpt je op weg hoe je je eigen pagina s kunt beheren, zoals het plaatsen

Nadere informatie

Eenvoud, kracht en snelheid

Eenvoud, kracht en snelheid OpenIMS Open Informatie Management Server Eenvoud, kracht en snelheid TinyMCE Handleiding Open Informatie Management Server www.openims.com OpenSesame ICT BV www.osict.com INHOUDSOPGAVE 1 WYSIWYG EDITOR...

Nadere informatie

Handleiding OpenOrg.nl

Handleiding 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 informatie

Safira CMS Handleiding

Safira CMS Handleiding Safira CMS Handleiding Inhoudsopgave 1Mappen en artikelen... 2 1.11.1 Naam wijzigen map/ pagina... 3 1.21.2 Website structuur: nieuwe pagina aanmaken, pagina verwijderen, pagina blokkeren, structuur wijzigen...

Nadere informatie

Leerlingdossier & handelingsplannen

Leerlingdossier & handelingsplannen FAQ Leerlingdossier & handelingsplannen Welke mogelijkheden biedt de online tekstverwerker in ESIS? De online tekstverwerker beschikt over veel mogelijkheden voor het bewerken van tekst. U vindt de online

Nadere informatie

Handleiding Websitebeheer

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

Nadere informatie

Software 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 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 informatie

Een korte handleiding door Frederic Rayen

Een korte handleiding door Frederic Rayen Een korte handleiding door Frederic Rayen Van installeren tot het gebruik P a g i n a 2 Inhoudsopgave Inleiding... 3 Hoe AbiWord version 2.8.6 installeren?... 4 Schermonderdelen... 5 Uitleg bij elke werkbalk...

Nadere informatie

Handicom. Symbol for Windows. Image Manager. (Versie 4) Handicom, 2011, Nederland

Handicom. Symbol for Windows. Image Manager. (Versie 4) Handicom, 2011, Nederland Handicom Symbol for Windows Image Manager (Versie 4) Handicom, 2011, Nederland Inhoud Inleiding... 2 1. Image Manager hoofdscherm...3 1.1 Onderdelen van het venster...3 1.2 Het scherm veranderen...3 1.2.1

Nadere informatie

2. Ontwerp (alleen gebruiken als uw website nog geen huisstijl heeft)

2. Ontwerp (alleen gebruiken als uw website nog geen huisstijl heeft) 2. Ontwerp (alleen gebruiken als uw website nog geen huisstijl heeft) 2.1. Lay-out U kunt de indeling van uw site zelf kiezen en wijzigen. Er zijn momenteel negen verschillende framesets mogelijk. Voorbeeld:

Nadere informatie

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 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 informatie

Handleiding Website Laatste update: april 2014

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

Nadere informatie

Web Presence Builder. Inhoud

Web Presence Builder. Inhoud Web Presence Builder Inhoud Inhoud... 1 Wat is Web Presence Builder?... 2 Het categoriescherm... 2 De eerste stappen naar een eigen website... 3 Onderwerp selecteren en website naam aanpassen... 3 Vooraf

Nadere informatie

design ook items uitsnijden

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

Nadere informatie

Microsoft Office Tekstdocument alle systemen

Microsoft Office Tekstdocument alle systemen Microsoft Office Tekstdocument alle systemen Inleiding In deze les wordt het maken van een tekst document met gebruikmaking van Microsoft Office Word behandeld. (Het gaat hier om één van de oudere versies).

Nadere informatie

Kies [paginas]: Een lijst met alle paginas verschijnt. Muis-over en er verchijnen opties per pagina: Bewerken prullenbak bekijken

Kies [paginas]: Een lijst met alle paginas verschijnt. Muis-over en er verchijnen opties per pagina: Bewerken prullenbak bekijken Wordpress handleiding: Algemeen: -Hosting 200Mb webruimte en 2Gb verkeer per maand voor 3 euro per maand. Bij overschrijding volgt automatisch een verdubbeling naar de ruimte/verkeer naar 400Mb/4Gb/6 euro

Nadere informatie

Een pagina toevoegen en/of bewerken.

Een pagina toevoegen en/of bewerken. Een pagina toevoegen en/of bewerken. Na het inloggen in het CMS zie u het volgende: 2 3. Een klik op dit menu geeft een overzicht van alle pagina s waar de website op dat moment uit bestaat: 2. Een klik

Nadere informatie

Inhoud. Handleiding Dododent. Beste tandarts of praktijkmanager,

Inhoud. Handleiding Dododent. Beste tandarts of praktijkmanager, Handleiding Dododent Beste tandarts of praktijkmanager, Hartelijk dank voor de aanschaf van een website bij Dodoworks. Hieronder volgt een uitgebreide handleiding van het Dododent systeem waarmee de website

Nadere informatie

Handleiding. HetSchoolvoorbeeld.nl. HetSchoolvoorbeeld 2.1. Websites voor het onderwijs. Websites Social media Mediawijsheid Grafisch ontwerp

Handleiding. HetSchoolvoorbeeld.nl. HetSchoolvoorbeeld 2.1. Websites voor het onderwijs. Websites Social media Mediawijsheid Grafisch ontwerp HetSchoolvoorbeeld.nl Websites voor het onderwijs Handleiding HetSchoolvoorbeeld 2.1 Websites Social media Mediawijsheid Grafisch ontwerp Handleiding HetSchoolvoorbeeld 2.1 Pagina 1 Inhoud 1 Opbouw van

Nadere informatie

TEKST INVOEREN EN BEWERKEN

TEKST INVOEREN EN BEWERKEN TEKST INVOEREN EN BEWERKEN Het invoeren en bewerken van tekst gaat via de editor. Onderstaand een overzicht van de te gebuiken knoppen (indien je rechts op de knoppen klik krijg je de betekening in tekst

Nadere informatie