Créer une page html indépendante pour tous les Albums

30 mars 2006

Voilà ce que j'ai découvert chez "demolitetuto" pour créer une page indépendante pour grouper tous les albums photos du blog, faire un Index, y mettre un chat, ou je ne sais quoi encore...

Tout d'abord pour créer un page Web (toute simple), ouvrez le Bloc-notes fourni avec Windows...

Collez les balises suivantes :

<html>

<head>

</head>

<body>

</body>

</html>

Comme ceci :

Sans_titre_2

Maintenant il faut remplir tout ça...

Dans le Head il faut mettre les codes qui permettent de gérer les couleurs, la taille, etc...du texte, des liens etc...
La couleur de fond de la page, le background...ou encore mettre une image de fond.
C'est une mini feuille de style intégrée en quelque sorte.

Dans le Body, c'est le contenu de votre page, tous les codes qui permettent d'afficher des images, les liens, de la musique, des vidéos etc...tout ce que vous voulez en fait...

Et la balise </HTML> contient et referme le tout !

Bon...je vais vous donner quelques grandes lignes et ensuite je vous laisse vous débrouiller...

Pour obtenir ceci :

MA PREMIERE PAGE WEB

Votre Bloc-notes doit être comme cela :

Ensuite, vous pouvez ajouter tout ce que vous voulez...en respectant les règles Html bien sur...

Pour ajouter un album photo...

Ou encore un retour en haut de page :

Sans_titre_9

Ou encore mieux un retour à l'accueil !

<p><a href="Adresse de votre blog">Retour à l'accueil</a></p>

Une fois que vous avez collez tous vos codes dans la page du Bloc-notes, vous devez l'enregistrer en ajoutant au titre que vous donnez à ce document .htlm

Sans_titre_13

Changez le codage passez le en UTF-8 et Enregistrer.

Vous obtenez ceci dans le dossier où vous avez enregistrez le Bloc-notes (si vous utilisez Firefox, sinon c'est la même chose avec le symbol d'Internet Explorer):

Sans_titre_11

Double cliquez sur l'icône pour ouvrir la page web !

Maintenant vous n'avez plus qu'à récupérer l'adresse de cette page en passant par Insertion d'un fichier dans un Nouveau message et de l'insérer où bon vous semble !

Posté par Patrick L à 16:36 - Commentaires […] - Permalien [#]

Tags: Didacticiel

Partager cet article

Repost0

Générateur de texte avec des couleurs dégradées

Commentaires