Deel 1



Sinds het Witte Huis koos voor Drupal, werd dit gratis pakket wereldberoemd. Ondertussen volgden ook het hele Vlaamse medialandschap, vele artiesten, sportlui en politici.

Drupal is open source. Dit betekent dat je het volledig kan en mag aanpassen, ook voor commerciële doeleinden. whitehouse.gov, intel.com, grammy.com, een.be, vtm.be, vt4.be, enz. !


Dit pakket is de concurrent van Joomla, maar heeft zijn eigen voordelen en eigenheden. Drupal heeft vooral een zuiverdere code en is veel uitbreidbaarder dan zijn concurrenten.


In dit eerste deel leert u een basiswebsite maken in Drupal, met inhoud, een zelfgekozen layout en enkele functionaliteiten als zoekfunctie, login, contactformulier en enquête. U leert ook een Drupalsite op internet publiceren.



Vereiste basiskennis: grondige internetkennis. Basis HTML, CSS en PHP zijn handig, maar niet verplicht.

Snuif de sfeer in de Drupalklassen op via drupalcafetaria.be. Op deze site vindt u showcases van cursisten terug, maar ook een forum en andere toffe Drupalgerelateerde zaken. 



Deel 2



In deze curus leer je een drupalsite uitbreiden met de interessantste functionaliteiten en leer je stap voor stap werken met views. U kan zo uw Drupalsite omtoveren tot alles wat je maar wil: mediasite, festivalsite, receptensite, veilingsite, webwinkel, enz.

Gedaan met moeilijke php-codes en SQL-statements! Laat views voor u het werk doen. Verder leert u werken met een gastenboek, slideshow, kalender, muziek, video en nog veel meer!
U leert werken met lightbox, data en captcha's.




Vereiste basiskennis:
 Drupal deel 1

Deel 3



U heeft nu kunnen zien hoe krachtig Drupal is en hoeveel mogelijkheden de CMS heeft. Nu leren we in dit laatste deel onze eigen template maken. We doen dat op twee manieren: via een eenvoudig hulpprogramma (snelle manier) en via maatwerk: Photoshop/Fireworks + Dreamweaver (XHTML, CSS, PHP, ...). Dit is de trage manier.
 



Vereiste basiskennis:
 Drupal deel 1

Deel 4



In dit deel komt alles tesamen. We nemen het projectmatig op en maken diverse sites vanaf nul. Leren communiceren met een klant, de nood in een site analyseren en zetten alles schematisch op papier. Vervolgens maken we vanaf nul een volledige website op maat, mét aangepaste template. Tot slot is in deze cursus plaats voor het ontdekken van nieuwe modules en het doen van eventuele updates.



Vereiste basiskennis: 
Drupal deel 2 en 3

Project (voormalig deel 5/6) 
Word expert in Drupal!

We duiken onder de zeespiegel en verkennen nu de rest van de ijsberg. We leren responsive sites te bouwen, die keurig en correct vertoond worden op smartphones en tablets. Daarnaast leggen we de lat nog een stuk hoger en leren we met diverse tpl.php's de layout tot in de puntjes te verzorgen. We leren werken met CSS Frameworks als 960gs en Skeleton. Zou het niet tof zijn om een native app (iPhone/iPad/Android) te maken van onze site? Ook in deze cursus is er weer ruimte voor suggesties en nieuwe functionaliteiten.

Vereiste basiskennis: een voorkennis van delen 2 en 3 is vereist, een getatoeëerde druppel is een pluspunt.

Je eigen plaatsje op internet? Dreamweaver is een toonaangevend Adobe-product. Het wordt nog steeds erg vaak gebruikt door professionele websitebouwers. Maar ook voor hobbyisten is het een aanrader. Je kunt met dit programma namelijk op 2 manieren een website bouwen: via code (HTML) of op een grafische wijze (WYSYWIG). Maak een website over de tennisclub, je bedrijf, tuinieren, je favoriete recepten, enz.

Deel 1

In het eerste deel leer je de basis van webdesign. Je leert een website maken, publiceren op internet en onderhouden.

Inhoud
 

