Créer une page web simplement
Il s’agit plus d’une présentation qu’un véritable tutoriel, vous trouverez ci-dessous une explication sur le fonctionnement de l’outil de création de pages web sur e-monsite.com.
Cette présentation vous permettra d’avoir une meilleure maîtrise de la création de pages pour faire des pages web mieux construites et plus complètes.
L'éditeur visuel
L’éditeur visuel vous permet de créer des contenus et de les mettre en forme aussi simplement qu’avec un éditeur de texte comme Word par exemple.
En cliquant dans la zone de texte vous allez faire aparaître une barre d’outils pour vous permettre, par exemple, de mettre du texte en gras ou italique, de créer une liste à puces, d’aligner à droite, etc.
Comme dans Word, je vous conseille dans un premier temps d’écrire l’ensemble de votre texte puis de le mettre en forme.
Sélectionner votre texte puis cliquez sur l’option de votre choix (par exemple modifier la couleur).
Vous trouverez ci-dessous un rapide coup d’oeil sur les principaux outils qui vont vous permettre de mettre en forme vos contenus :
L'ajout de lignes et de colonnes
Cette fonctionnalité va vous permettre de créer des pages web personnalisées et surtout bien structurées.
En ajoutant des lignes, vous allez construire par étapes vos pages, en choisissant le nombre de colonnes pour afficher vos contenus (voir l’image ci-dessous).
La première ligne avec une colonne vous permet, par exemple, d’introduire votre page par un texte (comme sur cette page d’ailleurs).
Ensuite, vous pourrez ajouter une nouvelle ligne avec 2 colonnes (en cliquant sur "2 colonnes" situé sous l’éditeur visuel), ce qui vous permettra de mettre à gauche un texte et à droite une image d’illustration. Nous pourrions poursuivre l’exemple en ajoutant une ligne avec 4 colonnes, pour y mettre 4 idées développées en 4 zones de texte. Etc.
Les différentes options :
Vous pouvez ajouter un nombre illimité de lignes avec un maximum de 6 colonnes.
Vous pouvez supprimer des lignes en cliquant sur la croix en haut à gauche de chaque ligne.
Chaque ligne possède un titre facultatif permettant d’informer sur son contenu.
En saisissant la valeur en % de chaque colonne ou en redimensionnant à la souris les colonnes, vous pouvez créer des lignes avec des largeurs de colonnes différentes afin de s’adapter parfaitement aux contenus.
En utilisant les flèches "monter" et "descendre" vous pouvez modifier l’ordre d’affichage des lignes que vous avez créées. Ajouter ou modifier du contenu est très simple.
La ligne de pagination vous permet de limiter la longueur de vos pages en les divisant. Grâce à cette option, vous trouverez sur votre site, à l’endroit de la ligne de pagination, un bouton "suivant".
Des lignes flexibles :
Ajoutez des colonnes sur une ligne en cliquant sur le bouton "Ajouter une colonne".
Supprimez des colonnes en cliquant sur la croix située en bas de la colonne.
Changez l'ordre des colonnes en cliquant sur les flèches "gauche" et "droite" situées en bas de la colonne.
Ajouter des widgets dans vos colonnes :
Vous le savez sur une page web il n’y a pas uniquement du texte. C’est aussi des photos, des vidéos, des sondages, de la musique, des cartes goolge maps, des quizz, la météo, etc.
Toutes ces fonctionnalités sont appelées "widget". Lors de l’ajout d’une ligne avec une ou des colonnes vous allez choisir le contenu de ces colonnes.
Vous aurez le choix d’ajouter très simplement :
du texte en utilisant l’éditeur visuel
du code html (le code html est réservé aux plus expérimentés qui maîtrisent ce language de création de page internet)
Une image ou une photo depuis l’espace de stockage ou depuis le disque dur de votre ordinateur
Un diaporama de photos qui affichera les photos d’un dossier de l'espace de stockage de votre choix les unes après les autres de façon dynamique
Une vidéo, en choissant une vidéo présente sur Youtube ou Dailymotion
Proposer le téléchargement d’un fichier sur votre site (un pdf, un fichier zip, etc.), la lecture d'un MP3, d'une vidéo FLV...
Une carte de situation géographique grâce à Google Maps
Un flux rss d'un site ou blog externe (là aussi il s’agit d’une option réservé aux expérimentés qui maitrisent la notion de flux rss)
Vendre un produit, un service, proposer une adhésion en utilisant la plateforme de paiement en ligne Paypal (version pro uniquement)
Enfin, les autres widgets que je vous laisse découvrir la liste est longue : météo, facebook, sondage, quiz, dernier message du forum, etc.
Vidéo de présentation
Conclusion
Vous pouvez choisir la méthode simple de création de page en utilisant toujours qu’une seule ligne avec une seule colonne (celle qui est proposée par défaut à l’ajout d’une page). Mais pour aller plus loin et proposer des mises en formes diverses et plus ou moins complexes la maîtrise de l’ajout de lignes et de colonnes est essentielle, ainsi les possibilités sont infinies.
L’ajout de widget, où vous le souhaitez dans vos pages, est un réel plus qui va vous permettre de créer de véritables pages dynamiques.
Rendez-vous donc dès maintenant dans votre manager pour créer de nouvelles pages en cliquant sur "Pages" > Ajouter une page".
