Web building gevorderden: CSS & JavaScript. Karel Nijs 2008/11

Maat: px
Weergave met pagina beginnen:

Download "Web building gevorderden: CSS & JavaScript. Karel Nijs 2008/11"

Transcriptie

1 Web building gevorderden: CSS & JavaScript Karel Nijs 2008/11

2 Leswijze Eerst wat theorie Begeleid met (korte) oefeningen Editor = Geen DreamWeaver Browser = Internet Explorer Online hulp: Korte pauze rond 20u

3 Webbuilding gevorderden: intro Het "head" element Het "meta" element Formulieren Opmaak & attributen Cascading Style Sheets JavaScript Dynamic HTML XHTML introductie inschrijven nog mogelijk!

4 Webbuilding gevorderden les 1 Herhaling: HTML basis tags Het <head> element Het <meta> element Formulieren Multimedia in HTML (sneak preview) HTML 4.0

5 HTML basis tags Herhaling: Start tag: <tag> Eind tag: </tag> Inhoud van elementen omringen met tags Bv. < tag > inhoud </ tag > Uitzonderingen: Sommige elementen hebben geen inhoud Bv. <br />, Sommige elementen hebben geen eindtag Bv. <br />, <img />, <hr />

6 HTML basis tags Herhaling: Tags moeten afgesloten worden: <p align= left > </p> Tags op de correct manier afsluiten: <b> </b> Attributen enkel bij de start tag: <font size= +1 > </font> Attributen bij de correcte tags zetten: <font face= arial > </font> Attribuutwaarden tussen aanhalingstekens zetten: <font color= red > </font>

7 HTML basis tags Internet Explorer configureren: nieuwe versies

8 Webbuilding gevorderden les 1 Herhaling: HTML basis tags Het <head> element Het <meta> element Formulieren Multimedia in HTML (sneak preview) HTML 4.0

9 Het <head> element Bevat algemene of meta-informatie meta = "informatie over " Subelementen worden niet weergegeven op het scherm

10 Het <head> element Toegelaten elementen: base URL basis voor alle links link bron referentie meta meta informatie title pagina titel style definitie van paginastijlen script definitie van paginascripts

11 Het <head> element Voorbeelden van toegelaten elementen: base <base href=" /> link <link rel="stylesheet" type="text/css" href="theme.css" /> meta <meta name="keywords" content="html, DHTML" /> title <title>pagina titel</title> style <style type="text/css">...</style> script <script language="javascript">...</script>

12 Het <head> element Foute syntax Voorbeeld: <head> <p>this is some text</p> </head> Gecorrigeerd door browser: weggelaten getoond in het begin van de pagina Browserafhankelijk!

13 Webbuilding gevorderden les 1 Herhaling: HTML basis tags Het <head> element Het <meta> element Formulieren Multimedia in HTML (sneak preview) HTML 4.0

14 Het <meta> element Bevat meta- informatie zoals <head> Bevat informatie over de pagina- inhoud Doelgroep: browers, zoekmachines, in het verleden vaak misbruikt om gebruikers aan te trekken momenteel niet bekend in welke mate gebruikt

15 Het <meta> element Mogelijke meta element names: description keywords author refresh Uitbreidbaar (naar believen?) Bv. <meta name="security" content="low" />

16 Oefening 1 Maak een pagina aan die: Relevante meta-info bevat (auteur, beschrijving, titel, ) Na 3 seconden doorverwijst naar htmlhelp.org Volgend extern stylesheet heeft: g_les1_oef1.css

17 Oefening 1 Oplossing:

18 Oefening 1 Oplossing meta- informatie:

19 Webbuilding gevorderden les 1 Herhaling: HTML basis tags Het <head> element Het <meta> element Formulieren Multimedia in HTML (sneak preview) HTML 4.0

20 Formulieren Gebruiker mogelijkheid geven tot invoer Bevat (formulier)elementen Slechts één per pagina mogelijk Formulier zelf is niet zichtbaar Tag: <form> </form> Uitgebreide informatie:

21 Formulieren Attributen: name: identificatie van het formulier Bv. name="mijnformulier" action: (online) bestandsnaam dat formulierinhoud verwerkt Bv. action=" method: 2 manieren van versturen: POST en GET POST: gebruiken bij wijzigingen in database enz GET: gebruiken als je geen wijzigingen maakt (idempotent) Bv. method="post"

22 Formulieren (formulier)elementen: Tekstveld <input type="text" name="naam" /> Textgebied <textarea name="naam">... </textarea> Uitschuifkeuzelijst <select name="naam">... </select>

23 Formulieren (formulier)elementen: Opties Vinkjes Knoppen: <input type="radio" name="naam" /> <input type="checkbox" name="naam" /> <input type="submit" name="naam" /> <input type="reset" name="naam" />

24 Formulieren (formulier)element: Tekstveld Goed voor korte invoer, zonder newlines Maximale lengte instelbaar Grootte veld instelbaar Initiële waarde instelbaar

