DreamWeaver CC – Level 2

Nieuwe functies van Dreamweaver CS6

• Gebruik het deelvenster Preview met meerdere schermen om te ontwerpen voor tablets, smartphones en computers
• Gebruik van de nieuwe CSS/HTML5-ondersteuning
• Mediaquery’s gebruiken om stijlen toe te passen voor aanpasbare schermafmetingen
• Werken met Adobe BrowserLab en dynamische webpagina’s bekijken
• JQuery-codehints gebruiken om interactiviteit toe te voegen
• Werken met Phone Gap om apps voor mobiele telefoons te maken
• Supersnelle Live View-browservoorbeelden
• Code hinting voor AJAX en Spry Framework en nieuwe InContext editing

Trapsgewijze stijlpagina’s

• Beoordeling van de verschillende soorten CSS-stijlen
• Aangepaste (klasse)stijlen en tagherdefinieringen en geavanceerde selectors
• Stijlen koppelen versus insluiten met behulp van externe opmaakmodellen op meerdere pagina’s
• Tabelkleur en randen toevoegen
• Dingen doen met CSS-achtergronden die HTML niet kan
• Niet-herhalende achtergronden maken en ervoor zorgen dat de achtergrond niet met de pagina mee scrolt
• Live View gebruiken om
• Styling met het uiterlijk van formulierelementen met CSS en met behulp van codehints om HTML5 te ondersteunen

Nog MEER CSS

• Zoeken en vervangen gebruiken
• Aangepaste opmaakmodellen (klassenamen) wijzigen
• Stijlpagina’s die u niet langer wilt, volledig verwijderen
• Het CSS “Float” attribuut gebruiken om dingen op de pagina te positioneren
• Lijsten met opsommingstekens maken met CSS
• CSS gebruiken om het uiterlijk van uw pagina en de bijbehorende elementen te beïnvloeden
• Stylingkleurenschema’s voor een site die gemakkelijk kunnen worden gewijzigd
• Aangepaste koppelingsaanwijzers maken en toepassen

Geavanceerde CSS-pagina-indeling

• CSS-styling met lagen en het gebruik van CSS en lagen om pagina’s te lay-outen
• Gedrag van lagen weergeven/verbergen
• Het kiezen van verschillende CSS-stijlen voor verschillende platforms en browsers (wij zorgen voor de JavaScript)
• Geavanceerde sjablonen, CSS-lay-outs en fragmenten
• Gebruik coderingstips met HTML-, JavaScript- en Ajax-frameworks: Spry, jQuery en Prototype

Sjablonen

• Herhalende elementen toevoegen aan uw sjablonen
• Optionele elementen toevoegen aan uw sjablonen
• Extensies: extensies installeren en verwijderen die we aanbevelen
• De fragmenten van Dreamweaver gebruiken
• Je eigen fragmenten maken

Ontwerpen voor mobiel

• iOs en Android bouwen met Dreamweaver CS6 PhoneGap
• PhoneGap HTML5 en JavaScript integratie
• De geolocatie van PhoneGap gebruiken