De basis van HTML en CSS met AI

In de module Web Basis leer je niet alleen de absolute basis van HTML en CSS met drie modules: HTML en CSS Basis, HTML en CSS Vervolg en HTML en CSS Responsive, maar je leert ook te werken met ChatGPT om je website bouwervaring naar een hoger niveau te tillen. De focus ligt op het grondig begrijpen en correct toepassen van HTML en CSS, en het creëren van een eenvoudige, responsive website met behulp van ChatGPT als een waardevol hulpmiddel.

ChatGPT

Het gebruik van ChatGPT als hulpmiddel bij het bouwen van websites is waardevol. Het stelt ontwikkelaars in staat om complexe taken te vereenvoudigen en sneller te werken. Maar het is essentieel om de juiste regels te kennen bij het opstellen van een prompt om optimaal gebruik te maken van de kracht van ChatGPT, anders krijg je niet werkende code.

Door de juiste kennis van HTML, CSS en Photoshop te combineren en daarnaast gebruik te maken van ChatGPT als hulpmiddel, kun je je website bouwvaardigheden naar een hoger niveau tillen en nog efficiënter en creatiever te werk gaan. Het begrijpen van de basisprincipes en het correct formuleren van je vragen aan ChatGPT zal je helpen om nieuwe technieken sneller te leren en te kunnen toepassen.

Photoshop

Voor web-designers en -developers is de vierde module, Photoshop Voor Webdesign, onmisbaar. Hierin leer je de webtoepassingen van Adobe Photoshop optimaal te gebruiken, zoals het uitvoeren van Image en Batchbewerkingen, het produceren van diverse bestandsformaten voor het web, het creëren van web-animaties en het segmenteren van Images.

Vervolg opleidingen

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

Programma 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

  • 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, Flex en Grid Layout
  • 1, 2 en 3 koloms layout, vaste en variabele kolombreedte
  • Nieuwe mogelijkheden met HTML5 en CSS
  • Javascript en mediaQuery’s

HTML en CSS Responsive

  • 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

Responsive website met ChatGPT

  • Website definieren
  • Prompt voor responsive website
  • Testen en prompt bijstellen
  • Prompt voor meerdere pagina’s
  • Testen en prompt bijstellen
  • Prompt voor responsive menu
  • Testen en prompt bijstellen
  • Prompt voor formulier
  • Testen en prompt bijstellen
  • Prompt voor animaties
  • Testen en prompt bijstellen

Examen Web Basis

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

Subsidies?

Kijk voor subsidie mogelijkheden op onze pagina: subsidies.