25 Formulieren (formulier)element: Radiobuttons Beperkte keuzemogelijkheid aanbieden Adhv. het "name" attibuut worden radiobuttons gegroepeerd (formulier)element: Checkboxes Meerdere keuzemogelijkheden aanbieden

26 Formulieren (formulier)element: Buttons 2 soorten: submit en reset submit: verstuurd de formulierinhoud... naar "action"... volgens de "method" methode. reset: wist het formulier

27 Formulieren Oefening 2 De inhoud van het paswoord mag niet leesbaar zijn Slechts één geslachtskeuze is mogelijk "Verzenden" stuurt het formulier via POST naar: _verwerk.php "Wissen" wist het formulier

28 Formulieren Oefening 2

29 Formulieren (formulier)element: Paswoordveld ~ tekstveld Ingevulde waarde niet leesbaar voor gebruiker Opm.: wordt wel verstuurd als cleartext!

30 Webbuilding gevorderden les 1 Herhaling: HTML basis tags Het <head> element Het <meta> element Formulieren Multimedia in HTML (sneak preview) HTML 4.0

31 Multimedia in HTML (sneak preview) Multimedia in opmars de laatste jaren Mogelijkheden: Flash Geluid Video Java applets... Toevoegen via de <object> tag

32 Multimedia in HTML (sneak preview) Waarom "sneak preview"? Vele mogelijkheden (te veel op hier op te noemen) Veranderlijk Browserafhankelijk en inconsistent Indien later nodig Voorbeelden beschikbaar op CD-ROM Opzoeken op het Internet

33 Multimedia in HTML (sneak preview) Geluid toevoegen <object classid="clsid:22d6f312- B0F6-11D0-94AB- 0080C74C7E95" width="300" height="45" codebase=" type="application/x- oleobject"> </object> <param name="filename" value="takemeaway.wav"> De browser ondersteunt het OBJECT element niet, of kan het geluidsfragment niet insluiten.

34 Multimedia in HTML (sneak preview) Geluid toevoegen <object classid="clsid:22d6f312- B0F6-11D0-94AB- 0080C74C7E95" width="300" height="45" afmetingen codebase=" type="application/x- oleobject"> <param name="filename" value="takemeaway.wav"> bestandsnaam De browser ondersteunt het OBJECT element niet, of kan het geluidsfragment niet insluiten. </object> tekst bij problemen

35 Webbuilding gevorderden les 1 Herhaling: HTML basis tags Het <head> element Het <meta> element Formulieren Multimedia in HTML (sneak preview) HTML 4.0

36 HTML 4.0 HTML is een tekst opmaak taal Tags werden voorzien voor: paragrafen p titels (headings) h1, h2,... Noodzaak ontstond voor mooiere websites

37 HTML 4.0 Oplossing = formattering? Formattering mogelijkheid wordt toegevoegd: font tag color attribute Problemen: Onderhoud wordt ondoenbaar Vele herhaling van opmaak Consistentie problemen Gevolg: kosten swingen de pan uit voor grote websites

38 HTML 4.0 Oplossing = HTML 4.0! Geen opmaak meer in het HTML document zelf Alle opmaak verplaatst naar aparte CSS file Bereikt (en gewenst) resultaat: HTML document bevat enkel document inhoud en structuur Opmaak in apart bestand is: herbruikbaar gescheiden onderhoudbaar controle van presentatie layout mogelijk zonder de document inhoud te verknoeien inhoud van "Web building gevorderden, les 2"

39 HTML 4.0 Volgende stap = XHTML Enkel lowercase tags en attributen Correcte syntax vereist (automatische) Controle mogelijk! Opmaak gescheiden van inhoud

40 HTML 4.0 Volgende stap = XHTML Voorbeeld: <?xml version="1.0" encoding="iso "?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " transitional.dtd"> <html xmlns=" <head> </head> <body> </body> <title>xhtml test</title> alles ok </html> alles in vet = nodig voor XHTML

41 Huiswerk: extra oefening Oefening 2 uitbreiden met hobbies en provincie

42 Huiswerk: extra oefening Oefening 2 uitbreiden met hobbies en provincie De fysieke lengte van alle velden moet even lang zijn. In het naam en voornaam veld mogen maximum 15 letters ingevuld worden. De maximum lengte van het paswoord = 6 Tips: Keuzelijst: select en optgroup Vindjes: gebruik voor de naam de arraynotatie: hobbies[]

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

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

Web building gevorderden: CSS & JavaScript. Karel Nijs 2008/11

Web building gevorderden: CSS & JavaScript. Karel Nijs 2008/11 Web building gevorderden: CSS & JavaScript Karel Nijs 2008/11 Webbuilding gevorderden les 3 JavaScript intro JavaScript invoegen JavaScript statements JavaScript popup berichten JavaScript functies JavaScript

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

Dynamische websites met PHP (basis) Karel Nijs 2010/09

Dynamische websites met PHP (basis) Karel Nijs 2010/09 Dynamische websites met PHP (basis) Karel Nijs 2010/09 Leswijze Eerst wat theorie Begeleid met (korte) oefeningen Editor = UltraEdit Geen DreamWeaver Browser = Internet Explorer Vereiste voorkennis: (X)HTML

