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

Maat: px
Weergave met pagina beginnen:

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

Transcriptie

1 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 noemen zo'n pagina een frameset. De frameset moet worden vastgelegd in een apart HTML-bestand. In dit HTMLbestand komt te staan, hoe de frameset eruit ziet, en welke webpagina's in de frames moeten worden getoond De frameset hieronder bestaat uit 3 rijen, de 2e rij is gesplitst in 2 kolommen. FRAMESET De frameset uit de afbeelding wordt op de volgende manier gedefinieerd: <html> <head> <title> titel </title> </head> <frameset rows = " 15%, 70%, 15% "> <frameset cols = " 20%, 80% "> </html> Bij het openen van de homepage van deze website verschijnen onafhankelijk van elkaar vier verschillende webpagina's in beeld, ieder in hun eigen frame. Ieder frame heeft een naam. Met deze naam kan je aangeven in welk frame een webpagina moet verschijnen. Een hyperlink ziet er binnen een frameset dus zo uit: <a href="bestand.htm" target="framenaam"> Open bestand </a> Edu Actief

2 VOORBEELD In dit voorbeeld komen aan de orde: Het 'master frame bestand' waarmee aan de browser wordt kenbaar gemaakt, dat er meerdere webpagina's geladen moeten worden. Het attribuut 'target' waarmee aan de browser wordt kenbaar gemaakt in welk frame een webpagina geladen moet worden. Het 'inline frame' waarmee je op een willekeurige plek binnen een webpagina een andere webpagina kunt tonen. Je kunt het voorbeeld samen met de bijbehorende sourcecode vinden op de cd-rom. Het master frame bestand Wanneer je bij het ontwerpen van je website gebruik wilt maken van frames, dan moet het 'master frame bestand' als eerste geladen worden door de browser. Het 'master frame bestand' krijgt dus meestal de naam 'index.htm'. Het 'master frame bestand' is een gewoon html-bestand, waarbij de tag <body> vervangen is door <frameset> Edu Actief

3 Met behulp van het frameset-element kun je het browservenster op allerlei verschillende manieren indelen. Zo'n indeling kan relatief zijn, doordat je gebruik maakt van procenten, of absoluut, doordat je gebruik maakt van pixels. Indeling in rijen Hieronder staat een voorbeeld van een indeling van het browservenster in 2 rijen. Het is een relatieve indeling, de bovenste rij is altijd 20% van het browservenster en de onderste rij altijd 80%. <frameset rows="20%,80%"> Edu Actief

4 Indeling in kolommen Hieronder staat een voorbeeld van een indeling van het browservenster in 2 kolommen. Het is een absolute indeling, de linker kolom is altijd 200 pixels van het browservenster en de rechter kolom krijgt de rest van het venster. <frameset cols="200,*"> Geneste framesets Hieronder staat een voorbeeld van een indeling van het browservenster in verschillende rijen en kolommen. De buitenste frameset beschrijft eerst de rijen en de binnenste frameset beschrijft vervolgens de kolommen. <frameset rows="100,*"> <frameset cols="200,*"> Edu Actief

5 Attributen Wanneer je wilt voorkomen, dat de bezoeker van jouw website het formaat van de frames verandert, dan moet je in het element 'frameset' het attribuut noresize gebruiken. Wanneer je geen randen wilt zien om de frames, dan moet je in het element 'frame' het attribuut frameborder gebruiken. <frameset rows="100,*" frameborder="0"> <frame noresize="true"> <frameset cols="200,*" frameborder="0"> <frame noresize="true"> <frame noresize="true"> Het target attribuut Zodra je gebruik maakt van frames, dan moet je bij een hyperlink altijd aangeven in welk frame een nieuwe webpagina geopend moet worden. Door het attribuut 'target' te gebruiken in een hyperlink, kun je aangeven in welk frame een webpagina getoond moet worden: <a href="bestand.htm" target="rechts"> Open bestand </a> Je kunt ook in de hyperlink aangeven, dat de webpagina geopend moet worden in een nieuw venster, dat bovenop het oude venster komt te liggen: <a href="bestand.htm" target="_blank"> Open bestand </a> Of dat de webpagina geopend moet worden in hetzelfde frame, waarin de hyperlink zich bevindt: <a href="bestand.htm" target="_self"> Open bestand </a> Edu Actief

