Avant
de commencer à écrire notre première
page
web, il faut que je vous présente à quoi
ressemble ce
fameux langage XHTML.
Par exemple, pour écrire "Bienvenue sur mon site !" en
XHTML, comment on fait ? Bah, il suffit de le taper : Bienvenue
sur mon site !
Jusque-là, pas trop dur... Oui mais attendez, si
c'était ça, ça serait trop simple et
forcément ça serait pas rigolo
Les
balises
La première balise <titre> indique le
début du
titre, et elle est refermée plus loin avec
</titre>.
Le navigateur comprend que ce qui est entre <titre> et
</titre> est le titre de votre site web, et que celui-ci
est
"Bienvenue sur mon site !"
Les
balises seules
: elles sont un peu plus rares, mais il y en a quand même. On
s'en sert en général pour insérer un
élément dans une page.
Ce type de balise se termine toujours par un slash "/",
mais cette fois le slash se trouve à la fin de la balise.
Par
exemple la balise qui permet d'insérer une image :
Code
: Xhtml
<image/>
Cette balise indique juste qu'il y a une image à cet
endroit.
Il est donc facile de reconnaître à quel type de
balise on a affaire :
Si vous voyez
<truc>, c'est qu'il s'agit forcément
d'une balise existant par paire, et donc que vous allez trouver un
</truc> un peu plus loin, pour indiquer la fermeture de
la
balise.
Si vous voyez
<truc />, c'est une balise seule.
Les attributs
Les attributs sont un moyen de donner des précisions sur une
balise. On peut trouver des attributs sur les deux types de balises
(par paire ou seules).
Par exemple, prenons la balise seule <image />. C'est
bien
beau de dire qu'on insère une image, mais encore faut-il
indiquer laquelle. On fera ça avec un attribut :
Code
: Xhtml
<imagenom="soleil.jpg"/>
Ici, l'attribut est "nom", et il a pour valeur "soleil.jpg". Cela
indique que l'image que l'on veut insérer s'appelle
"soleil.jpg"
tout simplement.
Dans le cas d'une balise fonctionnant "par paire", on ne met les
attributs que dans la balise ouvrante et pas dans la balise fermante.
Par exemple, ce code indique que la citation est de Neil Armstrong et
qu'elle date du 21 Juillet 1969 :
Code
: Xhtml
<citationdate="21/07/1969">
C'est un petit pas pour l´homme` un bond de géant
pour l´humanité. </citation>
Comme vous le voyez, on ferme la balise en mettant simplement
</citation> sans répéter les
attributs (ça
ne servirait à rien).
Ce qu'il faut retenir
Bon, tout ce que je viens de vous dire là, c'est le seul
moment de théorie pure que vous trouverez dans ce cours.
Vous ne
savez pas encore faire une page web, mais rassurez-vous nous allons
commencer dans 2 minutes.
Je tenais à vous montrer un peu ce que sont ces "balises"
que vous allez rencontrer tout le temps par la suite, histoire que vous
tiriez pas trop la tronche quand vous allez en voir (un peu comme
ça => )
Bien entendu, j'ai inventé des noms de balises, en
réalité <image /> et
<citation> n'existent
pas. Mais vous allez avoir tout le temps d'apprendre les vrais noms.
Avant de terminer cette petite partie théorique, je vais
vous donner ici quelques règles pas bien
compliquées
qu'il faudra retenir si vous voulez faire une parfaite petite page web
:
Les balises existent
soit par paires (<balise>
</balise> ) ; soit toutes seules, mais dans ce cas il
faut mettre
un / à la fin de la balise (ex. : <balise /> )
Les noms des balises et
attributs s'écrivent toujours en minuscules
(ex. : "citation, auteur, date")
Les valeurs des
attributs peuvent contenir des majuscules (ex. : "Neil Armstrong")
S'il y a des attributs
dans une balise fonctionnant par paire, on
ne les met que dans la balise ouvrante
les
meilleurs logiciels pour construir votre site
Nvu
(prononcez n-view) est une solution complète de
création
de site Web capable de rivaliser avec les plus grands noms du secteur
tels que Dreamweaver ou FrontPage. L'application regroupe un
gestionnaire de fichiers Web et un éditeur de page
graphique, du
type WYSIWYG. Le gestionnaire de sites permet de publier rapidement la
dernière version de votre site en quelques clics ! La
plupart
des fonctionnalités permettant de créer
facilement des
pages sophistiquées sont présentes comme
l'intégration de tableaux, de formulaires, d'images, le
formatage du texte, etc. Le but de Nvu est de faciliter le processus de
création et et de le rendre plus accessible aux utilisateurs
débutants dans le domaine. Cependant, les utilisateurs
avertis
auront la possibilité d'éditer directement le
code
source. Il est possible d'éditer plusieurs pages
simultanément grâce à l'utilisation des
tabulations. La prévisualisation des pages est
intégrée et ne nécessite aucun
navigateur
additionnel. Le moteur de rendu utilisé pour afficher les
pages
respecte soigneusement les normes et standards en vigueur sur le Web,
puisqu'il est basé sur Gecko, le coeur de Mozilla Firefox !
fonds
d'écran gratuits, outils pour webmaster, kits graphiques
gratuits, javascripts, gifs, humour, cliparts, fonds textures.
et de nombreux scripts
afin
d'optimiser votre référencement. Ces
balises renseignent les moteurs de recherche sur le contenu de votre
site, afin qu'ils puissent l'ajouter dans leur base de
données.
Le Multi-Moteurs de recherche
Offrez à vos visiteurs la possibilité de faire
une
recherche à partir de votre site sur des differents Moteurs
de
Recherche