Drupal theming. 28 april CVO Crescendo

Maat: px
Weergave met pagina beginnen:

Download "Drupal theming. 28 april 2014 - CVO Crescendo"

Transcriptie

1 Drupal theming 28 april CVO Crescendo

2 About-me.tpl.php Esther De Jonghe Drupal front end @puresign nu: freelance

3 Wat is theming?

4 html, css, php, javascript <?php if ($title):?> <h1> <?php print $title;?> </h1> <?php endif;?> h1 { color: red; }

5 Learning curve

6 AAARRRGGGHHH! meest gehoorde woord op de werkvloer:

7 Core themes Bartik: voorkant Seven: administration theme

8 Een theme implementeren 3 manieren theme gebruiken sub-theme maken custom theme maken

9 Theme implementeren https://drupal.org/project/project_theme drush dl [naam] (wat na project/ komt) of via download zip - in folder: sites/all/themes /admin/appearance enable en set default /admin/appearance/settings/[naam] via settings kan je instellingen wijzigen: themeafhankelijk (vb colors, slideshow, ) via blocks kan je content in een region plaatsen

10 Subtheme maken kies een base-theme (vb bartik) maak folder: sites/all/themes/[naam] alfanumerieke tekens en underscores in folder: [naam].info style.css (of een andere naam)

11 mijn_theme.info name = Mijn-Theme description = Mijn-Theme is een Bartik subtheme version = 1.0 core = 7.x base theme = bartik

12 mijn_theme.info kopieer ook alle regions van het base-theme regions[header] = Header regions[help] = Help regions[page_top] = Page top regions[page_bottom] = Page bottom regions[highlighted] = Highlighted...

13 Een eigen theme maken sites/all/themes/[naam] [naam].info template.php css/sass files templates javascript files

14 theme.info name = "theme naam" description = "dit is mijn theme" version = "1.0" core = "7.x" engine = "phptemplate" stylesheets[all][] = "css/html5reset.css" stylesheets[all][] = "style.css" scripts[] = "scripts/main.js" regions[top] = Top regions[right] = Right regions[content] = Content regions[footer] = Footer settings[breadcrumb_display]= 1 settings[breadcrumb_home]= 1 settings[breadcrumb_separator]= '/'

15 template.tpl.php html.tpl.php page.tpl.php region.tpl.php block.tpl.php block--menu.tpl search-result.tpl.php

16 template.php Logicverander de html-output theming functions php

17 Preprocessing function mijntheme_preprocess_node(&$variables) { $variables['date'] = date('d-m-y'); $variables['submitted'] = t('submitted on!datetime', array( '!datetime' => $variables['date'], )); }

18 Regions

19 Regions page.tpl.php <?php if ($page['sidebar_second']):?> <div id="sidebar-second" class="column sidebar"><div class="section"> <?php print render($page['sidebar_second']);?> </div></div> <!-- /.section, /#sidebar-second --> <?php endif;?>

20 Css / SASS SASS (en Less) zijn css-compilers functions variables extend DRY

21 DRY Don t repeat yourself! Sass - re-use mixins bem-classes

22 Javascript [naam].info scripts[] = mytheme.js preprocess in template.php function mijntheme_preprocess_page(&$variables) { drupal_add_js(drupal_get_path('theme', 'mijntheme').'js/scripts.js', 'file'); }

23 Theming modules Display Suite - https://drupal.org/project/ds Sweaver - https://drupal.org/project/sweaver

24 Online resources https://drupal.org/documentation/theme

25 It s the internet jim, but not as we know it

26 Responsive design

27 Schermbreedte - niet device

28 Schermbreedte - niet device

29 Responsive Ontwerp schaalt mee met de breedte van het scherm (niet device- of browserafhankelijk) Optimale gebruikerservaring op elk scherm / device

30 mediaqueries screen and (max-width: 600px) { h2 { color: green; } }

31 mediaqueries laten werken Toevoegen aan html.tpl.php <head> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximumscale=1"/> <meta name="handheldfriendly" content="true" /> <meta name="mobileoptimized" content="width" /> <meta http-equiv="cleartype" content="on" /> </head>

32 De 10 geboden Gij zult nooit core files overschrijven Gij zult nooit een base theme aanpassen Gij zult zo weinig mogelijk!important gebruiken Gij zult deze volgorde respecteren: php / css / js Gij zult volhouden!

33 oefening: subtheme maken demo

34 Thank you! vragen / opmerkingen?

Lichtgewicht CSS design voor Drupal 6

