L'essentiel de Dreamweaver CC 2017

Créer un fichier avec la page de démarrage

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Lors de la mise en place d'un projet de site ou d'un prototypage rapide, la création de fichiers à partir d'un modèle est un gain de temps considérable. Vous verrez que tout reste modifiable et personnalisable, de manière simple et intuitive.
03:31

Transcription

Vous pouvez directement utiliser les modèles de démarrage préparés à cet effet. Donc, si vous souhaitez mettre en place un site qui représente à peu près ce type de visuel, ou celui-ci, il suffit simplement de cliquer dessus et vous allez voir que vous allez mettre en place non seulement la structure HTML et un pseudo-contenu qui va vous aider à aller très rapidement, mais en plus votre site va se retrouver être responsive, parce que dès l'instant où vous allez l'afficher dans des dimensions qui seront différentes, vous voyez que le visuel va complètement agir en conséquence, voilà. Donc, c'est très pratique pour un certain nombre de mises en place de gabarit ou de plan de travail qui vont vous permettre d'aller plus vite à l'essentiel et de ne pas avoir à structurer et à coder ce CSS de base. Voilà, vous pouvez venir maintenant, en cliquant sur l'élément, accéder directement à la partie ad doc et venir modifier par vos propres informations. Voilà, il suffit que vous puissiez modifier là-dedans. On verra que vous pouvez changer les couleurs, vous pouvez modifier un certain nombre d'éléments. Après, il arrive un moment où si vous modifiez trop, il vaut mieux partir sur une autre base, et adapter vous-mêmes vos contenus. Voilà, mais vous voyez que c'est très rapide de pouvoir partir sur un modèle déjà préexistent. Vous avez le code source HTML et le fichier CSS nécessaires. Dès que vous allez enregistrer ce document, ici, si vous faites Enregistrer sous, et vous venez dans le document et... vous enregistrez, ici on va vous demander de mettre à jour les liens, oui, et puis vous pouvez maintenant enregistrer ce document ici, voilà. Vous vous retrouverez avec tous les fichiers nécessaires, directement ici, à l'intérieur de votre site. Ce qui est important de prendre en considération ici, c'est que si vous venez dans la partie code, vous avez énormément d'informations qui sont structurées, on va dire, et qui correspondent à un balisage HTML5. Voyez. des balises header, des balises nav. Donc, l'intégralité du document est prévue quand-même pour travailler directement en responsive, puisque vous avez ici la partie viewport, la balise meta viewport. Vous avez ici, en partie, l'intégralité des documents nécessaires, si vous êtes dans des versions Internet Explorer plus petites que 9, ici. Donc, notamment le html5shiv, le respond. Donc vraiment, les fichiers sont bien travaillés. Et sur la partie stylesheet, ici, sur la partie feuille de style, c'est extrêmement bien structuré, et suffisamment clair pour pouvoir comprendre le fonctionnement, le mode d'approche qui a été mis en place, et donc de pouvoir reprendre ces éléments-là si vous avez des couleurs à changer ou si vous avez certaines dimensions à changer. Quoi qu'il en soit, c'est complètement interconnecté avec le CSS Designer. On reviendra sur cet aspect-là plus tard, mais regardez, il suffit de venir, je vais venir en partie partagée, ici, il suffit que je sélectionne cet élément-là, ici, et vous voyez, vous avez accédé directement à l'élément. Vous avez accès à l'intégralité de ses propriétés, et vous pouvez directement venir modifier ici, alors je vais le faire avec quelque chose de criant, pour qu'on puisse voir que vraiment, c'est très simple de mettre en place. Et ici voyez que le survol maintenant est rouge, puisque je l'ai géré ici sur le hover. Bien entendu, si je fais un Ctrl-Z, je vais revenir sur la couleur qui était faite par défaut. Donc, c'est très souple de travail. Vous pouvez utiliser des modèles de démarrage donc, pour pouvoir présenter des maquettes de travail rapides soit à vos partenaires, soit à vos clients.

L'essentiel de Dreamweaver CC 2017

Prenez en main l’environnement de travail de Dreamweaver. Créez des documents, utilisez les CSS, gérez les liens hypertexte, les fichiers multimédia, les formulaires, etc.

7h28 (98 vidéos)
Aucun commentaire n´est disponible actuellement
Thématiques :
Design web
Standards du web
Spécial abonnés
Date de parution :30 janv. 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !