ACHAT KAMAS PRIX JAMAIS VU
Place your Ad here for €1.10 per CPM (1000 impressions)!

(Base)Crée un sites web (html5 et CSS3) pour les Débutant (Simple)

    Publicités

Users Who Are Viewing This Thread (Total: 0, Members: 0, Guests: 0)

Synioa

Synioa

V
Dec 3, 2012
1,200
1
243
Comment crée un sites web ?

Vous voulez crée un sites web vous avez peur de tous vous embrouiller avec les code script, ect...

Ne paniquer pas c'est très simple.

Quel sont les programme que doit ton utilisée ?

-bloc note
- notepad ++
- Microsoft office word ( je vous expliquerais plus tard.)
- world pad

Et pliens d'autre mais je vais vous expliquer avec notepad ++.
(téléchargement ici Ce lien n'est pas visible, veuillez vous connecter pour l'afficher. Je m'inscris!

Notepadd ++ c'est sa :
861696Sanstitre1.png

Comment l'utiliser pour crée un sites web ?

-Allez dans encoding puis choisissiez Encode en UTF-8
371135Sanstitre2.png

A quoi sa sert de faire cela ?

En mettant sa le logiciel reconnaîtra certain caractère tels que le é ou è ect...

-Puis allez dans Langage , H et cliquer sur html.
835791Sanstitre3.png

Maintenant commençons.

Le scripte.

<!>Je ne vous apprendrai que les base d'un site web car chacun na pas les même idée et sa ne serait beaucoup trop long.<!>

Sa c'est la base d'un scripte.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title> Le titre</title>
</head>

<body>

</body>
</html>
Click to expand...

Dans tous les scripte de page web tous commence par <!DOCTYPE html> Obligatoirement.

<html/> : C'est La page web

<title/> : C'est le nom en haut de la page (Cheat-game3 : la référence française en matière de cheat)

</head> : C'est la tête en gros la partie haut de la page.

</body> C'est le corp de la page en gros c'est ce qui fait la page web désormer tous les code ce font la dedans.

Les balise ?

Les balise sont des petites aide pour structuré sa page html( ne fonctionne que avec le scripte HTML)

Pour que le titre soie gros comme dans les journaux.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title> Le titre</title>
</head>

<body>

<h1> Kaïju <h1/>

</body>
</html>
Click to expand...
452058Sanstitre6.png

La balise <h1/> sert a a grandir le texte.

<!> Noter bien que </> que a la deuxième fois que vous marquer la balise mettez / sinon la balise feras effet sur tous le texte.

Toutes les Balise html sont sur ce site la Ce lien n'est pas visible, veuillez vous connecter pour l'afficher. Je m'inscris!

Comment crée un script CSS ?

D'abord ou on écrit le CSS dans le scriptes HTML ?

<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />

<title> Le titre</title>
</head>

<body>

<h1> Kaïju <h1/>

</body>
</html>
Click to expand...

- Il vous faut ouvrir le bloc note.

Un scriptes CSS s'écrit toujours comme sa :

h1
{
color : blue;
}
Click to expand...
Ce qui donne :
194432Sanstitre5.png

Vous voulez mettre une image ?

Enregistrait l'image sous ( exemple : blabla.png ) que vous avez choisie mettez bien le fichier .CSS et l'image png accoté( dans la même catégorie genre dans bureaux

Et taper ce code CSS dans le fichier .CSS

body
{
background-image: url("blabla.png");
background-attachment: fixed;
background-repeat: no-repeat;
}
Click to expand...

Ce qui donne :
436073Sanstitre7.png

Et surtout enregistrait le sous style.css

Comme vous apprenez vite voila vous avez crée un site web.
Pour plus de code CSS allez iciCe lien n'est pas visible, veuillez vous connecter pour l'afficher. Je m'inscris!

Avec microsoft office word :

388689Sanstitre8.png

Et voila je ce que on peut faire avec Microsoft office word mais sa c'est pour un autre tutoriel
 
Last edited:
  • Like
Reactions: Castiel
ACHAT KAMAS PRIX JAMAIS VU
B

Benoit934

V
Mar 12, 2011
1,651
2
598
pas mal mais tu devrais donner la liste détaillée des balises car nous on connais mais pas les lecteurs cibles
 
Evaelis

Evaelis

La Voix de la Sagesse
V
Ancien staff
Apr 28, 2010
22,949
468
1,699
Valhalla
Le seul truc c'est qu'il dit :
En mettant sa le logiciel reconnaîtra certain caractère tels que le é ou è ect...
Click to expand...
Sauf que bon c'est valide pour un html mais pas pour un fichier php, ensuite là tu n'utilise ni les nouveautés du css3 ni celle du html 5
 
Evaelis

Evaelis

La Voix de la Sagesse
V
Ancien staff
Apr 28, 2010
22,949
468
1,699
Valhalla
De toutes façon Html 5 (Peu être) mais CSS3 ce n'est pas une base^^
C'est plus pour le dynamisme et le 2.0 pour ma part
 
[A]pokah.

[A]pokah.

Membre d'Honneur
V
Jan 25, 2012
2,012
3
944
27
Derrière toi !
Discord
Apokah#8011
Excusez moi de l'avoir balancer comme sa, à mon avis ce tutoriel n'est pas bien expliqué..
- Tu donnes le code sans rien expliquer :/
- Tu dis qu'on a besoin de Microsoft office, je vois pas ou sa ?
- les fautes d'orthographe :hap:
- Merci du tutoriel :p
 
B

Benoit934

V
Mar 12, 2011
1,651
2
598
non c'est lié a l'encodage du fichier comme il est similaire a celui de la page les accents ne sont pas buggé
 
Evaelis

Evaelis

La Voix de la Sagesse
V
Ancien staff
Apr 28, 2010
22,949
468
1,699
Valhalla
Phpbb ne transforme pas en &amp; etc ?
Bon bah peu être, je pense que tu as plus de connaissance que moi sur phpbb
 
Votre publicité ici !
You must log in or register to reply here.
Thread starter Similar threads Forum Replies Date
S [JavaScript] Je peu créer votre site web pour moins de 100€ WEB 0
Similar threads
[JavaScript] Je peu créer votre site web pour moins de 100€
Top Bottom