6 Het inline frame Een inline frame is een frame, dat je op een willekeurige plek in een webpagina kunt plaatsen. Je hebt er geen <frameset> voor nodig. Met een inline frame kun je in een gedeelte van een webpagina een andere webpagina tonen. Door gebruik te maken van een paar attributen kun je het inline frame precies op maat maken: <iframe src="bestand.htm" frameborder="1" marginwidth="5" marginheight="5" height="200" width="100"> src="bestand.htm" Met het attribuut 'src' geef je aan welk html-bestand er geopend moet worden in het inline frame. frameborder="1" marginwidth="5" marginheight="5" height="200" width="100" Met het attribuut 'frameborder' geef je aan hoe breed de rand om het inline frame moet worden. Met het attribuut 'marginwidth' geef je de ruimte aan tussen de inhoud van het inline frame en de linker- en rechterrand van het inline frame. Met het attribuut 'marginheight' geef je de ruimte aan tussen de inhoud van het inline frame en de boven- en onderrand van het inline frame. Met het attribuut 'height' geef je de hoogte aan van het inline frame. Met het attribuut 'width' geef je de breedte aan van het inline frame Edu Actief

Frames. Dit gedeelte wordt uitgebreid besproken in 1TIN Internettechnologie les 06

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

Eén framesetpagina Een xhtml pagina per deel van het frame.

Eén framesetpagina Een xhtml pagina per deel van het frame. Frames xhtml heeft van zijn broertje HTML een manier geërfd om een pagina in verschillende delen te splitsen. Dit maakt het mogelijk van in ieder deel een andere xhtml pagina te laden en deze apart van

Nadere informatie

12.1 Frames als structuur voor je website

12.1 Frames als structuur voor je website BOUWSTEEN 12 Het gebruik van frames 12.1 Frames als structuur voor je website Naast gebruik van inline frames kan je de structuur van je website helemaal via frames opzetten i.p.v. via tabellen. Bij tabellen

Nadere informatie

Rob's Domein. theorie van html met de beschrijving van alle tag. Een html pagina moet altijd minstens uit de volgende tags bestaan:

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

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

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

HTML & CSS DEEL 1. webdesign. Programmeren met CodeAcademy

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

Multimedia op een website

Multimedia op een website Multimedia op een website De webpagina's bestonden tot nu toe alleen maar uit tekst. Dat ziet er natuurlijk een beetje saai uit. Tijdens dit practicum gaan we kijken hoe plaatjes, geluidsfragmenten, FLASHmovies,

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 Webbuilding basis vorige les HTML intro Browsers HTML elementen HTML basis tags HTML attributen HTML kleuren HTML formattering Extra: HTML entities Webbuilding

Nadere informatie

HTML elementen en attributen (volgens de Strict DTD)

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

Je ziet het ontwerpscherm voor je. Ontwerpen is actief en dat zie je aan de linkeronderkant van je scherm net boven de taakbalk.

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

HTML. Links. Hyperlinks. Hans Roeyen V 3.0

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

Technische werking whitelabel reviewmodule

Technische werking whitelabel reviewmodule Na integratie van de whitelabel reviewmodule van Kieskeurig.nl kunnen bezoekers via jouw website reviews op Kieskeurig.nl en je eigen website achterlaten. In dit document vind je meer informatie over de

Nadere informatie

Herhalingsoefeningen

Herhalingsoefeningen Herhalingsoefeningen bij Websites maken met WEB! Pro ISBN 90 5905 193 9 2 Oefeningen hoofdstuk 2 2.1 Nieuwe website maken en opslaan Open een lege webpagina Open het venster Document Eigenschappen Typ

Nadere informatie

Hier komt alle informatie over je webpagina, welke niet zichtbaar is op de webpagina zelf.

