Dreamweaver CC 2017/2018 : Les nouveautés

Choisir la version de Bootstrap à utiliser dans Dreamweaver

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Vous aurez parfois besoin d'assurer la maintenance d'un ancien site créé avec Bootstrap 3 ou de créer de nouvelles pages sur la base de Bootstrap 3. Pour cela il faudra déterminer la version la plus adaptée. 

Transcription

Parfois, vous aurez besoin d'assurer la maintenance d'un site plus ancien créé sur base de Bootstrap 3 ou même de créer de nouvelles pages de Bootstrap 3 avec Dreamweaver. Dans cette vidéo, je vais vous montrer que vous pouvez toujours utiliser la précédente version de Bootstrap si vous en avez besoin. Pour ça, je vais faire un nouveau site. Voilà, un nouveau site que je vais appeler Bootstrap 3 comme ceci. Et au niveau de mon dossier local, ça s'appellera simplement bs3 dans mon dossier Documents. Alors, avant de créer ce nouveau site, avant de cliquer ici sur le bouton Enregistrer, je vais me rendre au niveau des Paramètres avancés de ce site. Vous allez trouver une nouvelle catégorie qui s'appelle Bootstrap. Et c'est là que vous allez pouvoir choisir la version Bootstrap que vous voulez utiliser dans ce site en particulier. Par défaut, Dreamweaver va vous placer sur Bootstrap 4 mais vous pouvez très bien revenir sur l'ancienne version. C'est ce qu'on va faire ici. Je vais maintenant enregistrer et créer ce nouveau site. Et dans ce nouveau site, on va créer une nouvelle page, une page HTML qui sera toujours basée sur Bootstrap. Avant de cliquer sur le bouton Créer, on va faire un petit tour par le bouton Personnaliser que nous avons ici. Et là vous remarquez que nous avons trois points d'arrêt : le Petit, le Moyen et le Grand. Donc ce sont bien les points d'arrêt de Bootstrap 3. Je vais créer cette nouvelle page La voici, je vais la sauvegarder, elle s'appelle index.html. Et dans mon panneau Fichiers, vous voyez que Dreamweaver va également nous générer des dossiers et des fichiers supplémentaires. Alors, il y a un dossier js qui contient les fichiers JavaScript de Bootstrap 3 cette fois-ci. Même chose pour le dossier CSS qui contient le fichier CSS de Bootstrap 3. Et puis on a un dossier supplémentaire ici par rapport à Bootstrap 4, c'est le dossier fonts qui lui contient des fichiers, des polices de caractère pour les glyphicons. Alors ces glyphicons ont été retirés de Bootstrap 4 et c'est pour ça que quand on avait créé un site avec Bootstrap 4, ce dossier n'était pas présent. Allons jeter un coup d'œil maintenant dans le panneau Insertion. Au niveau du panneau Insertion, vous allez retrouver dans les composants Bootstrap les composants auxquels vous êtes habitué, les composants de Bootstrap 3. Vous trouvez, par exemple, les glyphicons. Vous trouvez aussi un peu plus bas le composant Panels ou le composant Wells. La page que j'ai créée il y a quelques vidéos, elle est toujours disponible, toujours ouverte ici donc je vais basculer sur cette autre page et quand je bascule sur cette autre page qui utilise Bootstrap 4, tenez à l'œil ce panneau Insertion qui se trouve ici sur le côté. Vous remarquez que ce panneau a changé donc je n'ai plus le bouton Glyphicons. J'ai également perdu ici dans le fond du panneau les boutons Wells et les boutons Panels puisque ces composants ne font plus partie de Bootstrap 4. Par contre, quand je reviens sur ma page créée en Bootstrap 3, ce panneau d'insertion me montrera les composants disponibles dans la version de Bootstrap installée sur la page active. Donc ce panneau, il est sensible au contexte.

Dreamweaver CC 2017/2018 : Les nouveautés

Optimisez votre flux de travail avec les nouveautés de Dreamweaver. Faites le tour des améliorations de l'interface, appréciez les évolutions de l'éditeur de code, etc.

Aucun commentaire n´est disponible actuellement
Thématiques :
Design web
Standards du web
Spécial abonnés
Date de parution :2 nov. 2016
Mis à jour le:13 juin 2018

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 !