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

  • Partenaires

Utilisateurs qui regardent le poste (Total: 0, Members: 0, Invité: 0)

Synioa

Synioa

Level 5
Level 4
Level 3
Level 2
Level 1
3 Déc. 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

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>

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>
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

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>

- Il vous faut ouvrir le bloc note.

Un scriptes CSS s'écrit toujours comme sa :

h1
{
color : blue;
}
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;
}

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 ici

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
 
Dernière édition:
  • Réagir
Réactions: Castiel
B

Benoit934

Level 5
Level 4
Level 3
Level 2
Level 1
12 Mars 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
 
Synioa

Synioa

Level 5
Level 4
Level 3
Level 2
Level 1
3 Déc. 2012
1,200
1
243
D'accord je verrait sa demains.
 
Evaelis

Evaelis

La Voix de la Sagesse
Level 5
Level 4
Level 3
Level 2
Ancien staff
Level 1
28 Avr. 2010
22,929
465
1,699
Valhalla
<meta charset="utf-8" />
Si tu n'a pas de conversion en html_entities, utilise simplement un charset iso
 
Evaelis

Evaelis

La Voix de la Sagesse
Level 5
Level 4
Level 3
Level 2
Ancien staff
Level 1
28 Avr. 2010
22,929
465
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...
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
 
Synioa

Synioa

Level 5
Level 4
Level 3
Level 2
Level 1
3 Déc. 2012
1,200
1
243
Le seul truc c'est qu'il dit :

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

Mon tutoriel est fait pour html pas pour le php.
Ensuite oui vous avez raison je n'est pas pensez directement montrer les nouveaux utilitée du html5 et CSS3.
 
Evaelis

Evaelis

La Voix de la Sagesse
Level 5
Level 4
Level 3
Level 2
Ancien staff
Level 1
28 Avr. 2010
22,929
465
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
Level 5
Level 4
Level 3
Level 2
Level 1
25 Janv. 2012
1,997
3
944
29
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

Level 5
Level 4
Level 3
Level 2
Level 1
12 Mars 2011
1,651
2
598
Le seul truc c'est qu'il dit :

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

Héhé en faite tu te trompe regarde le fichier de traduction FR de phpbb
 
Evaelis

Evaelis

La Voix de la Sagesse
Level 5
Level 4
Level 3
Level 2
Ancien staff
Level 1
28 Avr. 2010
22,929
465
1,699
Valhalla
Héhé en faite tu te trompe regarde le fichier de traduction FR de phpbb

Car le rendu de la page est édité par phpbb mais ce n'est pas trop le topic où en parler
 
B

Benoit934

Level 5
Level 4
Level 3
Level 2
Level 1
12 Mars 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
Level 5
Level 4
Level 3
Level 2
Ancien staff
Level 1
28 Avr. 2010
22,929
465
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
 
B

Benoit934

Level 5
Level 4
Level 3
Level 2
Level 1
12 Mars 2011
1,651
2
598
Non tout est en UTF-8