Lichtgewicht CSS design voor Drupal 6

Maat: px
Weergave met pagina beginnen:

Download "Lichtgewicht CSS design voor Drupal 6"

Transcriptie

1 Lichtgewicht CSS design voor Drupal 6 Roy Scholten Drupaljam Enschede, 20 maart

2 Question: How to convert an OSWD design into a Drupal theme. In 45 minutes? 2 Wie heeft deze vraag gesteld?

3 Answer: You don't! 3 OSWD.org is download site voor open source webdesigns Weinig bruikbaars, vrij magertjes allemaal. Laatste toevoeging is van 2007

4 Neem liever contact op met Roy Scholten Interaction design, Drupal UX, illustratie & other fine arts 4 Beetje zelf-promo natuurlijk

5 rename to: Lichtgewicht CSS design voor Drupal 6 5 Los daarvan, wel interessant om proces voor efficiënt en 'from scratch' stylen van Drupal te bekijken Doel deze presentatie: Een snelle en simpele aanpak voor CSS only theming. Het is makkelijker dan je denkt

6 pushbutton, chameleon en bluemarine Stark Een nieuw, minimaal D7 core theme D6 versie: 6 Status update Drupal 7: De meeste Core themes zijn verwijderd Op dit moment 1 nieuw theme toegevoegd: Stark Doel van Stark: Drupal's standaard HTML en CSS output inzichtelijk maken. Drempel voor nieuwe designers verlagen Backport voor D6 verkrijgbaar.

7 Stark: Core HTML en CSS met een klein beetje layout 7

8 8 Layout bestaat uit het plaatsen van de default core regions Regions definiëren de 5 basiskaders binnen je pagina.

9 Stark naked = spier naakt, vandaar. 9

10 Goed dan, bij wijze van voorbeeld 10 Vooruit dan maar Meeste themes op OSWD hebben maar 1 sidebar. De themes zijn nogal basic. Aanpak voor Drupal dus focussen op zo generiek mogelijk stylen zodat je zoveel mogelijk use cases afdekt.

11 In de verpakking: 11 1 HTML pagina 1 CSS bestand 1 Logo 8 Achtergrondplaatjes

12 Een minimaal D6 theme:.info bestand - logo - screenshot (150x90px) 12 Een D6 theme bestaat uit een map met de naam van je theme Daarin in ieder geval een.info bestand Logo en screenshot optioneel maar oogt wel zo prettig in de themes lijst van Drupal admin.

13 themenaam.info bevat minimaal: name = Geen description = Stijl core = 6.x engine = phptemplate 13 themenaam.info: Core = versie van Drupal. Zes dus Vraag: wie weet er nog 2 andere theming engines te noemen? Vergeet ze direct weer, phptemplate wordt in ca % van de gevallen gebruikt.

14 /admin/build/themes plaats theme-map in: drupal/sites/all/themes 14 Zonder logo en screenshot komt het dan zo in de themes lijst terecht. Een theme met alleen een.info bestand heeft dus geen layout en de output ziet er dus niet uit, alles onder elkaar.

15 hoera voor sub theming name = Geen description = Stijl core = 6.x engine = phptemplate base theme = stark 15 In plaats van zelf styles te schrijven om de regions te positioneren, waarom niet gewoon hergebruiken? Override, don't duplicate. Maak je theme dus een sub theme van Stark. (Voor D6 misschien nog niet geheel logisch omdat Stark daar nog niet in core zit, maar dit is wel de best practise)

16 <demo> 16 Live demos gaan natuurlijk altijd fout. Ik zat het verkeerde.info file te bewerken!

17 Eigen CSS bestand mee laten doen base theme = stark stylesheets[all][] = geen.css 17 Nou hebben we nog een plek nodig om alle nieuwe style rules in te zetten. Maak themenaam.css aan en plaats in je map Breng Drupal hiervan op de hoogte door het CSS bestand te noemen in je.info bestand.