Nadere informatie

Voorbeeld: In een tekstverwerker staat: Dit is scheve tekst Om in HTML hetzelfde effect te krijgen moet er staan: <i>dit is scheve tekst</i>

Voorbeeld: In een tekstverwerker staat: Dit is scheve tekst Om in HTML hetzelfde effect te krijgen moet er staan: <i>dit is scheve tekst</i> Wat is HTML? HTML staat voor HyperText Markup Language. Een HTML tekst bestaat uit zogenaamde platte tekst (ook wel de eerste 128 tekens van ASCII genoemd). In tegenstelling tot bijvoorbeeld tekstverwerker

Nadere informatie

Een formulier ontwerpen

Een formulier ontwerpen Een formulier ontwerpen Op iedere professionele website is tegenwoordig wel een formulier te vinden, dat door de bezoeker van de website kan worden ingevuld. Formulieren op websites worden voor verschillende

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

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

HTML en CSS gevorderd

HTML en CSS gevorderd HTML en CSS gevorderd Inhoudsopgave Inleiding! 3 Opbouw webpage en css! 4 DIVʼs of iframes?! 8 Eigen icoon in de adresbalk van de browser! 8 Web-editors! 8 Koppelen van css-bestanden! 9 Browser afhankelijke

Nadere informatie

Versie 0.4. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman

Versie 0.4. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman Documentatie Onsweb Club plugin voor KNKV verenigingen Versie 0.4 Laatste wijziging: 19 juli 2012 Auteurs: Marien Dongstra, Sebastian Huisman Alle rechten in dit document zijn voorbehouden. www.onsweb.nl,

Nadere informatie

HTML. Formulieren. Hans Roeyen V 3.0

HTML. Formulieren. Hans Roeyen V 3.0 Formulieren Hans Roeyen V 3.0 26 februari 2015 Inhoud 1. Formulieren... 3 1.1. De form tag... 3 1.1.1. Het action attribute... 4 1.1.2. Het method attribute... 4 1.2. De input tag... 4 1.3. Soorten input

Nadere informatie

Lab Webdesign: Javascript 11 februari 2008

Lab Webdesign: Javascript 11 februari 2008 H2: BASISBEGRIPPEN In dit hoofdstuk zullen er enkele basisbegrippen worden behandelt PLAATSING VAN JAVASCRIPT-CODE DE SCRIPT-TAG De script-tag geeft aan dat er gebruik zal worden gemaakt van een scripttaal.

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

WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B

WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B WEBSITE-DESIGN INHOUD COLLEGE Stappenplan: stap 4 HTML, Stylesheets vervolg slides @ vanslooten.com/websitedesign Website-design 1-12-2014

Nadere informatie

Lesbrief Les 2 Basis CSS

Lesbrief Les 2 Basis CSS Lesbrief Les 2 Basis CSS Jullie hebben net de basis uitleg van CSS gehad. Om deze uitleg wat te laten bezinken gaan we aan de slag met de oefenopdracht voor deze week. Lees de opdracht goed door zodat

Nadere informatie

APEX Templates. OGH APEX dag 30 maart. Art Melssen. 31 maart 2010

APEX Templates. OGH APEX dag 30 maart. Art Melssen. 31 maart 2010 APEX Templates OGH APEX dag 30 maart Art Melssen Introductie Over de spreker 4 jaar APEX ervaring / 7 jaar Oracle 10 jaar web technologie ervaring APEX trajecten o.a. bij Centraal Boekhuis en eboekhuis

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

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

Hand-out Web Technologies, werkcollege 4 Alex Reuneker (a.reuneker@hhs.nl), 2012

Hand-out Web Technologies, werkcollege 4 Alex Reuneker (a.reuneker@hhs.nl), 2012 Hand-out Web Technologies, werkcollege 4 Alex Reuneker (a.reuneker@hhs.nl), 2012 1. Id s en klassen (id- en class-attributen) id-attribuut: Elk HTML-element kan gespecificeerd worden door middel van een

Nadere informatie

Websitecursus deel 2 CSS

Websitecursus deel 2 CSS Websitecursus deel 2 CSS A Eskwadraat WebCie www@a-eskwadraat.nl 5 oktober 2015 Introductie Vorige week HTML Deze week CSS Volgende week Javascript CSS CSS (Cascading Style Sheets) bepalen hoe een website

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

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

Website beoordeling larivieracasino.org

Website beoordeling larivieracasino.org Website beoordeling larivieracasino.org Gegenereerd op Oktober 30 2018 02:00 AM De score is 37/100 SEO Content Title Riviera Casino : Casino La Riviera Online Lengte : 41 Perfect, uw title tag bevat tussen

Nadere informatie

Website beoordeling therunclub.com

Website beoordeling therunclub.com Website beoordeling therunclub.com Gegenereerd op Februari 03 2017 09:07 AM De score is 39/100 SEO Content Title Error: Domain mapping upgrade for this domain not found Lengte : 55 Perfect, uw title tag

Nadere informatie