Lichtgewicht CSS design voor Drupal 6 Lichtgewicht CSS design voor Drupal 6 Roy Scholten Drupaljam Enschede, 20 maart 2009 1 Question: How to convert an OSWD design into a Drupal theme. In 45 minutes? 2 Wie heeft deze vraag gesteld? Answer:

Nadere informatie

RESPONSIVE DRUPAL THEMING MET SASS, COMPASS, SUSY EN AURORA DRUPAL TECH TALK 25 APRIL 2013 MARC VAN GEND TRIQUANTA

RESPONSIVE DRUPAL THEMING MET SASS, COMPASS, SUSY EN AURORA DRUPAL TECH TALK 25 APRIL 2013 MARC VAN GEND TRIQUANTA RESPONSIVE DRUPAL THEMING MET SASS, COMPASS, SUSY EN AURORA DRUPAL TECH TALK 25 APRIL 2013 MARC VAN GEND TRIQUANTA AGENDA Het Doel #responsivemobilefirsthtml5buzzwordcompliant CSS preprocessing SASS Werken

Nadere informatie

Deel 5: Ontleding van een thema en subtheming. 20. YML-bestanden en subtheming

Deel 5: Ontleding van een thema en subtheming. 20. YML-bestanden en subtheming Deel 5: Ontleding van een thema en subtheming 20. YML-bestanden en subtheming Een thema moet voldoen aan bepaalde standaarden. Wat moet een thema zoal bevatten en kunnen we beroep doen op andere basisthema

Nadere informatie

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

MARTINA. Wist je dat..? Truckjes en weetjes in Drupal 7. 6. Artikels, lengte en aantal op frontpagina (en welkomtekst zonder lees meer )

MARTINA. Wist je dat..? Truckjes en weetjes in Drupal 7. 6. Artikels, lengte en aantal op frontpagina (en welkomtekst zonder lees meer ) MARTINA Wist je dat..? Truckjes en weetjes in Drupal 7 Inhoud: 1. Inlogknop 2. Aangepast beheerdermenu 3. Actieve pagina in de broodkruimel 4. Afbeelding op zoekknop (en geen tekst) [CSS] 5. Logo met link

Nadere informatie