18 18 Dit is de index.html uit de download. Neem even de tijd om de grote blokken te herkennen, wat komt in welke region etc.

19 19 Dit is de onderliggende structuur. Stark's layout.css houdt rekening met zowel 1 als 2 sidebars, dus die gooien we er op voorhand nog niet uit.

20 20 Aan de slag. Firebug is onmisbaar bij dit soort werk. Extensie voor Firefox die de HTML structuur en CSS van een pagina inzichtelijk maakt.

21 21 Links het doel, Rechts ons uitgangspunt, een Stark sub theme

22 22 Gebruik Firebug om in Plain de elementen te vinden waar de meeste styling aanhangt. Zoek in Stark output de corresponderende HTML en CSS IDs en classes te vinden. Werk van boven naar beneden (header tot footer) En van buiten naar binnen (grote brokken eerst, daarna verfijnen.

23 Nogmaals het OSWD design 23

24 45 minuten later 24

25 De basis staat 25

26 26 Layout van de OSWD download weer: Zie hoe de groene tekst over de volle breedte loopt.

27 27 En in het Drupal theme (nog) niet Dit is de mission tekst in Drupal en deze bevindt zich in de content region.

28 28 Dit is de onderliggende structuur. Stark's layout.css houdt rekening met zowel 1 als 2 sidebars, dus die gooien we er op voorhand nog niet uit.

29 Tot zover de CSS only page.tpl.php drupal/modules/system/page.tpl.php 29 Hier loop je dus tegen de muur van een region aan. De mission wordt standaard in de content region weergegeven. Dat kunnen we veranderen door de template voor de pagina te veranderen. Beetje PHP maar doet bijna geen pijn, is nog steeds een goed leesbare html pagina.

30 Kopie ervan in je theme map 30 Kopieer page.tpl.php naar je eigen theme map en verplaats het stukje dat de $mission print naar de header region. Je zult zien dat dat ook niet helemaal werkt omdat het dan boven de navigatie uitkomt. Je zou het tusssen de header en content regions kunnen plaatsen of een nieuwe region definieeren.

31 Dus, maak een mapje met: -.info bestand (definieer een base theme) - themenaam.css & gaan! 31

32 En niet meer naar OSWD hè! 32

33 Dank voor uw aandacht Vragen? 33

34 Oh ja, Zen. drupal.org/project/zen 34 Aanrader voor als je veel Drupal onderdelen moet stylen. Veel documentatie, alles in 1 pakket, ideale inleiding in alle vormen van theming Overkill voor themes die alleen maar een beperkte front end hoeven aan te kleden.

35 De groeten! yoroy roy scholten yoroy.com 35

36 36

Drupal theming. 28 april 2014 - CVO Crescendo

Drupal theming. 28 april 2014 - CVO Crescendo Drupal theming 28 april 2014 - CVO Crescendo About-me.tpl.php Esther De Jonghe Drupal front end developer verleden: @cronos, @adforce, @puresign nu: freelance (wwwonderland) @estherdejonghe Wat is theming?

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

Frontend ontwikkeling

Frontend ontwikkeling Frontend ontwikkeling Mark Jansen Edwin Vlieg PHPFreakz ledendag 10 november 2007 Frontend ontwikkeling De interface is je product richting de eindgebruiker Goede PHP code met een slechte interface geeft

Nadere informatie

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

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

Template maken voor Webshops van FreeWebShop

Template 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 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

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

http://www.zeelandtotaal.nl/les_gevorderd/les_1/index_les_1_gev.php

http://www.zeelandtotaal.nl/les_gevorderd/les_1/index_les_1_gev.php 1 van 7 28-5-2010 12:36 We hebben deze situatie voor ons. Misschien met wat andere kleuren maar dat maakt niet uit. Het belangrijkste is dat de linken op de pagina staan en het logo. Het kan zijn dat je

Nadere informatie

design ook items uitsnijden

design 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 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

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

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

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

De voordelen van Drupal

De voordelen van Drupal Drupal is een open source Content Management System (CMS). Daarnaast kun je Drupal zien als een framework, dit betekent dat je modules (oftewel mini-applicaties) kunt implementeren in je installatie van

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

WEBSITE USABILITY. white-paper

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

Nadere informatie

Handleiding Lay-outs bewerken voor LogiVert 5

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

Bsc5 bk5100 - TOI. Proces- en presentatieportfolio Inleiding websites maken met Macromedia Dreamweaver. Technisch Ontwerp en Informatica

Bsc5 bk5100 - TOI. Proces- en presentatieportfolio Inleiding websites maken met Macromedia Dreamweaver. Technisch Ontwerp en Informatica Proces- en presentatieportfolio Technisch Ontwerp en Informatica http://toi.bk.tudelft.nl/bsc5 toi@bk.tudelft.nl Procesportfolio [week 2 t/m 17] voortgang en verloop van het ontwerpproces GEEN productpresentatie

Nadere informatie

Zimplit is een CMS (content management system). Dat betekend dat je een website kunt ontwerpen en veranderen terwijl die online staat.

Zimplit is een CMS (content management system). Dat betekend dat je een website kunt ontwerpen en veranderen terwijl die online staat. Een website maken met ZIMPLIT. Geen kennis van html nodig. www.acc.dds.nl/lesonline/zimplit/ Download Zimplit handleiding pdf Download de Zimplit bestanden Zimplit CMS Handleiding Zimplit is een CMS (content

Nadere informatie

NVU-Workshop. Websites bouwen met Nvu. Henk Stoop - Docent Website design - HkeyDesigns - HCC WG Website design - KBO WG ICT-Adviseur

NVU-Workshop. Websites bouwen met Nvu. Henk Stoop - Docent Website design - HkeyDesigns - HCC WG Website design - KBO WG ICT-Adviseur Websites bouwen met Nvu Voorbeeld websites Hkey-Designs Manders mondhygieniste Slaapadvies Sterrenburg Werkplan Henk Stoop - Docent Website design - - HCC WG Website design - KBO WG ICT-Adviseur Workshop:

Nadere informatie

Documentatie WD32. Christine van Woensel M32

Documentatie WD32. Christine van Woensel M32 Documentatie WD32 Christine van Woensel M32 Ontwerpkeuzes per device resolutie Desktop (1025 1600px & 769 1024px): Tablet (481 768px): Smartphone (321 480px & tot 320px): Algemeen: Alle ontwerpen voor

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

NVU work shop. Kees Moerman http://www.keesmoerman.nl November 2006. 1. Overzicht van een web site. Wat is een web site HTML files

NVU work shop. Kees Moerman http://www.keesmoerman.nl November 2006. 1. Overzicht van een web site. Wat is een web site HTML files NVU work shop Moerman http://www.keesmoerman.nl November 2006 1 1 Overzicht 1. Overzicht van een web site Wat is een web site HTML files 2. NVU: Een HTML editor Overzicht Een eerste pagina Configuratie

Nadere informatie

REDACTEUREN HANDLEIDING

REDACTEUREN 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 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

- 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

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

Handleiding Webwinkel

Handleiding Webwinkel Handleiding Webwinkel Inhoudsopgave Login... 2 Instellingen aanpassen... 3 Pagina beheer... 6 Producten beheer... 13 Bestellingen beheer... 18 Betalingen beheer... 21 Vervoerders beheer... 23 Bestands

Nadere informatie

Wordpress. ISA verslag Joris Talmon

Wordpress. ISA verslag Joris Talmon Wordpress ISA verslag Joris Talmon Inhoud Inleiding Pagina 3 Mijn opdracht Pagina 4 Werkwijze Pagina 5 Een website bouwen Pagina 6 Plug-ins 7 Webshop 8 Een kind van 70 Pagina 10 De website 11 Mijn portfolio

Nadere informatie

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

VWM :: Facturatie. Changelog. Danny van Wijk info@vwmedia.nl http://www.vwmedia.nl. Auteur: E-mail: Website:

VWM :: Facturatie. Changelog. Danny van Wijk info@vwmedia.nl http://www.vwmedia.nl. Auteur: E-mail: Website: VWM :: Facturatie Changelog Auteur: E-mail: Website: Danny van Wijk info@vwmedia.nl http://www.vwmedia.nl Inhoudsopgave Changelog... 3 2.0.1... 3 2.0.2... 3 2.0.3... 3 2.0.4... 3 2.0.5... 3 2.0.6... 4

Nadere informatie

Handleiding - Styling van OFB Web 4.0

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

Nadere informatie

Nu maak je een template en exporteert hem later naar de gewenste omgeving.

Nu 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 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

Comic Life: Maak een fotostrip in de klas

Comic Life: Maak een fotostrip in de klas Comic Life: Maak een fotostrip in de klas Wat ga je doen? Je gaat een fotostrip maken met het programma Comic Life. Hiermee kun je gemakkelijk je eigen verhaal construeren. In het programma kun je per

Nadere informatie

Toelichting release notes. 23 oktober 2014

Toelichting release notes. 23 oktober 2014 Toelichting release notes 23 oktober 2014 2 Toelichting release notes 23 oktober 2014 Inleiding release notes Deze week ontvangen jullie de release notes waarin onder meer twee nieuwe Paddlets, verschillende

Nadere informatie

Complete checklist Stijl

Complete checklist Stijl Complete checklist Stijl Checklist uitgevoerd door: Website naam: Van toepassing design + bouw + oplevering Header Staat er een telefoonnummer of e-mailadres? Is alle informatie van de klant (telnr. en

Nadere informatie

Inhoudsopgave Disclaimer... 3 Voorwoord... 4 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP... 8 Joomla installeren op

Inhoudsopgave Disclaimer... 3 Voorwoord... 4 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP... 8 Joomla installeren op 1 Inhoudsopgave Disclaimer... 3 Voorwoord... 4 Inleiding... 5 Het downloaden van XAMPP... 7 Het installeren van XAMPP.... 8 Joomla installeren op XAMPP... 15 Handige links... 16 2 Disclaimer Bij de samenstelling

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

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

Checklist voor het opzetten van je webshop

Checklist voor het opzetten van je webshop Checklist voor het opzetten van je webshop 1. INTRODUCTIE: EERST IETS OVER SEOSHOP Gefeliciteerd met je nieuwe webshop; we zijn blij dat je voor SEOshop hebt gekozen! Laten we ons eerst even voorstellen.

Nadere informatie

De WordPress 3.5 Beginners Handleiding

De WordPress 3.5 Beginners Handleiding De WordPress 3.5 Beginners Handleiding Internetbureau Elephant april 13 Inhoud Introductie... 2 Inloggen... 3 Het dashboard... 5 Berichten en pagina's... 6 Nieuw Bericht... 6 Nieuwe Pagina... 8 Afbeeldingen,

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

Plug & Play. Naam: Vincent Kempers Klas: 09 Zee Datum: 18/02/2015 Studenten nr: 500720035 Vak: Plug and Play Vak docent: Jonathan Leenman

Plug & Play. Naam: Vincent Kempers Klas: 09 Zee Datum: 18/02/2015 Studenten nr: 500720035 Vak: Plug and Play Vak docent: Jonathan Leenman Plug & Play Naam: Vincent Kempers Klas: 09 Zee Datum: 18/02/2015 Studenten nr: 500720035 Vak: Plug and Play Vak docent: Jonathan Leenman Inhoudsopgave Inleiding 3 Gekozen casus 4 Wat is CMS? 5 Zes verschillende

Nadere informatie

Test Joomla op je PC 1

Test Joomla op je PC 1 1 Disclaimer Bij de samenstelling van dit ebook is de grootst mogelijke zorg besteed aan de juistheid en correctheid van de informatie die in dit ebook wordt verstrekt. De auteur van dit ebook kan op geen

Nadere informatie

Op de Virtual Appliance is MySQL voorgeïnstalleerd. MySQL is momenteel de meest gebruikte database op het internet.

Op de Virtual Appliance is MySQL voorgeïnstalleerd. MySQL is momenteel de meest gebruikte database op het internet. Het installeren van WordPress Nu je een volledig werkende virtuele server hebt is het tijd om er een applicatie op te installeren. We beginnen met de blogtool WordPress. De database De eerste stap is het

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

FUMAGGO WEB SOLUTIONS

FUMAGGO WEB SOLUTIONS FUMAGGO WEB SOLUTIONS Aanpassen design stemexamen.nl Offerte voor ProDemos Den Haag Fumaggo Web Solutions Lammenschansweg 93, 2313 DK Leiden KvK Rijnland 52202992 Leiden, 19 juni 2012 2 1 Introductie ProDemos

Nadere informatie

Is het mogelijk een aparte categorie te maken waar allerlei vragen en antwoorden omtrent webdesign geplaatst kunnen worden?

Is het mogelijk een aparte categorie te maken waar allerlei vragen en antwoorden omtrent webdesign geplaatst kunnen worden? Aparte categorie voor webdesign mogelijk? Geschreven door Eckie76-21/07/2008 16:17 Is het mogelijk een aparte categorie te maken waar allerlei vragen en antwoorden omtrent webdesign geplaatst kunnen worden?

Nadere informatie

Kies File>New>Blank Page>PHP. Je kunt eventueel nog een stylesheet koppelen. Definieer nu eerst een site! Dat betekent: Site>New Site

Kies File>New>Blank Page>PHP. Je kunt eventueel nog een stylesheet koppelen. Definieer nu eerst een site! Dat betekent: Site>New Site Kies File>New>Blank Page>PHP Je kunt eventueel nog een stylesheet koppelen. Definieer nu eerst een site! Dat betekent: Site>New Site Geef de site een passende naam. Kies ook de juiste map voor de webdocumenten.

Nadere informatie

Selenium IDE Webdriver. Introductie

Selenium IDE Webdriver. Introductie Selenium IDE Webdriver Het Wielsem 10, 5231 BW s- Hertogenbosch, telefoon 073-6409311 e- mail info@testwork.nl internet http://www.testwork.nl 1 Inhoudsopgave 1 Inhoudsopgave... 2 2 Selenium IDE... 3 3

Nadere informatie

Webuniversum. www.vlaanderen.be

Webuniversum. www.vlaanderen.be Webuniversum www.vlaanderen.be 1 Webuniversum doelstelling Onze primaire focus is de Vlaamse overheid en lokale besturen. Federale diensten worden maximaal meegenomen Burger kijkt naar de overheid, los

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

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

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

Nadere informatie

Inhoud Atik. Instellingen Meer informatie over het instellen van uw Atik thema. Functies Meer informatie over de geintegreerde functionaliteiten.

Inhoud Atik. Instellingen Meer informatie over het instellen van uw Atik thema. Functies Meer informatie over de geintegreerde functionaliteiten. Atik Documentatie 1 Inhoud Atik Het Atik thema is een flexibel theme die geheel naar eigen smaak aangepast kan worden. Het is mogelijk om het navigatie gedeelte te laten staan tijdens het scrollen, zo

Nadere informatie

Welkom in de wondere wereld van websites met WordPress.

Welkom in de wondere wereld van websites met WordPress. Welkom in de wondere wereld van websites met WordPress. Alsjeblieft, dit kleine WordPress woordenboekje is voor jou. Want als je voor het eerst een website met WordPress gaat maken kom je misschien woorden

Nadere informatie

Jouw Training Online. Wiepke de Jong. Online Business Trainer Online Training Websites

Jouw Training Online. Wiepke de Jong. Online Business Trainer Online Training Websites Jouw Training Online Wiepke de Jong Online Business Trainer Online Training Websites INLEIDING INTRODUCTIE 1. DEEL JE VOORTGANG 2. Jouw online training onderwerp 3. De module s in je online training 4.

Nadere informatie

EEN WEBSITE MAKEN MET WEEBLY

EEN WEBSITE MAKEN MET WEEBLY EEN WEBSITE MAKEN MET WEEBLY Dit is de handleiding om op Weebly.com een website te leren maken. De handleiding is verdeeld in 5 hoofdstukken; 1. Aanmelden 2.Weebly werkblad 3. Draggen en Droppen 4.Pagina

Nadere informatie

Welkom in de wondere wereld van websites met WordPress.

Welkom in de wondere wereld van websites met WordPress. Welkom in de wondere wereld van websites met WordPress. Alsjeblieft, dit kleine WordPress woordenboekje is voor jou. Want als je voor het eerst een website met WordPress gaat maken kom je misschien woorden

Nadere informatie

Websitecursus deel 1 HTML

Websitecursus deel 1 HTML Websitecursus deel 1 HTML WebCie A Eskwadraat www@a-eskwadraat.nl 8 april 2015 Inleiding Website cursus in drie delen: HTML CSS Javascript We gaan uit van geen voorkennis. Als je vragen hebt, stel ze!

Nadere informatie

Foto web applicatie documentatie

Foto web applicatie documentatie Foto web applicatie documentatie Marijn Stuyfzand M31T PHP31 David Schol 1 Inhoudsopgave APPLICATIESTRUCTUUR MAPPENSTRUCTUUR FUNCTIONALITEITSSTRUCTUUR DE BASIS VOOR ELKE PAGINA DATABASE SERVER- SIDE EN

Nadere informatie

Gebruikershandleiding phpwcms

Gebruikershandleiding phpwcms Gebruikershandleiding phpwcms Werken met phpwcms Voskotan Webservices http://www.voskotan.com Voskotan Webservices Pagina 1 van 22 Inhoudsopgave 1 Inleiding... 3 2 Systeemeisen... 3 3 Inloggen... 3 4 Beheer

Nadere informatie

Deze les: Bespreken 2 websites Gestaltpsychologie Epicenter design opdracht : wat moet er voor volgende week af zijn?

Deze les: Bespreken 2 websites Gestaltpsychologie Epicenter design opdracht : wat moet er voor volgende week af zijn? Deze les: - - - - Bespreken 2 websites Gestaltpsychologie Epicenter design opdracht : wat moet er voor volgende week af zijn? Opdracht Met zijn twee-en 5 min Zet de volgende behoeftes van de mens (volgens

Nadere informatie

Je kan vanuit de RV SiteBuilder steeds terugkeren naar het controlepaneel, via de knop rechts bovenaan.

Je kan vanuit de RV SiteBuilder steeds terugkeren naar het controlepaneel, via de knop rechts bovenaan. RV SiteBuilder openen Log in op je controlepaneel met de gegevens die je van ons hebt ontvangen. Eens ingelogd, klik je helemaal onderaan, in de sectie Software/Services, op het RV SiteBuilder icoontje.

Nadere informatie

Handleiding. Beeldmerk CMS BASIS. webcompact

Handleiding. Beeldmerk CMS BASIS. webcompact BASIS Handleiding Beeldmerk CMS webcompact Update juni 2012 Basis Handleiding Beeldmerk CMS webcompact Met het CMS (Content Management System) kunt u de teksten in de content ruimte en sidebar van uw Webcompact

Nadere informatie

Rapporten. Labels en Rapporten in Atlantis 1. Atlantis heeft twee manieren om output te genereren: 1. labels 2. rapporten (reports)

Rapporten. Labels en Rapporten in Atlantis 1. Atlantis heeft twee manieren om output te genereren: 1. labels 2. rapporten (reports) Labels en Rapporten in Atlantis 1 Atlantis heeft twee manieren om output te genereren: 1. labels 2. rapporten (reports) Rapporten Een rapport is eigenlijk altijd een tekst bestand, die vorm wordt gegeven

Nadere informatie

SMART- Leerdoel Mathijs de Bok Emotion - RMM42

SMART- Leerdoel Mathijs de Bok Emotion - RMM42 SMART- Leerdoel Mathijs de Bok Emotion - RMM42 Inhoudsopgave 1.0 Inhoudsopgave 1 1.0 Inleiding 2 1.1 Algemeen 2 1.2 Mijn leerdoelen 2 2.0 Beschrijving leerdoel 2 3 2.1 Responsive 3 2.2 Up- to- date HTML&CSS

Nadere informatie

Enterprise Connectivity. Marnix van Bo. TU Delft Elek Software Architect 20 jaar ervarin ontwikkeling

Enterprise Connectivity. Marnix van Bo. TU Delft Elek Software Architect 20 jaar ervarin ontwikkeling Fir rst Base Enterprise Connectivity Marnix van Bo chove First Base: opgericht in 2001 TU Delft Elek ktrotechniek - 1998 Software Architect 20 jaar ervarin g met software ontwikkeling Presentatie Ideeën

Nadere informatie

Botein. Documentatie

Botein. Documentatie Botein Documentatie 1 Inhoud Botein Het Botein thema is een minimalistisch thema die geheel naar eigen smaak kan worden ingericht. Laat uw producten meer spreken dankzij de rust die het thema uitstraalt.

Nadere informatie

HTML in Outlook 2007. Hoe zorgt u ervoor dat uw email goed in beeld komt?

HTML in Outlook 2007. Hoe zorgt u ervoor dat uw email goed in beeld komt? HTML in Outlook 2007 Hoe zorgt u ervoor dat uw email goed in beeld komt? HTML in Outlook 2007 Inleiding Emark Mail biedt u de mogelijkheid om kant en klare HTML nieuwsbrieven in te laden en te versturen.

Nadere informatie

U wilt een webshop die klaar is voor de toekomst? Maak het u zelf gemakkelijk; installeer NU Theme Fusion.

U 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 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

Offerte website. Taal & Talent, Jorijn Tragter Thomas Hop, PingOnline Offerte vernieuwde website

Offerte website. Taal & Talent, Jorijn Tragter Thomas Hop, PingOnline Offerte vernieuwde website Offerte website Aan Van Betreft Datum Taal & Talent, Jorijn Tragter Thomas Hop, PingOnline Offerte vernieuwde website 4 februari Achtergrond Taal & talent is niet tevreden over de huidige website. De Wordpress

Nadere informatie

Leereenheid Webdesign

Leereenheid Webdesign Leereenheid Webdesign INLEIDING Deze leereenheid leert je een eenvoudige website opbouwen. Vervolgens passen we dit toe op webquest. VOORKENNIS Elementaire kennis van Web 2.0 is vereist. LEERDOELEN LEERDOELEN

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

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

Acrobat PDF Software. Installeren van Acrobat. Adobe PDF driver Voorkeuren 1. Voorkeuren 2. Adobe PDF driver. Voorkeuren 3.

Acrobat PDF Software. Installeren van Acrobat. Adobe PDF driver Voorkeuren 1. Voorkeuren 2. Adobe PDF driver. Voorkeuren 3. Acrobat PDF Software PDF Workshop Toledo PDF Acrobat software 1 2 3 4 Erik van Eynde LUDIT KULeuven Adobe driver Aanmaken van PDF - 1 ppt Erik van Eynde, March 17, 2005 Workshop PDF Toledo - p. 1/?? Erik

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

PhotoworkZ pop-up website handleiding

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

Nadere informatie

WEBHARE: GEVORDERDEN Versie december 2014 Anne Heining, Marketing & Communicatie (www.utwente.nl/mc)

WEBHARE: GEVORDERDEN Versie december 2014 Anne Heining, Marketing & Communicatie (www.utwente.nl/mc) WEBHARE: GEVORDERDEN Versie december 2014 Anne Heining, Marketing & Communicatie (www.utwente.nl/mc) www.utwente.nl/webhare Webhare: Standaardcursus (versie dec 2014) www utwente nl/webhare 1 INHOUD Deel

Nadere informatie

ONDERNEMEN OP HET WEB

ONDERNEMEN OP HET WEB ONDERNEMEN OP HET WEB V R I J D A G 2 4 O K T O B E R 2 0 0 8 Uw Eigen Website WAAROM EEN EIGEN WEBSITE? WAT PLAATS IK ER OP? HOE KRIJG IK KLANTEN? HOE WEET IK WIE MIJN WEBSITE BEZOEKT? WAT KOST MIJ DAT?

Nadere informatie

FrontPage. Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie:

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

PDF Workshop Toledo PDF Acrobat software

PDF Workshop Toledo PDF Acrobat software PDF Workshop Toledo PDF Acrobat software Erik van Eynde LUDIT KULeuven Erik van Eynde, March 15, 2005 Workshop PDF Toledo - p. 1/23 Acrobat PDF Software 1 2 3 4 Adobe driver Aanmaken van PDF - 1 Aanmaken

Nadere informatie

Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening

Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening houdt met verschillende behoeftes binnen je doelgroep.

Nadere informatie

Trek een kaartje met: 1. Doel 2. Doelgroep 3. Onderwerp (dit is een globaal onderwerp en moet door jezelf nader worden bepaald)

Trek een kaartje met: 1. Doel 2. Doelgroep 3. Onderwerp (dit is een globaal onderwerp en moet door jezelf nader worden bepaald) Opdracht: Maak een vormgeving (geschikt voor meerdere devices), met een duidelijke huisstijl en visual, die aansluit bij jouw doelgroep, waarbij je rekening houdt met verschillende behoeftes binnen je

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

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

Rollen en toegangsrechten

Rollen en toegangsrechten Rollen en toegangsrechten Als we een site ontwikkeld hebben waar bezoekers misschien regelmatig naar terugkeren, kunnen we de mogelijkheid openzetten dat de bezoekers zich registreren. Dit geldt bijvoorbeeld

Nadere informatie

JOOMLA! GEBRUIKSVRIENDELIJKHEID IN DE PRAKTIJK. Tips en hulpmiddelen voor gebruiksvriendelijkheid

JOOMLA! 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 informatie

Handleiding voor het zelf onderhouden van je Wordpress website

Handleiding voor het zelf onderhouden van je Wordpress website Handleiding voor het zelf onderhouden van je Wordpress website Inhoud Introductie... 3 Belangrijke Termen... 3 Inloggen op jouw Wordpress website... 4 Een Backup maken... 4 Het Wordpress dashboard... Thema

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

XHTML. een website bouwen. Vergelijk met: een huis bouwen. Dadelijk de stenen metselen, of. Hoe begin je er aan? Wat is stap 1?

XHTML. een website bouwen. Vergelijk met: een huis bouwen. Dadelijk de stenen metselen, of. Hoe begin je er aan? Wat is stap 1? 1010110101110001010 een website bouwen Vergelijk met: een huis bouwen. Dadelijk de stenen metselen, of eerst? Hoe begin je er aan? Wat is stap 1? 1010110101110001010 een website bouwen Ik heb een concept.

Nadere informatie

Tekstverwerking. Wat gaan we leren? Opdracht: Geavanceerde opmaak. Jen Kegels, Eveline De Wilde, Inge Platteaux, Tamara Van Marcke

Tekstverwerking. Wat gaan we leren? Opdracht: Geavanceerde opmaak. Jen Kegels, Eveline De Wilde, Inge Platteaux, Tamara Van Marcke Wat gaan we leren? Tekstverwerking In deze cursus gaan we meer leren over de opmaak van een Word-document. We hebben al met verschillende soorten opmaak leren werken: Tekenopmaak Alineaopmaak Paginaopmaak

Nadere informatie