Website analyse lichting98.nl

Website analyse lichting98.nl Website analyse lichting98.nl Gegenereerd op November 06 2016 00:56 AM Uw score is 53/100 Zoekmachine optimalisatie Titel Ontwerpburo Lichting98 - Ontwerpbureau van Nils Hilbers te Rotterdam Lengte : 69

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

HTML Graphics. Hans Roeyen V 3.0

HTML Graphics. Hans Roeyen V 3.0 HTML Graphics Hans Roeyen V 3.0 19 maart 2015 Inhoud 1. HTML5 Canvas... 3 1.1. Het Canvas element... 3 2. SVG Element... 9 2.1. SVG vergeleken met Canvas... 9 2.2. Een cirkel tekenen met SVG... 10 2.2.1.

Nadere informatie

Formulieren maken met Dreamweaver CS 4

Formulieren maken met Dreamweaver CS 4 Formulieren maken met Dreamweaver CS 4 In deze handleiding leer je om een formulier en elementen die je binnen een formulier kunt gebruiken, te ontwerpen met Dreamweaver. Het uitgangspunt is dat dit zoveel

Nadere informatie

Formulieren maken met Dreamweaver CS 4/CS 5

Formulieren maken met Dreamweaver CS 4/CS 5 Formulieren maken met Dreamweaver CS 4/CS 5 In deze handleiding leer je om een formulier en elementen die je binnen een formulier kunt gebruiken, te ontwerpen met Dreamweaver. Het uitgangspunt is dat dit

Nadere informatie

Instellen en werken met Templates

Instellen en werken met Templates Instellen en werken met Templates Pagina 2 van 8 Nationaal Golfpakket F Inhoudsopgave D Instellingen in het golfpakket...5 Aanmaken Templates... 5 Instellen van de templates in het golfpakket... 6 Links

Nadere informatie

Handleiding - Styling van OFB Web 4.0

Handleiding - Styling van OFB Web 4.0 Handleiding - Styling van OFB Web 4.0 Versie: 1.0 Inleiding OFB Web is opgebouwd uit controls. De plaatsing en positionering van de controls wordt vastgelegd in de page.aspx. Dit bestand kan gezien worden

Nadere informatie

1. De basis 2. De basis uitbreiden

1. De basis 2. De basis uitbreiden Wordpress Theme Hoe moet je deze reader gebruiken? Deze reader is digitaal, zodat je makkelijk stukjes code kunt kopieren en plakken. 1. De basis 2. De basis uitbreiden Hier aan de linkerkant vind je een

Nadere informatie

Website beoordeling zonetelechargement.com

Website beoordeling zonetelechargement.com Website beoordeling zonetelechargement.com Gegenereerd op Juli 23 2015 10:12 AM De score is 47/100 SEO Content Title zone-telechargement.com 520: Web server is returning an unknown error Lengte : 71 Let

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

Agenda. Wat is HTML? Meer over HTML... Waarom HTML leren? Aniel Bhulai. Inleiding Computergebruik - HTML 1. Waarin maak je een HTML-bestand?

Agenda. Wat is HTML? Meer over HTML... Waarom HTML leren? Aniel Bhulai. Inleiding Computergebruik - HTML 1. Waarin maak je een HTML-bestand? Agenda HTML algemeen Wat is HTML? Korte historie Opbouw HTML document Aantal tags + voorbeelden Vragen 2 3 Opmaaktaal Letter Kleur Plaatjes Tabellen Formulieren Links Wat is HTML? Waarin maak je een HTML-bestand?

Nadere informatie

Les 9: formulier controle met javascript.

Les 9: formulier controle met javascript. Les 9: formulier controle met javascript. Javascript is erg veel gebruikt bij internet toepassingen. In tegenstelling tot PHP, wat een server side scripting is, is java client side scripting. Dwz, niet

Nadere informatie

Dit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde

Dit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde Dit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde [64] [Arthur Hemmer 5494753] [Mehul Mistry 4255704]

Nadere informatie

Websites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash

Websites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash Websites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash INHOUDSOPGAVE Inleiding DEEL I: THEORIE Hoofdstuk 1: Richtlijnen Webstandaarden Voordelen Hoofdstuk 2: HTML De geschiedenis

Nadere 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

Website beoordeling megabikestuttgart.de

Website beoordeling megabikestuttgart.de Website beoordeling megabikestuttgart.de Gegenereerd op August 03 2015 14:46 PM De score is 57/100 SEO Content Title MEGA bike Radsport Stuttgart Lengte : 28 Perfect, uw title tag bevat tussen de 10 en

Nadere informatie

XHTML en CSS. Deel 3. januari 2008 4-9-2008. Lyceum Sancta Maria. Ruud Koortens Frans Peeters

XHTML en CSS. Deel 3. januari 2008 4-9-2008. Lyceum Sancta Maria. Ruud Koortens Frans Peeters XHTML en CSS Deel 3 Ruud Koortens Frans Peeters januari 2008 4-9-2008 Lyceum Sancta Maria 1 2 Inhoudsopgave 1.1.1. Het opmaken van hyperlinks... 1 1.1.2. Kleur... 1 1.1.3. Het gebruik van kleuren bij het

