In de module Web 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 Basis is tevens het eerste deel van de opleidingen: Webdesigner, Web Developer, Web Frontend Developer, Web Back End Developer en de opleiding WordPress Pro.

Studieprogramma Web Basis

HTML en CSS Basis

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

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
  • Javascript en mediaQuery’s

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
  • Flexbox en Grid layout
  • Responsive images

Photoshop 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 responsive web
  • Batch bewerkingen
  • Gif animaties

Examen Web Basis

Web Basis is tevens het eerste deel van de opleidingen: Webdesigner, Web Developer, Web Frontend Developer, Web Back End Developer en de opleiding WordPress Pro.