Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

L'essentiel de Dreamweaver CC 2017

Formater le code

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Bien que l'ensemble des langages soit traité de la même manière, vous pouvez formater votre code. Ainsi, vous le rendrez beaucoup plus lisible et accessible, surtout après quelques mois, en travaillant en équipe.
02:54

Transcription

Au niveau de la mise en forme du code, on peut voir qu'on peut écrire du code HTML totalement en vrac, qui devient complètement illisible. Pareil pour du Javascript ou du CSS. Et donc on va pouvoir utiliser la possibilité de mettre en forme le code source. Sauf que, tous les langages seront mis en forme de la même manière, et ce par la manière qui sera définie dans les Préférences, ici, au niveau de Format de code. Si on a pas le choix de langage, on va pouvoir utiliser l'indentation, soit des tabulations soit de l'espace, et puis si on utilise les tabulations, combien il va y avoir d'équivalence entre la tabulation et le nombre d'espaces ? Alors, on n'est pas obligés d'utiliser cette fonctionnalité, mais si vous travaillez avec des équipes de développement qui ont des règles très strictes, c'est la seule manière de pouvoir venir calibrer tout ça. Vous pouvez aussi venir définir, uniquement pour le HTML, le formatage des balises. Donc, certaines balises, ici par exemple j'ai préparé la balise ul, qui sera écrite en majuscules et formatée avec retrait classique, mais vous pouvez, si vous souhaitez, définir ce genre d'informations comment vous souhaitez le paramétrer. Voilà, donc une fois que ceci a été mis en place, ici, vous pouvez venir éditer le code, Code Appliquer le format source. Donc il y a pas de raccourci clavier, il y a pas de bouton d'accès rapide ou de menu contextuel. Donc c'est un peu pas très ergonomique, mais voilà ça permet de faire le job. Alors, ici on s'aperçoit que le ul n'a pas été remplacé par la majuscule, mais si j'ai créé une balise ul, non plus, voilà, elle s'est pas écrite de cette manière-là. Et si j'écris un ul de cette manière, et que je viens faire une modification de code, Appliquer le format source, voyez, le ul est resté dans ce sens-là. Par contre, si je viens dans la partie Préférences ici demander, dans la bibliothèque des balises, que le ul reste par défaut, donc par défaut si je fais OK et que je viens ici, par défaut les balises sont demandées en minuscules, elles se placeront en minuscules. Donc, ici si je reviens dans Code Appliquer le code format source, ça va revenir en minuscules ici, voilà. Donc, des fois il faut redémarrer l'application pour que certaines corrections de balises soient prises en compte. Si je viens sur le Javascript, ça fonctionnera pareil. Avec la même indentation, le même formatage ici. Code Appliquer le format source. Et pareil pour les CSS. On voit qu'ici ça a été écrit un peu en vrac, tout sur une seule ligne. Édition Code Appliquer le format source voilà, donc tout va pouvoir revenir et rentrer dans l'ordre. Il ne reste plus qu'à enregistrer. Voilà donc un formatage de code qui permet quand-même de rendre le code beaucoup plus lisible, et parfois, entre l'aide du formatage de code et du rechercher-remplacer avec la gestion des espaces, on arrive à rendre des portions qui pourraient être complexes à redéchiffrer quelques mois après beaucoup plus simples.

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 !