• HTML: bespreking van de meest voorkomende tags en attributen
• Gebruik van een WYSIWYG-editor (Dreamweaver)
• Tekenen
• Alineaopmaak
• Toevoegen van figuren
• Toevoegen van hyperlinks
• Opmaak m.b.v. Tabellen
• Webpagina's met frames
• Toevoegen van speciale objecten
• Publicatie en onderhoud van een website

Basiskennis
vlot met een PC of Mac kunnen werken, vertrouwd zijn met internetgebruik

Deel 2
We gaan een stapje verder. Hoe kan je een professionele website maken die beantwoordt aan de nieuwste webstandaarden? In deze cursus gaan we via geavanceerde technieken leren hoe je een site snel kan updaten en sneller kan maken. Je leert meerdere opmaakmogelijkheden en nog veel meer!

Inhoud
 

• Formulieren
• Cascading style sheets (opmaakprofielen)
• Divs/layers
• Behaviors en javascriptjes
• Planning van een site
• Templates (sjablonen)
• Initiatie fireworks en lay-outtabellen
• De tijdslijn
• Fotoalbums
• Dreamweaver uitbreiden (extensions en snippets)

Basiskennis
basiskennis websitebouw

Deel 3
Tijd voor iets nieuws. Waarom geen dynamische site? Werk via Php en MySQL en geniet van talloze voordelen: een heel nieuwe wereld gaat voor je open.

Inhoud
 

• Je leert wat een persoonlijke webserver is en zal de WAMP-server leren gebruiken.
• Je leert een php-website koppelen aan een MySQL-database.
• Je leert via een webpagina gegevens uit een database halen.
• Je leert via aparte webpagina's gegevens toevoegen, wijzigen en verwijderen uit een database.
• Je leert je website degelijk beveiligen.
• Je leert hoe je een zoekfunctie kan maken waarmee men heel je website kan doorzoeken.
• Je leert aan welke voorwaarden webruimte moet voldoen om een dynamische website te publiceren.
• Je leert je dynamische website te publiceren.
• Dit alles zonder één woord php te moeten gebruiken.  Leer een mondje SQL en ontdek hoe databases werken. Laat deze termen je vooral niet afschrikken. We starten vanaf nul. Dit kan niet gezegd worden van Dreamweaver. Een degelijke kennis van websitebouwen is vereist! Ondek hoe je een gastenboek, poll, fotoalbum en eenvoudige webwinkel kan maken. Je zal het je niet berouwen!

Basiskennis
een voorkennis van Dreamweaver (zie deel 1)

Deel 4
In dit deel gaan we verder met de dynamische websites. We leren wederom php-sites maken die aan MySQL-databases gekoppeld zijn. Maar dit keer gaan we een stapje verder:

Inhoud
 

• Korte herhaling WAMP-server, gegevens tonen, toevoegen, wijzigen en verwijderen.
• Een website op verschillende niveaus beveiligen: verschillende gebruikers kunnen verschillende taken uitvoeren op je site.
• Foto’s uploaden en automatisch laten resizen.
• Foto’s verwijderen van de webspace en automatisch thumbnails laten genereren.
• Implementatie van een Rich Text Editor. Hierdoor kan je je volledige website online aanpassen.
• Automatische mails laten versturen: ontwikkel je eigen nieuwsbriefsysteem.
• Werken met parameters en variabelen.
• Een geavanceerde zoekfunctie.
• Wat zijn CMS'en en hoe zet je er eentje op?
• …

Basiskennis
een voorkennis van Dynamische websites in Dreamweaver (zie deel 3)


terug

PHP is een scripting taal waarmee je vanaf volledig naar eigen smaak een dynamische website kan programmeren. De instap drempel is iets hoger dan met kant en klare website pakketten, maar uiteindelijk heb je wel volledige vrijheid om je website exact te maken zoals jij het wil.

PHP is de meest gebruikte en populaire taal om dit te doen. De instapdrempel is laag en je moet geen programmeer voorkennis hebben. Het is ook een uitstekende taal om je eerste stappen in de programmeerwereld te zetten en de basis begrippen te leren die in elke programmeer en scripting taal terugkomen.

Deel 1
In dit eerste deel leren we in de eerste plaats de basisprincipes van PHP en MySQL. En op deze manier ook onmiddellijk de basisbegrippen van programmeren en en databanken.
Tegen het einde van dit eerste deel willen we toch al een eenvoudige, databank gestuurde website maken, waarbij je artikels kan plaatsen op je site via een formulier, kan zoeken via een zoekveld, een eenvoudig inlog systeem, ...

