Handboek Dreamweaver CS6

Handboek Dreamweaver CS6

Uitvoering
Boek, 448 pagina's
ISBN
9789059405646
Gepubliceerd
2012
Serie
€ 27,99
niet meer leverbaar

Adobe Dreamweaver CS6 staat bekend als een van de krachtigste programma’s om websites mee te ontwikkelen; veel professionals gebruiken deze software. In Dreamweaver CS6 is onder meer het opzetten en instellen van nieuwe sites sterk vereenvoudigd zodat u nog sneller aan de slag kunt. De meegeleverde voorbeeld-sjablonen voor paginaontwerp helpen u snel op weg. Verder is Dreamweaver CS6 zowel voor beginners als gevorderde webdesigners de eerste keuze voor het ontwerpen van nieuwe websites of het bijhouden van bestaande sites. Dreamweaver biedt brede ondersteuning voor moderne technieken als het werken met Web 2.0, AJAX en contentmanagementsystemen, zoals WordPress en Joomla. In dit Handboek laat Peter Kassenaar u aan de hand van vele praktische voorbeelden en workshops zien hoe u snel een professioneel ogende website opzet en onderhoudt. Daarbij wordt ook uitgebreid stilgestaan bij achterliggende ontwerptechnieken en de workflow rond het maken van een site. Tot de behandelde onderwerpen behoren:

  • kennismaken met de werkomgeving en de nieuwe mogelijkheden
  • de basishandelingen om een website op te zetten die is gebaseerd op sjablonen
  • de site publiceren op het web en daarna onderhouden
  • teksten opmaken en kennismaken met CSS
  • pagina’s vormgeven en afbeeldingen toevoegen
  • Photoshop-afbeeldingen invoegen en bewerken
  • werken met AJAX-technieken zoals een Spry-menu en Spry-accordeon
  • webformulieren invoegen en afhandelen
  • een CMS-site in WordPress opzetten met Dreamweaver

Dit boek is gebaseerd op de Nederlandse versie van Dreamweaver CS6, maar is door de opzet ook te gebruiken bij de Engelse versie van de software. Het boek is zowel geschikt voor Windows als Macintosh.

Downloadbare bestanden
Wis filter
  • Peter Kassenaar

    Peter Kassenaar

    Peter Kassenaar is auteur van vele boeken over algemeen pc-gebruik programmeertalen en internettechnieken. Hij is gespecialiseerd in frond-endtools -frameworks en -toepassingen. Via zijn eigen bedrijf verzorgt hij trainingen op deze gebieden voor bedrijven...
    Kassenaar K

Handboek Dreamweaver CS6

