|
Créer son propre site sur l'internet c'est à la portée de tout le monde, mais comment faire?
Sur un ordinateur de l'autre monde, il existe des possibilités logiciels d'aide à la création encore faut il comprendre et savoir les utiliser. L'Amiga n'est pas en reste et propose également des petits logiciels pour la mise en page de sites internet mais il est nécessaire tout de même d'avoir quelques notions de base.
Personnellement je trouve que c'est plus captivant d'avoir le contrôle total de la création en utilisant un simple éditeur de texte et quelques notions de base permettant la compréhension de ce langage inventé pour l'internet, mais on peut également l'utilisé pour d'autres types de projets (présentations, album photo etc...) et ainsi être visualisable sur n'importe quel type d'ordinateur (voir le projet de Gillou sur la France téléchargeable sur Aminet).
Avant tout, et pour lever d'éventuels doutes: je n'ai jamais fait d'études informatiques et programmation (ce qui peut expliquer de possibles cafouillages), j'ai appris "sur le tas" selon mes besoins du moment, j'ai cherché des cours diffusés sur l'internet pour apprendre à utiliser ce langage: je conseille le site de "www.l'altruiste.com" dont les cours et explications sont agrémentés d'exemples, et en français!
Pour commencer je pense qu'il faut partir d'une idée simple et apprendre les commandes les plus utilisées, objet de cette série.
Pour débuter et commencer votre apprentissage, pour le moment nul besoin de créer votre espace internet où sera logé votre site, il sera toujours temp splus tard de le faire quand vos pages seront terminées. Celui-ci peut être développé en local depuis votre disque dur.
Première page HTML
Essayez cet exemple, ouvrez votre éditeur de texte et saisissez les lignes suivantes (vous pouvez copier/coller les ligne dans votre éditeur) :
<html>
<body>
ceci est ma page
<body>
<html>
Puis sauvegarder ce texte avec l'extension html et ensuite ouvrez le depuis votre navigateur.
Vous venez de faire vos premiers pas en HTML!
ATTENTION : le HTML s'exécute de la gauche vers la droite et du haut vers le bas, comme pour la lecture d'une livre
A droite quelques balises les plus courantes, mais il y en a beaucoup plus, vous apprendrez à les connaître au fil du temps et des articles suivants.
Si vous trouvez des erreurs dans mes explications n'hésitez pas à m'en faire part, je ne suis pas un "pro".
De même si vos connaissances peuvent permettent d'améliorer quelques explications.
|
|
Les Balises (ou commandes HTML)
Les ordres qui indiqueront à votre navigateur ce qu'il devra faire sont réalisés par des commandes appelées Balises. Elles sont encadrées obligatoirement par des crochés d'ouverture et de fermeture <balise>. Si cela est nécessaire, des arguments peuvent être ajoutés avec cette balise, par exemple pour modifier des polices de caractère, la couleur ou l'alignement, ceux-ci seront à l'intérieur de ces crochets. Sans ces crochets le navigateur les interprètera comme du texte et les caractères s'afficheront alors à l'écran.
Exemple : <font size=2 color=red> pour afficher en caractère de dimension 2 en couleur rouge.
Balise de fermeture
Certaines balises fonctionnent d'une manière autonome, c'est à dire que leur action sera immédiate, comme le retour à la ligne, pour d'autres leur action devra être stopppée par une balise de fermeture, par exemple </font> ce qui aura pour effet d'annuler touts les effets apportés par la balise <font> précédente.
Le style d'écriture
Pour éviter tout problème de bug d'interprétation, il est préférable d'utiliser l'écriture minuscule pour tout ce qui concerne les noms de fichiers html, images. Un Amiga ne fera pas trop de différence entre Image.GIF et image.gif, mais sur un PC le navigateur ne trouvera pas l'image si celle-ci n'est pas nommée de la même manière que dans la ligne de commande qui lui fera appel pour l'afficher.
Quelques balises les plus souvent utilisées dans mes pages
(selon mon expérience)
<HTML></HTML>
Début et fin de page HTML
<BODY></BODY>
Début et fin de corps de page (tout ce qui sera interprété)
<CENTER></CENTER>
Alignemant horizontal centré
<LEFT></LEFT>
Alignemant à gauche
<RIGHT></RIGHT>
Alignemant à droite
<FONT size=x face="x" color=#ffffff></FONT>
caractéristique de police de caractère. Size =taiile, face=type de police, color=couleur.
<TABLE></TABLE>
Début et fin de tableau
<TR></TR>
Début et fin de ligne dans un tableau
<TD></TD>
Début et fin de colonne dans un tableau
<A HREF="--"></A>
Commande pour le chargement d'une page html
<IMG SRC="chemin et nom de l'image">
Commande pour le chargement d'une image
<UL></UL>
Pour décaler le texte
<B></B>
Pour mettre les caractères en gras
<HR>
Pour faire une ligne
<BR>
Commande de retour à la ligne
José
|
|