Nadere informatie

Handleiding webformulieren

Handleiding webformulieren Handleiding webformulieren www.ucll.be versie: januari 2017 auteur: Nele Clijsters Inhoudsopgave 1. Webformulier aanmaken... 3 2. Besturingselementen... 4 2.1. Bestand... 4 2.2. Countdown... 4 2.3. Datum...

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

Lab Webdesign: Javascript 7 april 2008

Lab Webdesign: Javascript 7 april 2008 H8: FORMULIEREN In dit hoofdstuk komt het "form"-object aan de orde: we zullen zien hoe we JavaScript kunnen gebruiken voor het manipuleren en valideren van de gegevens die een eindgebruiker invult in

Nadere informatie

Website analyse studiopeetr.nl

Website analyse studiopeetr.nl Website analyse studiopeetr.nl Gegenereerd op November 18 2016 17:01 PM Uw score is 56/100 Zoekmachine optimalisatie Titel Studio Peet Freelance DTP vormgeving beeldbewerking webdesign Lengte : 70 Perfect,

Nadere informatie

Website rapport zazoutotaal.nl

Website rapport zazoutotaal.nl Website rapport zazoutotaal.nl ZazouTotaal Full Service Mediabureau Webdesign ZazouTotaal Full Service Mediabureau. De Webdesigner met 10 jaar ervaring. Voor betaalbare websites en webwinkels. Voor alle

Nadere informatie

Online SEO-CHECKLIST. Switch Reclamebureau bv I Rendementsweg 2-Q I Mijdrecht I I

Online SEO-CHECKLIST. Switch Reclamebureau bv I Rendementsweg 2-Q I Mijdrecht I I SEO-CHECKLIST Strategie Concept Creatie SEO-checklist Met de SEO check van Switch kijken wij naar 51 specifieke onderdelen die ervoor zorgen dat uw website beter presteert. Hieronder vindt u een overzicht

Nadere informatie

LES 6 HTML, STYLE SHEETS EN DE AFBOUW VAN DE WEBSITE

LES 6 HTML, STYLE SHEETS EN DE AFBOUW VAN DE WEBSITE LES 6 HTML, STYLE SHEETS EN DE AFBOUW VAN DE WEBSITE Eerst wat theorie. Kijkt u eens naar de links. De link Bolnes eerst zonder lijntje onder, en dan met een lijntje boven. Dat resultaat is verkregen door

Nadere informatie

Website beoordeling namefacts.com

Website beoordeling namefacts.com Website beoordeling namefacts.com Gegenereerd op Maart 16 2019 08:01 AM De score is 58/100 SEO Content Title Name Facts Lengte : 10 Perfect, uw title tag bevat tussen de 10 en 70 karakters. Description

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

Website beoordeling weeknummers.nl

Website beoordeling weeknummers.nl Website beoordeling weeknummers.nl Gegenereerd op Oktober 19 2018 20:01 PM De score is 65/100 SEO Content Title Welk weeknummer is het? Weeknummers 2018 Lengte : 40 Perfect, uw title tag bevat tussen de

Nadere informatie

Technical Note #028 Auteur: Wim van ommen Gemaakt op: 21 maart 2002 Bijgewerkt op:21 maart 2002. HTML Webpublishing Quickstart

Technical Note #028 Auteur: Wim van ommen Gemaakt op: 21 maart 2002 Bijgewerkt op:21 maart 2002. HTML Webpublishing Quickstart Technical Note #028 Auteur: Wim van ommen Gemaakt op: 21 maart 2002 Bijgewerkt op:21 maart 2002 HTML Webpublishing Quickstart In deze handleiding word een praktijk voorbeeld getoond ten behoeve van het

Nadere informatie

Website beoordeling proplantdesign.com

Website beoordeling proplantdesign.com Website beoordeling proplantdesign.com Gegenereerd op Januari 31 2019 04:42 AM De score is 62/100 SEO Content Title Process Plant Design Proplant Design Lengte : 38 Perfect, uw title tag bevat tussen de

Nadere informatie

Handleiding. Look & Feel. RIE Manager. Versie 1 maart IT&Care B.V.

Handleiding. Look & Feel. RIE Manager. Versie 1 maart IT&Care B.V. Handleiding Look & Feel RIE Manager Versie 1 maart 2016 IT&Care B.V. Inhoudsopgave 1. INLEIDING EN VERANTWOORDING... 4 2. LOOK & FEEL... 5 3. AANPASSEN VAN DE (VASTE) TEKSTEN IN DE RIE MANAGER... 8 4.

Nadere informatie

Summerschool Mobiele Apps 15-17 augustus 2012 Herman van Dompseler. HTML 5 App

Summerschool Mobiele Apps 15-17 augustus 2012 Herman van Dompseler. HTML 5 App Summerschool Mobiele Apps 15-17 augustus 2012 Herman van Dompseler HTML 5 App 1. Wat is HTML 5 2. HTML 5 Apps 3. Hybride App Architectuur 4. Een App maken Overzicht Deel 1: HTML5 HTML 5 gebruikt als verzamelnaam

