SharePoint 2013 : ​​Personnalisation de l'identité visuelle de vos sites​​

Modifier les mises en page

Testez gratuitement nos 1324 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Découvrez comment créer librement une mise en page afin de structurer le contenu du site de travail.
03:59

Transcription

Une mise en page définit le contenu grâce à son type de contenu et la disposition des éléments affichés dans la page maître. En effet, une mise en page s'insère dans l’espace réservé d’une page maître. L’objectif est de créer une mise en page afin de structurer le contenu du site de travail Fleur. Donc vous lancez votre site. Vous êtes sur le site racine. Vous allez dans les paramètres, « Gestionnaire de conception », et là vous cliquez directement sur Modifier mise en page. Vous n’avez pas de mise en page. C’est normal. Vous allez en créer une. Donc vous cliquez sur Créer une mise en page. Vous donnez un nom comme « Accueilcontenu ». Vous gardez la page maître Fleurs, bien sûr. Au niveau du type de contenu, on souhaite avoir une page d’accueil. Donc là on prend Page d’accueil. Cliquez sur OK. Et voilà instantanément, vous avez une page qui a été créée. Donc on peut aller dans le mappage ici, et vous remarquerez que vous avez « Accueilcontenu.html » qui est bien présente. Et vous avez aussi un « Accueilcontenu.spx » qui a été généré automatiquement. Alors déplacez uniquement Accueilcontenu.html dans le dossier Fleurs. Voilà, juste lui. Et en fait, c’est magique, Accueilcontenu.spx a été déplacé aussi, c’est normal. C'est-à-dire que là il y a vraiment des traitements qui ont lieu, et le déplacement a entraîné le déplacement d’Accueilcontenu.spx. Donc vous allez ouvrir cette fois-ci Accueilcontenu.html. Ne vous trompez pas. On travaille toujours sur le html. Et là vous remarquerez que vous avez une balise, que l’on va aller chercher ensemble, qui s’appelle « PlaceHolderMain », entre guillemets. N’oubliez pas les guillemets. Et vous la recherchez. Et là cette balise-là, elle est là ici, très bien. En réalité, elle est constituée de cinq div. Voilà, là il y a un div, là il y a un deuxième div, il y a un troisième div, il y a un quatrième div, etc. Mais en fait c’est purement pédagogique, c’est pour montrer comment utiliser en réalité la page, puisque si vous ouvrez la page, « brut de fonderie », en double-cliquant dessus, on va l’ouvrir avec Internet Explorer, par exemple. Ce n’est pas très joli, mais on voit que vous avez du faux texte lorem ipsum, etc., donc c’est vraiment pour expliquer comment ça fonctionne. En ce qui nous concerne, vous revenez sur l’éditeur, et vous allez tout simplement enlever, on va supprimer toutes ces div, et on va remplacer avec le contenu d’origine de la page html. Donc là j’enlève tout. Vous n’enlevez pas bien sûr les balises elles-mêmes, qui sont en vert. Vous n’enlevez que les balises div. Voilà, très bien. Donc ça c’est bon, vous avez bien effectivement PlaceHolderMain qui débute ici et qui se termine ici. Parfait. Donc vous vous positionnez juste avant la balise de fin, et vous allez ouvrir votre fichier texte que j’ai appelé ici Contenu du site fleurs.txt, qui, rappelez-vous, contient vraiment le contenu d’origine de la page html. Donc je vais faire un Contrôle-A pour tout sélectionner, un Contrôle-C pour tout copier, et je vais tout simplement coller le contenu. Contrôle-V, et je sauvegarde. Patientez au moins une vingtaine de secondes pour laisser à SharePoint le temps de faire la traduction qui va bien. Donc ça veut dire que si vous retournez là tout de suite sur votre site ici, et modifier mise en page, vous pouvez faire F5, vous pouvez rafraîchir, il est possible qu’effectivement il ait eu le temps de terminer la traduction, mais généralement, il faut patienter un tout petit peu. On peut quand même le vérifier bien sûr, en cliquant sur AccueilContenu, et là ça a été rapide. Et là on retrouve bien le contenu du texte d’origine. Voilà, c’est parfait. Donc ça c’est bon. Bon après au niveau des choix stylistiques, vous faites ce que vous voulez évidemment. Mais j’ai bien le contenu d’origine de mon fichier. Voilà, donc là, il n’y a pas de problème. C’était l’objectif, et donc vous pouvez fermer le navigateur et toutes les fenêtres qui sont ouvertes.

SharePoint 2013 : ​​Personnalisation de l'identité visuelle de vos sites​​

Devenez autonome dans la personnalisation et la modification de l’aspect de sites SharePoint. Créez des sites basés sur différents modèles, apprenez à les alimenter, etc.

2h02 (29 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Thématiques :
IT
Gestion des documents
Spécial abonnés
Date de parution :10 nov. 2016

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 !