Accès membres :

Mot de passe perdu ?

Connexion

Créer un site Inscription
AccueilInscriptionVisite guidéeAnnuaireForumsCommunautéGroupesAideTutoriels

 

Accueil Tutoriels webmasters Créer une page en utilisant les blocs préformatés

Créer une page en utilisant les blocs préformatés

Niveau : Niveau Tout publictout public - Catégorie : Gestion de contenu - Publié par benoitgense le 28/11/2008

Créer une page en utilisant les blocs préformatésE-monsite propose un outil de composition de page très simple à utiliser, mais qui n'est à mon sens pas suffisamment utilisé par les membres. Il s'agit des Blocs Préformatés ; en effet la seule utilisation de l'éditeur visuel peut se révéler fastidieuse, surtout pour les webmasters débutant.
Nous allons donc voir en détail comment construire une page en utilisant ces blocs.

1Principe de fonctionnement

Le principe est simple, pour composer une page, il suffit de superposer verticalement des éléments préfabriqués qu'il suffit de remplir avec du texte et une photo.
Les blocs créés occupent la largeur du contenu de la page et s'imbriquent verticalement.
Lorsque ces blocs sont créés vous avez la possibilité de les agencer comme vous le souhaitez les uns au dessus/dessous des autres. Voici le détail des blocs proposés :

- Paragraphe de texte et photo/image à gauche
- Paragraphe de texte et photo/image à droite
- Triptyque de photos/images
- Paragraphe de texte seul
- Photo/image seule
- Photos/images de part et d'autre du paragraphe de texte

Principe de fonctionnement

2Créer une nouvelle page de Blocs préformatés

Dans le menu Pages > Nouvelle page, choisissez l'encart "Blocs préformatés" ; comme pour une page classique, indiquez le titre de la page ainsi que la catégorie dans laquelle elle sera affichée.
Cliquez sur le bouton Suite >> pour commencer à ajouter un premier bloc.

Créer une nouvelle page de Blocs préformatés

3Ajouter un premier bloc

Pour le premier bloc de notre page choisissez le type "paragraphe et photo à droite".

- Remplissez le premier champ titre facultatif, notez au passage qu'il s'agit en réalité d'un sous-titre de la page.
- Poursuivez ensuite en écrivant ou en collant le paragraphe de texte, utilisez si besoin les outils de mise en page à votre disposition.
- Ajoutez ensuite l'image à placer sur la droite du paragraphe, il est possible de choisir parmi deux tailles différentes (petite, moyenne) ; il sera possible pour l'internaute de cliquer sur l'image pour l'agrandir.

Validez enfin la création du bloc en cliquant sur le bouton Enregistrer, il sera bien évidemment possible de modifier le bloc par la suite.

Ajouter un premier bloc

4Ajouter un second bloc

Votre premier bloc s'est ajouté dans la liste des blocs composant la page. Sous cette même liste vous pouvez ajouter un autre bloc ; ce que nous allons faire.
Comme à l'étape précédente, choisissez votre type de bloc ; dans notre exemple, nous choisirons un bloc paragraphe de texte encadré par deux images.

- Indiquez le Titre du bloc si nécessaire,
- Saisissez le texte du paragraphe,
- Ajoutez vos images

Au moment de choisir vos images, vous remarquerez qu'il n'est pas possible d'en choisir la taille ; cela est normal car compte tenu de l'espace généralement dédié à une rubrique, nous ne pouvions vous permettre de placer des images trop grandes, cela provoquerait des décalages.
Ce seront donc des miniatures qui viendront illustrer ce paragraphe.

Validez la création de ce bloc par le bouton Enregistrer.

Ajouter un second bloc

5Agencer et modifier les blocs

Bien sûr tout n'est pas figé dans une page préformatée ; il vous est possible de déplacer verticalement les blocs, mais aussi d'en éditer le contenu.

Dans la liste des blocs, repérez le lien placé dans chacun des blocs : modifier le bloc, cliquez sur ce lien pour faire apparaitre une fenêtre contenant le texte du paragraphe et le titre à modifier ; validez les modifications par le bouton Enregistrer.
Repérez également le lien modifier l'image, permettant d'accéder à la fenêtre de gestion des images de rubriques ; choisissez si besoin une nouvelle image en cliquant sur le lien Insérer.

Pour agencer verticalement les blocs entre eux, il suffit de survoler avec votre souris le contenu de l'un des blocs dans la liste, le curseur de souris se transforme en flèche multi-directionnelle vous permettant de faire un glisser-déposer ; cela vous permet de déplacer le bloc choisi dans l'ordre d'affichage voulu.

Validez ce changement de position par le bouton Enregistrer l'ordre.

Agencer et modifier les blocs

Commentaires

Posté par spherebleue - le 02/12/2008

Merci pour ce tutoriel
Cliqueur paresseux, je n'avais jamais remarqué le sous-menu Nouvelle rubrique > Blocs préformatés ... J'ai fait un essai pour voir, avec 4 blocs, ça marche au poil. Pour l'option grande photo centrale, ce serait bien de pouvoir mettre du texte en-dessous de l'image, par ex.légende ou commentaire.