Nadere informatie

Een weblog in 10 minuten!

Een weblog in 10 minuten! Een weblog in 10 minuten! http://weblog.tudelft.nl versie: 1.3.1/ 2009 door: ing. L. Cozijn & drs. Klaassen aangepast door: G. Hoetmer Inhoudsopgave WAT IS EEN WEBLOG... 3 DE TU DELFT EN WEBLOGS... 4 DE

Nadere informatie

Websitecheck. Taak en Tekst voor websites die werken. www.jouwsite.nl

Websitecheck. Taak en Tekst voor websites die werken. www.jouwsite.nl Taak en Tekst voor websites die werken www.jouwsite.nl Websitecheck Taak en Tekst, www.taakentekst.nl Buijs Ballotstraat 27A, 2563 ZH Den Haag 06-13935470 1 Websitecheck Website: Eigenaar: Datum: www.jouwsite.nl

Nadere informatie

Jarno Verhoogt 21 mei 2014 Stud. Nr. 500684953 Docent: Joost Faber. Deeltoets 2: Hoe maak je met javascript een eenvoudige slideshow?

Jarno Verhoogt 21 mei 2014 Stud. Nr. 500684953 Docent: Joost Faber. Deeltoets 2: Hoe maak je met javascript een eenvoudige slideshow? Jarno Verhoogt 21 mei 2014 Stud. Nr. 500684953 Docent: Joost Faber Deeltoets 2: Hoe maak je met javascript een eenvoudige slideshow? Inleiding Dit is een eenvoudige handleiding om in javascript een simpele

Nadere informatie

Documentatie. InstantModules Q42. Versie 1.1

Documentatie. InstantModules Q42. Versie 1.1 Documentatie InstantModules Q42 Versie 1.1 Inhoudsopgave Inhoudsopgave... 2 Voor gebruikers... 3 InstantComment... 3 InstantTagging... 5 Voor webmasters... 9 InstantComment... 9 InstantTagging... 11 Voor

Nadere informatie

Versie 0.2. Documentatie Onsweb Club plugin voor NHV verenigingen. Laatste wijziging: 10 mei 2013 Auteurs: Marien Dongstra, Sebastian Huisman

Versie 0.2. Documentatie Onsweb Club plugin voor NHV verenigingen. Laatste wijziging: 10 mei 2013 Auteurs: Marien Dongstra, Sebastian Huisman Documentatie Onsweb Club plugin voor NHV verenigingen Versie 0.2 Laatste wijziging: 10 mei 2013 Auteurs: Marien Dongstra, Sebastian Huisman Alle rechten in dit document zijn voorbehouden. www.onsweb.nl,

Nadere informatie

Practicum Interactieve Video 18 januari 2008 - Beta Dag Vrije Universiteit Amsterdam door Winoe Bhikharie. Deel 1: Spelen met Interactieve Video

Practicum Interactieve Video 18 januari 2008 - Beta Dag Vrije Universiteit Amsterdam door Winoe Bhikharie. Deel 1: Spelen met Interactieve Video Practicum Interactieve Video 18 januari 2008 - Beta Dag Vrije Universiteit Amsterdam door Winoe Bhikharie In dit practicum krijg je een introductie over interactieve video. Met interactieve video wordt

Nadere informatie

Handleiding Kaltura via Blackboard

Handleiding Kaltura via Blackboard Handleiding Kaltura via Blackboard Studenten handleiding Versie 1, mei 2017 Inhoudsopgave Inloggen in Blackboard... 2 My Media... 2 Introductie My Media... 2 My Media: Add New... 5 Add New: Media Upload...

Nadere informatie

Handleiding Joomla 3.x

Handleiding Joomla 3.x Handleiding Joomla 3.x Hoe maak ik een categorie aan? Geschreven: Sandra van der Heijden (2015) AdviesMies Waarom categorieën aanmaken? Categorieën zijn van belang binnen een website. Met het aanmaken

Nadere informatie

1 Inleiding Installatie 21. WAMP met Apache Friends 23. XAMPP starten en controleren 26. LAMP 32 De installatie ongedaan maken 33

