Objectifs
- Construire un petit site web
- Découvrir le langage html
- Utilisation d'un logiciel de manipulation d'image
Première partie : observation des sites et création d'une première page
Allez voir différents sites sur internet et repérer:
- la bannière
- les menus
- les liens internes au site (vers d'autre page du site)
- les liens externes au site (vers d'autres site Web)
- les différentes partie de la pages (la bannière, les cotés, le centre, le pied de page, ...)
Définir le contenu de votre site : Qu'est ce qu'on veut présenter aux autres
- thèmes, contenu, idées, lieu, initiatives, ...
- Pour quoi faire, A qui sera destiné ce site.
Définir les différentes page de votre site
- ex:
- -Accueil - 1ère partie – 2ème partie -contact -des sites à visiter
Définir le graphisme de votre site ex: (comment seront présentées les pages)
Définir les liens entre les pages
Création d'une bannière avec Gimp
Ouvrir Gimp et Fichier->Nouveau puis mettre 800 et 140 pour les dimensions de l'images
- créer une bannière à partir d'images ou d'un script-fu puis enregistrer la en xcf (pour pouvoir la retravailler) et en jpeg pour la mettre sur votre site
Faire la page d'accueil avec un éditeur html (kompozer)
- une bannière
- des menus (avec des liens vers les autres pages)
- le contenus (texte et images de cette première page)
Enregistrer cette page sous le nom index.html (nom générique de la première page)
Regarder le code source et repérer :
l'entête : entre les balises <head> </head>
le corps du site : entre les balises <body> </body>
des images <img></img>
des liens : <a> </a>
- d'autre balises ( mettez leurs symboles et essayer de trouver leurs signification) :
La suite : transférer son site sur un serveur avec le protocole ftp : TransfertFtp