Eindopdracht webdesign
|
|
- Carla de Vos
- 6 jaren geleden
- Aantal bezoeken:
Transcriptie
1 Eindopdracht webdesign Opdracht 1: html Maak html-pagina jouwnaam-formulier.html met een webformulier volgens het voorbeeld: Geef in de form tag attribuut action de waarde../cgi-bin/formmail.pl en geef hierbij attribuut method waarde post. Gebruik fieldset en legend tags volgens het voorbeeld. Gebruik voor ieder veld het juiste type. Zoek op w3schools.com bij html input types. Geef ieder veld een id en name attribuut met herkenbare waarde. Gebruik waar mogelijk de label tag en zorg hierbij voor de juiste waarde van het for attribuut Gebruik placeholder tags, volgens het voorbeeld. Gebruik bij veld woonplaats een datalist (kopieer de lijst van de Marathonsite) Zorg ervoor dat alle Persoonlijke gegevens (Uw gegevens) verplicht ingevuld moeten worden. Test je formulier in Chrome en Firefox. Gebruik de W3C Markup Validation Service om je HTML5 te laten controleren. 1
2 Opdracht 2: CSS Voeg aan jouwnaam-formulier.html een link toe naar stylesheet formstijl.css Maak formstijl.css volgens het voorbeeld. Aanwijzingen: Het Lettertype is verdana, lettergrootte 14 pixels De Achtergrondkleur is #222 en tekstkleur is #ccc Het formulier is 400 pixels breed. De fieldset heeft onder een marge van 15px en een padding van 10px. Stel voor de labels display:block in zodat ze vanzelf op een nieuwe regel komen en geef de labels een marge boven onder van 9px en links rechts 0px Stel voor select en alle inputvelden met uitzondering van checkbox, radio en submit, achtergrondkleur zwart en tekstkleur wit in, een rand (kleur:#666), de hoogte, tekstuitlijning en een marge van boven en links 0px en onder en rechts 5px. Geef inputvelden type checkbox, radio en submit een marge boven+onder van 10px en links+rechts 0px De breedte van velden Nummer en Postcode is 60px, van velden Straatnaam en Woonplaats 280px, van velden en Telefoon 355px. Bedenk zelf welke css nodig is om de submit button te stylen volgens het voorbeeld. Gebruik de W3C Markup Validation Service om je CSS3 te laten controleren. 2
3 Opdracht 3: webpagina met contactformulier Plaats het contactformulier in een webpagina volgens het voorbeeld hieronder. Gebruik je eigen gegevens en foto. De afbeeldingen van het logo en de achtergrondafbeelding met de bloemen kopieer je van i4learning.nl/html. Pas bestanden jouwnaam-formulier.html en formstyle.css aan: Zet de bloemenafbeelding als achtergrondafbeelding in een div element. Geef dit div element een breedte van 100% en een hoogte van 193px. Geef dit div element position absolute, boven in het body element. Zoek op hoe je de background-size moet instellen zodat de bloemenafbeelding altijd het hele vlak opvult. Voeg binnen de body een section tag toe met breedte 960px en een uitlijning links-rechts auto en boven-onder 0px. Alle content valt binnen deze section: Maak een header met het logo, een h1 met JOUWNAAM HOVENIERSBEDRIJF en de navigatie <nav> tag. Maak in de <nav> een ongeordende lijst <ul> met de navigatie items volgens het voorbeeld. Gebruik voor de styling van deze elementen onder andere float:left. Bedenk zelf de rest. 3
4 Gebruik #0d0e0f als achtergrondkleur voor de body en voor de logotekst JOUWNAAM. Onder het <header> element en voor <form> komt een <h1> CONTACT en een <p> met de tekst. Na het form element voeg je een aside element toe met je foto en contact gegevens. Het aside element is 350px breed. De regelhoogte is 200%. De tekst is rechts uitgelijnd. Zorg dat de onderkant van het aside element gelijk valt met de onderkant van het form element. Als jouw webpage er uitziet als hierboven, voeg dan een footer toe volgens het volgende ontwerp: Geef de footer achtergrondkleur #222 en een breedte van 100% en hoogte van 80px; De tekst van de footer plaats je in een element met een breedte 960px en marge links-rechts auto. Dit footer element moet altijd onderaan op de pagina blijven. Hoe dat moet zoek je op internet how to keep footer on bottom of page Gebruik de W3C Markup Validation Service om zowel je HTML als je CSS3 te laten controleren. In deze opdracht ga je de website van het hoveniersbedrijf verder maken. Opdracht 4: Pagina s Tuinontwerp, Tuinaanleg en Tuinonderhoud Voor de Pagina s Tuinontwerp, Tuinaanleg en Tuinonderhoud gebruik je als uitgangspunt de pagina met het contactformulier. De tekst voor deze pagina s vind je op de volgende pagina (kopiëren). Pas zo nodig bestand formstyle.css aan. Plaats voor ieder van de tuinpagina s steeds de betreffende tekst links, in plaats van het contactformulier. Aan de rechterkant plaats je een bijbehorende afbeelding (zoek op internet) van een tuinontwerp, -aanleg en iets wat met tuinonderhoud te maken heeft. Zorg dat de tekst 400 pixels breed wordt weergegeven. Gebruik een afbeelding van 400 pixels breed en 500 pixels hoog. Bewerk zo nodig de afbeelding (bijsnijden en/of schalen) bijvoorbeeld met het programma pixlr.com Zorg dat de navigatie, zowel in de header als in de footer correct werkt. Gebruik de W3C Markup Validation Service om zowel je HTML als je CSS3 te laten controleren. 4
5 ==================================================================== Tuinontwerp Een goed tuinontwerp is de basis van een mooie tuin. Uw wensen vormen de belangrijkste inspiratiebron om tot een mooie leefruimte te komen. Een juiste combinatie van vorm, materiaalgebruik en beplanting groeit uiteindelijk tot een harmonieus geheel. Weet u al precies wat u wilt en heeft u geen behoefte aan een (uitgebreid) ontwerp? Een gesprek over uw wensen, vertaald in een schets is vaak ook al voldoende om mee aan het werk te gaan. Heeft u geen behoefte aan een andere tuin maar wilt u weten waar welke planten geplant moeten worden? Dan is een beplantingsplan voldoende. advies of offerte aanvragen voor uw tuinontwerp? Neem contact op of bel: ==================================================================== Tuinaanleg Uw tuin is het visitekaartje van uw woning. Ik zorg voor de vertaling van uw wensen in de aanleg van uw tuin. Daarvoor is vakmanschap nodig. Alleen al om ervoor te zorgen dat de investering in uw tuin toekomstbestendig en duurzaam is. Met ruim 20 jaar ervaring als hovenier breng ik de benodigde vaardigheden mee. Ik heb oog voor detail en adviseer u graag over de mogelijkheden. Tuinaanleg, passend bij uw plannen. Als hovenier heb ik ruime ervaring met o.a. grondwerk, het leggen van bestrating, het aanleggen van waterpartijen en vijvers, het bouwen van tuinhuisjes, het aanleggen van beplanting, Wanneer u uw tuin volledig wilt laten renoveren of opnieuw wilt laten aanleggen ben ik u graag van dienst. Hetzelfde geldt voor kleine veranderingen in uw bestaande tuin. Advies of offerte aanvragen voor uw tuinaanleg? Neem contact op of bel: ==================================================================== Tuinonderhoud Uw tuin blíjft mooi door vakkundig en regelmatig onderhoud. Of het nu gaat om een strak geknipte haag, een gemaaid gazon, het bemesten van uw planten, een border zonder onkruid, allemaal elementen die bijdragen aan een tuin met uitstraling en dus aan uw woonplezier. Wilt u dit onderhoud aan uw tuin vakkundig en regelmatig laten uitvoeren? Ik bied u de onderhoudsvorm die het beste bij u en uw tuin past! Mogelijke opties zijn bijvoorbeeld: Voor- en najaarsonderhoud; Jaarlijks verticuteren van het gazon; Periodiek vijveronderhoud; Snoeiwerk; Volledig onderhoud. Een eenmalige onderhoudsbeurt behoort ook tot de mogelijkheden, evenals tuinonderhoud met een andere frequentie zoals bijvoorbeeld twee keer per jaar, een keer per kwartaal of iedere maand. advies of offerte aanvragen voor uw tuinonderhoud? Neem contact op of bel:
Eindopdracht HTML/CSS: hovenier
Eindopdracht HTML/CSS: hovenier De eindopdracht is verplicht voor wie de opleiding Applicatie Ontwikkelaar wil gaan doen. Het is de bedoeling dat je zo veel mogelijk individueel werkt. Als je samenwerkt
Nadere informatieCluster 1 Realiseert. 4 Beschrijving van de beroepssituatie behorende bij deze leereenheid
LEEREENHEID HTML/CSS Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid
Nadere informatieProgrammeren in MyShop
Programmeren in MyShop Wat leer je in dit hoofdstuk: - Wat HTML en CSS is - (Een heel klein beetje) HTML - (Een heel klein beetje) CSS - Een aangepaste footer maken ( deurmat ) Eindresultaat Je gaat je
Nadere informatieInteractief 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 informatieFoutoplossing FotoSpecial Blok
Les 9 Foutoplossing FotoSpecial Blok In een vorige les maakten we een blok op de front die de verschillende fotocategoriën weergeeft. Dat doet een beetje raar bij het hoveren. In onderstaande bijlage kan
Nadere informatieInhalen les 7 (versie B)
Inhalen les 7 (versie B) Stap 1: Open de startmap van les 6 De map heet Startmap Les 6. Als je de map hebt geöpend zie je verschillende bestanden en een map Website. Wij gebruiken nu alleen de map Website.
Nadere informatieMet CSS kan je je webpagina's vormgeven. Je kan elementen een plaats geven en hun uitzicht bepalen.
CSS Met CSS kan je je webpagina's vormgeven. Je kan elementen een plaats geven en hun uitzicht bepalen. In CSS maken we een onderscheid tussen 2 soorten elementen in een webpagina: 1. Sommige elementen
Nadere informatieWat is een child-theme?
Child theme Waarschuwing 1. Het maken van een child theme is relatief eenvoudig, u hebt er wel FTP toegang voor nodig bij uw provider. 2. Het is soms lastig om precies uit te vinden welke css codes u moet
Nadere informatieSushi 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 informatieEen 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 informatieWEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B
WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B WEBSITE-DESIGN INHOUD COLLEGE Afronding vak JQuery, mail(formulieren) en social media Testen Website-design 5-1-2015 2 AFRONDING VAK
Nadere informatieWe passen eerst ons bestaand inhoudstype Fotospecial een beetje aan:
Les 12 Paragraph + Bootstrap Met deze module kan je de inhoud van een node beter rangschikken op het scherm. Denk hier aan Display Suite en/of Panels. Ook die modules laten u toe om inhoud anders te schikken
Nadere informatieA Inloggen. B - Wachtwoord Veranderen
A Inloggen 1. Ga naar http://webtinq.nl 2. Klik op de knop "Login". 3. Voer het e-mail adres en wachtwoord in dat je hebt gekregen. 4. Klik op de knop "Login". 5. Je bent nu ingelogd! B - Wachtwoord Veranderen
Nadere informatieFFO Webdesign 1e jaar theorietoets NL niveau4... Totaal aantal vragen: 40
FFOUCHIER 01/11/2018 FFO Webdesign 1e jaar theorietoets NL niveau4... Totaal aantal vragen: 40 De meeste juiste antwoorden: #22 Minste Juiste antwoorden: #30 1. Selecteer de juiste HTML-code voor het maken
Nadere informatieVoor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com
Welkom bij mijn website tutorial (Deel 3) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.
Nadere informatieWebsitecursus deel 1 HTML
Websitecursus deel 1 HTML WebCie A Eskwadraat www@a-eskwadraat.nl 8 april 2015 Inleiding Website cursus in drie delen: HTML CSS Javascript We gaan uit van geen voorkennis. Als je vragen hebt, stel ze!
Nadere informatieBasis-theme. Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme >
Basis-theme Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme > Naam invullen en de code van basis-theme kopiëren en erin plakken
Nadere informatieA Inloggen. B - Wachtwoord Veranderen
A Inloggen 1. Ga naar http://webtinq.nl 2. Klik op de knop "Login". 3. Voer het e-mail adres en wachtwoord in dat je hebt gekregen. 4. Klik op de knop "Login". 5. Je bent nu ingelogd! B - Wachtwoord Veranderen
Nadere informatieInternet_html.doc 1/6
Internet_html.doc 1/6 Internet html. HTML syntax en regels Een HTML-element is opgebouwd uit een startmarkering en een eindemarkering (behalve enkele speciale markeringen zoals bvb. , , ).
Nadere informatieHandleiding Nieuwsbrief InSocial in Mailchimp
Handleiding Nieuwsbrief InSocial in Mailchimp Inhoud 1 Mogelijkheden page 2 2 Bericht opties page 3 3 Achtergrond page 4 4 Afbeeldingen page 5 5 Tekst page 6 6 Link page 7 7 Testen page 8 TEST altijd eerst
Nadere informatieHand-out Web Technologies, werkcollege 5 Alex Reuneker 2012
Hand-out Web Technologies, werkcollege 5 Alex Reuneker (a.reuneker@hhs.nl), 2012 1. Groeperen (div- en span-elementen) : Het HTML-element div is een block-level element (zie hand-out bij het
Nadere informatiehttp://demo.webflat.nl/
Webflat Handleiding Bedankt voor het kiezen van Webflat. Ter referentie van alle functionaliteit zal er worden verwezen naar: http://demo.webflat.nl/ Op deze demo website staan alle mogelijkheden van het
Nadere informatieTemplate instellingen
Template instellingen Bij Vormgeving/Template instellingen vind je alle mogelijkheden om jouw huisstijl door te voeren in je shop. De template instellingen zijn onderverdeeld in diverse tabbladen. In dit
Nadere informatieNieuwsbrieven versturen met MailPoet
Nieuwsbrieven versturen met MailPoet Een nieuwe nieuwsbrief maken Om een nieuwe nieuwsbrief te maken klik je op de button nieuwe nieuwsbrief (2). Je kunt ook een reeds bestaande nieuwsbrief dupliceren
Nadere informatieNaast deze specificaties zijn deze de volgende opzetten in PSD formaat een goede basis om mee aan de slag te gaan: Desktop Mobiel
Design aanleveren Zelf een design voor een nieuw e-mailtemplate aanleveren welke door ons moet worden omgezet in code? Houd dan rekening met specificaties en beperkingen die hierop van toepassing zijn.
Nadere informatieLes 11. Hovereffect Bis. 1. Maak eerst een nieuwe afbeeldingsstijl
Les 11 Hovereffect Bis 1. Maak eerst een nieuwe afbeeldingsstijl 2. Maak een nieuw overzicht aan met de volgende kenmerken: 1. Naam: Fotospecial Hover I 2. Blok maken, geen pagina 3. Inhoud van het type
Nadere informatie1. Open het programma KompoZer Het grote witte vlak is een nog lege webpagina. Deze gaan we nu van inhoud voorzien.
Minicursus KompoZer In deze cursus ga je leren werken met het computerprogramma KompoZer. Stapsgewijs maak je een voorbeeldsite. Daarna kun je alles wat je geleerd hebt gebruiken om je eigen website te
Nadere informatieMODULE 4 : WEBSITEX1
MODULE 4 : WEBSITEX1 In deze benadering maken we een site met een startpagina en 3 kleine pagina s. We doen dit met een tool op de PC: WebSiteX1. We stellen deze tijdelijk ter beschikking op onze site:
Nadere informatieWEBDESIGN. html tags. Neem de grondbeginselen van html door via de online cursus op de informaticasite of via instruct-online
WEBDESIGN html tags HTML is de taal waarop internetsites gebaseerd zijn. Bij het onderdeel webdesign maken we gebruik van een van de bovenstaande webeditors die ons helpen bij het (automatisch) creëren
Nadere informatieActiveBuilder Handleiding
ActiveBuilder Handleiding Auteur: TalkActive I/S Datum: Juli 2004 Versie: R. 1.01 Taal: Nederlands Copyright 2004 - Talk Active alle rechten voorbehouden. Inhoud: 1. INTRODUCTIE...2 2. SNEL STARTEN...3
Nadere informatieWebsites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash
Websites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash INHOUDSOPGAVE Inleiding DEEL I: THEORIE Hoofdstuk 1: Richtlijnen Webstandaarden Voordelen Hoofdstuk 2: HTML De geschiedenis
Nadere informatiePublicatie 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 informatieHTML. 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 informatieOm te beginnen heb je een geraamte van je website nodig. Maak een nieuwe map met de naam gevorderden_website aan om je website in te zetten.
1 2 Als je de Beginner en Midden HTML & CSS Sushi Kaarten hebt afgerond, dan weet je al veel over het programmeren met deze twee talen. Deze kaarten leren je hoe je al die onderdelen samenvoegt om een
Nadere informatieFormulierbeheer Importeren bestaand (model)formulier... 2 Wat is exporteren/importeren eigenlijk?... 3 Formulier aanpassen/opbouwen...
Formulierbeheer Importeren bestaand (model)formulier... 2 Wat is exporteren/importeren eigenlijk?... 3 Formulier aanpassen/opbouwen... 4 Bewerken formulier in formulierbeheer... 4 Bewerken formulier -
Nadere informatieHoe maak je een nieuwbrief template met MailChimp? In dit document leg ik je stap voor stap uit hoe je met het drag and drop systeem van MailChimp jouw eigen layout bij elkaar sleept. Je geeft jouw template
Nadere informatieNu maak je een template en exporteert hem later naar de gewenste omgeving.
Gebruik Artisteer Start Artisteer 4 start enigszins anders dan de vorige versies. Vroeger moest je eerst kiezen voor welke omgeving je een template zou maken. Nu maak je een template en exporteert hem
Nadere informatieMin-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 informatieOm het Elektronica thema te installeren gaat u naar "Theme Store" in Design. Hier kunt u het Elektronica thema in 4 kleurvarianten vinden.
Inhoud: 1. Installatie 2. FAQ 3. Thema instellingen 4. Meer hulp nodig? 1.Installatie: Om het Elektronica thema te installeren gaat u naar "Theme Store" in Design. Hier kunt u het Elektronica thema in
Nadere informatieBrochure Hoveniersbedrijf Roel Zuidema
Brochure Hoveniersbedrijf Roel Zuidema Hoveniersbedrijf Roel Zuidema Brinkstraat 38, 7901 LA Hoogeveen Telefoon: 0528-35 41 96 HOVENIERSBEDRIJF ROEL ZUIDEMA Hoveniersbedrijf Roel Zuidema is gevestigd te
Nadere informatieFormulieren maken met Dreamweaver CS 4/CS 5
Formulieren maken met Dreamweaver CS 4/CS 5 In deze handleiding leer je om een formulier en elementen die je binnen een formulier kunt gebruiken, te ontwerpen met Dreamweaver. Het uitgangspunt is dat dit
Nadere informatieHTML&CSS OEFENBOEKJE. van:
HTML&CSS OEFENBOEKJE van: HTML SYNTAX De meeste HTML tags zien eruit zoals hierboven. Een tag om te openen , en een tag om te sluiten . De letters die tussen de staan, geven aan wat voor
Nadere informatieLes 13. Voorbereiding
Les 13 Voorbereiding 1. Plaats DEZE TWEE PLUGINS op de server in de map libraries. Deze is nodig voor de werking van Masonry Views en Masonry API 2. Schakel de modules Masonry Views en Masonry API in.
Nadere informatieZelf aanpassingen maken in de overige lay-out die niet vanuit het programma OFB Webbeheer mogelijk zijn
Zelf aanpassingen maken in de overige lay-out die niet vanuit het programma OFB Webbeheer mogelijk zijn Versie: december 2009 De OFB Webshop / website kenmerkt zich door de eenvoudige en efficiënte opzet
Nadere informatieEen poging om de snelheid van de sites te verzekeren tijdens de lessen:
Les 5 Nieuwe sites Een poging om de snelheid van de sites te verzekeren tijdens de lessen: Luc www.lucacht.drupallearning.be Johan www.jdb.drupallearning.be Laurens www.laurens8.drupallearning.be Ria www.riaacht.drupallearning.be
Nadere informatieFormulieren. Best practices
Formulieren Best practices Waarom HTML formulieren: - Verzamelen gegevens die door bezoekers van website worden achtergelaten. - Bieden mogelijkheid voor bezoekers om te communiceren met website eigenaar.
Nadere informatieMonks DESIGN CHECKLIST
EMAIL DESIGN CHECKLIST Merk Optimalisatie Merknaam staat in de Van naam Het verstuur adres is herkenbaar Het Aan-veld is gepersonaliseerd met de naam van de ontvanger De onderwerpregel is informatief kort
Nadere informatieHTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen.
Terminologie HTML en CSS HTML: Hyper Markup language Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen. CSS: Cascading StyleSheet stylesheet for
Nadere informatieFrontend ontwikkeling
Frontend ontwikkeling Mark Jansen Edwin Vlieg PHPFreakz ledendag 10 november 2007 Frontend ontwikkeling De interface is je product richting de eindgebruiker Goede PHP code met een slechte interface geeft
Nadere informatieKameleon. Handleiding Versie 2.0. 088 990 7700 support@ccvshop.nl. www.ccvshop.nl
Kameleon Handleiding Versie 2.0 088 990 7700 support@ccvshop.nl www.ccvshop.nl Inhoudsopgave Inhoudsopgave 2 Changelog 3 1. Inleiding 4 2. Instellingen Kameleon 5 2.1 Tabblad: Start 5 2.2 Tabblad: Algemene
Nadere informatieTheme Subscription Documentatie.
Theme Subscription Documentatie. Created by Shopmonkey. Over het thema: Het thema is gespecialiseerd voor kleine webwinkels met weinig producten óf voor webwinkels die op abonnementsbasis (subscription
Nadere informatiePro templates. Copyright Starteenwinkel.nl
Pro templates Copyright Starteenwinkel.nl Lees in deze handleiding over: 1. PRO templates; voor wie geschikt? 2. Aan de slag met een PRO template 3. Template Designer 4. Template Editor 5. Sliders aanpassen
Nadere informatieLeerlingdossier & 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 informatieToelichting 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 informatieWEBSITE USABILITY. white-paper
WEBSITE USABILITY white-paper Alle rechten voorbehouden Het is niet toegestaan deze white-paper aan derden te verstrekken of te verkopen. Het is niet toegestaan de inhoud van deze white-paper elders te
Nadere informatieLes 10. Paragraph + Bootstrap
Les 10 Paragraph + Bootstrap Met deze module kan je de inhoud van een node beter rangschikken op het scherm. Denk hier aan Display Suite en/of Panels. Ook die modules laten u toe om inhoud anders te schikken
Nadere informatieWerken met afbeeldingen in webpagina's
Werken met afbeeldingen in webpagina's In webpagina's komen heel vaak afbeeldingen voor. Toch gaan webpagina's helemaal anders om met afbeeldingen dan bijvoorbeeld een PowerPoint-presentatie of een Word-document.
Nadere informatieLeerlingdossier & 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 informatieHTML 5 en CSS 3. Truus de Bont. CC Naamsvermelding 3.0 Nederland licentie. https://maken.wikiwijs.nl/65505
HTML 5 en CSS 3 Auteur Laatst gewijzigd Licentie Webadres Truus de Bont 14 september 2015 CC Naamsvermelding 3.0 Nederland licentie https://maken.wikiwijs.nl/65505 Dit lesmateriaal is gemaakt met Wikiwijs
Nadere informatieOplossingen overzicht PHP. Oplossing KPN opgave, zonder testen van POST
Oplossingen overzicht PHP Oplossing KPN opgave, zonder testen van POST internetminuten in welke categorie val ik?
Nadere informatiedesign ook items uitsnijden
(fig1) Hulplijnen zetten Om het ontwerp netjes uit te snijden is het handig om eerst hulplijnen te zetten. (fig1) Nu is het zaak om eerst voor je zelf te bepalen wat is layout en wat is design. Al het
Nadere informatieHTML5 overzicht Tag Uitleg Versie Attributen
HTML5 overzicht Tag Uitleg Versie Attributen Commentaarregel toevoegen 4 en 5 Geen Document 4 en 5 Geen Hyperlink 4 en 5 href ping Samenvoeging van een woord 4 en
Nadere informatieFormulieren 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 informatieA.C. DE GRAAFWEG 21 A 1687 PS WOGNUM T: 0229 57 76 10 WWW.JOHNKOOMEN.NL
JOHN KOOMEN A.C. DE GRAAFWEG 21 A 1687 PS WOGNUM T: 0229 57 76 10 WWW.JOHNKOOMEN.NL EEN EERLIJKE TUIN Ik houd van tuinen waarin een mens zich prettig voelt. Noem het eerlijke tuinen, zonder overdaad of
Nadere informatieOp heel brede monitoren kan een dergelijke site er snel ongemakkelijk worden doordat de tekst op heel lange regels komt te staan.
Layout met CSS Naast het opmaken van tekst, navigatie menu s en foto s komt de echte kracht van CSS tot uiting voor de layout van de webpagina. Het is geen eenvoudig onderwerp, daarom eerst een beetje
Nadere informatieDocumentatie Nederlands v1
Documentatie Nederlands v1 Getting started Navigation menu Theme settings General Features Background Typography Banners Contact details Social Unique selling points Image Sizes Frequently asked questions
Nadere informatieEen ASP.NET applicatie opzetten. Beginsituatie:
Hoofdstuk 1 Een ASP.NET applicatie opzetten Beginsituatie: Windows XP Pro, Windows Vista Pro of Windows 7 Pro Visual Studio.NET moet zijn geïnstalleerd. Let hierbij op dat de Express versie niet voldoet.
Nadere informatieDynamische Websites. Week 2
Dynamische Websites Week 2 AGENDA Labo 1 GET, POST Navigatie, etc Varia 1 2
Nadere informatieNieuwsbrief generator
1 / 7 Nieuwsbrief generator Met de Nieuwsbrief generator is het gemakkelijker geworden om lay-outs te ontwerpen voor nieuwsbrieven. Standaard worden er zes lay-outs meegeleverd. Deze kunt u eventueel naar
Nadere informatieSushi MIJN EERSTE WEBSITE EEN WEBPAGINA BEWERKEN. Kaart 1 van 10 Ik ben HTML/CSS aan het leren
MIJN EERSTE WEBSITE Sushi EEN WEBPAGINA BEWERKEN Kaart 1 van 10 We gaan een nieuwe website bouwen! We gaan hem over boeken maken maar je kan hem ook zo maken zoals jij zelf wilt! Download de HTML code
Nadere informatieLES 8: CSS. Lesoverzicht: Aan de slag Wat is CSS Kleuren Tekst Blokken Lijsten en tabellen Responsive website W3chools Samenvatting.
LES 8: CSS Lesoverzicht: Aan de slag Wat is CSS Kleuren Tekst Blokken Lijsten en tabellen Responsive website W3chools Samenvatting Tijd: 5 minuten Doel: Aan het einde van deze les kun je CSS in de WordPress
Nadere informatieLes W-01: HTML. Een website bouwen in HTML. 2006, David Lans
Les W-01: HTML 1.0 HTML Websites zijn opgebouwd uit afzonderlijke webpagina s. Deze webpagina s zijn geschreven in een aparte taal, HTML. De afkorting HTML staat voor Hyper Text Markup Language. Vrij vertaald
Nadere informatieWebsite met Wordpress
Website met Wordpress 5. Tabellen Onderwerpen van deze les: Editor Tiny MCE toevoegen Tabellen maken met TinyMCE WP-Table reloaded installeren en gebruiken Excel importeren in WP-Table reloaded Content
Nadere informatieAutoTrack.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 informatieHTML krijgt een standaard opmaak van de browser
1 HTML krijgt een standaard opmaak van de browser Een link in HTML In HTML maakt u een link met de HTML-markering (HTML-tag) . Een a-tag (anchor, anker) heeft een attribuutwaarde nodig om de link te
Nadere informatieR E S P O N S I V E Documentatie 1
R E S P O N S I V E Documentatie 1 Inleiding Theme Delta Responsive: speciaal ontwikkeld voor uw lifestyle webshop! Het Delta Responsive Theme is speciaal ontwikkeld voor lifestyle webshops. Een strakke
Nadere informatieViews, de finesse. Voorbereiding. Inhoudstypes
Les 15 Opdrachten 1. Het bestaande Hoovereffect I-blok verschijnt enkel op de frontpage in de linker zijbalk. 2. Er is een background image aanwezig op de frontpage. Dit is een patroon naar keuze of gebruik
Nadere informatieHTML richtlijnen e-mail marketing. part of the valley
e-mail marketing pagina 2/9 geschreven door Maarten van Benthem, front-end developer datum 1 oktober 2009 versie 1.0 Copyright Alle rechten voorbehouden. De inhoud van dit document blijft eigendom van
Nadere informatieTemplate maken voor Webshops van FreeWebShop
Template maken voor Webshops van FreeWebShop Versie 1 Peter Jan van Tuil Maart 2011 info@van-tuil.info De uitdaging. Een kennis die een site wil hebben, een webshop. Het grafisch ontwerp is er al. Voor
Nadere informatieParticulier Aandacht voor de natuur
Particulier Aandacht voor de natuur Voorwoord Inhoudsopgave Een tuin is veel meer dan gras, heesters, bomen of een vijver. Het is uw leefomgeving. Een plek waar u zich optimaal thuis moet voelen en tot
Nadere informatieHTML/CSS GEVORDERDEN 2
Inhoudsopgave 5 6 7 Configuratie Klikbare kaarten Alles op een rijtje Opmerkingen en bijschriften Ontwerp een gave pagina opmaak Fotocollage Speciale effecten.....5.6.7 Configuratie We gebruiken Thimble
Nadere informatieDescendant selectors toepassen
HTML EN CSS de basis Oefening 13.4 Descendant selectors toepassen Maak een lijst binnen een definitielijstlijst en geef de binnenste lijst een totaal andere vormgeving. 13.7 Verticaal navigatieblok Een
Nadere informatieHTML/CSS GEVORDERDEN 1
Inhoudsopgave 5 6 7 8 9 Configuratie Alle kleuren! Organiseren van je pagina Thema's ontwerpen Jouw individuele stijl Inspector Gadget Groter Maken Animatie Leer Klara om om te rollen!.....5.6.7.8.9 Configuratie
Nadere informatieWij hebben getracht het content management systeem zo eenvoudig mogelijk te houden. Hierdoor kunt u snel uw content op uw site aanpassen.
Inhoud Inleiding:... 3 Speciale pagina lay-outs... 3 Vaste lay-outs:... 4 Vaste pagina s... 4 Inloggen... 4 Default settings:... 5 Algemeen:... 5 Wat betekenen de velden:... 6 Onderhouden van website teksten:...
Nadere informatieNederlandse Divi Handleiding
Nederlandse Divi Handleiding Hartelijk dank dat je deze handleiding gaat gebruiken. Ik hoop van harte dat het je werk aan je website zal vereenvoudigen. Mocht je op en of aanmerkingen hebben op deze handleiding
Nadere informatieHAND- 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 informatieU wilt een webshop die klaar is voor de toekomst? Maak het u zelf gemakkelijk; installeer NU Theme Fusion.
Documentatie 1 Inleiding U wilt een webshop die klaar is voor de toekomst? Maak het u zelf gemakkelijk; installeer NU Theme Fusion. Het Fusion theme is een conversie verhogend Full Responsive webshop theme
Nadere informatieHandleiding 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 informatieHTML BEGINNER Inhoudsopgave
Inhoudsopgave 6 7 8 9 0 Configuratie Een webpagina maken Een stijlbestand toevoegen Een lijst maken Afbeeldingen toevoegen Meer pagina's toevoegen Links maken Navigeren op je website Een menu maken Het
Nadere informatieEr 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 informatieHandleiding Bladsites
Handleiding Bladsites (versie 9-2016) 1 (klik op het onderwerp voor meer info) Aan de slag met Bladsites 4 Website bouwen Basisiconen 6 Algemene iconen Pagina 8 Hoe maak ik pagina's aan? Pagina verplaatsen
Nadere informatieDit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde
Dit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde [64] [Arthur Hemmer 5494753] [Mehul Mistry 4255704]
Nadere informatieLighter than light. handleiding
1 Lighter than light handleiding 2 Inhoudsopgave 1 LIGHTER THAN LIGHT 1 PRIJZEN 4 1. ALGEMEEN 5 1.1 HUIDIG THEMA 5 1.2 LOGO 5 1.3 SOCIAL 6 1.4 TYPOGRAFIE 6 1.5 KLEUREN 7 1.6 MENU 8 1.7 TOP BAR 11 1.8 HOMEPAGE
Nadere informatieMaak van uw tuin, uw droomtuin
Van Hout Tuinprojecten Maak van uw tuin, uw droomtuin www.vanhouttuinprojecten.nl 1 2 Tuinontwerp Bent u trots als u naar uw tuin kijkt? Of ziet uw droomtuin er heel anders uit? Van Hout Tuinprojecten
Nadere informatieWebsitecursus 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 informatieLes 7. Instap. CSS en views: schilderijen. Pas even de header aan van het thema en zorg ervoor dat er geen websitenaam en slogan te zien is.
Les 7 Instap Pas even de header aan van het thema en zorg ervoor dat er geen websitenaam en slogan te zien is. CSS en views: schilderijen Ons eerste overzicht in de vorige les bestond uit het tonen van
Nadere informatieEen 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 informatieWEBSITE-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 informatieHANDLEIDING PROFIELPAGINA WEBSITE ONE
HANDLEIDING PROFIELPAGINA WEBSITE ONE In dit document vind je een instructie aangaande het vullen van je profielpagina in de expertisebank van de website van ONE. Inloggen in de expertisebank Om je profielpagina
Nadere informatieMarkup: CSS en HTML5. Hoorcollege Webdesign 5 16 mei 2014 Christof van Nimwegen
Markup: CSS en HTML5 Hoorcollege Webdesign 5 16 mei 2014 Christof van Nimwegen 1 CSS: Waarom ook alweer. HTML was bedoeld voor documentstructuur (text met verschillende levels in headings en body text)
Nadere informatie