Basiskennis: basiskennis HTML

Deel 2
In dit tweede deel werken we met kleine projecten waarbij we elke keer wat nieuwe, technieken gebruiken. Zaken zoals een pagineringsysteem, bestandsupload het integreren van een rich text editor, RSS en XML komen aan bod. Verder leren we ook de basis van meer gevorderde programmeertechnieken zoals Object Georienteerd programmeren.

Basiskennis: PHP deel 1
 

Deel 3
Deel drie draait vooral rond meer geavanceerde functies zoals het aanpassen van geuploade foto's (verkleinen, watermerk toevoegen), reguliere expressies, schone url's.
Ook gaan we dieper in op een aantal gevordere programmeertechnieken en patronen.

Basiskennis: PHP deel 2

PHP framework
We gaan nu werken met een PHP Framework, we gaan nog altijd onze programmeer code zelf schrijven, maar nu maken we gebruik van een skelet waarbinnen we werken. Dit gaat ons heel wat werk uit handen nemen en helpen met het bouwen van een site die allerlei moderne functies heeft op een snelle manier.

Basiskennis: PHP deel 3

jQuery is een rijke, snelle en elegante uitbreiding op JavaScript. Het is opensource, er is een uitgebreide documentatie voorzien en een zeer actieve community. Daardoor wordt er heel regelmatig een update uitgebracht en verschijnen er constant nieuwe plugins.

Het gemak waarmee je kunt programmeren t.o.v. gewone JavaScript is verbazend. Een lichtgewicht qua KB, uitstekende performantie en zeer uitgebreide ingebouwde voorzieningen laten de huidige webdesigners kiezen voor deze tool.

jQuery is een verzameling van functies die de oorspronkelijke JavaScript functies uitbreiden. Je hebt complete controle over de DOM (Document Object Model), m.a.w. de elementen in je html pagina.

Er zijn 2 belangrijke uitbreidingen op jQuery zelf, nl. jQuery UI, een plugin voor effecten en gebruikersinteractie elementen, en jQuery Mobile, om te ontwikkelen voor alle mobiele platformen.

jQuery ondersteunt alle populaire en minder populaire browsers, ja ook IE6 :)

Websites die gebruik maken van jQuery : google, amazon, IBM, Microsoft, twitter, Dell, NBC, wordpress, drupal, mozilla, opera, …

jQuery can do that  "Like a boss" ! Bekijk een voorbeeld.

Inhoud

• basisprincipes javascript : variabelen, functies, strings, arrays,...
• basistechnieken jQuery : implementatie script
• selectors : selecteren van elementen op de pagina
• events : gebeurtenissen opsporen en afhandelen, bv. een muisklik, pagina inladen,…
• effects : fade, slide, toggle, animate, …
• jQuery UI : gebruikers interactie elementen toevoegen en instellen
• JSON en AJAX : externe data inlezen en wegschrijven, zonder een pagina refresh te doen
• jQuery Mobile : ontwerp voor mobiel

Voorkennis

vlot met een computer en internet kunnen werken, HTML, basis programmeertechnieken
 

U hebt een site, waarmee u goed wilt scoren in Google en andere zoekmachines. Welkom in de wondere wereld van SEO. SEO staat voor zoekmachineoptimalisatie (Search Engine Optimalisation). U leert de trucjes die nodig zijn om een gunstige ranking te verkrijgen. Maar vergis u niet. Niet alle bezoekers die u op het oog heeft, zullen u vinden via een zoekmachine. Ook sociale media spelen een erg belangrijke rol. Hoe kunt u Facebook en Google + inschakelen voor uw website? Hebt u al een groep of pagina? Hoe werkt Twitter nu eigenlijk en hebt u al een LinkedIn-profiel?
In deze cursus leert u met sociale media werken, en leert u ze in uw website te implementeren. Maar daar stopt het niet bij. U leert uw site gebruiksvriendelijk maken (usability) en zelfs een woordje schrijven voor het web. Tot slot duiken we in de e-marketing en trachten we wat bij te verdienen via advertenties.
Nog eventjes en termen als SEF, SEM, ROI zijn geen geheim meer voor u!
 