Hier komt alle informatie over je webpagina, welke niet zichtbaar is op de webpagina zelf. Elke website begint met een basisstructuur. Deze basisstructuur is opgebouwd uit drie tags. Je gebruikt eerst de - tag welke aangeeft wat voor type document het is. Dan de - tag. Hier komt

Nadere informatie

Handleiding Macromedia Contribute

Handleiding Macromedia Contribute Handleiding Macromedia Contribute Marcel Lemmen en Frank Coenders maart 2008 Handleiding Macromedia Contribute 1 Contribute in vogelvlucht Contribute werkt simpel en intuïtief. Het bewerken van een website

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

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

Verslag van de eindopdracht. Een website voor de school

Verslag van de eindopdracht. Een website voor de school Verslag van de eindopdracht Een website voor de school 2005 Inleiding Een website voor de school Ik loop stage op basisschool St. Antonius. Dit is een Katholieke school in het piepkleine dorpje De Vecht.

Nadere informatie

Hoofdstuk 8: Frames 190

Hoofdstuk 8: Frames 190 Hoofdstuk 8: Frames 190 8. Frames 8.1. Werken met frames 8.1.1. Wat zijn Een framespagina is een speciaal soort webpagina waarmee het browservenster wordt opgedeeld in verschillende delen die frames worden

Nadere informatie

Handleiding CMS VOORKANT

Handleiding CMS VOORKANT Handleiding CMS VOORKANT Inhoudsopgave Pagina 1. Toegang tot het CMS... 3 2. Artikel toevoegen... 4 3. Artikel bewerken... 5 4. Artikel kopiëren of verwijderen... 6 5. Afbeelding, link of tabel invoegen...

Nadere informatie

Inleiding. Als u zelf uw website niet bijhoudt dan kan uw webmaster deze tips gebruiken.

Inleiding. Als u zelf uw website niet bijhoudt dan kan uw webmaster deze tips gebruiken. Tips & Tricks Inleiding In dit overzicht vindt u een aantal tips die u kunt volgen. Het zijn slechts tips en adviezen dus als u of uw webmaster andere manieren hebben voor een perfect resultaat dan is

Nadere informatie

1 Start Dreamweaver op. De workspace verschijnt. De Dreamweaver MX Workspace. 2 Klik op Dreamweaver Site in de kolom Create New.

1 Start Dreamweaver op. De workspace verschijnt. De Dreamweaver MX Workspace. 2 Klik op Dreamweaver Site in de kolom Create New. In deze instructie wordt een web gemaakt met frames. Het voorbeeld behandelt een digitaal portfolio, maar natuurlijk kun je de instructies gebruiken voor elk web met frames, ongeacht het onderwerp. Deze

Nadere informatie

MyMediasite Handleiding 2013 - V1.0

MyMediasite Handleiding 2013 - V1.0 MyMediasite Handleiding 2013 - V1.0 1 INHOUDSOPGAVE 1. INSTALLATIE 3 2.1 OPNEMEN: OPSTARTEN 4 2.2 OPNEMEN: NIEUWE PRESENTATIE 5 2.3 OPNEMEN: OPNAME PROCES 7 2.4. OPNEMEN: EIGEN MEDIA UPLOADEN 11 3. PRESENTATIE

Nadere informatie

Naam Nr Klas Datum. Om websites te doorbladeren heb je een bladerprogramma of een browser nodig. De browser die wij gebruiken is Internet Explorer.