Drupal 7 tip: voeg overal contextual links toe Gepubliceerd op Dominique De Cooman (http://dominiquedecooman.com)

Drupal 7 tip: voeg overal contextual links toe Gepubliceerd op Dominique De Cooman (http://dominiquedecooman.com) maandag, August 8, 2011-22:07 Dominique De Cooman In drupal 7 hebben we iets dat contextual links heet. Het is het kleine wiel dat u ziet wanneer u over blocks zweeft zodat u ze ter plekken kunt bewerken.

Nadere informatie

Drupal 8 Informatiesessie

Drupal 8 Informatiesessie Drupal 8 Informatiesessie Fedict 2009. All rights reserved Wat is Drupal Drupal is een CMS ( Content Management System ) Ontwikkeld in PHP Het is Open Source software Bestaat uit een kernsoftware (Drupal

Nadere informatie

Wat is een child-theme?

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

DRUPAL Dev Training, dag 1. Introductie

DRUPAL Dev Training, dag 1. Introductie DRUPAL Dev Training, dag 1 Introductie Me in nuttshell www.jorissnoek.nl Inleiding Globale inhoud Drupal Block 1: Drupal intro Block 2: use case, VBM ontwikkeling Block 3: Themen die hap! Block 4: Programmeren

Nadere informatie

Voorbeelden van Drupal websites

Voorbeelden van Drupal websites Voorbeelden van Drupal websites http://hamptonroads.com http://www.theonion.com http://www.spreadfirefox.com/ http://evolt.org/ http://creativebits.org/ http://kerneltrap.org/ http://www.linuxjournal.com/

Nadere informatie

Hosting. Bestelformulier en domeinnaamcontrole. Januari, 2013. WeFact B.V. Kuiper 7a 5521 DG Eersel Nederland. w: www.wefact.nl e: helpdesk@wefact.

Hosting. Bestelformulier en domeinnaamcontrole. Januari, 2013. WeFact B.V. Kuiper 7a 5521 DG Eersel Nederland. w: www.wefact.nl e: helpdesk@wefact. Hosting Januari, 2013 Bestelformulier en domeinnaamcontrole WeFact B.V. Kuiper 7a 5521 DG Eersel Nederland w: www.wefact.nl e: helpdesk@wefact.nl Introductie Algemeen In deze handleiding wordt uitgelegd

Nadere informatie

SQL INJECTIE Door Eoghain Verdonckt Beveiliging december 2013

SQL INJECTIE Door Eoghain Verdonckt Beveiliging december 2013 SQL INJECTIE Door Eoghain Verdonckt Beveiliging december 2013 Voor mijn werkje voor beveiliging ga ik een tutorial maken voor SQL injectie. En hoe we deze kunnen voorkomen. Allereerst heb ik een tabel

Nadere informatie

Icoon/Icon Betekenis Description. Change scheduling Online. Gaat offline op (datum/tijd) Online. Going offline on (date/time)

Icoon/Icon Betekenis Description. Change scheduling Online. Gaat offline op (datum/tijd) Online. Going offline on (date/time) Algemeen/General Gepubliceerd maar gewijzigd Published but changed Meer acties op geselecteerde content More actions on selected content Gepubliceerd en niet gewijzigd Published and not changed Terugdraaien

Nadere informatie

Drupal Minimum elementen voor een module Een eerste module Een eerste theme Theming binnen modules

Drupal Minimum elementen voor een module Een eerste module Een eerste theme Theming binnen modules Basiscursus door Michaël Zenner Drupal Minimum elementen voor een module Een eerste module Een eerste theme Theming binnen modules Hooks Menusystem Users, nodes en comments Form API 1 2 Core Modules HOOKS

Nadere informatie

Pimp je SharePoint zoekresultaten

Pimp je SharePoint zoekresultaten Pimp je SharePoint zoekresultaten Onder de motorkap is heel veel veranderd en verbeterd aan de search in SharePoint 2013. Maar de zoekresultaten moeten vooral appetijtelijk kunnen worden gepresenteerd

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

Your Future, our boost!

Your Future, our boost! Your Future, our boost! www.e-boost.be 1 E-BOOST: WIE ZIJN WE, WAT DOEN WE? e-boost, da s een groep van 4 jonge wolven en ervaren rotten in het vak die Drupal ademen, denken, dromen... Altijd op zoek naar

Nadere informatie

Talk Nerdy To Me 16-05-2012 NHL. Responsive Webdesign. Maarten van de Voorde mr10.nl Jan-Wessel Hovingh waxle.com

Talk Nerdy To Me 16-05-2012 NHL. Responsive Webdesign. Maarten van de Voorde mr10.nl Jan-Wessel Hovingh waxle.com Talk Nerdy To Me 16-05-2012 NHL Responsive Webdesign Maarten van de Voorde mr10.nl Jan-Wessel Hovingh waxle.com 1.1 Waarom is webdesign voor mobiel gebruik onvermijdelijk? in 2010 was er 600% groei in

Nadere informatie

2. Ga naar Prestashop Admin > Modules en zoek naar Kassa Compleet.

2. Ga naar Prestashop Admin > Modules en zoek naar Kassa Compleet. Hoe integreer ik Kassa Compleet in mijn webwinkel? Om het integreren voor u zo eenvoudig mogelijk te maken ontvangt u van ons een plugin voor uw webwinkelpakket. Wij ondersteunen de volgende pakketten:

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

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

Sophie van Solinge 77524 CMS32

Sophie van Solinge 77524 CMS32 Sophie van Solinge 77524 CMS32 1 Opdracht 1 Drupal Wordpress Joomla Case 1 De groenteboer op de hoek, heeft grootse plannen voor zijn zaak. Omdat er in de omgeving veel verzorgingstehuizen zijn en de inwoners

Nadere informatie

Joomla Template & Bootstrap 3.0. JUGA 19-11-2013 Henk Rijneveld (henk@henkrijneveld.nl)

Joomla Template & Bootstrap 3.0. JUGA 19-11-2013 Henk Rijneveld (henk@henkrijneveld.nl) Joomla Template & Bootstrap 3.0 JUGA 19-11-2013 Henk Rijneveld (henk@henkrijneveld.nl) De case Joomla 3.laatst Helemaal responsive Fixed kop- en voetgebied Specifieke chrome Zoveel mogelijk zelf Joomla

Nadere informatie

procesbeschrijving. Opdracht 1

procesbeschrijving. 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 72 Jelle Bouwman,

Nadere informatie

Dynamische Websites. Week 9

Dynamische Websites. Week 9 Dynamische Websites Week 9 AGENDA Nut van een framework? Relatieve URLs Views Slicing 2 step design NUT VAN EEN FRAMEWORK? Heel veel code is voor jullie al geschreven, jullie moeten deze op de juiste plaatsen

Nadere informatie

1. Voor het installeren wordt geadviseerd een backup te maken van uw database en bestanden.

1. Voor het installeren wordt geadviseerd een backup te maken van uw database en bestanden. NL: KiyOh.nl gebruikers kunnen met deze plug in automatisch klantbeoordelingen verzamelen, publiceren en delen in social media. Wanneer een klant een bestelling heeft gemaakt in uw Magento Shop, wordt

Nadere informatie

Versie 0.6. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 13 augustus 2013 Auteurs: Marien Dongstra, Sebastian Huisman

Versie 0.6. Documentatie Onsweb Club plugin voor KNKV verenigingen. Laatste wijziging: 13 augustus 2013 Auteurs: Marien Dongstra, Sebastian Huisman Documentatie Onsweb Club plugin voor KNKV verenigingen Versie 0.6 Laatste wijziging: 13 augustus 2013 Auteurs: Marien Dongstra, Sebastian Huisman Alle rechten in dit document zijn voorbehouden. www.onsweb.nl,

Nadere informatie

Zo kan je linken maken tussen je verschillende groepen van gegevens.

Zo kan je linken maken tussen je verschillende groepen van gegevens. 1 1. Entity Reference Entity Reference zal ook een onderdeel zijn van Drupal 8. Het is een module van het type veld. Het is een heel krachtige module die toelaat om referenties te maken tussen verschillende

Nadere informatie

CVO Crescendo. Een View kan op verschillende manieren worden gebruikt, maar de meest voor de hande liggende zijn:

CVO Crescendo. Een View kan op verschillende manieren worden gebruikt, maar de meest voor de hande liggende zijn: Deel 2: Case study: Theming, werken met views 7. Werken met views Via Devel hebben we inhoud in de vorm van een inhoudstype Artikelen aangemaakt voor de website. De laatste 10 artikelen die worden aangemaakt

Nadere informatie

Pro templates. Copyright Starteenwinkel.nl

Pro templates. Copyright Starteenwinkel.nl Pro templates Copyright Starteenwinkel.nl Lees in deze handleiding over: 1. PRO templates; voor wie geschikt? 2. Aan de slag met een PRO template 3. Template Designer 4. Template Editor 5. Sliders aanpassen

Nadere informatie

Joomla! 1.5 templates

Joomla! 1.5 templates Joomla! 1.5 templates De nieuwste versie van een van s werelds meest populaire CMS en Marco Corrò De onderdelen van een template? templatenaam templatedetails.xml XML installatiescript index.php template_thumbnail.png

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

Les 12 : database koppeling, opmaken van template, webstructuur en afdrukken van gegevens. (deel2).

Les 12 : database koppeling, opmaken van template, webstructuur en afdrukken van gegevens. (deel2). Les 12 : database koppeling, opmaken van template, webstructuur en afdrukken van gegevens. (deel2). In de volgende reeks lessen zal alle vorige leerstof uitgebreid aan het bod komen. Zie ook de vorige

Nadere informatie

Firewall van de Speedtouch 789wl volledig uitschakelen?

Firewall van de Speedtouch 789wl volledig uitschakelen? Firewall van de Speedtouch 789wl volledig uitschakelen? De firewall van de Speedtouch 789 (wl) kan niet volledig uitgeschakeld worden via de Web interface: De firewall blijft namelijk op stateful staan

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

Smartsite ixperion Faceted Search

Smartsite ixperion Faceted Search dinsdag 26 oktober 2010 Smartsite ixperion Faceted Search Marc Derksen Uitgangspunten 2 woensdag 27 oktober 2010 Wat is Faceted Search? Nieuwe krachtige zoekomgeving voor Smartsite ixperion Zoekexpressies

Nadere informatie

Joomla! en SEO: De basis elementen van SEO. Richard Bruning

Joomla! en SEO: De basis elementen van SEO. Richard Bruning Joomla! en zoekmachines : De basis elementen van SEO Richard Bruning Joomla! out of the box CMS Hoe doeltreffend is Joomla out of the box voor U als website eigenaar? Ontmoet Tux, onze opdrachtgever voor

Nadere informatie

- Plan Zo kun je een. website bouwen!

- Plan Zo kun je een. website bouwen! - Plan Zo kun je een website bouwen! BoekjeHoeKanJeEenWebsiteBouwen.i1 1 8-7-2008 17:23:14 BoekjeHoeKanJeEenWebsiteBouwen.i2 2 8-7-2008 17:23:15 In dit boekje staat de uitgebreide versie van hoe je een

Nadere informatie

Handleiding Yootheme (Warp 7)

Handleiding Yootheme (Warp 7) Handleiding Yootheme (Warp 7) Inleiding DezehandleidingishetproductvandeYootheme010werkgroep. DeYootheme010werkgroepiseenwerkgroepvandejug010.De werkgroepledendankzijwiedezehandleidingtotstandis gekomenzijn:robb,wim,robs,janenfred.

Nadere informatie

Om het Elektronica thema te installeren gaat u naar "Theme Store" in Design. Hier kunt u het Elektronica thema in 4 kleurvarianten vinden.

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

Handleiding Applic WPS 2.0

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

SEO Content. Creditcard aanvragen? Dé beste creditcards vergelijken.

SEO Content. Creditcard aanvragen? Dé beste creditcards vergelijken. Website review creditcardkiezer.nl Generated on October 16 2016 08:23 AM The score is 45/100 SEO Content Title Creditcard aanvragen? Dé beste creditcards vergelijken. Length : 57 Perfect, your title contains

Nadere informatie

Opdrachten: http://tweakers.net/vormgevingsstagiair

Opdrachten: http://tweakers.net/vormgevingsstagiair Opdrachten: 1. Verzamel vijf vacatures van banen die jij zou willen uitoefenen in je stage. Hierbij is het niet van belang of het bedrijf bij jouw in de buurt gevestigd is. 2. Beantwoord de volgende vragen

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

! GeoNetwork INSPIRE Atom!

! GeoNetwork INSPIRE Atom! GeoNetwork INSPIRE Atom GeoNetwork INSPIRE Atom 1 Configuration 2 Metadata editor 3 Services 3 Page 1 of 7 Configuration To configure the INSPIRE Atom go to Administration > System configuration and enable

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

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

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

Nadere informatie

Interactief blok 2 code opdracht 6 - wireframe

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

Nadere informatie

Drupal 7 website met uitvaartkosten calculator module

Drupal 7 website met uitvaartkosten calculator module Scriptie ingediend tot het behalen van de graad van PROFESSIONELE BACHELOR IN DE ELEKTRONICA-ICT Drupal 7 website met uitvaartkosten calculator module Kenneth Dhoy Departement Wetenschappen en Techniek

Nadere informatie

CMS Made Simple productsheet

CMS Made Simple productsheet CMS Made Simple productsheet Algemene informatie CMS made Simple CMS made Simple is open source CMS Made Simple (CMSMS) is een Open Source Content Management System. Bij de meeste commerciële software

Nadere informatie

STAGE VERSLAG LVB NETWORKS

STAGE VERSLAG LVB NETWORKS STAGE VERSLAG LVB NETWORKS Stagiair : Praktijkopleider : Stagebegeleider : Periode : Inlever Datum : Michael Scherpenisse Jeffrey van Draanen Bert de Boer 1 2 April, 2015 Opmerking Beoordeling stageverslag:

Nadere informatie

Website beoordeling seo.sololaki.com

Website beoordeling seo.sololaki.com Website beoordeling seo.sololaki.com Gegenereerd op Februari 19 2016 17:13 PM De score is 66/100 SEO Content Title SEO Analyzer Lengte : 12 Perfect, uw title tag bevat tussen de 10 en 70 karakters. Description

Nadere informatie

WORDPRESS THEME. 2017, Roy Sahupala

WORDPRESS THEME. 2017, Roy Sahupala WORDPRESS THEME 2017, Roy Sahupala Belangrijke opmerking De methodes en programma s in deze handleiding zijn zonder inachtneming van enige patenten vermeld. Ze dienen enkel voor amateuren studiedoeleinden.

Nadere informatie

LES 1: AAN DE SLAG MET WORDPRESS. Lesoverzicht: Aan de slag Wat is WordPress CMS Front-end Back-end Samenvatting. Tijd: 5 minuten

LES 1: AAN DE SLAG MET WORDPRESS. Lesoverzicht: Aan de slag Wat is WordPress CMS Front-end Back-end Samenvatting. Tijd: 5 minuten LES 1: AAN DE SLAG MET WORDPRESS Lesoverzicht: Aan de slag Wat is WordPress CMS Front-end Back-end Samenvatting Tijd: 5 minuten Doel: Aan het einde van deze les weet je wat WordPress is en kun je benoemen

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

Inhoud. Installatie. Functies

Inhoud. Installatie. Functies Inhoud Installatie Functies Instellingen Achtergrond Blokken, knoppen Korting Footer Header, left column Main navigation Modules Price categories, Producten Text Contact 3 4 5 5 6 7 8 9 10 11 12 13 14

Nadere informatie

Website beoordeling fibreclick.co.uk

Website beoordeling fibreclick.co.uk Website beoordeling fibreclick.co.uk Gegenereerd op December 21 2015 11:09 AM De score is 44/100 SEO Content Title Fibre Click Lengte : 11 Perfect, uw title tag bevat tussen de 10 en 70 karakters. Description

Nadere informatie

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

Websitecursus deel 3 JavaScript

Websitecursus deel 3 JavaScript Websitecursus deel 3 JavaScript A Eskwadraat WebCie www@a-eskwadraat.nl 12 oktober 2015 Introductie Twee weken geleden HTML Vorige week CSS Deze week JavaScript Javascript JavaScript (ook wel JS) is een

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

Over de schutting: Tour top 100

Over de schutting: Tour top 100 Over de schutting: Tour top 100 Project 4 fase 2 Mediadeveloper 30-09-2014 VERTROUWELIJK Pagina 1 van 5 Contents Inleiding... 3 Situatie... 3 Eisen van de opdrachtgever... 3 Eisen van de opleiding... 4

Nadere informatie

Header en Footer. Header en Footer

Header en Footer. Header en Footer Header en Footer Wat leer je in dit hoofdstuk: - Wat een header en footer is - De skin van de webshop aanpassen - Een logo plaatsen in de header - Een achtergrondafbeelding plaatsen - Links plaatsen in

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

I'VE GOT EM FRONTEND DEVELOPMENT LES 3

I'VE GOT EM FRONTEND DEVELOPMENT LES 3 I'VE GOT EM FRONTEND DEVELOPMENT LES 3 VORIGE WEEK CSS bling Selectors deel 1 Even heel kort samenvatten waar we het ook al weer over hebben gehad vorige week. Niet te lang bij stilstaan want er is heel

Nadere informatie

AutoTrack.nl. Handleiding Implementatie Voorraadlijst

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

Nadere informatie

Netwerkprinter Dell 1320C installeren op Ubuntu 10.04 LTS - Lucid Lynx

Netwerkprinter Dell 1320C installeren op Ubuntu 10.04 LTS - Lucid Lynx Netwerkprinter Dell 1320C installeren op Ubuntu 10.04 LTS - Lucid Lynx Er is geen Linux driver voor deze printer, maar het werkt ook met de driver van de Fuji Xerox DocuPrint C525A Direct link to Linux

Nadere informatie

Hoe word ik. Expert in. Mobiele SEO. www.gomobi.nl Tel: 085 40 12392 info@gomobi.nl

Hoe word ik. Expert in. Mobiele SEO. www.gomobi.nl Tel: 085 40 12392 info@gomobi.nl Hoe word ik Expert in Mobiele SEO www.gomobi.nl Tel: 085 40 12392 info@gomobi.nl Hoe begin ik? Het kost tijd om een expert te worden in mobiele SEO. Het vraagt aandacht en regelmatige aanpassingen. Op

Nadere informatie

Feedback September 22th *Critical issues are marked red

Feedback September 22th *Critical issues are marked red Feedback September 22th *Critical issues are marked red A superadmin login is needed to create new users. Navigation Wil ik ontmoeten > ontmoeten This menu item can be deleted. There should be only 2 links

Nadere informatie

NBTC html wijzigingen juni

NBTC html wijzigingen juni NBTC html wijzigingen juni Verstuurd naar GX: 23 juni 2014 1. Recently viewed Zie Change / Incident 1: Prijzen recently viewed zijn niet correct. Aan de recently viewed items wordt een extra label (met

Nadere informatie

WEBDESIGN & Joomla 3.6

WEBDESIGN & Joomla 3.6 WEBDESIGN & Joomla 3.6 Mobile R3ADY / US3R Friendly Alles wat je moet weten over Joomla 2014-2017, Roy Sahupala WEBDESIGN & Joomla Belangrijke opmerking De methodes en programma s in deze handleiding zijn

Nadere informatie

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

CVO Crescendo. Ga hiervoor naar Structuur > Inhoudstype > Manage Display en selecteer de gewenste View mode.

CVO Crescendo. Ga hiervoor naar Structuur > Inhoudstype > Manage Display en selecteer de gewenste View mode. Deel 1: Case study: Theming met Display suite 1. Inleiding Met de module Display Suite 1 kan je gegevens beter ordenen binnen een webpagina volgen zelf in te stellen patronen. Dit is een leuke module en

Nadere informatie

Programmeren in MyShop

Programmeren in MyShop Programmeren in MyShop Wat leer je in dit hoofdstuk: - Wat HTML en CSS is - (Een heel klein beetje) HTML - (Een heel klein beetje) CSS - Een aangepaste footer maken ( deurmat ) Eindresultaat Je gaat je

Nadere informatie

Deel I: Client side technology. Interactie via DOM. Hoorcollege IUW Thema Webdesign 19 november 2014 Christof van Nimwegen

Deel I: Client side technology. Interactie via DOM. Hoorcollege IUW Thema Webdesign 19 november 2014 Christof van Nimwegen Deel I: Client side technology Interactie via DOM en JavaScript Hoorcollege IUW Thema Webdesign 19 november 2014 Christof van Nimwegen Over laatste werkcollege en opdracht Error reporting van de server

Nadere informatie

beginnen met bloggen (kleine workshop Wordpress)

beginnen met bloggen (kleine workshop Wordpress) beginnen met bloggen (kleine workshop Wordpress) Een weblog is van oorsprongeen lijstje linktips met een stukje tekst. Oorspongvan het weblog Jorn Barger is an American blogger, best known as editor of

Nadere informatie

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

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

Nadere informatie

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

ExpressionEngine CMS. Content Management Systeem/Publicatieplatform NOAH DESIGN CREATIE & WEBDEVELOPMENT

ExpressionEngine CMS. Content Management Systeem/Publicatieplatform NOAH DESIGN CREATIE & WEBDEVELOPMENT ExpressionEngine CMS Content Management Systeem/Publicatieplatform NOAH DESIGN CREATIE & WEBDEVELOPMENT ExpressionEngine is een ijzersterk Content Management Systeem gebouwd op CodeIgniter, één van de

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

MODULE 4 : WEBSITEX5(11)

MODULE 4 : WEBSITEX5(11) MODULE 4 : WEBSITEX5(11) In deze benadering maken we een site met een startpagina en 3 kleine pagina s. We doen dit met een tool op de PC: WebSiteX(Versie 9 is volledig gratis, maar beperkter dan versie

Nadere informatie

Een sjabloon (in PHP template genaamd) bevat de volledige

Een sjabloon (in PHP template genaamd) bevat de volledige Html-sjablonen in PHP 12 Een sjabloon (in PHP template genaamd) bevat de volledige opmaak van een (html-)pagina. Code en opmaak zijn hierbij gescheiden. Terwijl veel startende programmeurs code en opmaak

Nadere informatie

ICARUS Illumina E653BK on Windows 8 (upgraded) how to install USB drivers

ICARUS Illumina E653BK on Windows 8 (upgraded) how to install USB drivers ICARUS Illumina E653BK on Windows 8 (upgraded) how to install USB drivers English Instructions Windows 8 out-of-the-box supports the ICARUS Illumina (E653) e-reader. However, when users upgrade their Windows

Nadere informatie

Website beoordeling magicrv.com

Website beoordeling magicrv.com Website beoordeling magicrv.com Gegenereerd op Oktober 23 2016 01:35 AM De score is 38/100 SEO Content Title Magic RV Lengte : 8 Let op, uw title tag zou tussen de 10 en 70 karakters (spaties inbegrepen)

Nadere informatie

Forum Plugin. Het toevoegen en beschrijven van een nieuwe forum categorie, conferentie, thread en gebruikersgroep.

Forum Plugin. Het toevoegen en beschrijven van een nieuwe forum categorie, conferentie, thread en gebruikersgroep. Forum Plugin Via de forum extensie kunt u via de website met over bepaalde onderwerpen discusieren. De admin kan bepalen over welke onderwerpen gediscusieerd kan worden. Onder een hoofdthema kunt u meerdere

Nadere informatie

MSN Channelizer. MSN Portal Team: nlmsnpor@microsoft.com Technische ondersteuning: web@calanza.com

MSN Channelizer. MSN Portal Team: nlmsnpor@microsoft.com Technische ondersteuning: web@calanza.com MSN Nederland MSN Channelizer MSN Portal Team: nlmsnpor@microsoft.com Technische ondersteuning: web@calanza.com Let op:... 1 1 - Introductie... 2 2 - Proces... 2 3 - Channelizer Templates... 3 4 - Richtlijnen

Nadere informatie

Postcode module Webservices

Postcode module Webservices Postcode module Webservices Installatie handleiding Total Internet Group B.V. - Amsterdam 1. Installatie van de postcode module via Magento connect 1. Login op de backend van uw Magento webwinkel 2. Ga

Nadere informatie

Internet Standaarden HC4

Internet Standaarden HC4 Internet Standaarden HC4 Hogeschool van Amsterdam - Instituut voor Interactieve Media 1 Invloed van Games Laatste ontwikkelingen Gebruik van Games 11 oktober 2007 Hogeschool van Amsterdam - Instituut voor

Nadere informatie

Drupal lokale installatie op Windows 7.

Drupal lokale installatie op Windows 7. Drupal lokale installatie op Windows 7. Door Paul Driedijk april/mei 2015 Onderstaande uitleg is bedoeld om Drupal uit te proberen op je eigen computer. Wil je Drupal later installeren op een webserver

Nadere informatie

HTML5 App. Herman van Dompseler In samenwerking met SURFnet. 3 augustus 2012 Versie 0.3 - CONCEPT

HTML5 App. Herman van Dompseler In samenwerking met SURFnet. 3 augustus 2012 Versie 0.3 - CONCEPT Herman van Dompseler In samenwerking met SURFnet 3 augustus 2012 Versie 0.3 - CONCEPT Contents Part 1: Wat is HTML5... 4 Laat maar zien, wat kan ik met HTML5?... 4 HTML5 Resources... 7 HTML5 Apps... 7

Nadere informatie

PYramid Onroerend Erfgoed Style Documentation

PYramid Onroerend Erfgoed Style Documentation PYramid Onroerend Erfgoed Style Documentation Release 0.1.1 Onroerend Erfgoed November 25, 2014 Contents 1 Installatie 3 1.1 Installatie................................................. 3 1.2 Update..................................................

Nadere informatie

Op het einde van deze les moeten we een werkende site op Drupal 8 hebben en een opgekuiste versie van onze Drupal 7 site.

Op het einde van deze les moeten we een werkende site op Drupal 8 hebben en een opgekuiste versie van onze Drupal 7 site. Les 1 Inleiding In deze eerste les bekijken we een naakte installatie van Drupal 8 van dichtbij. We stellen een vergelijking op met Drupal 7. Op het einde van deze les moeten we een werkende site op Drupal

Nadere informatie

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

Draft. Gebruikershandleiding XMLCreator 2013NL

Draft. Gebruikershandleiding XMLCreator 2013NL Gebruikershandleiding XMLCreator 2013NL Wouter Verbruggen TimeTronics Lammerdries-Oost 23B B-2250 Olen Belgium Tel.: +32 14 23 19 11 Fax.: +32 14 23 20 24 09 september 2013 XMLCreator handleiding Wat is

Nadere informatie

Handleiding Artsenviewer Radiologie

Handleiding Artsenviewer Radiologie Handleiding Artsenviewer Radiologie Het Heilig Hart Ziekebhuis Leuven biedt u de mogelijkheid om via een webbased applicatie onderzoeken, uitgevoerd op de afdeling Radiologie, te raadplegen. Wij hopen

Nadere informatie

Tijdens een HCI handson sessie in Arnhem werd wat CSS gewijzigd In de CSS map stond een _.htaccess bestand

Tijdens een HCI handson sessie in Arnhem werd wat CSS gewijzigd In de CSS map stond een _.htaccess bestand Bekentenis Hallo allemaal, mijn naam is Michiel Roos en ik ben...... een gebruiker Ik gebruik al 8 jaar Het begon allemaal als een experiment, maar het is steeds meer uit de hand gelopen Ik ben nu zelfs

Nadere informatie

trajecten De aanmelding sluit op Maandag 17 november! AANMELDINGSBLAD top trajecten top Beste leerlingen van de 3 e klas,

trajecten De aanmelding sluit op Maandag 17 november! AANMELDINGSBLAD top trajecten top Beste leerlingen van de 3 e klas, AANMELDINGSBLAD top trajecten Naam: klas: Graag wil ik deelnemen aan één van de volgende top trajecten: Beste leerlingen van de 3 e klas, top trajecten Op 2 december begint de 1 e ronde top trajecten.

Nadere informatie

Responsive templates voor Joomla

Responsive templates voor Joomla Responsive templates voor Joomla Een ervaringsverhaal 0. Inleiding Even voorstellen Frits Jongbloets Maak websites met Joomla sinds 2008 Bedrijf: Studio De Oorzaak Website: www.oorzaak.nl 0. Inleiding

Nadere informatie

Website review kamernet.nl

Website review kamernet.nl Website review kamernet.nl Generated on October 22 2016 22:07 PM The score is 51/100 SEO Content Title Huur een kamer, appartement of studio Kamernet Length : 48 Perfect, your title contains between 10

Nadere informatie

DVD Shrink. www.jritservice.nl Voor meer vragen en uitleg zie onderdeel jritservice

DVD Shrink. www.jritservice.nl Voor meer vragen en uitleg zie onderdeel jritservice DVD Shrink www.jritservice.nl Voor meer vragen en uitleg zie onderdeel jritservice . Inhoudsopgave. INHOUDSOPGAVE. DISCLAIMER 3. HOOFDSCHERM EN TIPS 4. DE KOPIËREN DVD OPENEN EN ANALYSEREN 4. EEN DVD IN

Nadere informatie