HTML5 is dé nieuwe standaard om webpagina's te bouwen. Nu meer en meer browsers beter en beter met deze nieuwe opmaaktaal uit de voeten kunnen, wordt het als webdesigner en -ontwikkelaar stilaan tijd om op deze rijdende trein te springen. Een extra CSS3-laagje levert je site een toekomstbestendig vernislaagje op. In deze cursus zorgen we voor een 'jump start' in de wondere wereld van HTML- en CSS-codes. Je leest het goed - deze cursus loodst je door een boel interessante haltes op de codelijn.

DEEL 1
In deel 1 beginnen we met de basis van html en css. Deze twee code-talen zijn de bouwstenen van een website. Elke website op het web heeft wel enige vorm van html en css in de achtergrond. We beginnen in deze cursus met de nieuwe semantische ondertoon in HTML5. Hoe moeten we een structuur opbouwen met de nieuwe sectie-elementen? Wanneer moet welk element gebruikt worden? Welk nut heeft deze nieuwe sementische structuur in HTML5? Daarna gaan we verder met het koppelen van een CSS pagina. We leren de basiselementen van CSS en zien al enkele nieuwigheden in CSS3. We gaan dan ook dieper in op de CSS eigenschappen die nodig zijn om elementen te positioneren op een pagina. Dit is een van de moeilijkste onderdelen van CSS maar tevens ook een van de belangrijkste.

- Basis HTML elementen: tekstopmaak, afbeeldingen, lijsten, links, ...
- Nieuwe semantische elementen van HTML5
- Oud en nieuw HTML document outline
- Link tussen HTML en CSS
- Basis CSS eigenschappen en waarden
- CSS selectors
- Pagina layout:
- positioneren van elementen op een pagina
- box model

Voorkennis: Basis computerkennis en bestandsbeheer

DEEL 2
In het tweede deel van de cursus bouwen we verder op de basis van HTML5 en CSS3. Hier gaan we dieper in op de specifieke nieuwigheden. De vele HTMl5 nieuwigheden zoals het invoegen van multimedia, geolocatie of formulier validatie komen aan bod. Ook de nieuwe CSS3 eigenschappen zullen de revue passeren. Afgeronde hoeken, schaduw, doorzichtigheid en animaties zijn enkele voorbeelden hiervan. We leren ook gebruik maken van enkele HTML en CSS templates om het ontwikkelen van een website te vergemakkelijken. Een belangrijk onderdeel gaat ook "responsive design" zijn. Met andere woorden: een website automatisch laten aanpassen om steeds de beste weergave te krijgen, zoals op een mobiele telefoon, een tablet of een desktop scherm.

- Video- en audiofragmenten insluiten
- Geolocatie, nieuwe formuliervalidatie,
- Teksteffecten, afgeronde hoeken, schaduw en kleurgradaties
- Css animatie, Web fonts
- Responsive Design met CSS3
- Boilerplate/Bootstrap templates

Voorkennis: Basis HTML en CSS (html elementen, css linken, css selectors, positionering)

Heb je minstens één module Drupal, Joomla! of Dreamweaver achter de kiezen? Ben je vertrouwd met het technische van websitebouw, maar missen je maaksels nog wat grafische punch? Dan is Photoshop voor webdesigners zeker iets voor jou.

We gaan aan de slag met pixelgebaseerde en vectorgeörienteerde tekengereedschappen en produceren gelikte webinterface-elementen zoals hoofdingen, knopjes, achtergronden,... We rusten niet tot elke pixel er zo uitziet zoals jij dat wil.

De module eindigt met de productie van een statische webpagina die op het vlak van vormgeverij, code én zoekmachineoptimalisatie snor zit.

Dit eindproduct kan je dan met je reeds vergaarde handigheid met Drupal, Joomla! of Dreamweaver combineren. Zo bouw je later dan je eigen Drupal- of Joomla!-templates of verwerk je eigen interface-elementen in je Dreamweavergebaseerde sites.

Voorkennis: Bekendheid met Photoshop is niet vereist - we starten met de absolute basis. Een basiskennis van het webgebeuren is echter wel onontbeerlijk. Ervaring met XHTML, CSS en technisch Engels zijn stevige pluspunten.