Ontwikkelen website

 

Tijdens het ontwikkelen van een website doorloopt webRtistik de volgende 5 stappen:

  1. Opknippen website ontwerp
  2. Ontwikkelen HTML template(s) i.c.m. CSS
  3. Ontwikkelen front-end animaties
  4. Opzetten website
  5. Testen website

NB: Uiteraard kan webRtistik ook elke stap afzonderlijk uitvoeren.

1. Opknippen website ontwerp

Het opknippen (slicen) van een ‘png’ of ‘psd’ bestand (het ontwerp bestand) gaat vooraf aan het ontwikkelen van de HTML template(s) i.c.m CSS en is nodig om grafische elementen ‘uit het ontwerp’ te knippen. De uitgeknipte plaatjes kunnen zo worden geïntegreerd in de HTML template.

2. Ontwikkelen HTML template(s) i.c.m. CSS

Één of meerdere HTML template(s) i.c.m. CSS vormen de basis voor een website en/of webpagina.

HTML

HyperText Markup Language (HTML) is de taal die een webbrowser begrijpt en omzet naar de website die u ziet in de webbrowser. In een HTML template worden HTML elementen gebruikt om de structuur van het ontwerp na te bouwen. 

HTML template fragment

Fragment uit een HTML template

CSS

Door gebruik te maken van Cascading Style Sheets (CSS) kunnen de HTML elementen worden voorzien van styling. Bijvoorbeeld: lettertype, kleur, afmetingen en afbeeldingen. Door gebruik te maken van aparte ‘stylesheets’ wordt de styling van een HTML template gecentraliseerd.

CSS template fragment

Fragment uit een stylesheet

Dynamische templates

webRtistik ontwikkelt websites met de (web)programmeertaal PHP. Dit zorgt ervoor dat de hierboven omschreven HTML templates dynamisch worden: de tekst in de HTML template kan dan bijvoorbeeld uit een database komen ( i.p.v. rechtstreeks uit de HTML template).

3. Ontwikkelen front-end animaties

Een front-end animatie is een proces dat zich afspeelt aan de front-end kant (ook wel voorkant of client side genoemd) van de website en wordt meestal ontwikkeld met JavaScript . Vaak gaat het hier om een interactie tussen de website bezoeker en browser. Enkele voorbeelden zijn:

  • Uitschuifbaar (sub)menu
  • ‘Hover’ effecten

webRtistik ontwikkelt front-end animaties bij voorkeur op basis van de JavaScript library jQuery. Uiteraard is het mogelijk om, indien gewenst, animaties te ontwikkelen op basis van andere JavaScript libraries.

4. Opzetten website

Het opzetten van een website kan bij webRtistik op 2 manieren:

  1. Met CMS, o.b.v. WordPress (indien gewenst is ook een ander CMS mogelijk)
  2. Zonder CMS

Met CMS (WordPress)

De website wordt ontwikkeld op basis van het WordPress Content Management Systeem (CMS). De HTML en CSS template(s) zullen in dit geval worden verwerkt in een WordPress Theme.

Dashboard WordPress CMS

Impressie van het WordPress Dashboard (beheeromgeving CMS)

► Lees meer over de WordPress diensten van webRtistik.

Zonder CMS

Uiteraard kan er ook een website zonder CMS worden ontwikkeld. In dit geval wordt de website opgezet d.m.v. de HTML en CSS template(s).

5. Testen website

Gedurende het ontwikkelen van een website kunnen er altijd fouten in de code ontstaan. In de testfase wordt geprobeerd de meeste van deze fouten, ook wel bugs genoemd, te traceren en te verhelpen. Ook het optimaliseren van de ontwikkelde website voor alle moderne browsers wordt in de testfase meegenomen.

► Bent u geïnteresseerd of heeft u vragen? Neem gerust contact op.