Creer un 3es en Trois étapes faciles !

The Nils

Premier 3es du nom ! Il vous guideras dans la création d'un 3es simple et efficace !

Présentation / Préparation

Présentation !

Bonjour, je suis Nils !
Étant plutôt débrouillard en informatique je passe beaucoup de temps à expliquer aux autres comment ça marche et je passe plus de temps encore à lire des tutos un peut partout sur le web.
A chaque tuto, une nouvelle mise en page, une nouvelle logique et une nouvelle façon d'appréhender les choses.
Je me suis donc mis à coder ce petit bout de site pour donner la possibilité au web d'unifier un peu tous ça.

3es.fr est née !
Ainsi, chacun a la possibilité de créer un tuto sans se soucier de la mise en page et peut partager simplement et librement sons savoir faire...
Ça n'est qu'un début et il reste encore beaucoup de chemin à faire pour 3es, alors ce chemin... Faisons le ensemble !?

J'en fait des tonnes? Et alor ;)

On passe au choses sérieuses !

3es pour Three Easy Steps
Trois étapes c'est facile. Trois étapes c'est ni trop, ni pas assez. Trois étapes c'est rapid à réaliser. Bref Trois étapes c'est bien !
De plus, il est toujours facile de scindé un tuto en trois grandes étapes et les lecteurs se sentiron fiers à la fin chaque étape ! C'est pratique, facile et ça permet de garder une cohérence entre tous les 3es. Ainsi, il n'est plus nécessaire "d'apprendre" a lire un tuto avant de l’exécuter.

Rédaction !

Creation de votre 3es

Rendez-vous sur 3es.fr et commencez donc par remplir l'entête de votre 3es.
Le plus facile !
Il vous faut donc un Titre, une Description et un auteur (en principe l'auteur vous l'avez déjà...)
Choisissez un titre simple, sans trop en faire... Si votre 3es parle d'un logiciel ajoutez donc la version du logiciel en fin de titre.
<br />
Une bonne description est courte et concise, son but principal est de donner des informations qui n'auraient pas leur place dans le titre.

Les textes

Vos textes sont importants ! Essayer d'écrire des directives simples et concises. Faites aussi un minimum attention à l'orthographe, c'est déjà un effort d'apprendre quelque chose de nouveau pas la peine de forcer vos lecteurs à réapprendre à lire...

Vous disposez aussi de quelques options de mise en forme comme la possibilité de mettre un texte en gras, en italique, en couleur ou encore la coloration syntaxique de code.

$coloration = true;

Toutes ces options sont détaillés en bas de la page d'édition de 3es dans le cadre bleu.

Les images

"Une image vos souvent mieux que mille mots..."

Des images, des dessins, des schémas, des photos, des croquis, ....
Ajouter Des Images !!! mettez en partout !!!
Votre 3es sera beaucoup plus compréhensible avec des images démonstratives ! Et bien plus attrayant aussi !

Pour ajouter une image, cliqué simplement sur le bouton "parcourir" à droite des explications en cours d'édition.

Détaillez , Coupez, Tranchez !

Alors oui on ne peut mettre qu'une image par sous-étape. Mais on peut ajouter autant de sous-étape que l'on veut !
Et les sous-étapes c'est bien ! Ça permet de diluer pour mieux faire passer la pilule et en plus le lecteur verra chaque sous-étape comme un mini-objectif qu'il sera fier d'avoir réussi!

Pour ajouter une sous-étape cliquez simplement sur le petit bouton "+" .

Publication !

Enregistrez votre 3es

On touche au but !!! pour finaliser votre 3es cliquez simplement sur le bouton "Publier mon 3es en bas de page".

Partagez !!!

Voilà c'est terminé! N'oubliez pas de partager votre 3es, transmettez votre savoir faire, vos connaissances !
Une fois votre 3es enregistrer vous serez redirigé vers la page d'affichage de votre 3es. C'est sur cette page que les autres pourront voir votre 3es.
Vous pouvez aussi partager votre 3es sur les principaux réseau sociaux en cliquant sur les boutons de partages en bas de page.

...Ou en mode embarqué !

Vous pouvez aussi embarquer directement vos 3es au sein de votre site web ou de votre blog !
Pour ce faire, insérez la ligne de code qui vous est donné en dessous des boutons de partages directement dans votre code html entre les balise <body> et </body>.


<head>
<meta charset="utf-8">
<title>3es</title>
</head>
<body>

<!-- Par exemple pour insérer ce 3es dans une page : -->
<iframe width="700px" height="800px" src="http://3es.fr/?embed=1" frameborder="0"></iframe>

</body>


N'oubliez pas de partager ce 3es si vous pensez qu'il peut être utile à quelqu'un !

Ou intégrez le directement à votre Site ou Blog