1
Dreamweaver CS6 in vogelvlucht
Beknopte geschiedenis en enkele basisbegrippen
Enkele achtergronden – basiskennis internet
De rol van HTML, CSS en JavaScript
Browsers: de stand van zaken
Belangrijke begrippen in Dreamweaver CS6
Tot slot
Oefeningen
2
Kennismaken met de interface van Dreamweaver
Dreamweaver starten
Onderdelen van het Dreamweaver-venster
Het startvenster
Het dok
De werkruimte aanpassen
Geïntegreerde visuele en code-editor
Eigenschappen van elementen aanpassen
De gereedschapskist: het palet Invoegen
Uitgebreide CSS-mogelijkheden
Meer CS6-eigenschappen en nieuwe functies
Tot slot
3
Workshop: Uw eerste site in Dreamweaver CS6
Doelen van deze workshop
Stap 1 – De lokale hoofdmap maken
Stap 2 – Een sjabloon maken
Stap 3 – De sjabloon opslaan
Stap 4 – De homepage maken
De homepage opmaken
Een tweede pagina toevoegen
Koppelingen aanbrengen
De sjabloon aanpassen
De site testen
Vragen en oefeningen
4
Workshop: Een site publiceren
Doelen van deze workshop
Stap 1 – Servergegevens instellen
Stap 2 - De site uploaden
Stap 3 – De site bekijken
De site aanpassen en opnieuw synchroniseren
5
Teksten en lijsten
Teksten typen en importeren
Tekst opmaken met de eigenschappencontrole
Kopteksten gebruiken
Lijsten en opsommingen maken
Sublijsten en tekst inspringen
Vragen en Oefeningen
6
Tekst opmaken met CSS
Tekst opmaken met CSS
Doel van CSS: uiterlijk van elementen beheren
Stijlen opslaan
Hoe Dreamweaver met stijlen omgaat
Voorbeeld 1 – een CSS-stijl definiëren
Voorbeeld 2 – een CSS-klasse definiëren
CSS-eigenschappen (tijdelijk) uitschakelen
Stijlen combineren
Een CSS-regel verwijderen voor een tekstdeel
CSS-regels verplaatsen naar extern stijlblad
Meer stijlen koppelen aan één element
Een beknopt overzicht van CSS-instellingen
Enkele CSS-voorbeelden
Conclusie
Vragen en oefeningen
7
Workshop: CSS3-overgangen
Doelen van deze workshop
Voorbeeld 1 – een geanimeerd menu
Voorbeeld 2 – een fotopagina
Conclusie
8
Workshop: Paginaopmaak met CSS-AP-elementen
Doelen van deze workshop
Stap 1 – Een nieuwe pagina maken
Stap 2 - Raster en hulplijnen instellen
Stap 3 - Lagen tekenen
Stap 4 - Lagen instellen
Stap 5 - Inhoud voor de pagina invullen
Stap 6 - Gevorderd CSS – het menu vormgeven
Stap 7 - Suggesties – de site verder uitbouwen
Tot slot
9
Afbeeldingen gebruiken
Overwegingen bij het gebruik van afbeeldingen
Meer over grafische bestandstypen
GIF
JPEG
Afbeeldingen invoegen op een pagina
Een afbeelding selecteren op de pagina
Eigenschappen van afbeeldingen aanpassen
Miniworkshop – Photoshop-bestanden invoegen in Dreamweaver
Miniworkshop – megapixelfoto’s invoegen
Tijdelijke aanduidingen voor afbeeldingen
Achtergrondafbeeldingen gebruiken
Enkele belangrijke richtlijnen voor achtergronden
Achtergronden een vaste positie geven
Tot slot
Oefeningen
10
Workshop: Werken met weblettertypen
Doelen van deze workshop
Achtergronden bij het werken met webletter typen
Stap 1 – Lettertypen downloaden
Stap 2 – Lettertype in Dreamweaver installeren
Stap 3 – Dreamweavers lettertypelijst uitbreiden
Stap 4 – Nieuwe CSS-klasse maken
Stap 5 – Een kijkje achter de schermen
Conclusie
11
Geavanceerde typen hyperlinks
De verschillende typen hyperlinks op een rijtje
Werken met benoemde ankers
Zelf bestanden aanbieden om te downloaden
Een nieuw browservenster openen
Koppelingen op de site valideren
Vragen en oefeningen
12
Workshop: Een Spry-menu maken
Doelen van deze workshop
Achtergrondinformatie
Stap 1 – De Spry-menubalk invoegen
Stap 2 - Het basismenu instellen
Stap 3 – Het menu aanpassen
Stap 4 – CSS-code verkennen en aanpassen
Stap 5 – Achtergrondinformatie: het menu in HTML-code
Tot slot
13
Workshop: Meer Spry-onderdelen
Doelen van deze workshop
Inklapbaar Spry-deelvenster
Spry-knopinfo gebruiken
Overige Spry-onderdelen
Tot slot – enkele aanbevelingen
14
Werken met formulieren
Wat is een formulier?
De structuur van een formulier in HTML
Een formulier maken
Tekstvelden
Selectievakjes
Keuzerondjes
De informatie verzenden met knoppen
Achtergrondinformatie – het formulier door een script laten verwerken
Meer typen invoervelden voor formulieren
Formulieren opmaken met tabellen
Tabellen invoegen
Praktijk: het contactformulier in een tabel zetten
Spry-gegevensvalidatie in formulieren
Conclusie
Vragen en oefeningen
15
Workshop: Mobiele websites maken
Doelen van deze workshop
Achtergronden bij mobiel webdesign
Stap 1 – een nieuwe site maken
Stap 2 – Werken met de mobiele starterpagina’s
Stap 3 – Inhoud toevoegen
Stap 4 – Code aanpassen en de site testen in de browser
Stap 5 – Vormgeving van de mobiele site met thema’s
Stap 6 – De site uploaden en testen op een mobiele telefoon
Conclusie
16
Dreamweaver CS6 en contentmanagementsystemen
Wat is een CMS?
XAMPP installeren
Een database maken
WordPress downloaden en installeren
De WordPress-site in Dreamweaver maken
De site openen in Dreamweaver
Stijlen aanpassen
Koppelingen volgen
Bestanden in het CMS selecteren
Conclusie
Index