PAS à PAS 2
rappel : utiser son bloc note
télécharger NOTEPAD
dans notepad++
choisissez "HTML". Cela permettra au logiciel de savoir que l'on va taper du
XHTLM
maintenant il vous faut comprendre ca qu'est un navigateur
Les navigateurs
Le navigateur, c'est le programme qui vous permet de voir des sites web.
Parmi les navigateurs qui existent, citons :
Internet Explorer
Mozilla Firefox
Apple Safari pour les photos
La liste est longue, mais je vous ai cité les principaux.
Je vais vous présenter deux d'entre eux:
Internet Explorer 8 permet de tout simplifier
il vous faute le télécharger
il suffit de cliquer sur le téléchargement du lien suivant
FIREFOX : lien suivant
Vous allez voir que si je prends le temps de vous parler de ces deux-là, c'est qu'il y a bien une raison...
Internet Exploreur 8
+.
Mozilla FIREfOX
qui simplifie de nombreuse tâches
Télécharger Fire
Il bloque les popups
Il dispose d'un gestionnaire de téléchargements très pratique
On peut changer son apparence à volonté
On peut naviguer avec des onglets, juste sous la barre du navigation
c'est très pratique
On peut rajouter de fonctionnalités, a votre libre choix
n'oubliez pas de télécharger à partir de firefox
Web Developer qui ajoutera une barre d'outils qui vous sera certainement utile lorsque vous créerez votre site web.
résumé :
languages utilisés
XSML et CSS
XHTLM et CSS
XHTML et CSS
navigateurs
Internet Explorer 8 +
FIREFOX
+ Web Developer
APPLE safari pour les photos
comment faire des bordures dans vos pages
Dans le mode source de votre article,
vous collez ce pavé en complétant les lignes de couleur, color:= ex #CC6699 :
voir sur any color que vous pouvez télécharger pour choisir vos propres couleurs
<center>
<table cellspacing="1" cellpadding="1" background="textures granulée " border="1">
<tbody>
<tr>
<td>
<div align="center"> </div>
<div align="center">
<table cellspacing="0" cellpadding="40" width="90%" align="center" background="texture d'encadrement" border="1">
<tbody>
<tr>
<td>
<div align="center">
<table width="100%" align="center" background="texture de l'article" border="1">
<tbody>
<tr>
<td>
<p align="center">VOTRE TEXTE</p> ex ici couleur #CC6699 il faudra mettre color=#C6699
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</center>
|
les premiers pas sur votre site
le béaba....pour créer un site....pas à pas
2 langages informatiques sont utilisé, HTLM ou XHTML pour écrire le contenu de nos pages web.
CSS est le code pour présenter le contenu.
HTLM est le code pour présenter le contenant
Ce qui permet ensuite d'écrire le contenu avec le CSS
L'éditeur
En faite vous avez besoin juste DE 2 CHOSES gratuit
de votre
BLOC NOTE, il se trouve déjà sur votre ordinateur,
à la page de démarage, dans les programmes sur la gauche
de votre ordinateur
et de NOTEPAD++
Page de téléchargement de Notepad++
Prenez la version avec installeur (.exe)
IL vous permettra de
colorer automatiquement votre code HTLM
en un simple clic
Voilà déjà les premier pas
le premier cours!
VOUS SAVEZ DEJA la différence entre HTML ET CSS....oui ...non
vous savez vu où se situe le bloc note
vous avez télécharger NOTEPAD+++
alors vous avez déjà intégrer le premier cours!
er vous pourrez passer au deuxième.....
et pour la petite histoire continuez à lire
SACHEZ que juste là
, et ce n'est pas rien, vous avez tous les
éléments pour commençer à
créer un site
alors avant de bien intégrer cette leçon
commençer à
organiser votre site sur un papier
case par case
imaginer la
page d'acueil
pas trop d'info
allez à l'essentiel
pour que ceux qui viendront sur votre site, soit
époustoufler au premier coup d'oeil
et surtout la
simplicité en fera la beauté
VOUS avez donc tous les outils.
Mais il va falloir apprendre à s'en servir!
IL vous permettront de construire votre siteC'est un language
Comme une langue étrangère
C'est pourquoi il faut
y allez pas à pas
Pour bien intégrer et que votre compréhension deviennent fluide
Car ce language est le language de l'ordinateur
Chaque signe de ce
code HTLM et CSS lui parle et lui le traduit...pour nous créer notre site à notre demande
C'est comme si vous demandiez à un créateur de site
Je veux le fond
rouge: il écrira..tout simplement
;<backround color: rouge>;
Voilà..tout simplement
Alors apprendre ce language,
C'est comme apprendre une langue étrangère
il faut un peu de temps
Mais
COMME VOUS SEREZ HEUREUX du résultat
Vous serez FIER d'avoir un site à votre image
pouvoir le changer tout simplement !
et quand vous le désirez.
Voilà déjà un peu pour l'intêret d'apprendre ce langage
si vous êtes motivez, et si vous le voulez vraiment
Vous verrez,
Ce n'est pas si compliquer
C'est un peu comme apprendre à conduire une voiture,
quand on est petit , cela semble si difficile, PAPA seul peut conduire
et vous voilà devenu grand................quelques cours et nous y
voilà
On s'est conduire aussi bien que papa.
et losque l'on conduit, cela devient
automatique
Et bien POUR CE LANGUAGE
HTLM CSS
et je suis sûr que vous vous prendrez au jeu
ALLEZ COURAGE
VOUS SAVEZ DEJA ET EN DEUX MINUTES CE QUE VEUX DIRE
HTLM, CSS
CE QUI VOUS PARRAISSER ETRE DU CHINOIS.....juste avant de lire
cette article
Alors maintenant....un peu plus technique
XHTML :
c'est l'abréviation de eXtensible HyperText Markup.
HTML. et XHTML se ressemblent beaucoup et peuvent tous les deux être utilisés pour créer des pages web.
Ils sont quasiment identiques.
Le XHTML fonctionne cependant sur des règles un peu plus rigoureuse que le HTML.
En bref, si vous savez programmer en XHTML, alors vous savez programmer en HTML. C'est pour cela que nous étudierons XHTML dans ce cours.
CSS : c'est l'abréviation de Cascading Style Sheets ("Feuille de style").
cela permet de rentrer tout ce que l'on veut dans la feuille de style
la couleur du fond : ex
< bakround color: rose >
et quand vous serez un peu plus avancé ,il y a des tableaux qui nous donne la couleur exacte que nous désirons,avec le code
il suffira d'avoir télécharger un logiciel pour la couleur, je vous donne un
exemple ,que je vous donnerai en lien "any color"
<backround color:"
CC6699> qui donne une couleur plus spécifique