Inleiding

Websites bewerken
Overzicht van tools voor het maken van webpagina's
Overzicht van Adobe-producten
Kennismaken met cloud computing met Dreamweaver CC
Uw Adobe-ID maken

Eerste stappen met Dreamweaver

Ontdekking van de interface: vensters, componentenpaletten, panelen

Organiseren van de werkruimte
Voorkeuren instellen: scherm, browsers, editor, enz.
Webpagina's maken: bewerken, wijzigen, opslaan
- Tekst opmaken (lettertypes, titels, alinea's, voorgeformatteerde tekst)
- Afbeeldingen invoegen en eigenschappen manipuleren (formaat wijzigen, optimaliseren, bijsnijden)
- Hyperlinks maken (link naar een webpagina, link naar een bestand, link naar e-mail)
- Tabellen maken, wijzigen
Een Dreamweaver-site definiëren, bestanden beheren, de sitemap weergeven

Workshop: Creëren van een eerste site

Herinnering aan XHTML code

Werkingsprincipes
Basisprincipes van XHTML: tags en attributen, tagcategorieën.
Presentatie van de belangrijkste tags (tekst, afbeeldingen, lijsten met opsommingstekens, links, tabellen...)
Behandeling van tabellen

Workshop: Een webpagina maken om tags te testen

HTML5-tags

Structuur en semantiek in HTML5
Gebruik van de tag
Gebruik van de tag

Workshop: Een HTML5-pagina maken om tags te testen

CSS stijlen

Basisprincipes
Verschillende soorten CSS regels
CSS opmaak met Dreamweaver
- Het herdefiniëren van een stijl van een XHTML tag
- Het definiëren van selector stijlen: hover links, actieve links...
- Creëren van aangepaste stijlen
- Toepassen van aangepaste stijlen
- Bijvoegen van een stijlblad

Workshop: Eerder gemaakte pagina's stylen.

Websites maken met de tabelmethode

De ergonomie van een website creëren
Positioneringsproblemen beheren
De hoofdsjabloon genereren
Pagina's van de sjabloon bewerken

Workshop: Een site maken met de tabelmethode

Formulieren

Hoe werkt een formulier
Formulieren maken: velden invoegen, opmaken...
Nieuwe html5-velden invoegen
Het formulier valideren
Gegevens ophalen, een e-mail versturen met PHP
CSS-opmaak van formulieren

Websites online zetten met Dreamweaver

Principes van FTP-overdracht
De FTP-client van Dreamweaver instellen
Bestanden overbrengen naar de externe server
Presentatie van andere FTP-hulpmiddelen
Uw bestanden synchroniseren

Workshop: Onze website online zetten op een externe server

Sjablonen gebruiken

Werkingsprincipes van Dreamweaver-sjablonen
Architectuur van het sjabloon en organisatie van de verschillende gebieden
Een sjabloon maken
Een sjabloon gebruiken

Workshop: Pagina's maken op basis van een sjabloon

Geavanceerde opmaakfuncties

Bladwijzers invoegen
Links naar bladwijzers
Kennismaking met Flash
Een Flash-menu maken
Geanimeerde tekst, media (geluid, video) invoegen

Inleiding tot DHTML

Beginselen van DHTML
Dynamische inhoud genereren met Dreamweaver:
- Gedragingen (verschijnen van objecten, openen van vensters, afbeeldingen laten zweven, enz.)
- Scenario's (lagen verplaatsen, titels laten scrollen, enz.)

Workshop: Creëren van dynamische menu's
Validatie van formulieren, speciale effecten, Pop-Up

Inleiding tot referentiëring

Presentatie van de uitdagingen van referencing
Concepten en invoegen van header tags
Rangschikkingscriteria van zoekinstrumenten
In acht te nemen regels en Spam-dexing

Vloeistofroosters ontdekken

Presentatie van responsive design
Vloeibare rastermodus
Invoegpalet
Een paginastructuur maken
Verwijzen naar andere media
Een paginamodel maken
Een boomstructuur en navigatie maken

Workshop: Het creëren van een responsive design site

Ontdekken van jQuery UI/ JQueryMobile

Presentatie van jQuery UI
Essentiële functies
JQuery UI installeren en een basiscomponent gebruiken
De JQuery-tabbladen gebruiken
JQuery Mobile-paneel

Workshop: Een dynamisch menu maken met JQuery UI,
gebruik van JQuery-effecten
een pagina maken en opmaken voor mobiel

Ontdek CSS Ontwerper en Overgang

Presentatie van CSS Designer en Transition
Ontdekken van de aanpassing van de structuur
Toevoegen en wijzigen van regels
optimaliseren van stijlen

Workshop : Workshop: Kleurverlopen en overgangen maken op HTML-elementen

Uitbreiding Manager

Installatie van Extensiebeheer
beheer van adobe-toepassingen op uw computer

Web projectbeheer met Dreamweaver

Een site specificeren: het bestek
De site ontwerpen: ergonomie, navigatie, grafisch charter, databanken, enz.
De site ontwikkelen: de rol van Dreamweaver
De site online zetten: het belang van het recept
De site bewaken: uw website animeren en onderhouden

Conclusie

Het behalen van de certificering (indien in de financiering inbegrepen)