CODE HTML
Ici nous allons commencer la réalisation de notre page.
Navigation chapitre:
Nouveau Fichier
Nous allons activer l'onglet Navigation Fichiers puis le sous onglet Fichiers.
Pour créer un nouveau fichier faites un clic droite sur site puis sur créer un nouveau fichier...
Renommer le sous index.html (Ne pas oublier le .html)
Pour info: le fichier index.html est le premier fichier de votre projet et sera votre page d'accueil quand un internaute regarde votre site.
Pour les autres pages nommer les de manière à les reconnaître facilement.
Un double clic --> Pour faire apparaître votre page
Présentation
Dreamweaver 8 propose 3 modes de présentation
Mode Code
Resterons pour le moment en mode code
Le HTML
C'est un langage pour définir votre page et pouvant ainsi être affichée sur votre navigateur internet. Pour connaître les codes HTML je vous report sur ce site.
Chaque élément (texte, tableau, image,..) est encadré par des balises
(
) pour paragraphe, () pour image, etc...
Nous n'allons pas vous apprendre ici le langage HTML et passons maintenant en mode création.
MODE CREATION
Avant toute chose, faites un dessin sur une feuille représentant l'aperçu de votre projet.
Que voulez faire?
Un logo ou en tête, un menu, un contenu, un pied de page.
Une manière simple pour réaliser une page est d'utiliser les tableaux. Cela donne toujours une belle présentation.
Les présentations par calque ou division sont un peu plus complexes.
Les Balise HTML
Document
: document html
: corps du document
Titres
: titre 1er niveau
: titre 2ème niveau
: titre 3ème niveau (... et ainsi de suite jusqu'à 6)
Éléments de texte
: paragraphe
: liste à puce
: liste numérotée
- : élement d'une liste
: lien hypertexteTableau
: légende de ligne ou de colonne
: ligne du tableau
: colonne du tableauPositionnement