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

Save this PDF as:
 WORD  PNG  TXT  JPG

Maat: px
Weergave met pagina beginnen:

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

Transcriptie

1 APEX Templates OGH APEX dag 30 maart Art Melssen

2 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 6 live applicaties Kleinste 2 gebruikers Grootste 1500 gebruikers (Nog) geen blogger

3 Agenda Over het onderwerp From scratch Web standards basics HTML en CSS onmisbare tips Templates Page Buttons Form Items Reports Regions Items

4 From Scratch Waarom opnieuw beginnen Ga voor web standards Opzet templates niet volgens web standards Streef naar een strikte scheiding tussen HTML : Content & structuur CSS : Presentatie Javascript : Gedrag Voordelen Taakscheiding Snellere ontwikkeling* / makkelijker onderhoud Betere ondersteuning in browsers Betere frontend performance voor drukke sites Goed startpunt voor toegankelijke sites (accessibility)

5 Web standards Focus op een juiste scheding tussen structuur en vormgeving HTML alleen gebruiken voor de inhoud en de structuur. Een puur html document zou je niets moeten vertellen over hoe het eruit ziet. Noch over kleuren, lettertype Noch over layout Het zou je moeten vertellen wat de gegevens zijn en wat de semantiek is. Gebruik de juiste HTML elementen voor de juiste doeleinden Gebruik CSS voor de vormgeving van die structuur Volg de (laatste) W3C standaarden! Goed voorbeeld :

6

7

8

9

