Groepsleden: Pieter Luts HTML 5 Arno Neyens 12/03/2015 Joachim Geerts
|
|
- Michiel Bogaerts
- 8 jaren geleden
- Aantal bezoeken:
Transcriptie
1 Groepsleden: Pieter Luts HTML 5 Arno Neyens 12/03/2015 Joachim Geerts Vince Vandormael Project Bootstrap
2 Project Bootstrap 1 AANDACHTSPUNTEN JUMBOTRON 1.1 WAT IS JUMBOTRON Een jumbotron fungeert als een soort uitstalraam voor inhoud die je goed zichtbaar op je site wilt zetten. Een jumbotron gebruikt doorgaans (voor de achtergrond) de volledige breedte van het browservenster, terwijl andere inhoud beperkt wordt tot de overkoepelende container waarin deze zich bevindt. 1.2 GEBRUIKTE BRONNEN De jumbotron is voldoende gedefinieerd in de documentatie op getbootstrap.com. Dit is dan ook de enige gebruikte bron. 1.3 TIPS VOOR WEBDESIGNERS Een jumbotron is makkelijk in te voegen door middel van een blok element (div,header,section, etc) te maken met de klasse 'jumbotron'. Binnen dit blokelement wordt opnieuw een blokelement gecreëerd. Ditmaal met de klasse 'container' zodat de inhoud (niet de achtergrond) de flow van de pagina mee volgt. Het is belangrijk om het blokelement met de klasse 'jumbotron' als directe descendant van het body element te creëren. Als de jumbotron in de overkoepelende container wordt geplaatst, zal hij niet de volledige breedte van de pagina beslaan. 2
3 Voorbeeld Jumbotron Code Jumbotron Jumbotron op onze pagina 3
4 2 AANDACHTSPUNTEN BOOTSTRAP CAROUSEL 2.1 WAT IS EEN BOOTSTRAP CAROUSEL Een carousel is een component waarmee men een soort slideshow kan maken. Hier zijn enkele applicaties voor. Deze kan bijvoorbeeld worden gebruikt om door enkele nieuwsitems te bladeren. Ook kan een carousel gebruikt worden als een galerij voor afbeeldingen of foto's. Een carousel gaat automatisch naar het volgende item na een ingesteld interval. 2.2 GEBRUIKTE BRONNEN Het carousel component is gedefinieerd in de Javascript documentatie op getbootstrap.com. Daarnaast is er sporadisch gebruik gemaakt van de documentatie op jquery.com, teneinde de juiste syntax te vinden. 2.3 TIPS VOOR WEBDESIGNERS Zoals hierboven al aangehaald in punt 2.1 avanceert een carousel automatisch. Dit is niet altijd gewenst. Als een carousel item veel informatie bevat dan is de ingesteld tijd (meestal slechts enkele seconden) wellicht te kort om alles te vatten. Vaak linkt een carousel item ook door naar een extra artikel. Slechtzienden of mensen met een motorische handkap hebben dan veel moeite om het juiste item te selecteren op het moment dat het voorbij komt. Daarom is het aangewezen om ook een of meerdere knoppen te voorzien waarmee de slideshow gestopt en eventueel terug gestart kan worden, alsook knoppen waarmee naar voren en naar achteren gebladerd kan worden. 2.4 TIPS VAN ANYSURFER Als je je website toegankelijk wil maken, gebruik je beter geen carousel. Ze zijn onhandig en de gebruiker heeft de controle niet. Daarnaast zien carousels er vaak uit als advertenties en wordt er (mogelijk als gevolg daarvan) niet veel op geklikt. Er zijn enkel manieren om een carousel toch min of meer toegankelijk te maken maar dit vereist diverse aanpassingen. AnySurfer raadt aan om gebruik te maken van de Javascript bibliotheek Slide.js en hierin wat aanpassingen te doen. 4
5 Voorbeel Carousel Code Carousel 5
6 Carousel op onze pagina 6
7 3 AANDACHTSPUNTEN ONDERWERP BOOTSNIPP 3.1 ONTWERP Wij kozen voor het ontwerp Contact List van de bootsnipp gebruiker Mouse0270. Het is een erg overzichtelijke weergave van contactpersonen en kan perfect geïntegreerd worden in onze webpagina. 3.2 GEBRUIKTE BRONNEN Op het bootstrap-css bestand en de bootstrap website na, gebruikten we voor deze oefening geen extra bronnen. De code was erg overzichtelijk en begrijpbaar opgebouwd. 3.3 MOEILIJKHEDEN Hier en daar staan een aantal zaken die mekaar tegenspreken of volledig overbodig zijn. Deze zaken hebben in geen enkele browser een nut en ook op mobiele weergaves kunnen deze perfect worden weggelaten. Hierdoor is de code vaak onoverzichtelijk opgebouwd. 3.4 TIPS VOOR WEBDESIGNERS Volgens onze eerste ervaringen bevat dit ontwerp nog erg veel overbodige code. Zo staan er bijvoorbeeld een aantal keer span-tags in span-tags om twee verschillende klassen mee te geven. Deze methode is omslachtig aangezien je meerdere klassen in één class tag kan zetten. 7
8 Originele HTML Aangepaste HTML 8
9 Originele CSS Aangepaste CSS 9
10 Contactpagina op sm-, md- en lg-formaat Contactpagina op xs-formaat 10
11 4 AANDACHTSPUNTEN ONE PAGE BOOTSTRAP TEMPLATE 4.1 WAT IS EEN BOOTSTRAP TEMPLATE Een bootstrap template is een sjabloon van een webpagina, met code die al klaar en valide is. Wanneer je een template download en gebruikt om je project te starten hoef je dus niet meer van nul te beginnen, maar moet je enkel aanpassingen doen aan het al bestaande sjabloon. 4.2 GEBRUIKTE BRONNEN Wij maakten gebruik van de template Landing Page van Start Bootstrap. Op uitzondering van deze template hebben we geen externe bronnen geraadpleegd TIPS VOOR WEBDESIGNERS Analyseer eerst nauwkeurig hoe de template in elkaar zit. Kijk welke klassen bij welke div s horen zodat je weet welk deel van je website je aan het aanpassen bent. Vernieuw ook vaak je site in je browser zodat je zeker weet welke aanpassing voor welke verandering zorgt. Mocht je een fout maken weet je zo snel waar je de fout moet gaan zoeken. 11
12 Originele informatie Verwerkte informatie 12
Grafisch ontwerp. Referenties. https://developers.google.com/webmasters/mobile-sites/ http://www.bluetrainmobile.com/mobile-showcase
Mobiel Datanose Op dit moment is mobiel datanose niet goed gedaan; je krijgt gewoon de site te zien zoals je het te zien krijgt op pc's of laptops. Maar vaak heb je het probleem dat je op je mobiel moet
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 informatieTemplates maken voor Joomla! Hoe maak je zelf een template voor je Joomla! website
Templates maken voor Joomla! Hoe maak je zelf een template voor je Joomla! website Wat we gaan doen 1. Wie ben ik? 2. Voor- en nadelen bestaande templates en eigen templates 3. Eigen template op basis
Nadere informatieEen checklist invoegen in je pagina
Een checklist invoegen in je pagina Een checklist bestaat uit 2 onderdelen, een tabel en een checkbox. Als eerste moet er een tabel gemaakt worden zodat de checkbox in de tabel kan worden ingevoegd. Ook
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 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 informatieInhoudsopgave. Stappen 1 Ervaringen 2 Wireframes 3 PIOTR TEKIEN HKU GAME ART GAR-1B
Inhoudsopgave Stappen 1 Ervaringen 2 Wireframes 3 PIOTR TEKIEN HKU GAME ART GAR-1B PORTFOLIO 1 - STAPPEN Stappen INTRODUCTIE Voordat ik over mijn stappen vertel, wil ik kort toelichten dat ik eerder een
Nadere informatieJOOMLA! GEBRUIKSVRIENDELIJKHEID IN DE PRAKTIJK. Tips en hulpmiddelen voor gebruiksvriendelijkheid
JOOMLA! GEBRUIKSVRIENDELIJKHEID IN DE PRAKTIJK Tips en hulpmiddelen voor gebruiksvriendelijkheid JOOMLA! GEBRUIKSVRIENDELIJKHEID IN DE PRAKTIJK 10 tips om joomla gebruiksvriendelijker te maken Sander Potjer
Nadere informatieREDACTEUREN HANDLEIDING
V1.2 8/5/2009 Vertaling: John Sim 2 Inhoudsopgave De inhoud van een document bewerken... 11 Een nieuwe document aanmaken... 12 Het aanmaken van een nieuwe document gaat als volgt:... 12 Een pagina publiceren...
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 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 informatieInleiding tot programmeren: Javascript
Inleiding tot programmeren: Javascript Een definitie JavaScript is een scripttaal met objectgeoriënteerde mogelijkheden. Deze geïnterpreteerde programmeertaal is vooral gericht op het gebruik in webpagina
Nadere informatieHTML. Links. Hyperlinks. Hans Roeyen V 3.0
Links En Hyperlinks Hans Roeyen V 3.0 5 februari 2015 Inhoud 1. Werken met (Hyper)links... 3 1.1. De anchor tag... 3 1.1.1. Het ID attribuut... 3 1.1.2. Oefeningen op linken... 4 1.1.3. Absoluut en relatief
Nadere 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 informatieHTML & CSS DEEL 1. webdesign. Programmeren met CodeAcademy
Programmeren met CodeAcademy HTML is de taal die gebruikt wordt om webpagina s te maken die jij elke dag bezoekt. Het is een logische manier om een website te structureren. Laten we kijken wat de term
Nadere informatieMD/Module 4 html/css /JS HTML-CSS-JS. 1.2 Introductie jquery. Javascript module 4
HTML-CSS-JS 1.2 Introductie jquery Javascript module 4 .jquery Wat is jquery? jquery is een bibliotheek voor javascript! jquery heeft als motto Wirte less, do more! Met meer code veel meer mogelijkheden!
Nadere informatieINFORMATIE VOOR COMMUNICATIEMANAGERS EN WEBMASTERS
INFORMATIE VOOR COMMUNICATIEMANAGERS EN WEBMASTERS BrowseAloud Plus: dé voorleestool op websites! 1 INHOUD Informatie voor communicatiemanagers en webmasters... 1 BrowseAloud Plus: dé voorleestool op websites!
Nadere informatie8. Een nieuwe dia/slider plaatsen op je homepage
8. Een nieuwe dia/slider plaatsen op je homepage Deze instructie is geschreven voor het plaatsen van een afbeelding in de diapresentatie op je homepage! De slider heeft een afmeting van 1000 x 417 pixels.
Nadere informatieHet thema waarin de site getoond wordt aan de bezoeker Het thema waarin de admin achter de schermen werkt.
Les 2 Opwarmer Een Drupalsite gebruikt eigenlijk twee thema's: Het thema waarin de site getoond wordt aan de bezoeker Het thema waarin de admin achter de schermen werkt. Dat laatste is standaard 'Seven'.
Nadere informatieInhoud 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 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 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 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 informatieQuick Reference Guide Gebruik van SharePoint TU Delft
Quick Reference Guide Gebruik van SharePoint TU Delft Bestemd voor Alle SharePoint gebruikers Versie 3.0 Datum 01-05-2014 Eigenaar SSC-ICT FB SharePoint 1 Quick Reference Guide Gebruik van SharePoint TU
Nadere informatieHandleiding Word Press voor de bewoners Westerkaap 1
1 Handleiding Word Press voor de bewoners Westerkaap 1 Inhoud: Inloggen Pagina 1 Algemeen Pagina 2 Berichten Pagina 2 Bericht bewerken, Linken Pagina 3-4 Plaatje toevoegen bericht Pagina 5-6 Bericht publiceren
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 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 informatieHier komt alle informatie over je webpagina, welke niet zichtbaar is op de webpagina zelf.
Elke website begint met een basisstructuur. Deze basisstructuur is opgebouwd uit drie tags. Je gebruikt eerst de - tag welke aangeeft wat voor type document het is. Dan de - tag. Hier komt
Nadere informatieAPEX 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 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 informatieWebonderdelen (Web Parts)
Webonderdelen (Web Parts) Een SharePoint pagina is opgedeeld in een aantal zones op het scherm. In elke zone kunnen Webonderdelen, veelal Web Parts genoemd, geplaatst worden. Deze Web Parts zijn kleine
Nadere informatieDrupal. Handleiding voor medewerkers. Wim Hambrouck V1.1 (januari 2011)
Drupal Handleiding voor medewerkers Wim Hambrouck V1.1 (januari 2011) * + INHOUDSTAFEL Inhoudstafel... 2 1. Inloggen... 3 2. Menu opties... 3 3. Inhoud aanmaken... 4 3.1 Algemene instellingen voor nieuwe
Nadere informatieSEO advies plan. Tim Pieters M41T
SEO advies plan Tim Pieters M41T Inhoudsopgave -Inleiding -Stand van zaken -Optimalisatie -Resultaten -Toekomstige aanbevelingen Inleiding De website die zal worden behandeld in dit SEO plan is www.tp-media.design.
Nadere informatie1.9.9 Release Notes 28 oktober 2014
1.9.9 Release Notes 28 oktober 2014 Inhoud Voordelen... 1 Overzicht... 2 Release Versie... 3 Nieuw... 4 Nieuw Tablet/Groot scherm weergave... 4 Ontwerp de Tablet/Groot Scherm Layout... 4 Site eigenaar
Nadere informatieJe kiest bij Voeg een widget toe het widget waarvoor je een embed wilt instellen. Of je gaat naar een bestaande reeds ingestelde widget toe.
Embeds Versie 2.0 Introductie Wil je één van de grafieken uit Finchline op een website tonen? Dit kan met behulp van de embed optie. Een embed is simpel gezegd een plaatje dat geïntegreerd kan worden.
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 informatieBrowseAloud Plus: dé voorleestool op websites! 1
BrowseAloud Plus: dé voorleestool op websites! 1 INFORMATIE VOOR COMMUNICATIEMANAGERS EN WEBMASTERS INHOUD Informatie voor communicatiemanagers en webmasters... 2 BrowseAloud Plus: dé voorleestool op websites!
Nadere informatieGo ahead to the ZOO. Dick Verschuur Joomladagen 2012 Zaterdag 21 april 2012. vrijdag 20 april 12
Go ahead to the ZOO Dick Verschuur Joomladagen 2012 Zaterdag 21 april 2012 Wat is ZOO? l CCK (Content Construction Kit)* Een extensie waarmee je, binnen Joomla, eigen contenttypes kunt aanmaken. ZOO is
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 informatieFrontPage. Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie:
1 FrontPage Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie: Merk op dat de ene pagina die al aangemaakt is 'index.htm' heet. Dit is belangrijk De startpagina
Nadere informatieHandleiding Wordpress
Handleiding Wordpress Inhoudsopgave 1. Inloggen 2. Berichten en Pagina s 3. Afbeeldingen en video s 4. Weblinks 1. Inloggen 1.1 Inloggen bij Wordpress We starten met het inloggen op je WordPress gebaseerde
Nadere informatieEen quiz plaatsen op je website
Een quiz plaatsen op je website Om de deelnemers een beetje na te laten denken kan je een quiz toevoegen op je site. Dat doe je op de volgende manier: a. Een quiz aanmaken Ga naar je eigen pagina en klik
Nadere informatieNextGen Gallery plugin voor foto-albums
NextGen Gallery plugin voor foto-albums Inleiding Inleiding Bij je website is ook een plugin voor foto's geïnstalleerd: NextGen Gallery. Maar soms is dat best ingewikkeld. Want hoe voeg je nu foto's toe,
Nadere informatieQuick Guide VivianCMS
Quick Guide VivianCMS Gastenboek creëren Versie: 1.0 Startdatum: 24 juli 2006 Datum laatste wijziging: 24 juli 2006 Opmerking: Gepubliceerd op http://www.viviancms.nl Inhoud 1 Inleiding...3 1.1 Contactformulier
Nadere informatieLeuk idee: de menubalk blijft zichtbaar ookal scroll je naar beneden
Les 9 Inleiding In dit hoofdstuk gaan we opnieuw verder met Drupal 8. We bekijken een aantal specifieke modules. De ene al eenvoudiger dan de andere, maar stuk voor stuk schitterende toepassingen voor
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 informatie6. De sitemap of stamboom van uw website
6. De sitemap of stamboom van uw website Dynamisch of statisch? CMS of Dreamweaver? Een databankgestuurde website en CMS Grotere websites hebben nood aan een eenvoudiger manier om informatie toe te voegen,
Nadere informatieStappenplan. De ontwikkeling van een interface doorloopt bij Studio Wolf vier stappen. Deze stappen verduidelijken de weg naar het eindresultaat.
Stappenplan Een interface is in principe alles wat de communicatie tussen de gebruiker en de computer bepaalt of vorm geeft. Het is het deel van de website of webapplicatie dat de interactie met de gebruiker
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 informatieStappenplan, hoe voeg ik mijn IFRAME toe aan Facebook?
Stappenplan, hoe voeg ik mijn IFRAME toe aan Facebook? Stap1: Ga naar: www.facebook.com en log in met je gebruikers account. Hierbij is het verplicht dat je een bedrijfspagina hebt en je daartoe over de
Nadere informatieprocesbeschrijving. Opdracht 1
Opdracht 1 procesbeschrijving 2014-2015 Dit document bevat een beschrijving van het proces van de Webdesign opdracht voor de cursus Informatie-uitwisseling van de opleiding Informatiekunde Team 28 Randell
Nadere informatieHandleiding Joomla CMS
Handleiding Joomla CMS Inhoudsopgave Inloggen bij de beheeromgeving 3 Artikelen 4 Prullenbak bekijken 4 Nieuw artikel maken / bewerken 5 Afbeelding toevoegen aan artikel 6 Link in een artikel plaatsen
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 informatieLooproute Microsoft OneNote 2010 versie 1.0. Looproute Microsoft OneNote 2010. Inleiding
1 Looproute Microsoft OneNote 2010 Inleiding Dit document beschrijft de werking van het computerprogramma Microsoft OneNote (versie 2010) en is bedoeld voor docenten en leerlingen van het basis- en voortgezet
Nadere informatieDe tag aan het begin van het PHPscript is "<?php" aan het einde van het PHPscript gebruik je "?>".
PHP Les 3 Commando ECHO Interessante links: o http://www.donboscozwijnaarde.be/~moermant/ o http://php.net/manual/en/function.echo.php o http://www.w3schools.com/php/default.asp Wat is PHP? PHP is een
Nadere 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 informatieHet Wepsysteem. Het Wepsysteem wordt op maat gebouwd, gekoppeld aan de gewenste functionaliteiten en lay-out van de site. Versie september 2010
Het Wepsysteem Het Wepsysteem is een content management systeem, een systeem om zonder veel kennis van html of andere internettalen een website te onderhouden en uit te breiden. Met het Content Management
Nadere informatie3.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 informatiePageSpeed Insights. JavaScript en CSS in content boven de vouw die het weergeven blokkeren, verwijderen
PageSpeed Insights 69 / 100 Snelheid Dit moet worden gecorrigeerd: JavaScript en CSS in content boven de vouw die het weergeven blokkeren, verwijderen Je pagina heeft 1 blokkerende CSS-bronnen. Dit veroorzaakt
Nadere informatieGebruikershandleiding websitebeheer m.b.v. Wordpress
Gebruikershandleiding websitebeheer m.b.v. Wordpress Saft Websites Gebruikershandleiding Wordpress pag. 1 Inhoudsopgave Inhoudsopgave Inhoudsopgave Inleiding Inloggen in administratorgedeelte Informatie
Nadere informatieVMBO-ICT-Route examen 2009 Naam: Marc Schattorie Datum: 06-03-09
VERSLAG BICS INSTRUCTIIEFIILMPJES VMBO-ICT-Route examen 2009 Naam: Marc Schattorie Datum: 06-03-09 Inhoudsopgave Gebruik BICS..blz. 3 Onderzoek naar korte instructiefilms...blz. 3 Onderzoek naar screenrecorders.blz.
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 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 informatie5. Een nieuw grijs blok onderaan plaatsen
5. Een nieuw grijs blok onderaan plaatsen Onderstaande instructie is geschreven om een nieuwe grijze footer onder aan je site te maken. Deze footers kun je makkelijk gebruiken om mensen naar een bepaald
Nadere informatieBericht Creëren en versturen binnen Wes 4 U mail
Bericht Creëren en versturen binnen Wes 4 U mail Berichten maken en versturen met Wes 4 U mail is simpel, doeltreffend en snel! Belangrijk is dat u reeds bent voorzien van een lijst met emailadressen van
Nadere informatieDe frameset uit de afbeelding wordt op de volgende manier gedefinieerd:
FRAMES GEBRUIKEN Met frames kan het venster van een browser zo worden ingedeeld, dat er meerdere webpagina's tegelijk getoond kunnen worden. In de afbeelding hieronder staat een webpagina met frames. We
Nadere informatiePageSpeed Insights. JavaScript en CSS in content boven de vouw die het weergeven blokkeren, verwijderen
PageSpeed Insights Mobile 74 / 100 Snelheid Dit moet worden gecorrigeerd: JavaScript en CSS in content boven de vouw die het weergeven blokkeren, verwijderen Je pagina heeft 5 blokkerende scriptbronnen
Nadere informatieGebruikershandleiding
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 informatieInleiding. 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 informatieQuick Guide VivianCMS
Quick Guide VivianCMS Contactformulier creëren Versie: 1.0 Startdatum: 24 juli 2006 Datum laatste wijziging: 24 juli 2006 Opmerking: Gepubliceerd op http://www.viviancms.nl Inhoud 1 Inleiding...3 1.1 Contactformulier
Nadere informatieDe Kleine WordPress Handleiding
Introductie Dit is geen uitgebreide handleiding om een WordPress website of blog mee te bouwen. Het is ook geen overzicht van alle aspecten die een WordPress website zo bijzonder maken en geen verhandeling
Nadere informatieLes 8 (Drupalversie: 7) Display Suite
Les 8 (Drupalversie: 7) Display Suite Display Suite (DS) is de tegenhanger van Panels. Eigenlijk is dat een verkeerde uitspraak want in deze les gaan we beiden combineren. Step 1: Voorbereiding Download
Nadere informatieHoewel veel mobiele sites zijn ontworpen met het oog op weergave op mobiele apparaten, zijn ze vaak niet goed toegankelijk via een zoekmachine.
Mobiele websites Een mobiele site is een website die geoptimaliseerd is voor gebruik op een klein scherm en wordt getoond via de browser van een smartphone of tablet. Een mobiele site is niet afhankelijk
Nadere informatieI. Vorming 4-5 (3&10/05/2012)
I. Vorming 4-5 (3&10/05/2012) 1. Windows Live Photo Gallery Om de foto s op onze computer te beheren, hebben we voor de vorming gekozen om met Windows Live Photo Gallery te werken. Photo Gallery biedt
Nadere informatie196 CEWE *)zie einde les
www.sencomp.nl 196 CEWE *)zie einde les laatst gewijzigd 29 oktober 2012 Uw keuze voor het maken van een fotoboek met CEWE. Deze cursus bestaat uit 5 delen.indien u gekozen heeft voor Hema lees Hemafotoboek
Nadere informatieHandleiding Website beheersysteem
Handleiding Website beheersysteem Inhoudsopgave 1. Inleiding...3 2. Inloggen...4 3. De startpagina...5 3.1. Startpagina menu...5 3.2. Bovenbalk...6 4. Menu en Pagina's...7 4.1. Een nieuwe pagina toevoegen...8
Nadere informatieFile Check B2C Handleiding
File Check B2C Handleiding 1 P a g e Inhoudstafel 1. Algemene informatie... 3 2. Gebruiksaanwijzing... 3 a. Stap 1 : Registratie... 4 b. Stap 2: Login... 5 c. Stap 3 : Een nieuwe audit maken... 6 d. Stap
Nadere informatieMeehelpen met de ontwikkeling van nieuwe of verbetering van bestaande spellen. Pag. 1 www.edubas.nl
Meehelpen met de ontwikkeling van nieuwe of verbetering van bestaande spellen. Pag. 1 Versie 1.0 februari 2015 Start-versie Over dit document In dit document probeer is duidelijk te maken hoe de spellen
Nadere informatieHandleiding Applic WPS 2.0
Handleiding Applic WPS 2.0 Stap 1: Inloggen admin (updater) Inloggen Ga naar http://www.applicwps.be/wps2/naamsite/admin of klik op admin rechtsonder in de footer website (indien aanwezig) en log in. Gebruikersnaam:
Nadere informatiePageSpeed Insights. JavaScript en CSS in content boven de vouw die het weergeven blokkeren, verwijderen
PageSpeed Insights 76 / 100 Snelheid Dit moet worden gecorrigeerd: JavaScript en CSS in content boven de vouw die het weergeven blokkeren, verwijderen Je pagina heeft 3 blokkerende scriptbronnen en 2 blokkerende
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 informatiePageSpeed Insights. JavaScript en CSS in content boven de vouw die het weergeven blokkeren, verwijderen
PageSpeed Insights 62 / 100 Snelheid Dit moet worden gecorrigeerd: JavaScript en CSS in content boven de vouw die het weergeven blokkeren, verwijderen Je pagina heeft 2 blokkerende scriptbronnen en 4 blokkerende
Nadere informatieHandleiding Lay-outs bewerken voor LogiVert 5
Hoofdstuk: Inleiding Handleiding Lay-outs bewerken voor LogiVert 5 Copyrights : 20 LogiVert BV Website : www.logivert.com V.0.3 5-5-2009 Toevoegingen aan stap voor stap V.0.2 9-4-2009 Tweede opzet V. 0.
Nadere informatieHandleiding voor Leden Teampagina aanpassen op www.witkampers.nl
Handleiding voor Leden Teampagina aanpassen op www.witkampers.nl 1 Inleiding & Inhoudsopgave Deze handleiding helpt bij het aanpassen van de teampagina s op www.witkampers.nl. Het doel van de website is
Nadere informatieInhoudsopgave. 2014 web2work Pagina 1 van 16
Inhoudsopgave Aanmelden bij Office 365... 2 Office 365 voor het eerste gebruiken... 2 Persoonlijke instellingen Office 365... 3 Wijzigen wachtwoord... 4 Instellen voorkeurstaal... 4 Office Professional
Nadere informatieWhitepaper. E-mail design best practices
Whitepaper E-mail design best practices 14 tips voor het design van je e-mail Versterk de boodschap van je uiting Best practices voor je e-mail design Het design speelt een grote rol in de eerste indruk
Nadere informatieMach3Framework 5.0 / Website
Mach3Framework 5.0 / Website Handleiding Mach3Builders Inhoudsopgave 1 Inloggen...5 1.1 Ingelogd blijven...6 1.2 Wachtwoord vergeten...7 2 Applicatie keuzescherm...8 2.1 De beheeromgeving openen...9 3
Nadere informatieHANDLEIDING VOOR GEBRUIKERS
HANDLEIDING VOOR GEBRUIKERS 1. Inloggen in de leraarskamer Om in te loggen in de leraarskamer ga je naar het inlogscherm. Dit kan op verschillende manieren: 1 ) Via de knoppen op de site (onderaan op portaal
Nadere informatieINFORMATIE VOOR COMMUNICATIEMANAGERS EN WEBMASTERS
INFORMATIE VOOR COMMUNICATIEMANAGERS EN WEBMASTERS BrowseAloud Plus: dé voorleestool op websites! 1 INHOUD Informatie voor communicatiemanagers en webmasters... 1 BrowseAloud Plus: dé voorleestool op websites!
Nadere informatieLes 8. Inleiding. Sticky Navigation
Les 8 Inleiding 1. Download eerst de nodige bestanden (afbeeldingen afkomstig van www.pixabay.com) 2. Download en installeer de module Focal Point (Crop API is hiervoor nodig) 3. Maak een nieuw inhoudstype
Nadere informatieOnderdeel: Opdracht Uitleg + Opdracht
Programma: HTML / Website Onderdeel: Opdracht Uitleg + Opdracht Inhoudsopgave Een website bouwen... pag. 2 Opdracht... pag. 2 Opslaan van het werk... pag. 2 Aan het werk.... pag. 3 Speciale knoppen...
Nadere informatieResponsive Design. Werkwijze en aanlevering Responsive Design. Mach3Builders
Responsive Design Werkwijze en aanlevering Responsive Design Mach3Builders Introductie Door de explosieve stijging van het aantal soorten devices waarop websites bekeken kan worden, is het ontwerpen van
Nadere informatieINFORMATIE VOOR COMMUNICATIEMANAGERS EN WEBMASTERS
INFORMATIE VOOR COMMUNICATIEMANAGERS EN WEBMASTERS BrowseAloud Plus: dé voorleestool op websites! 1 INHOUD Informatie voor communicatiemanagers en webmasters... 1 BrowseAloud Plus: dé voorleestool op websites!
Nadere informatieSPECIALE VERSIE VOOR LEERKRACHTEN. Inhoud van de website invoeren met de ContentPublisher. 1. Inloggen. 2. Overzicht
SPECIALE VERSIE VOOR LEERKRACHTEN Inhoud van de website invoeren met de ContentPublisher De inhoud van de schoolwebsite wordt ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem
Nadere informatieHTML 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 informatieLinks controleren met Xenu s Link Sleuth
1. Introductie 2. Xenu downloaden 3. Voorkeursinstellingen aanpassen 4. Links controleren 5. Het gebruiken van de Xenu rapporten 6. Het controleren van niet werkende links op de website 1. Introductie
Nadere informatieFAQ. Responsive Design. Auteur Tim Ariesen Serviceteam Fulfilment Allrounder Datum 20-03-2014 Versie 1.0
FAQ Responsive Design Auteur Tim Ariesen Serviceteam Fulfilment Allrounder Datum 20-03-2014 Versie 1.0 Inhoudsopgave Pagina 1. Wat is responsive design? 3 2. Wat is er toegevoegd aan onze mono werkomgeving?
Nadere informatieEen website omzetten naar WordPress
1 Een website omzetten naar WordPress Er zijn talloze programma s beschikbaar om websites te maken. In de titels Basisgids Websites maken met WordPress en Websites maken met WordPress voor senioren wordt
Nadere informatieWerken met de editor in het beheerpaneel
Werken met de editor in het beheerpaneel In het beheerpaneel van i-reserve wordt op een aantal schermen gewerkt met een editor. Bijvoorbeeld bij de e- mail en factuur templates, maar ook in het product-detailscherm.
Nadere informatie