Développe ton site ! Ep 1

Statut
N'est pas ouverte pour d'autres réponses.
TymmeSyde

TymmeSyde

Membre
Inscription
9 Mai 2013
Messages
145
Réactions
31
Points
2 416
RGCoins
50
Heyllo à tous !

Je vous présente ce tutoriel qui aura pour but de vous apprendre à créer un site internet.
Bien sûr ce site ne sera pas exceptionnel, mais il vous permettra de comprendre les bases du développement Web.

Commençons de suite ! ;)

Partie I: Préparatifs

Pour commencer, procurez-vous Notepad ++ :
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
, c'est un logiciel optimiser pour les développeurs, et oui, vous utilisez un logiciel de pro à présent ! :D Nan je blague, ce n'est qu'un éditeur de texte avec un jeu de couleur et quelques petites fonctionnalités adapter pour le développement ! :D

Tout d'abord, ouvrez-le (ha bon ? :troll:), cliquez ensuite sur "Langage" dans le menu, puis "H"->"HTML".
Voilà, vous venez de dire à NotePad ++ que l'on va programmer en HTML, donc il va appliquer un jeu de couleur en fonction de ce que l'on écrit (assez pratique pour s'y retrouver dans son code ;) ).
Et oui, un site web est programmer en plus grande partie en HTML !

960149Screenshot6.png


Partie II: Le code

Pour cette partie, on va commencer simple ! :D
Dans la plage d'édition du texte (l'endroit où l'on écrit :D), placer votre première balise <p>texte</p>, voilà on indique donc à l'explorateur d'afficher du texte dans la balise <p></p> qui signifie paragraphe.

790562Screenshot9.png


Une fois cela réalisé, cliquer sur "Fichier" -> "Enregistrer Sous", une fenêtre s'ouvre alors, et choisissez un nom pour votre page Exemple: "Ma page" (l'extension .HTML est à spécifiée si ce n'est pas fait), puis on clique sur "Enregistrer".

365040Screenshot7.png


Partie III: Test

Maintenant, plus qu'a double-cliquer sur notre page (à l'endroit où on l'a enregistrer :troll:) pour pouvoir l'ouvrir.
Elle va s'ouvrir dans votre explorateur internet par défaut.

576138Screenshot8.png

Et là vous aller me dire "Et c'est tout ?".
Non ! :) Je vous rassure, non ce n'est pas tout mais on n'en est qu'au premier tutoriel là ! ;)
Vous inquiétez pas, dans le deuxième, vous apprendrez à coder réellement votre page internet !
C'est à dire à placer des balises, mettre un titre, du texte, etc...

J’espère que ça vous a plus en tout cas ! Et vous dit à plus pour un prochain tuto ! ;)
Enjoy ! :D
 
Dernière édition:
Le texte s'écrie dans la balise <p></p> ou <pre></pre> :ok:
 
iMoDz-Baptiste a dit:
Le texte s'écrie dans la balise <p></p> ou <pre></pre> :ok:
Cliquez pour agrandir...
Et bien oui ! :D Mais là on n'en est qu'a la création d'un simple page sans code HTML ! ;) J'ai voulu commencé comme ça ! Je me suis dit que c’était plus simple de comprendre ainsi ! :D
 
TymmeSyde a dit:
Et bien oui ! :D Mais là on n'en est qu'a la création d'un simple page sans code HTML ! ;) J'ai voulu commencé comme ça ! Je me suis dit que c’était plus simple de comprendre ainsi ! :D
Cliquez pour agrandir...
Je pense qu'il vaut mieux direct dire que le texte s'écrit dans un <p></p> même si il y a pas le doctype etc.
> Au moins ils apprennent une balise et savent que le texte s'écrivent dans un p
 
Ouais t'a raison je go le corriger ;)
 
iMoDz-Baptiste a dit:
Je pense qu'il vaut mieux direct dire que le texte s'écrit dans un <p></p> même si il y a pas le doctype etc.
> Au moins ils apprennent une balise et savent que le texte s'écrivent dans un p
Cliquez pour agrandir...

J'écris pas mon texte dans les balises <p></p> a pars si les 2 sont liés à un de mes CSS ;)
Merci, sa peut servir.
 
TymmeSyde a dit:
Et là vous aller me dire "Et c'est tout ?".
Cliquez pour agrandir...

En effet ... Il va falloir une bonne centaine de sujet pour arriver a quelque chose de finalisé ^^

Essaie de faire des sujets plus long, avec plusieurs étapes dedans ...
 
Oui c'est sur mais je ne vais pas non plus créer un site phénoménal ! ^^ Je tiens compte de ton com'. Aussi le deuxième est sorti mais déplacer par les admins :) Dans programmation.
 
Cool, je vais pouvoir créer mon site ^^
 
LoGi a dit:
Cool, je vais pouvoir créer mon site ^^
Cliquez pour agrandir...
Ouais ! :D Comme je le disais a @PEGAE, l'autre t dans la section "Programmation" si ça t'intéresse. Je demanderais a ce qu'ils soient au même endroit ;)
 
Il y a déjà le SDZ qui fait de très bons tutos, mais bon ^^
Et puis si tu veux créer un tuto il faut les faires plus long, car là tu en auras pour au moins 20 épisodes :/
 
C'est pas vraiment un site, c'est sous local tout ça et encore moin localhost
 
Je sais bien qu'il y a le SDZ ! ;) Mais je voulais donner une autre approche du développement HTML. Et oui je ferais des epidoes plus long ;)
 
Exagon a dit:
C'est pas vraiment un site, c'est sous local tout ça et encore moin localhost
Cliquez pour agrandir...
Et bien si c'est un site :) , peut-être en local mais c'est bien un site :). Que veux-tu dire par "sous local" ?
 
Que c'est sur ton ordi, un site c'est un SITE accessible via le port 80 (www) hors la c'est via tes fichiers :D
 
Non ce n'est pas un site, juste un fichier .html ^^
Un site, c'est sur le web, accessible par tout le monde, et composé au minimum d'une page ^^
 
Oui et ou est le problème AIS-je parler d'hébergement en ligne ou ne serais-ce de wamp ? :)
 
Kilou' a dit:
Non ce n'est pas un site, juste un fichier .html ^^
Un site, c'est sur le web, accessible par tout le monde, et composé au minimum d'une page ^^
Cliquez pour agrandir...

Tu dit la même chose que moi soit plus original pour booster tes postes la prochaine fois :d
 
Kilou' a dit:
Non ce n'est pas un site, juste un fichier .html ^^
Un site, c'est sur le web, accessible par tout le monde, et composé au minimum d'une page ^^
Cliquez pour agrandir...
Bon et bien on s'est mal compris :) l'hébergement seras expliqué par la suite ;)
 
Statut
N'est pas ouverte pour d'autres réponses.
Retour
Haut