Naam Nr Klas Datum. Om websites te doorbladeren heb je een bladerprogramma of een browser nodig. De browser die wij gebruiken is Internet Explorer. :(%6,7(69(5.(11(1 Naam Nr Klas Datum :25/':,'(:(%::: Het World Wide Web is een gigantisch web van met elkaar verbonden pagina s. Een geheel van pagina s die bij elkaar horen, noemt men een website. De

Nadere informatie

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

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

AutoTrack.nl. Handleiding Implementatie Voorraadlijst

AutoTrack.nl. Handleiding Implementatie Voorraadlijst AutoTrack.nl Handleiding Implementatie Voorraadlijst Basis Implementatie De nieuwe AutoTrack.nl Voorraadlijst kunt u (of uw webbouwer) implementeren door op uw website de URL die u van AutoTrack.nl heeft

Nadere informatie

Ga naar www.basisonline.nl of selecteer in de website van de school- intranet basisonline

Ga naar www.basisonline.nl of selecteer in de website van de school- intranet basisonline Werken met de website basisonline Ga naar www.basisonline.nl of selecteer in de website van de school- intranet basisonline - login met de verkregen inlognaam en wachtwoord - je inlognaam is jouw emailadres

Nadere informatie

Checklist websiteonderhoud divosa.nl

Checklist websiteonderhoud divosa.nl Checklist websiteonderhoud divosa.nl 1. Tekst opschonen Zorg altijd dat je gekopieerde tekst vanuit Word of e-mailberichten is opgeschoond voordat je deze in de editor van Drupal zet. Plak je tekst eerst

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

Workshop XIMPEL TV Winoe Bhikharie Vrije Universiteit Amsterdam www.ximpel.net / info@ximpel.net

Workshop XIMPEL TV Winoe Bhikharie Vrije Universiteit Amsterdam www.ximpel.net / info@ximpel.net Workshop XIMPEL TV Winoe Bhikharie Vrije Universiteit Amsterdam www.ximpel.net / info@ximpel.net In deze workshop maak je kennis met XIMPEL TV en interactieve video. Bij interactieve video kun je de video

Nadere informatie

Les in Flash nr. 2: Jouw eerste Flash film

Les in Flash nr. 2: Jouw eerste Flash film Les in Flash nr. 2: Jouw eerste Flash film Deze les ga je een filmpje maken van vier bewegende afbeeldingen met muziek en tekst. Zorg voordat je begint dat je vier grote afbeeldingen (minimaal 1000 800

Nadere informatie

PAGINA BEHEER. Heel belangrijk is dat u niet vergeet op te slaan anders gaan al uw wijzigingen verloren, deze knop vind u bovenin de pagina!!!

PAGINA BEHEER. Heel belangrijk is dat u niet vergeet op te slaan anders gaan al uw wijzigingen verloren, deze knop vind u bovenin de pagina!!! HANDLEIDING DIGIMANAGER PAGINA BEHEER In het pagina beheer heeft u de mogelijkheid om de content van uw website in te vullen en aan te passen. om invullingen en wijzigingen uit te voeren gaat u naar het

Nadere informatie

HTML. Ruud Koortens Informatica Lyceum Sancta Maria Instruct

HTML. Ruud Koortens Informatica Lyceum Sancta Maria Instruct HTML Ruud Koortens Informatica Lyceum Sancta Maria Instruct HTML 1 HTML-bestanden maken 1.1 Elementen en tags 1.2 Een simpel HTML-bestand 1.2.1 Hyperlinks 1.2.2 URL Relatieve URL s 1.2.3 Koppen en alinea

Nadere informatie

A Inloggen. B - Wachtwoord Veranderen

A Inloggen. B - Wachtwoord Veranderen A Inloggen 1. Ga naar http://webtinq.nl 2. Klik op de knop "Login". 3. Voer het e-mail adres en wachtwoord in dat je hebt gekregen. 4. Klik op de knop "Login". 5. Je bent nu ingelogd! B - Wachtwoord Veranderen

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

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

Snel een begin maken met Front-Page voor een eigen website. blad 1

Snel een begin maken met Front-Page voor een eigen website. blad 1 Snel een begin maken met Front-Page voor een eigen website. blad 1 Je gaat zelf een eenvoudige web site maken en zult deze eerst op papier moeten ontwerpen. Je maak een met daaronder sub-pagina s en eventueel

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

Datum: 17-7-2014 Versie: 1.5. Omschrijving: Dit document kan worden gebruikt om de koppeling tussen Optifile en de webagenda module aan te maken.

Datum: 17-7-2014 Versie: 1.5. Omschrijving: Dit document kan worden gebruikt om de koppeling tussen Optifile en de webagenda module aan te maken. Webagenda Datum: 17-7-2014 Versie: 1.5 Omschrijving: Dit document kan worden gebruikt om de koppeling tussen Optifile en de webagenda module aan te maken. Benodigdheden: - Optifile client 1.5 (met Optifile.server.net4

Nadere informatie

De categorie Forms in het paneel Insert

De categorie Forms in het paneel Insert Formulieren Invulformulieren bieden u de mogelijkheid om te communiceren met de bezoekers van uw website. Ze geven de bezoeker de mogelijkheid om feedback te geven, informatie door te spelen, informatie

Nadere informatie

Na het inloggen met de gegevens die je hebt gekregen, verschijnt het overzichtsscherm zoals hieronder:

Na het inloggen met de gegevens die je hebt gekregen, verschijnt het overzichtsscherm zoals hieronder: Inhoud van de website invoeren met de ContentPublisher De inhoud van websites kan worden ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS). De websites van Muismedia

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 website FMS-spaarnwoude.nl

Handleiding website FMS-spaarnwoude.nl Handleiding website FMS-spaarnwoude.nl Alfred Houdijk Webmaster 27-12-2012 Inhoud Inleiding... 2 Wie kan wat op de website... 3 Foto s en filmpjes plaatsen... 4 Copyright... 4 Schrijf een artikel... 5

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

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

Programmeren in MyShop

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

Interactief blok 2 code opdracht 6 - wireframe

Interactief blok 2 code opdracht 6 - wireframe Interactief blok 2 code opdracht 6 - wireframe 1. Klaarzetten bestanden Dit is een best practice voorbeeld. Maak een map aan voor je site. Hier komen alle bestanden in te staan (HTML, CSS en al je afbeeldingen).

Nadere informatie

INFORMATIE VAN HET INTERNET VERWERKEN

INFORMATIE VAN HET INTERNET VERWERKEN INFORMATIE VAN HET INTERNET VERWERKEN Naam Nr Klas Datum 1. WEBPAGINA'S OPSLAAN Open Windows Verkenner en maak in je persoonlijke werkmap op de server een nieuwe map aan met de naam Lichaamstaal. Open

Nadere informatie

Leer CSS Positioneren in Negen Stappen

Leer CSS Positioneren in Negen Stappen Leer CSS Positioneren in Negen Stappen Deze tutorial (vertaald uit het engels, origineel hier te vinden: http://www.barelyfitz.com/screencast/html-training/css/positioning/ ) laat zien hoe je met CSS verschillende

Nadere informatie

CMS Instructiegids Copyright Endless webdesign v.o.f

CMS Instructiegids Copyright Endless webdesign v.o.f CMS Instructiegids Copyright Endless webdesign v.o.f. 2014 1 2 Notities Inhouds opgave Hoe log ik in? 4 Een pagina toevoegen. 5 Een pagina vullen/aanpassen. 7 Een pagina verwijderen. 8 Een sjabloon kiezen.

Nadere informatie

JavaLogo-programma s op het web plaatsen

JavaLogo-programma s op het web plaatsen Bijlage JavaLogo-programma s op het web plaatsen In deze bijlage laten we u zien hoe u JavaLogo-programma s op het web kunt plaatsen, met als voorbeeld het programma Cirkels uit opgave 2.16. We gaan er

Nadere informatie

<input type="text" name="veldnaam" size="20" maxlength="30" value="inhoud veld">

<input type=text name=veldnaam size=20 maxlength=30 value=inhoud veld> Les 9: Formulieren. Proficiat, U hebt het al tot de laatste oefening gebracht. In deze les komen formulieren aan bod, U hebt ze zeker al eens gezien op een site, en indien niet neem dan eens vlug een kijke

Nadere informatie

Handleiding. 2ndWEB EDITOR. (V2.0 r.2.0.6.1)

Handleiding. 2ndWEB EDITOR. (V2.0 r.2.0.6.1) Handleiding 2ndWEB EDITOR (V2.0 r.2.0.6.1) bruno uno studio december 2006 Algemene informatie over deze editor - De editor is zowel te gebruiken op de PC als op de Mac - De editor is automatisch ingesteld

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

In deze versie van de instructies zijn voor alsnog alleen de functies beschreven van de module WT-Content.

In deze versie van de instructies zijn voor alsnog alleen de functies beschreven van de module WT-Content. De belangrijkste applicatie van WappTools is Contentbeheer. Dit is een CMS. CMS staat voor Content Management Systeem. Hiermee kunt u de content van uw website eenvoudig beheren. Onder content wordt verstaan

Nadere informatie

WebQuest / WebKwestie. met Word 2003. www.webkwestie.nl

WebQuest / WebKwestie. met Word 2003. www.webkwestie.nl WebQuest / WebKwestie met Word 2003 www.webkwestie.nl Een WebQuest / WebKwestie maken in Word 2003 Belangrijk is dat alle pagina s en afbeeldingen die u gebruikt in één map worden opgeslagen. Download

Nadere informatie

Er is nog heel wat voor nodig om van alle losse HTML-code

Er is nog heel wat voor nodig om van alle losse HTML-code Boxmodel, weergavemodel en positionering 9 Er is nog heel wat voor nodig om van alle losse HTML-code een toonbare pagina te maken, meer dan u misschien op het eerste gezicht denkt. Als de HTML-code is

Nadere informatie

Werken met afbeeldingen in webpagina's

Werken met afbeeldingen in webpagina's Werken met afbeeldingen in webpagina's In webpagina's komen heel vaak afbeeldingen voor. Toch gaan webpagina's helemaal anders om met afbeeldingen dan bijvoorbeeld een PowerPoint-presentatie of een Word-document.

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

Schrijven voor het web. 1TIN Internettechonologie 2003-2004 les 02 1

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 informatie

Internet Explorer 7 (IE7)

Internet Explorer 7 (IE7) Internet Explorer 7 (IE7) 1. HET VENSTER Het venster van Internet Explorer 7 ziet er als volgt uit: Het venster bestaat uit volgende onderdelen: De knoppen Volgende en Vorige. Adresbalk hierin vullen we

Nadere informatie

Informatietechnologie 1. HTML: DOM, Links en Afbeeldingen. Links en afbeeldingen. Kristof Michiels

Informatietechnologie 1. HTML: DOM, Links en Afbeeldingen. Links en afbeeldingen. Kristof Michiels Informatietechnologie 1 HTML: DOM, Links en Afbeeldingen Links en afbeeldingen Kristof Michiels In deze presentatie DOM of Document Object Model Links (a element) Naar externe pagina's Naar documenten

Nadere informatie

!!!!!!!!!!!! Handleiding website! VV Den Ham

!!!!!!!!!!!! Handleiding website! VV Den Ham Handleiding website VV Den Ham versie 1.1 1 van 26 " Stand Template Team foto s Template Team Template " Spelers Template Topscorers Template 9 van 26 6.5 Download template De download pagina bestaat uit

Nadere informatie

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com

Voor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com Welkom bij mijn website tutorial (Deel 7) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.

Nadere informatie

3.1.6 Nieuwe lijst toevoegen

3.1.6 Nieuwe lijst toevoegen 3.1.6 Nieuwe lijst toevoegen Om een nieuwe lijst toe te voegen, kies je de knop Maken in de algemene koppelingsbalk bovenaan een pagina van een Windows Sharepoint website. Je krijgt de keuze uit een aantal

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

Frontend ontwikkeling

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

Kies vervolgens Media invoegen.

Kies vervolgens Media invoegen. Hoe plaats ik nieuwe media foto s, video s en documenten? Het is de bedoeling dat via de website veel foto s en video s met de parochie worden gedeeld, om zo mensen te verbinden en verbonden te houden.

Nadere informatie

CMS Instructiegids Copyright Endless webdesign v.o.f

CMS Instructiegids Copyright Endless webdesign v.o.f CMS Instructiegids Copyright Endless webdesign v.o.f. 2017 1 Inhouds opgave 1. Hoe log ik in? Inloggen in het CMS systeem is heel simpel! Hoe log ik in? Een pagina toevoegen. Een pagina vullen/aanpassen.

Nadere informatie

Handleiding tabel binnen Tridion

Handleiding tabel binnen Tridion Handleiding tabel binnen Tridion 1. Tabel maken... 2 2. Tabblad Table... 4 3. Tabblad Row... 5 4. Tabblad Column... 5 5. Tabblad Cell... 6 6. Tabel bewerken... 8 7. Achtergrondkleur, tabelrand, header...

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

Een verticale vormgeving is makkelijker en sneller te realiseren dan een horizontale.

Een verticale vormgeving is makkelijker en sneller te realiseren dan een horizontale. Een HTML-sjabloon Denk goed na hoe je webpagina er moet uitzien. Wil je een webpagina met een horizontale vormgeving (zoals bij een schermpresentatie)? Wil je een webpagina met een verticale vormgeving

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

Websites & Zoekmachines

Websites & Zoekmachines Zoekmachines, Wat en Hoe... 2 Wat is een Zoekmachine?... 2 Hoe werkt het?... 2 Meldt Je Site Aan... 3 Meta-data... 3 Links naar je site... 3 De grote 3... 3 Hoe aanmelden?... 3 Wachttijd na aanmelding...

Nadere informatie

Min-height en min-width

Min-height en min-width Oefening 15.5 Min-height en min-width Maak op van uw een webpagina s een div die u voorziet van een geschikte waarde voor min-height en min-width. Laat zien wat er gebeurt als u het lettertype verkleint

Nadere informatie

Pagina-inhoud maken. Voor het plaatsen van een afbeelding in een pagina wordt gebruik gemaakt van het <img>-tag.

Pagina-inhoud maken. Voor het plaatsen van een afbeelding in een pagina wordt gebruik gemaakt van het <img>-tag. Afbeeldingen Voor het plaatsen van een afbeelding in een pagina wordt gebruik gemaakt van het -tag. De parameters:

Nadere informatie

5. Werken met afbeeldingen

5. Werken met afbeeldingen 103 5. Werken met afbeeldingen Foto s en tekeningen worden ook wel afbeeldingen genoemd. Afbeeldingen maken een website niet alleen mooier. Ze zijn ook belangrijk om duidelijk te maken wat je precies bedoelt.

Nadere informatie

Stappenplan voor de leerkracht bij: Opdrachten maken in Google Earth

Stappenplan voor de leerkracht bij: Opdrachten maken in Google Earth Stappenplan voor de leerkracht bij: Opdrachten maken in Google Earth Het gebruik van Google Earth krijgt nog veel meer waarde als de leerlingen concrete opdrachten gaan uitvoeren. Deze opdrachten kunnen

Nadere informatie

App onderdelen. Source files. Android app onderdelen 1/6

App onderdelen. Source files. Android app onderdelen 1/6 Android app onderdelen 1/6 App onderdelen Een Android project bestaat uit een aantal onderdelen die hieronder beschreven worden. In het project venster kan je de mappen weergeven volgens de hieronder aangeduide

Nadere informatie

Sushi MIJN EERSTE WEBSITE. DE STIJL VAN HET BOVENSTE MENU AANPASSEN Kaart 6 van 10 Ik ben HTML/CSS aan het leren. Naar daar.

Sushi MIJN EERSTE WEBSITE. DE STIJL VAN HET BOVENSTE MENU AANPASSEN Kaart 6 van 10 Ik ben HTML/CSS aan het leren. Naar daar. MIJN EERSTE WEBSITE Sushi DE STIJL VAN HET BOVENSTE MENU AANPASSEN Kaart 6 van 10 Van hier Naar daar 1 2 3 Doe het stap voor stap om te zien hoe CSS werkt! Voeg een rand toe van 1 punt in de breedte om

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

2. De eerste webpagina maken

2. De eerste webpagina maken 35 2. De eerste webpagina maken Een website bestaat uit één of meer webpagina s. Bij het maken van een website bouwt u de website pagina voor pagina op. U begint met de hoofdpagina. Dat is de pagina die

Nadere informatie

HTML 5 en CSS 3. Truus de Bont. CC Naamsvermelding 3.0 Nederland licentie. https://maken.wikiwijs.nl/65505

HTML 5 en CSS 3. Truus de Bont. CC Naamsvermelding 3.0 Nederland licentie. https://maken.wikiwijs.nl/65505 HTML 5 en CSS 3 Auteur Laatst gewijzigd Licentie Webadres Truus de Bont 14 september 2015 CC Naamsvermelding 3.0 Nederland licentie https://maken.wikiwijs.nl/65505 Dit lesmateriaal is gemaakt met Wikiwijs

Nadere informatie

HTML. Media. Hans Roeyen V 3.0

HTML. Media. Hans Roeyen V 3.0 Media Hans Roeyen V 3.0 12 maart 2015 Inhoud 1. (Multi)Media op websites... 3 2. Flash en Websites... 4 3. Video op je website... 4 3.1. YouTube insluiten op de pagina... 4 3.2. Video zonder YouTube...

Nadere informatie

Met het element <table> kan je een tabel invoegen, met </table> sluit je de tabel terug af.

Met het element <table> kan je een tabel invoegen, met </table> sluit je de tabel terug af. Les 7: Tabellen. Tabellen is iets dat veel en graag gebruikt wordt, met tabellen kun je immers een heleboel zaken overzichtelijker weergeven. Een tabel aanmaken in Html vergt wat inspanning omdat je met

Nadere informatie

Via het tabblad Pagina-indeling, groep Pagina-instelling kun je de afdrukstand en het papierformaat instellen.

Via het tabblad Pagina-indeling, groep Pagina-instelling kun je de afdrukstand en het papierformaat instellen. SAMENVATTING HOOFDSTUK 9 Pagina-indeling, de Pagina-instelling Via het tabblad Pagina-indeling, groep Pagina-instelling kun je de afdrukstand en het papierformaat instellen. Klik op de knop Afdrukstand

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

HANDLEIDING CURSUS PLANNER HANDLEIDING CURSUS PLANNER 26-04-2013 SP11 Contents Handleiding Cursus Planner... 3 Activeren Cursus Planner... 3 Het opzetten van de cursusplanner... 4 Het invullen van de cursus planner... 6 2 HANDLEIDING

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

Afdrukken in Calc Module 7

Afdrukken in Calc Module 7 7. Afdrukken in Calc In deze module leert u een aantal opties die u kunt toepassen bij het afdrukken van Calc-bestanden. Achtereenvolgens worden behandeld: Afdrukken van werkbladen Marges Gedeeltelijk

Nadere informatie

Gebruik template. Pagina opbouw. Datum : 15 10 2001 Auteur : ZappWerk

Gebruik template. Pagina opbouw. Datum : 15 10 2001 Auteur : ZappWerk Gebruik template Datum : 15 10 2001 Auteur : ZappWerk In dit document wordt het gebruik van de site template toegelicht. Beschreven wordt hoe de verschillende onderdelen in de in de pagina te plaatsen.

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

Handleiding NBVA-Webformulesite 2.0

Handleiding NBVA-Webformulesite 2.0 Handleiding NBVA-Webformulesite 2.0 Inhoud 1. Algemeen 2. Structuur beheeromgeving 2a Posities 2b Inhoud 2c Extra 3. Hoe werkt de WYSIWYG-editor? 3a Wijzigen van teksten 3b Nieuwsberichten plaatsen 3c

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

UM - FdGW 1. ontwikkelde handleiding over het gebruik van MS Word voor het werken aan portfolio-websites.

UM - FdGW 1. ontwikkelde handleiding over het gebruik van MS Word voor het werken aan portfolio-websites. Handleiding WORD Elektronisch Portfolio UM - FdGW 1 1 Deze handleiding is een bewerking van de binnen de Faculteit Geneeskunde van de Universiteit Maastricht ontwikkelde handleiding over het gebruik van

Nadere informatie

Dreamweaver. Een handleiding Linda Pieke

Dreamweaver. Een handleiding Linda Pieke Dreamweaver Een handleiding Linda Pieke Inhoud Mappen structuur Het aanmaken van een website Rondleiding Dreamweaver Pagina Eigenschappen (opmaken van de pagina) Titel van de pagina & pagina opslaan Titel

Nadere informatie