Ce cours s'adresse aux développeurs chevronnés de Dreamweaver et au concepteurs qui désirent tirer le meilleur parti de Dreamweaver CS6. Dans cette formation, nous allons explorer certaines des fonctions plus sophistiquées en CSS, HTML et autres codes apparentés à la conception d’un site web. Les élèves apprendront des techniques CSS avancées, des inclusions côté serveur, des modèles avancées et bien plus encore.
Sujets abordés :
- Nouvelles fonctionnalités de Dreamweaver CS6
- Des feuilles de Style en cascade
- Encore plus CSS
- Avancée mise en Page CSS
- Modèles
- Conception pour Mobile
Nouvelles fonctionnalités de Dreamweaver CS6
- Utilisez le panneau Aperçu Multi-écran pour la conception destinée aux tablettes, smartphones, …
- Nouvelle prise en charge CSS/HTML5
- Utilisation des Media Queries pour appliquer des styles redimensionnables automatiquement
- Utilisation de jQuery pour ajouter de l'interactivité
- Aperçus dans les navigateurs ultra-rapide Live View
- Nouveaux modes de vue pour le code en direct
Des feuilles de Style en cascade
- Examen des différents types de styles CSS
- Styles personnalisés et sélecteurs avancés
- Relier des styles sur plusieurs pages à l'aide des feuilles de style externes
- Utiliser le CSS comme seul code pour le design
- Réglage de l’arrière-plan
- Les nouvelles fonctionnalités de l’HTML5 et CSS3
Encore plus CSS
- Le rechercher et remplacer
- Changer les styles
- Supprimer entièrement les feuilles de style
- Utilisation de l'attribut « Float » CSS pour positionner des éléments sur une page
- Création CSS de puces pour les listes
- Utilisation des CSS pour modifier l’apparence d’un site
- Jeux de couleurs facilement modifiables
- Créer et appliquer des liens personnalisés interactifs
Avancée mise en Page CSS
- Utilisation des calques CSS
- Afficher/masquer le comportement des calques
- Choisir différents styles CSS adaptés aux différentes plates-formes
- Modèles avancés, CSS Layouts et extraits de code
- Utilisation de la vue avancée du code pour éditer divers langages de programmation
Modèles
- Intégrer des éléments récurrents à vos modèles
- Ajouter des éléments facultatifs à vos modèles
- Extensions : Comment faire pour installer et supprimer des extensions
- Comment utiliser des extraits de code de Dreamweaver
- Comment créer vos propres extraits de code
Conception pour Mobile
- Immeuble iOs et Android avec Dreamweaver CS6 PhoneGap
- Intégration PhoneGap HTML5 et JavaScript
- À l'aide géolocalisation de PhoneGap
Quiconque souhaite créer et mettre à jour des sites web bien structurés et en adéquation avec les standards du Web.
Adobe Dreamweaver niveau 1 ou expérience équivalente.