1 Inleiding Installatie 21. WAMP met Apache Friends 23. XAMPP starten en controleren 26. LAMP 32 De installatie ongedaan maken 33 0DD&) QO( l 1 Inleiding 13 De betekenis van PHP 14 Voorkennis 15 Wat dit boek niet biedt 15 PHP 5 - Een routebeschrijving door dit boek 1 5 Zo kunt u de weg vinden 17 Een dankwoord van de auteur 18 Copyright

Nadere informatie

Opdracht Dynamische Webapplicaties: HTML5

Opdracht Dynamische Webapplicaties: HTML5 INLEIDING HTML5 is sinds kort de nieuwe standaard voor het maken van webpagina s. Deze nieuwe versie van de welgekende HTML (HyperText Markup Language) biedt voor het eerst de mogelijkheid om video en

Nadere informatie

SEO SCAN. evolveconsulting.nl. Uitgevoerd door: Content Stream. SEO specialist: Erik Pols

SEO SCAN. evolveconsulting.nl. Uitgevoerd door: Content Stream. SEO specialist: Erik Pols SEO SCAN evolveconsulting.nl Uitgevoerd door: Content Stream SEO specialist: Erik Pols Datum: 14/9/2015 Inleiding Voor u ligt de gepersonaliseerde SEO scan van uw website. Dit rapport is ingedeeld in drie

Nadere informatie

Website beoordeling marking.seo-online.xyz

Website beoordeling marking.seo-online.xyz Website beoordeling marking.seo-online.xyz Gegenereerd op April 08 2019 21:11 PM De score is 59/100 SEO Content Title Social Bookmarking to get more Visitors Lengte : 39 Perfect, uw title tag bevat tussen

Nadere informatie

Website beoordeling qiwork.pt

Website beoordeling qiwork.pt Website beoordeling qiwork.pt Gegenereerd op December 03 2015 16:54 PM De score is 55/100 SEO Content Title QIWORK. Creative Studio Lengte : 25 Perfect, uw title tag bevat tussen de 10 en 70 karakters.

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

H AN D L E I DI N G FORM U LI E RM AK E R

H AN D L E I DI N G FORM U LI E RM AK E R FORMULIERMAKER H AN D L E I DI N G FORM U LI E RM AK E R Versie 1.3 gepubliceerd op 21 februari 2012 D e onderdelen van een f ormul i er Met de formuliermaker (formbuilder) kunt u binnen uw website op

Nadere informatie

Website beoordeling fonsecaimport.de

Website beoordeling fonsecaimport.de Website beoordeling fonsecaimport.de Gegenereerd op September 11 2019 13:47 PM De score is 79/100 SEO Content Title Portugiesische Lebensmittel in Hagen Fisch und Wein Lengte : 53 Perfect, uw title tag

Nadere informatie

Website analyse anytime.nl

Website analyse anytime.nl Website analyse anytime.nl Gegenereerd op December 24 2016 10:54 AM Uw score is 53/100 Zoekmachine optimalisatie Titel AnyTime. Mobiele reclamestudio. Lengte : 31 Perfect, uw title tag bevat tussen de

Nadere informatie

WEBSITE USABILITY. white-paper

WEBSITE USABILITY. white-paper WEBSITE USABILITY white-paper Alle rechten voorbehouden Het is niet toegestaan deze white-paper aan derden te verstrekken of te verkopen. Het is niet toegestaan de inhoud van deze white-paper elders te

Nadere informatie

PhotoworkZ pop-up website handleiding

PhotoworkZ pop-up website handleiding PhotoworkZ pop-up website handleiding Inhoudsopgave PhotoworkZ pop-up website handleiding...1 Aanmelden op de admin module...2 Beheer van teksten...3 Tekst downloaden en aanpassen...3 Aanpassen van teksten...4

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

Website beoordeling toolwebmaster.com

Website beoordeling toolwebmaster.com Website beoordeling toolwebmaster.com Gegenereerd op Februari 15 2019 19:28 PM De score is 49/100 SEO Content Title Website tools for webmasters - toolwebmaster.com Lengte : 48 Perfect, uw title tag bevat

Nadere informatie

Agenda (X)HTML. Wat is HTML? Hoe ziet een HTML-file eruit? Waarom HTML leren? Waarin maak je een HTML-bestand?

Agenda (X)HTML. Wat is HTML? Hoe ziet een HTML-file eruit? Waarom HTML leren? Waarin maak je een HTML-bestand? (X)HTML HyperText Markup Language Aniel Bhulai E-mail: abhulai@few.vu.nl vrije Universiteit amsterdam Agenda HTML algemeen Aantal tags HTML met stijl (CSS, DHTML) XHTML Vragen Demo 1 vrije Universiteit

Nadere informatie

Webrichtlijnen 2, Level AA Inspectie. Datum : 23 maart 2015 Projectcode : GKEM1401 Versie : 2.0

Webrichtlijnen 2, Level AA Inspectie. Datum : 23 maart 2015 Projectcode : GKEM1401 Versie : 2.0 Webrichtlijnen 2, Level AA Inspectie Organisatie : Kempengemeenten Website : www.eersel.nl Datum : 23 maart 2015 Projectcode : GKEM1401 Versie : 2.0 Contactpersoon : K. de Willigen Telefoonnummer : 030-6088353

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

ailexpert Tips & Tricks Email design

ailexpert Tips & Tricks Email design ailexpert Tips & Tricks Email design 1 Inleiding E-mail marketing is een vorm van direct marketing waarmee een bedrijf in contact kan komen te staan met haar klanten. De markt van E-mail marketing is de

Nadere informatie

Website beoordeling pechaticentr.ru

Website beoordeling pechaticentr.ru Website beoordeling pechaticentr.ru Gegenereerd op Juni 03 2019 17:04 PM De score is 59/100 SEO Content Title Изготовление печатей в Москве. Изготовление печати любой сложности. Lengte : 67 Perfect, uw

Nadere informatie

Handleiding Kaltura via Blackboard

Handleiding Kaltura via Blackboard Handleiding Kaltura via Blackboard Studenten handleiding versie 1 juni 2016 Inhoudsopgave Inloggen in Blackboard... 2 My Media... 2 Introductie My Media... 2 My Media: Add New... 5 Add New: Media Upload...

Nadere informatie

Website beoordeling zsdudova.sk

Website beoordeling zsdudova.sk Website beoordeling zsdudova.sk Gegenereerd op Februari 02 2017 10:57 AM De score is 27/100 SEO Content Title Lengte : 0 Erg slecht. We hebben geen title tag gevonden in uw website. Description Lengte

Nadere informatie

Website beoordeling playhousenightclub.com

Website beoordeling playhousenightclub.com Website beoordeling playhousenightclub.com Gegenereerd op April 27 2019 09:54 AM De score is 44/100 SEO Content Title Playhouse Nightclub Lengte : 19 Perfect, uw title tag bevat tussen de 10 en 70 karakters.

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

Publicatie formulieren en surveys

Publicatie formulieren en surveys Handleiding: Publicatie formulieren en surveys Deze handleiding is in te zetten voor MailPlus Marcom en MailPlus ecom. Inhoudsopgave Introductie... 1 1 Formulieren integreren... 2 1.1 Formulieren integereren

Nadere informatie

Handleiding RS Form! 1.0.4

Handleiding RS Form! 1.0.4 Handleiding RS Form! 1.0.4 Inhoud 1. Controlepaneel... 3 2. Forms Manager... 4 2.1 Nieuwe form aanmaken... 4 2.2 Nieuwe fields toevoegen... 7 2.3 Wijzigen/verwijderen bestaande Forms, Fields... 10 Versie

Nadere informatie

Les W-04: Een introductie in PHP

Les W-04: Een introductie in PHP Les W-04: Een introductie in PHP 4.0 PHP De afgelopen jaren zijn websites steeds interactiever geworden. Je beantwoordt een enquête via internet, doet mee aan een poll, stuurt een formulier naar iemands

Nadere informatie

SEO IS SIMPEL SEARCH ENGINE OPTIMIZATION E-BOOK

SEO IS SIMPEL SEARCH ENGINE OPTIMIZATION E-BOOK SEARCH ENGINE OPTIMIZATION E-BOOK VERSIE: 1.0 DATUM: APRIL 2009 AUTEUR: ERWIN SIGTERMAN WEBSITE: WWW.SIGGYVOLGT.NL E-MAIL: ERWIN@SIGTERMAN.COM INHOUDSOPGAVE 1 Search engine optimalization... 3 URL aanmelden

Nadere informatie

Handleiding CMS. Auteur: J. Bijl Coldfusion Consultant

Handleiding CMS. Auteur: J. Bijl Coldfusion Consultant Handleiding CMS Auteur: J. Bijl Coldfusion Consultant Inhoudsopgave 1.0 Inleiding 3 2.0 Introductie CMS en websites 4 3.0 Inloggen in beheer 5 4.0 Dashboard 6 4.1 Bezoekers totalen 6 4.2 Bezoekers 7 4.3

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

Interactieve formulieren met gedragingen

Interactieve formulieren met gedragingen 13 Interactieve formulieren met gedragingen De belangrijkste punten van hoofdstuk 13 Formulieren gebruiken. Formulieren opmaken. Gedragingen gebruiken met formulieren. Een formulier laten valideren. DB_DRWCS4_H13.indd

Nadere informatie

Y.S. Lubbers en W. Witvoet

Y.S. Lubbers en W. Witvoet WEBDESIGN Eigen Site Evaluatie door: Y.S. Lubbers en W. Witvoet 1 Summary Summary Prefix 1. Content en structuur gescheiden houden 2. Grammaticaal correcte en beschrijvende markup 3. Kopregels 4. Client-

Nadere informatie

AFO 142 Titel Aanwinsten Geschiedenis

AFO 142 Titel Aanwinsten Geschiedenis AFO 142 Titel Aanwinsten Geschiedenis 142.1 Inleiding Titel Aanwinsten Geschiedenis wordt gebruikt om toevoegingen en verwijderingen van bepaalde locaties door te geven aan een centrale catalogus instantie.

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

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

Website beoordeling facebook.com

Website beoordeling facebook.com Website beoordeling facebook.com Gegenereerd op Januari 14 2019 10:26 AM De score is 44/100 SEO Content Title Facebook - Log In or Sign Up Lengte : 28 Perfect, uw title tag bevat tussen de 10 en 70 karakters.

Nadere informatie

Website beoordeling denkwijzer.nu

Website beoordeling denkwijzer.nu Website beoordeling denkwijzer.nu Gegenereerd op August 04 2019 17:11 PM De score is 55/100 SEO Content Title Eigen wijsheid. met Denk-wijzer, dé FIlosofische Praktijk! video Lengte : 66 Perfect, uw title

Nadere informatie