Forums GAMERGEN

par **urbano25_1** » 23 Mai 2009, 10:05

Introduction

Bonjour, si vous voulez vous lancer dans la création d'un portail, il faut savoir qu'il y a trois langages pour coder voici leur noms :

.Le CSS
.Le HTML
.Le java
Et pleins d'autres encore

Moi je vais vous apprendre les bases du langage HTML.Car CSS c'est bien trop compliquer.
Ce langage (HTML) est a la porter de tous, il s'apprend rapidement si vous êtes pas idiot.
Cessons le bavardage.

Ayez les bon outils

Pour créer un portail, il vous faut plusieurs choses qui sont :

.Des graphisme (icônes etc...)
.Un logiciel de texte (Bloc note, notepad++)
.Et si vous êtes pas courageux KompoZer

Installation

Pour commencer sur votre ordinateur, nous allons créer un dossier appeller le
NomDeMonPortail (un exemple)
Une fois fait ouvrez ce dossier et créer-y un autre dossier apeller "images".
Ouvrez ce même dossier et collez-y toutes vos icônes et graphisme.
Une fois que c'est fait retourner a la racine du dossier "NomDuPortail" (Info : la racine = début).

Ensuite dans le dossier "NomDuPortail" nous allons créer une page.
Faite un clique droit Nouveau > Document texte, donner-lui le nom suivant :

index.html (important n'oubliez jamais de mettre .html a la fin de votre page sinon ce n'est pas valable).

Ensuite ouvrez ce "index.html" et dedans c'est vide.Normale, cela va être la première page de votre portail.

Début du codage

Pour commencer, faite un clique droit sur "index.html" et faite Ouvrire avec > Bloc note.

Commencer par écrire ceci :

<title>Nom de votre portail</title>

Ecrivez ce qui précède tout en haut du document texte (enfin .html :lol:

)

(N'oubliez pas de refermer les balises avec "/").
Une fois fait, nous allons commencer par coder.

Voici quelque bases :

Texte en gras : <b>texte</b>
Texte Souligner : <u>texte</u>
Texte en italique : <i>texte</i>
Insérer une image dans une page de mon portail : (l'image doit être dans le dossier "images") <img src="images/nomdeliamge.png"> (le format PNG sert d'exemple)
Faire un lien vers une page de mon portail ou vert un site : <a href="mapage.html">MON TEXTE</a>
Mettre une image comme arrière plan : <body BACKGROUND="images/font-decrant.png">
Faire un lien sur une image (quand on clique sur l'image nous sommes rediriger verre une page web ou de votre portail) : <a href="mapage.html"><img src="images/nomdelimage.png"></a>
Centrer au milieu mon texte ou une image : <center>texte ou <img src="images/image.png"></center>
Centrer mon image ou mon texte a gauche : <p align="left">texte</p>
Centrer mon image ou mon texte a droite : <p align="right'>texte</p>
Sauter une ligne ou retourner à la ligne : <br> ( pas besoin de refermer)
Tracer une ligne horizontale : <hr> (pas besoin de refermer)
Ecrire mon texte en gros <h1>texte</h1>
<h2>texte moyen</h2>
<h3>texte petit</h3>
<p>est un paragraphe</p>
<-! je suis un commantaire qui ne se voit pas!->

A noter que si vous oublier une lettre ou un / dans votre code, tout votre trvail sera peut être détruit.

Ces petits bout de code son vos bases.Si un jours vous êtes en création d'un portail et que vous oublier un code venez voir cette page ou notez les sur un petit bout de papier.

Voila pour moi et les bases de création d'un portail, si vous voulez en apprendre d'avantage je vous invite à aller voir ce cour : http://www.snv.jussieu.fr/archambault/cours/html/textes/structure.html

Pour les autres langages comme le css ou le java, je vous recommande les très bon tutoriaux de biscottealacrevette et de Worlden qui ce trouven dans la rubrique Les portails en post-it.

J'èspere que mon tutoriel vous auras servie a bientôt :wink:

par **napster23** » 23 Mai 2009, 10:36

Merci , proféseur urbano25 :lol:

, vraiment trops cool ton TUTO . pour te dire si il ya des faut ou non je peut pas par ce que Moi méme de je fait des faut . :wink:

continuer comme ca .

presentation · par **biscottealacrevette** » 23 Mai 2009, 10:57

3em languages : le javascript ...
et le CSS je n'y vois rien de bien compliqué :s

par **vermine35_1** » 23 Mai 2009, 11:07

oui oui grand maittre :oops:

ouais c'est pas mal mai il manque le java...css...

par **urbano25_1** » 23 Mai 2009, 11:08

ok je r'ajoute sa merci

par **napster23** » 23 Mai 2009, 11:17

en peut utiliser le CSS dans les portail ?

par **urbano25_1** » 23 Mai 2009, 11:22

oui tu peut
mais moi perso je l'utilise pas c'est trop compliquer

par **Jujutheouf_1** » 08 Juin 2009, 12:04

Merci et remerci je me met au portail maintenant

par **mousspsp** » 12 Juin 2009, 17:29

<b>, <u> et <i> n'existeront plus dans HTML 5 et ne sont plus utilisés depuis un bon moment.
Pour le gras, je connais <strong> qui est du xHTML 1.1.
La balise br s'écrit <br /> et non <br> ^^
Et c'est Javascript, qui est extrêmement différent de Java.
Sinon bon tuto ! ^^

par **urbano25_1** » 12 Juin 2009, 18:50

Sa marche aussi <br> :wink:

Je vais éditer le tutoriel jeudi au plus tard quand mon ordi sera réparer .

par **paultugal** » 23 Juin 2009, 23:42

le CSS n'est pas compliquer ! Sa ressemble beaucoup au HTML et ne nessescite aucune logique ^^

Sinon dans ton tuto rajoute :

Metre une page dans une page :
<iframe src="mapageainseré.html" width="largeur en pixel" height="hateur en pixel" id="nome de l'iframe" frameborder="0" ></iframe>
Metre du texte en couleur : <font color="white"> ton texte avec balise p ...</font> White peut etre remplacer par d'autre couleur en anglais...

Bon je t'e propose rien d'autre sinon se sera plus un tuto pour les débutant qui aprenent xD mais bon les base sont la.

A ajouter aussi : tous ce qui et entre < > comme <p> <iframe> ... s'appele des balise et les option a l'interieur de celle ci comme height="" , border="" sont des atribut.

Voila c'est tous ce que j'ai pour ma défense :mrgreen:

EDITH EXPRESS:

Et si vous êtes pas courageux KompoZer

Enlève moi sa tout de suite :@ c'est le genre de logiciel qui t'abrutit t'apprend rien avec sa ....

par **urbano25_1** » 24 Juin 2009, 11:31

Bah oui et non, kompozer c'est pour les personnes qui sont idiot et pas courageuse sinon la j'ai pas de pc donc je vais editer bientôt.

Forums GAMERGEN

[TUTO] Les bases de création d'un portail

[TUTO] Les bases de création d'un portail

Re: [TUTO] Les bases de création d'un portail

Re: [TUTO] Les bases de création d'un portail

Re: [TUTO] Les bases de création d'un portail

Re: [TUTO] Les bases de création d'un portail

Re: [TUTO] Les bases de création d'un portail

Re: [TUTO] Les bases de création d'un portail

Re: [TUTO] Les bases de création d'un portail

Re: [TUTO] Les bases de création d'un portail

Re: [TUTO] Les bases de création d'un portail

Re: [TUTO] Les bases de création d'un portail

Re: [TUTO] Les bases de création d'un portail