In de module Web Design Basis leer je de absolute basis van HTML en CSS met de drie modulen; HTML en CSS Basis, HTML en CSS Vervolg en HTML en CSS Responsive Design. De nadruk ligt op het goed begrijpen en leren gebruiken van HTML en CSS en de samenwerking tussen deze twee en dit in een eenvoudige responsive website kunnen toepassen. HTML en CSS vormen de basis van het web. Heb je hiervan een goede kennis dan kun je verder bouwen en leren in het onuitputtelijke gebied van het web design en development. Onmisbaar ook voor web-designers en -developers is de vierde module: Photoshop Voor Webdesign. Je leert de webtoepassingen die Adobe Photoshop biedt optimaal gebruiken. Bijvoorbeeld: Image en Batchbewerkingen, diverse bestandsformaten voor het web produceren, web-animaties maken en segmenteren van Images.

Web Design Basis is tevens het eerste deel van de opleidingen: Webdesigner en Web Developer en daarmee ben je met de aanvulling van de cursus WordPress Websites halfweg op de route van de opleiding WordPress Expert.

Studieprogramma Web Design Basis

HTML en CSS Basis met Dreamweaver

  • Introductie HTML en CSS
  • Sites definiëren en publiceren
  • Afbeeldingen en hyperlinks
  • Een CSS Stylesheet koppelen
  • De layout opbouwen in CSS
  • Sjablonen en bewerkbare gebieden

HTML en CSS Vervolg Technieken

  • CSS stijldefinities, classes
  • CSS en HTML voor tekstopmaak, tabellen en formulieren
  • CSS toepassen voor de layout van pagina's
  • De begrippen Float, Relative en Absolute
  • 1, 2 en 3 koloms layout, vaste en variabele kolombreedte
  • Nieuwe mogelijkheden met HTML5 en CSS
  • HTML en CSS in combinatie met Dreamweaver
  • Javascript en mediaQuery’s in Dreamweaver

HTML en CSS Vervolg Responsive Design

  • Wat is Responsive Design
  • Layout voor Mobile
  • Layout voor Tablet
  • Layout voor Desktop
  • Wat zijn Media Queries
  • Media Querie vanaf de basis
  • Meerdere schermen formaten
  • Orientatie veranderingen
  • CSS manipulatie
  • Bootstrap Framework
  • Responsive images

Photoshop Vervolg voor Webdesign

  • Pixelafmetingen
  • Selectietools
  • Kleurpaletten
  • Werken met lagen en laaggroepen
  • Laagstijlen en visuele effecten
  • Tekst- en vectorlagen
  • De interface verdelen in segmenten
  • Integratie Photoshop, Dreamweaver, Animate CC
  • Afbeeldingen opslaan voor web

Examen Web Design Basis