L'essentiel de Dreamweaver CC 2017

Maîtriser la sémantique

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Allez plus loin dans le sens structurel et sémantique que peut prendre le texte. Évitez les confusions souvent liées à une mauvaise interprétation de l'iconographie.
04:10

Transcription

En continuant de structurer notre contenu texte, on va se retrouver face à une incompréhension parfois, surtout liée non pas à l’appellation, parce que si je lis l’appellation ici, je vois bloc quote et ici je vois supprimer bloc quote, ce qui est tout à fait vrai, mais par rapport à l'iconographie, qui donne une petite flèche qui indente le texte ou qui le désindente. donc, si je place ici, autour de ce P, un élément bloc quote, c'est vrai que visuellement, il est indenté. Et depuis de nombreuses années, beaucoup de personnes qui utilisent Dreamweaver, utilisent cet élément-là pour donner une petite marge aux éléments. Non, si vous voulez leur donner une petite marge, vous utilisez des CSS, et vous allez utiliser soit du padding, soit du marging, mais aucunement du bloc quote. En fait alors, à quoi correspond le bloc quote ? Donc, je vous invite à vous rapprocher de notre document référent, qui est le W3C, sur les éléments de marquage ici, et de regarder le fameux bloc quote ici. Alors le bloc quote, ça représente une section qui est mise en exergue, qui est mise en notation depuis une autre source. Donc en gros, si vous avez une récitation, je ne sais pas moi, "Kal La pPrdrix" par exemple, je ne sais pas pourquoi cette inspiration, ici, toute la récitation « Kal La PErdrix », sera placée à l'intérieur du bloc quote, vous allez citer en référence, un texte qui est paru, un article dans un journal, une poésie, une récitation, etc. Donc, bien utiliser le bloc quote, pour mettre en marque une longue notation. Vous allez pouvoir utiliser un autre type de notation, qui sera la balise Q. Là, je vais utiliser le quick tag editor et je vais mettre la balise Q, ici. Là, à l'intérieur de la balise Q, vous voyez, j'ai des petits guillemets un peu comme quand on parle et qu'on mime avec les doigts, la représentation de ces guillemets. Voilà ce qui a été dit. Une phrase courte, c'est ce qui a été dit. Je cite ... les deux guillemets qui sont placés autour. Donc, on a une citation longue avec les bloc quote, et là, on a une citation courte avec la balise Q. Alors, ces deux éléments, que je sois dans le bloc quote, ou dans le Q, j'ai un attribut qui est cite, et ce cite va citer la référence HTML la page où on cite cet élément-là. Pareil pour la balise Q ici, je vais pouvoir rentrer l'attribut cite qui va donner la référence originale de ce document-là. Ne pas confondre maintenant, avec la balise cite, si par exemple, je me mets ici sur cet élément là, je pourrai rajouter la balise cite, cette fois-ci, et non pas, l'attribut cite. La balise cite, je vous invite encore, à vous rapprocher de cette référence là. Ici, vous avez la balise Q qui dit : ça représente... un élément de phrase et non pas de bloc. Contrairement à cet élément-là qui est un bloc, Ici, d'une autre source, et ici la balise cite, qui est un élément qui représente le titre d'un travail. D'accord ? Donc, faites bien attention à ces trois éléments structurels qui ont un sens réellement sémantique, qui vont permettre de structurer et formater le texte. Dreamweaver ne propose pas de raccourci pour la balise Q ou la balise cite, mais propose un raccourci dans l'inspecteur de propriété, qui permet non pas d'indenter le texte, mais de le positionner comme un élément de bloc. Juste pour la petite histoire, regardons ici, la balise cite ne propose que le global attribut, c'est tout. Par contre, les balises Q et les balises bloc quote, proposent toutes les deux un attribut cite qui va envoyer la source originale de cette citation, qu'elle soit courte ou longue. Alors que là, la balise cite n'a pas d'attribut cite à dispostion. Quoi qu'il en soit, Dreamweaver vous le reflète bien, car dès que vous essayez d'ajouter un attribut à la balise cite, il n'y a pas l'attribut cite qui apparaît dans la liste des choix possibles. Il est donc important de bien comprendre toute cette structuration, structurelle et sémantique, toujours relative au texte.

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 !