10 Web standards en APEX Anatomie van een standaard apex theme Geringe scheiding HTML Geen DOCTYPE! Layout veel gestuurd d.m.v. tabellen (Te) veel templates per component. CSS 15 Page Templates 22 Regions Gebruik van theme specifieke classes Alleen gebruik van basic selectors Element Type Selectors ( td ) Class Selectors ( a.listitem ) ID Selectors (#apexir_search ) Vaak dubbele styling aanwezig op meerdere niveaus

11 HTML & APEX Do s & dont s Do s Gebruik altijd een DOCTYPE Gebruik het HTML element dat het beste de lading van het gegeven dekt. Ken je browser-base Don t Gebruik geen tabellen alleen maar voor positionering van regions of items Vermijd het gebruik van HTML op andere plaatsen dan in templates. Dus vermijd pre/post element tags op items bijv (<b> </b>) Neem niet direct items op in templates <input type= text name= f01 /> &APP_USERR.

12 CSS & APEX Do & don ts Do s Gebruik bij ontwikkeling meerdere stylesheets reset.css 1, layout.css, typography.css, forms.css, iex.css, print.css Ontwikkel in FireFox met FireBug Don t Neem geen <style> sectie op in een specifieke pagina Neem geen style= attributen op in items of regions Ontwikkel vooral niet in IE 1:

13 CSS & APEX Onmisbare utilities Tijdens ontwikkeling: Firebug & extensies CSS Usage FireFinder Een goede reference Runtime : ie-css3.js jquery

14 Agenda From scratch Web standards basics HTML en CSS onmisbare tips Templates Page Lists Buttons Reports

15 Page Templates (1) Ga voor één generiek page template Themes hebben (te) veel page templates. 15 verschillende templates Notabs, OneLevelTabs, TwoLevelTabs, Printerfriendly, Login, Popup, Pages with Sidebar Je zou prima kunnen volstaan met 1 template.

16 Page Template Het standaard page template (1)

17 Page Template Het standaard page template (1)

18 Page Templates (2) één generiek page template Printen van een pagina via <CTRL>+P Ingebouwde browser functionaliteit dat alleen stylesheets gebruikt worden met media= print of media= all <link rel="stylesheet" type="text/css" href=""#image_prefix#css/print css" media="print" />

19

20

21 Page Template Tips voor mobiel gebruik Voor regions : Gebruik geen region columns Gebruik floats Bij reports : Gebruik bij report evt application items om kolommen te verbergen. Of maak gebruik van drijvende rijen m.b.v. Named Column templates (row template)

22 Page Template Tips voor mobiel gebruik (2)

23 Page Template Tips voor mobiel gebruik (2)

24 Page Template Tips voor mobiel gebruik (2)

25 Buttons APEX Verschillende buttons HTML buttons Style via Button Attributes Button Name (ID) Template Based Buttons bieden meer flexibiliteit. Meestal is 1 template voor alle buttons genoeg! #LINK# #LABEL# #BUTTON_ATTRIBUTES#

26 Buttons (2) Technieken, states & sprites Gebruik zoveel mogelijk dit template : <a href= #LINK#" title= #LABEL# #BUTTON_ATTRIBUTES# #BUTTON_ID#><span>#LABEL#</span></a> Maak styles voor button states default, active (pressed), hover, focus

27 Buttons (3) Technieken icons Een button template met een icon : <a href= #LINK#" title= #LABEL# #BUTTON_ID#><span #BUTTON_ATTRIBUTES# >#LABEL#</span></a> Button Attributes worden gebruikt om het icon te kiezen

28 Buttons (4) Technieken, flexibele buttons & regions Region voorbeeld met button holder

29 Form Items Standaard text items Geen templates voor Form Items Toch is het te voorzien van een stijl

30 Form Items (2) Extra opmaak & functionaliteit dmv jquery Ook extensies dmv javascript op form elementen zijn mogelijk Gebruik jquery Plugins Passroid Plugin

31 Form Items (3) Extra opmaak & functionaliteit dmv jquery (2) Ook extensies dmv javascript op form elementen zijn mogelijk Gebruik jquery Plugins Selectbox replacement

32 Reports (1) Named Column templates Vaak meerdere column named templates. Ingewikkelde layout is niet met alleen styles te regelen

33 Reports (2) Generic Column Templates Column template gewoonlijk 1 basic template

34 Reports (2) Generic Column Templates Gebruik geen #HIGHLIGHT_ROW#

35 Reports (2) Generic Column Templates

36 Regions 22 region templates. Wederom : vaak 1 template al genoeg Ook voor de hide en show region

37 Regions 22 region templates. Wederom : vaak 1 template al genoeg Ook voor de hide en show region

38 Lists Het flexibele navigatiemiddel Een eenvoudig template werkt voor alles

39 Lists Het flexibele navigatiemiddel Een eenvoudig template werkt voor alles

40 De te zetten stappen Durf af te stappen van een standaard template Ga voor de laatste standaarden Scheid structuur van vormgeving Investeer in een grondige CSS en jquery kennis

41 Vragen

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

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

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

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

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 Afronding vak JQuery, mail(formulieren) en social media Testen Website-design 5-1-2015 2 AFRONDING VAK

Nadere informatie

Y.S. Lubbers en W. Witvoet

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

Nadere informatie

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

Smartphone applications with Apex. Dealing with the limitations

Smartphone applications with Apex. Dealing with the limitations Smartphone applications with Apex Dealing with the limitations Inhoud - Introductie - Beperkte schermgrootte - Lastig invoeren via on-screen toetsenbord - Beperkte bandbreedte 2 3 A presentation by Who

Nadere informatie

Software 1. Basis HTML. bachelor grafische en digitale media cross-media ontwerp & grafimediatechnologie academiejaar 2009-2010 semester 1

Software 1. Basis HTML. bachelor grafische en digitale media cross-media ontwerp & grafimediatechnologie academiejaar 2009-2010 semester 1 Software 1 Basis HTML bachelor grafische en digitale media cross-media ontwerp & grafimediatechnologie academiejaar 2009-2010 semester 1 Alain Simons alain.simons@artesis.be Basis HTML 1. Introductie 2.

Nadere informatie

PORTAL HYDRON. Marco Tangelder - Clickfactor Bram Voogel - Oracle

PORTAL HYDRON. Marco Tangelder - Clickfactor Bram Voogel - Oracle PORTAL HYDRON Marco Tangelder - Clickfactor Bram Voogel - Oracle Inhoud Introductie Hydron The Case Design Probleemstelling Design Oplossing Design Implementatie Portal implementatie Samenvatting Lessons

Nadere informatie

DECADE FINANCIALS. met APEX klaar voor de toekomst. Zeist 25 03 2014

DECADE FINANCIALS. met APEX klaar voor de toekomst. Zeist 25 03 2014 DECADE FINANCIALS met APEX klaar voor de toekomst Zeist 25 03 2014 AGENDA Andre Geelen Team Manager Decade Decade introductie Sebastiaan Laponder Oracle Ontwikkelaar Decade 3 voor de migratie Gilbert Rattink

Nadere informatie

HTML en CSS gevorderd

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

Nadere informatie

Is APEX a worthy substitute for Oracle Forms?

Is APEX a worthy substitute for Oracle Forms? your oracle solu+ons partner Is APEX a worthy substitute for Oracle Forms? APEX for mission critical applications: the Groupm business-case By Ronny Boeykens & Stijn Van Raes iadvise o Opgericht in 2004

Nadere informatie

WT-Fotoalbum, WT-Catalogus en WT-Artikelen... 3. WT-Webwinkel... 3

WT-Fotoalbum, WT-Catalogus en WT-Artikelen... 3. WT-Webwinkel... 3 Inhoudsopgave Versie 2.0.0... 2 Algemeen... 2... 2 WT-Content... 3... 3 WT-Nieuws... 3... 3 WT-Fotoalbum, WT-Catalogus en WT-Artikelen... 3... 3 WT-Webwinkel... 3... 3 WT-Contact... 4... 4 Versie 2.0.1...

Nadere informatie

Websitecursus deel 2 CSS

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

Nadere informatie

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

Publicatie formulieren en surveys

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

Nadere informatie

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

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

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

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

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

Nadere informatie

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

APEX en JasperReports

APEX en JasperReports APEX en JasperReports een Dream Team! Spreker(s) : Datum : E-mail : Vincent Deelen 28 mei 2013 vincent.deelen@transfer-solutions.com WWW.TRANSFER-SOLUTIONS.COM Outline APEX en rapporten Oracle BI publisher

Nadere informatie

Oracle Application Server Portal Oracle Gebruikersgroep Holland Oktober 2003

Oracle Application Server Portal Oracle Gebruikersgroep Holland Oktober 2003 Oracle Application Server Portal Oracle Gebruikersgroep Holland Oktober 2003 Page 1 1 Kees Vianen Senior Sales Consultant Technology Solutions Oracle Nederland Agenda Geschiedenis van Oracle Portal Portal

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

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

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

Inhoud. Pagina 2 van 13

Inhoud. Pagina 2 van 13 Code Conventie Inhoud PHP algemeen... 3 Namen van variabelen... 3 Enkele of dubbele aanhalingstekens... 3 Globale variabelen... 3 Namen van functies... 3 Argumenten van functies... 3 Formattering... 4

Nadere informatie

Service Pack notes Web Solutions SPE SP4

Service Pack notes Web Solutions SPE SP4 Service Pack notes Web Solutions SPE SP4 Versie 1.0 INHOUD Online betalingen... 3 Online betalen met tablet... 3 Inrichting... 3 Overige aanpassingen online betalingen... 5 Alt tekst... 6 Bewerken van

Nadere informatie

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

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

Nadere informatie

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

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

Tutorial HTML CSS met Adobe Dreamweaver CSx

Tutorial HTML CSS met Adobe Dreamweaver CSx Tutorial HTML CSS met Adobe Dreamweaver CSx Johan Smits, Saxion, Minor Internetmarketing, WCM1, week 4 Introductie Bij het werken met content op een website is het van groot belang om tekst en vormgeving

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

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

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

Een webpagina maken. Een website bouwen met HTML en CSS practicum 1

Een webpagina maken. Een website bouwen met HTML en CSS practicum 1 Een webpagina maken De komende periode wordt in 8 practica een aantal technieken behandeld, die je nodig hebt om een (eenvoudige) website te kunnen bouwen. Nadat je deze 8 practica hebt doorgewerkt, moet

Nadere informatie

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

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

Handleiding RS Form! 1.0.4

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

Nadere informatie

SEO plan. Bart Janssen Semester 4 Fontys ICT & Media Design

SEO plan. Bart Janssen Semester 4 Fontys ICT & Media Design SEO plan Bart Janssen Semester 4 Fontys ICT & Media Design Inleiding Mijn adviesplan heb ik geschreven voor mijn persoonlijke leerportfolio. Het leerportfolio staat online op http://www.bartjanssen.eu.

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 Vormgever 5. Sliders aanpassen

Nadere informatie

MD/Module 4 html/css /JS HTML-CSS-JS. 1.2 Introductie jquery. Javascript module 4

MD/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 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

Handleiding: Whitelabel Customersite

Handleiding: Whitelabel Customersite ARGEWEB B.V. Handleiding: Whitelabel Customersite Controlportal.nl Argeweb Support 8-1-2009 Handleiding voor het gebruik maken van de Whitelabel Customersite op controlportal.nl, door Resellers van Argeweb.

Nadere informatie

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

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

Hand-out Web Technologies, werkcollege 5 Alex Reuneker 2012

Hand-out Web Technologies, werkcollege 5 Alex Reuneker 2012 Hand-out Web Technologies, werkcollege 5 Alex Reuneker (a.reuneker@hhs.nl), 2012 1. Groeperen (div- en span-elementen) : Het HTML-element div is een block-level element (zie hand-out bij het

Nadere informatie

Website rapport zazoutotaal.nl

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

Nadere informatie

Online advertenties Jobat.be Technische gegevens

Online advertenties Jobat.be Technische gegevens Online advertenties Jobat.be Technische gegevens 1. Bestandstypes 2. Formaten en bestandsgrootte 3. Bedrijfsfiches en HTML-jobs 4. Mailings 5. Job-/bedrijfsvideo 6. Jobat Mobile 7. Contacteer Jobat.be

Nadere informatie

Op heel brede monitoren kan een dergelijke site er snel ongemakkelijk worden doordat de tekst op heel lange regels komt te staan.

Op heel brede monitoren kan een dergelijke site er snel ongemakkelijk worden doordat de tekst op heel lange regels komt te staan. Layout met CSS Naast het opmaken van tekst, navigatie menu s en foto s komt de echte kracht van CSS tot uiting voor de layout van de webpagina. Het is geen eenvoudig onderwerp, daarom eerst een beetje

Nadere informatie

Macromedia Dreamweaver MX 2004

Macromedia Dreamweaver MX 2004 Macromedia Dreamweaver MX 2004 Ontwerp van statische websites met XHTML, CSS en JavaScript Versie 1.1 - maart 2005 Macromedia, Dreamweaver, UltraDev, Fireworks, Flash, Contribute en FreeHand zijn handelsmerken

Nadere informatie

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR

USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR USABILITY VOOR HET WEB EN MOBIELE APPARATEN PETER KASSENAAR WELKOM AGENDA Introductie Korte algemene inleiding Usability Usability voor mobiele apparaten Vragen - afsluiting INTRODUCTIE Peter Kassenaar;

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

JavaScript. 0 - Wat is JavaScript? JavaScript toevoegen

JavaScript. 0 - Wat is JavaScript? JavaScript toevoegen 0 - Wat is JavaScript? JavaScript is hele andere koek dan Scratch. Het wordt ook door professionele programmeurs gebruikt. Doordat er veel mensen gebruik maken van JavaScript is er veel informatie over

Nadere informatie

Responsive web applicaties op Oracle

Responsive web applicaties op Oracle APEX Responsive web applicaties op Oracle Spreker(s) : Datum : E-mail : Arian Macleane & Jacob Beeuwkes 06-06-2013 info@transfer-solutions.com WWW.TRANSFER-SOLUTIONS.COM Outline Trends APEX intro APEX

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

PRESTATIESITE WEBPAKKET

PRESTATIESITE WEBPAKKET PRESTATIESITE WEBPAKKET PRESTATIESITE Wij hebben al onze ervaring gebruikt om een gestandaardiseerd webpakket te ontwikkelen met een lay-out welke de focus heeft op leads en new business. Op deze wijze

Nadere informatie

FUMAGGO WEB SOLUTIONS

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

Nadere informatie

Toetsmatrijs Web Markup

Toetsmatrijs Web Markup Toetsmatrijs Web Markup Deze toetsmatrijs verstrekt de leerdoelen en toetscriteria voor het vak Web Markup competentienummers of C 1.1 Een eenvoudige webpagina bouwen, testen en publiceren op het web HTML,

Nadere informatie

Quickscan Webrichtlijnen

Quickscan Webrichtlijnen Quickscan Webrichtlijnen Gemeente Lingewaard Gemeente Lingewaard Datum 12-9-2017 Auteur Maaike Fuit-Triemstra Inhoudsopgave Inhoudsopgave 2 Samenvatting 3 Bevindingen 3 Quickscan 4 Sample 4 Resultaten

Nadere informatie

MailPlus-template voor BrightEdit

MailPlus-template voor BrightEdit Handleiding: MailPlus-template voor BrightEdit Deze handleiding is bedoeld voor MailPlus Partners en in te zetten voor MailPlus Marcom Inhoudsopgave Introductie... 1 1 De Template Manager... 2 1.1 Template

Nadere informatie

Website beoordeling dattilo.it

Website beoordeling dattilo.it Website beoordeling dattilo.it Gegenereerd op April 06 2017 07:07 AM De score is 37/100 SEO Content Title www.dattilo.it Lengte : 14 Perfect, uw title tag bevat tussen de 10 en 70 karakters. Description

Nadere informatie

Website analyse studiopeetr.nl

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

Nadere informatie

Website beoordeling megabikestuttgart.de

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

Nadere informatie

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

WordPress in het Kort

WordPress in het Kort WordPress in het Kort Een website maken met Wordpress. In minder dan één uur online! Inclusief installatie van een thema en plugins Alle rechten 2013, Rudy Brinkman, BrinkhostDotCom, http://www.brinkhost.nl

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

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

Website analyse anytime.nl

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

Nadere informatie

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

SBO WEBSITES BOUWEN IN 7 STAPPEN

SBO WEBSITES BOUWEN IN 7 STAPPEN SBO WEBSITES BOUWEN IN 7 STAPPEN STAPPENPLAN WEBSITE BOUWEN Online ondernemers behalen drie procent meer omzet dan hun offline collega's, zo blijkt uit onderzoek. Een goede reden om als mkb er online aanwezig

Nadere informatie

is front-end kennis relevant voor een UX designer

is front-end kennis relevant voor een UX designer In hoeverre is front-end kennis relevant voor een UX designer tijdens een designproces? Door: Wessel Grift Onderzoeksvraag In hoeverre is het hebben van front-end development kennis relevant voor een

Nadere informatie

Opdracht Dynamische Webapplicaties: HTML5

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

Nadere informatie

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

Website analyse screenstudio.nl

Website analyse screenstudio.nl Website analyse screenstudio.nl Gegenereerd op Oktober 17 2016 17:49 PM Uw score is 50/100 Zoekmachine optimalisatie Titel Screen Studio van 't Hull Textieldrukkerij in amsterdam oost voor het bedrukken

Nadere informatie

JCE prepareren. Joomla klaar maken voor je klant(en): De tekstverwerker op maat zetten

JCE prepareren. Joomla klaar maken voor je klant(en): De tekstverwerker op maat zetten JCE prepareren Joomla klaar maken voor je klant(en): De tekstverwerker op maat zetten Belangrijkste stappen Identificatie van de mogelijke profielen Wie mag wat doen? (dit doe je eigenlijk voor je hele

Nadere informatie

Quick Reference Guide Site beheer SharePoint TU Delft. Bestemd voor Key Users Versie 2.0 Datum 11-06-2012 Eigenaar SSC-ICT FAB SharePoint

Quick Reference Guide Site beheer SharePoint TU Delft. Bestemd voor Key Users Versie 2.0 Datum 11-06-2012 Eigenaar SSC-ICT FAB SharePoint Quick Reference Guide Site beheer SharePoint TU Delft Bestemd voor Key Users Versie 2.0 Datum 11-06-2012 Eigenaar SSC-ICT FAB SharePoint Quick Reference guide site beheer SharePoint TU Delft 1. Introductie

Nadere informatie

Instellen en werken met Templates

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

Nadere informatie

Sushi MIJN EERSTE WEBSITE. DE STIJL VAN HET BOVENSTE MENU AANPASSEN Kaart 6 van 10 Ik ben HTML/CSS aan het leren. Naar daar.

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

Website beoordeling pre-r.com

Website beoordeling pre-r.com Website beoordeling pre-r.com Gegenereerd op Januari 08 2016 17:33 PM De score is 67/100 SEO Content Title Pre-R Mobile Urgent Care in San Luis Obispo, CA Lengte : 49 Perfect, uw title tag bevat tussen

Nadere informatie

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

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

Nadere informatie

WebSite Director Gebruikersgids

WebSite Director Gebruikersgids WebSite Director Gebruikersgids CyberTeams, Inc. 104 South Main Street, Mt. Airy, MD 21771 301-829-6144! www.cyberteams.com CyberTeams and WebSite Director are registered trademarks of CyberTeams, Inc.

Nadere informatie

De mogelijkheden van Adobe Acrobat 8 voor het maken van toegankelijke PDF documenten

De mogelijkheden van Adobe Acrobat 8 voor het maken van toegankelijke PDF documenten De mogelijkheden van Adobe Acrobat 8 voor het maken van toegankelijke PDF documenten Colin van Oosterhout Business Development Manager Acrobat Agenda Introductie op Adobe Achtergronden van PDF Drijfveren

Nadere informatie

CMS Handleiding. Opgesteld door

CMS Handleiding. Opgesteld door CMS Handleiding Opgesteld door Alleen beschikbaar voor klanten v1.2 24-01-2008 Index 1. Inloggen... 3 2. De CMS Omgeving... 5 NAVIGATIE... 5 MENU... 6 CONTENT... 6 3. Content Wijzigen... 7 DE WERKBALK...

Nadere informatie

Release notes Mosaic 1.3.0

Release notes Mosaic 1.3.0 Release notes Mosaic 1.3.0 Copyright 2016 Swing Mosaic Swing Mosiac is een product van ABF Research Algemeen (Technische) verbeteringen Een aantal (technische) verbeteringen zijn hiervoor doorgevoerd,

Nadere informatie

ActiveBuilder Handleiding

ActiveBuilder Handleiding ActiveBuilder Handleiding Auteur: TalkActive I/S Datum: Juli 2004 Versie: R. 1.01 Taal: Nederlands Copyright 2004 - Talk Active alle rechten voorbehouden. Inhoud: 1. INTRODUCTIE...2 2. SNEL STARTEN...3

Nadere informatie

STRABRECHT COLLEGE WORDPRESS WEBSITE

STRABRECHT COLLEGE WORDPRESS WEBSITE STRABRECHT COLLEGE WORDPRESS WEBSITE Na het bekijken van de aangeleverde.psd bestanden, blijkt er nog veel onduidelijkheden over de functionaliteit van de website. Met name wat de elementen zijn en de

Nadere informatie

Cluster 1 Realiseert. 4 Beschrijving van de beroepssituatie behorende bij deze leereenheid

Cluster 1 Realiseert. 4 Beschrijving van de beroepssituatie behorende bij deze leereenheid LEEREENHEID HTML/CSS Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid

Nadere informatie

Instructies Zitecraft Content Management System (CMS)

Instructies Zitecraft Content Management System (CMS) Instructies Zitecraft Content Management System (CMS) Inloggen Het CMS wordt geopend via http://zitecraft.com/login of er kan op het icoontje rechtsonder op de zite geklikt worden. Vervolgens dient het

Nadere informatie

Website beoordeling seo-suchma schinenoptimierungmuenchen.de

Website beoordeling seo-suchma schinenoptimierungmuenchen.de Website beoordeling seo-suchma schinenoptimierungmuenchen.de Gegenereerd op April 14 2016 06:15 AM De score is 63/100 SEO Content Title G38 Suchmaschinenoptimierung München, SEO München Lengte : 50 Perfect,

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

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

ONTWERPEN VAN INTERACTIEVE PRODUCTEN

ONTWERPEN VAN INTERACTIEVE PRODUCTEN ONTWERPEN VAN INTERACTIEVE PRODUCTEN WORKSHOP INTERACTIEF PROTOTYPE BOUWEN F. van Slooten WORKSHOP INTERACTIEF PROTOTYPE BOUWEN Ontwerp Keuze tool/techniek Maken layout 2 dagen: dinsdag 23 september Ochtend:

Nadere informatie

Module IV - Cascading Style Sheets (CSS)

Module IV - Cascading Style Sheets (CSS) Module IV - Cascading Style Sheets (CSS) Cascading Style Sheets kunnen we het best vergelijken met opmaakprofielen binnen tekstverwerkers zoals Microsoft Word, Corel WordPerfect, OpenOffice Opmaakprofielen,

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

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

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

Joomla! vs Facebook (en andere Social Media)

Joomla! vs Facebook (en andere Social Media) Joomla! vs Facebook (en andere Social Media) Arnold Bergshoeff facebook.com/verfrissendmarketing twitter.com/verfrissendmkt Welke kant op koppelen? Website Content of Functionaliteit naar Facebook Content

Nadere informatie