sublimer-son-site-internet-sur-orson

Créer une nouvelle page pour mon site web

Home > Créer mon site internet > Articles

 Vous allez ainsi apprendre à utiliser les blocs et les différents modules à votre disposition pour créer votre première page en moins de 10 minutes.  Cette page sera automatiquement responsive design ( adaptée à tous les supports : ordinateurs, tablettes, mobiles).

Avec Orson.io nul besoin de template de site internet. En quelques clic vous allez créer des pages sur mesure adaptées à la création d'un site vitrine, d'un site d'artiste, ...

Tuto Vidéo créer une première page et comprendre Orson.io

Tuto : Créer une première page et comprendre Orson.io

Temps estimé : 10 minutes

Informations nécessaires : à l'idéal des images et des textes à disposition

1) Créer votre première page

  • Cliquez sur "Nouvelle page". 
créer un site web responsive design en toute autonomie

2) Sélectionner un modèle de page

  • Sélectionnez le modèle de page que vous souhaitez. Ces modèles ont été conçus par nos designers afin de vous faire gagner du temps. Ils sont modifiables à tout moment,
  • Choisissez le modèle  "Vide",
  • Cliquez sur "OK" en bas à droite.
Comment être autonome pour créer mon site

Légende : Les modèles (Templates) ne vous sont pas imposés 

3) La page est créée 

A droite, se trouve les différentes fonctionnalités qui vont vous permettre de créer une page sur mesure sans aucune ligne de code.

  • Cliquez sur "Blocs". Les blocs sont des éléments pré fabriqués que vous allez pouvoir assembler pour construire une page. Ils sont présentés par rubriques,
  • Cliquez sur la rubrique "Présentation" puis sur la première vignette présentée. le bloc va venir se positionner sur la page.
comment-creer-le-site-de-mon-entreprise

4) Adapter le bloc à vos besoins

Le bloc est composé de plusieurs modules d'information (texte, image, vidéo, ....). 

Chaque module est modifiable, ici dans l'exemple un module titre:

  • Cliquez sur votre bloc puis sur l'icône de l'image en haut à droite. Nous allons travailler le fond du bloc.
comment-creer-une-page-web-responsive-design

Légende : Sur un bloc avec plusieurs modules, chaque module est signalé par le petit filet bleu avec le stylo bleu à droite.

5) Modifier l'apparence d'un bloc

Le principe sur Orson.io est d'avoir toujours à droite de la page la zone de réglages . Dans l'exemple, l'espace réglages correspond spécifiquement au bloc.  Vous pouvez:

- Insérer une image ou une vidéo en fond de bloc,
- Insérer une couleur en fond de bloc,
- Ajuster la couleur des textes au fond de bloc .

  • Cliquez sur "Remplacer" l'image.
inserer-une-image-dans-un-site-web

Légende : Vous pourrez découvrir les différents réglages plus tard

6) Mettre une image en fond de bloc

3 choix vous sont proposés selon que vous avez vos propres images à importer, des images déjà chargées dans l'application Orson.io, ou besoin d'images libre de droit (Common Creatives)

  • Cliquez sur "Remplacer",
  • Choisissez une image dans la galerie d'images mise à votre disposition.
Images libre de droit ou common creative

Laissez vous guider ensuite dans les différentes étapes liée aux images:

  • Choix d'un format. 16/9ème, carré ou libre, c'est à vous de choisir en fonction de vos goûts,
  • Effets graphiques,
  • Nom de l'image (essentiel de mettre vos mots clefs dans la description de l'image).
  • Validez

Vous allez maintenant pouvoir ajuster la couleur des textes du module. 

  • Choisissez la couleur qui vous semble la meilleure,
  • Cliquez sur "Ok",
  • Cliquez sur le module "texte" et modifiez le texte,
  • Validez.
Créer une page web facilement et sans coder

Légende : D'autres choix sont possibles tels que mettre une couleur de fond, associer un calque de couleur sur une image, ...

7) Intégrer un autre bloc puis un module

Choisissez un autre bloc, faites le glisser en dessous du premier bloc puis:

  • Cliquez sur l'icône "Module". Les modules peuvent être ajoutés pour personnaliser votre page,
  • Ajoutez un module "Lien et Bouton" et faites le glisser dans votre page sous le module titre,
  • Personnalisez ce module (à droite de votre page).
création de site web performant et pas cher
Mettre en place un lien sur un site web
Contacter Orson.io via le livechat et par téléphone

Contactez nous sur le live chat ou par téléphone pour plus d'explications,

nos équipes feront le maximum pour se rendre disponibles

Menu - barre de navigation de votre site

Design de mon site internet

Créer un blog