Posté par bobbylisa - le 03/12/2008

Smileyc`est bien comme idée je vais essayer en soirée,si je ne suis pas trop crevé suite à ma journée de travail,merci à vous e-monsite vous faite bien votre travail!Lisa

Posté par htte - le 05/12/2008

bonjour a tous

ces blocs pre concus me paraissent interessants je vais essayé, mais pas tout de suite,l informatique n etant pas mon fort, il me faut peut etre un peu plus de temps pour assimiler et bien comprendre, je pense que je vais y arriver, votre site me parait tres bien conçu, explicite, je sens une réèlle proximité, avec un desir d'amélioration revoulevé, je souhaite m eclater et surtout beaucoup apprendre dans un domaine que je ne connais pas du tout, ce nouveau monde de la communication et qui sait plus tard si je suis satisfaite passer mon site pro

si quelqu se sent de m aider, histoire que je galère pas trop au debut

josefa

Posté par teamvo2 - le 07/12/2008

Bonjour, je viens de me servir d'un Boc préformaté mais je n'arrive pas à charger des photos. Il semble que l'onglet "PARCOURIR ait disparu dans "ajout de photos"

Posté par investigation-groupement-protection-securite - le 12/12/2008

Eh bien moi ça ne marche pas !

Posté par annabelleslookbook - le 12/12/2008

Bonjour,

j'ai utilisé cette fonctionnalité en effet très pratique. Mais j'ai quelques remarques (qui peut-être pourront servir).

Corrigez moi si je me trompe. Avec les blocs préformatés je n'arrive pas à/ il n'est pas possible de:

- modifier l'agencement d'un bloc (i.E. passer de image à gauche à image à droite) il faut supprimer le bloc et le re créer avec un nouvel agencement

- les modifications apportées au texte ne peuvent se faire avec l'éditeur visuel. Quand on clique sur "modifier le bloc" celui-ci apparaît en html. Il faut donc maîtriser le langage html pour ne pas être containt d'effacer et recréer.

Est-ce que ce sont des impossibilités, ou est-ce que je n'ai pas regardé au bon endroit?

à bientôt!

Annabelle

Posté par annabelleslookbook - le 13/12/2008

je retire mes remarques, apparement c'est l'ordinateur depuis lequel je travaillait qui était beaucoup trop vieux!

Posté par m2svb - le 13/12/2008

est il possible dans un bloc -partie texte d'ajouter un lien vers un fichier?

Posté par bricomarin1 - le 17/12/2008

Bonjour à tous
Nouveau sur E-monsite, je découvre beaucoup de choses intéressantes pour créer mon site, j'en suis aux balbutiements mais j'espère aller rapidement de l'avant je compte un peu sur vous pour les idées et les coups de main.
Je restaure une vieille vedette (bateau) en bois et souhaite faire connaître à tout le monde les joies (et les peines) d'un bricoleur un peu fou.
Qui peut m'expliquer ce que signifient les lettres encadrées au dessus de la zone du message que je vous envoie ?
Merci pour la réponse
Bm1Smiley

Posté par piboulo84 - le 11/01/2009

Bonsoir
Ces blocs m'intéressent, mais faut-il encore que ça fonctionne !!!
J''ai réussi à faire un seul bloc, mais pour les autres qui doivent suivre, c'est impossible !!! il semble y avoir une anomalie ... car au moment ou je fais ajouter la photo, une fenêtre s'ouvre et me demande si je veux quitter la page !!! alors que je ne veux pas du tout quitter !!! Si je veux alors enregistrer, on me demande de mettre la photo manquante, ainsi de suite et ça n'abouti pas !!! je tourne en rond... Que faut-il faire pour que ça fonctionne ?
Merci
Cordialement

Posté par piboulo84 - le 12/01/2009

2 eme essai : Je suis arrivé à faire encore 2 blocs, mais à un moment donné ça bloque à nouveau !!! ça marche quand ça veut ! Je pense qu'il y a tout de même une anomalie quelques part...

Posté par nicoland - le 13/01/2009

Bonsoir,
J'ai essayé de faire une rubrique pour mettre des notes sur mon travail mais je ne peux pas faire apparaître les photos qui sont dans mon album photos afin qu'apparaisse la possibilité de mettre une note à la suite des photos.
je ne sais pas si je suis très clair(!!!).
J'ai vu ce système chez certains de mes amis mais je ne sais pas comment faire et je suis vraiment novice en la matière.
Je vous remercie d'avance si vous pouvez m'aider.
@ bientôt, Nicole.

Posté par tazyman - le 14/01/2009

marci l'ami cela m'a aider bcp; merciSmiley

Posté par gite-rural-saint-valery-baie-de-somme - le 16/01/2009

Bonsoir,
En utilisant les blocs préformatés, je n'arrive pas à insérer les photos.
Il me demande si je veux quitter la page !!!
Je tourne en rond depuis près d'une heure.Ayant une dizaine de photos dans l'album, il ne se passe rien
Quelqu'un pourrait-il m'expliquer ?
Merci d'avance
Smiley

Posté par lecnpedegolfech - le 17/01/2009

Pour ton problème, poste sur le forum. Merci

Posté par francesca47 - le 26/01/2009

Bonjour,

Je serais désireuse dans les mois à venir de créer un nouveau site de vente mais il y a une question que je me pose : comment obtenir une image zoomée à partir des images catalogue installées sur mon site afin que lies clientes voient en détail l'objet à vendre.

Merci de votre réponse

Francesca

Posté par dolccevita - le 26/01/2009

merci,je vais essayerSmiley

Posté par mikocharly - le 29/01/2009

bonjour je voudrais que mes blocs de chaque coté de ma page soit des liens videos cela est il possible
et puis je mettre une image a chaque blocs video
qui s ouvriront bien sur sur ma page
en fait qu il n y est plus de blocs photos,forum,album,agenda
pour l'instant c pas grave
je ne veux que des liens video
merci de m'aider miko

Posté par playforsmile - le 03/02/2009

Bonjour et moi ma question serait sensiblement la même!

En lieu et place des photos je souhaiterai mettre des vidéos, avec un corps de texte identique (Vidéo à gauche, texte à droite puis si nécessaire en dessous de la vidéo si le texte est assez long).

Bref, créer un bloc préformaté, que je pourrai également mettre en page d'accueil!

Merci d'avance!

Posté par poucelina - le 13/02/2009

bonjour,
pour rentrer tes photos sur le bloc, mets tes photos dans l'album "images" et non album photos. j'ai créé mes blocs ainsi et ça fonctionne très bien.
essaies et dis-moi si ça a fonctionné pour toi aussi.
tu vas sur l'onglet "site" puis "stockage & fichier" puis tu cliques sur "ajouter un image" puis "parcourir" ensuite tu vas chercher ta photo à l'endroit où tu l'as classé et double-clic sur ta photo et enregistrer.
bonne chance!

Posté par mesloulous2009 - le 15/02/2009

merci pour vos conseils. J'essaierai en espérant que mes textes ne soient pas perdus! amitiés à tous

Posté par inescastilla - le 24/02/2009

bonjour,
je voudrais revenir sur mes blocs formatés pour les modifier et je ne sais pas ou aller.
Merci d'avance

Posté par inescastilla - le 26/02/2009

Bonjour,
je voudrais aussi savoir s'il est possible de changer mon login sans avoir à tout effacer et tout recommencer.
Merci d'avance

Posté par lesateliersducroasmen - le 02/03/2009

Bonjour,
J'ai créé une nouvelle catégorie "qui suis-je" et je n'arrive pas à la retrouver.
Où est-elle cachée ?
Merci d'avanceSmiley

Posté par carolinebichon - le 04/03/2009

Bonjour,
je débute totalement dans la création de site et, je ne sais pas comment intégrer des fichiers dans mes rubriques.... AU SECOURS!!!!Smiley

Posté par dansecountrywestern - le 05/03/2009

Bonjour, je souhaite utiliser les blocs, mais pas moyen d'insérer une vidéo, comme dans une rubrique
Comme c'est l'essentiel de mon site j'aimerais avoir un tuyau !
HELP

Posté par merdaci - le 22/03/2009

je veu faire un rubrique qui affihe directement vers un contenue d'autre site c à d qui cennect directement à un autre site com un lien mai je n'arrive pazs à le faire pouvez vous m'aidez

Posté par mathcol - le 28/03/2009

Bonjour,
je débute totalement dans la création de site et, je ne sais pas comment intégrer des fichiers dans mes rubriques.... AU SECOURS!!!!

Posté par ff12-perfect - le 24/05/2009

Bonjour !

Je voudrais savoir si il est possible d'espacer plus les blocs ? Merci

Posté par lescistes - le 04/06/2009

Bonjour,

Comment faire apparaître l'éditeur visuel au lieu de l'éditeur html pour modifier le texte d'un bloc ?

Merci.

Posté par troccollection - le 17/06/2009

Bjr,
je ne sais pas si ce problème n'arrive que chez moi:

quand je crée une page, je veux supprimer tous les blocs dont je ne veux plus SAUF les blocs de 3 photos :-/

Comment faire ?

Posté par troccollection - le 17/06/2009

Enfin ... je PEUX supprimer tout sauf les blocs de 3 !

Posté par l-idiot-provincial - le 28/10/2009

C'est parfait mais on ne peut pas laisser de tags. Je ne vois pas l'avantage de crééer des blocs qui ne seront pas lus sans tags. C'est dommage, car c'est pas mal pensé. Que pensez-vous faire pour crééer ces tags qui ne sont présents uniquement dans "blog" ?

Ajouter un commentaire :

Veuillez vous connecter afin de poster un commentaire sur ce tutoriel.

Catégories :

  1. Design du site
  2. Gestion de contenu
  3. Divers utilisation d'E-monsite
  4. Dossiers webmaster
  5. Autres tutoriels

Les plus populaires

Dernières soumissions

Rechercher un tutoriel

Aide