Jona
VIP
Inscrit le: 09 Aoû 2003
Messages: 346
Localisation: Liege
|
 Posté le: 07 Nov 2003 16:48 Sujet du message: [Image Ready] Découpe + M.en P. d'un design |
 |
|
Découpe et Mise en Page d'un Design
Commentaires et Questions
Logiciel: Image Ready + Bloc Note
Durée: 10-15 min
Difficulté: 3/5
_________________________________________________
1. Ouvrez votre design avec Image Ready.
2. Selectionnez l'outil Tranches pour commencer la découpe  .
3. Decoupez votre design en fonction de celui ci, en veillant a bien marquer vos menus afin de pouvoir les rendres cliquables.
4. Une fois votre design découpé, Faites menu fichier, enregistrer un copie optimisée sous...
5. Faites attention a bien sauveguarder en images + HTML pour avoir votre code et vos images.
6. Voila, vous aurez maintenant votre design découpé ainsi qu'un fichier HTML.
Nous allons donc un peu arranger cela en donnant a votre page web la couleur de votre fond de votre design et centrer ce design sur la page.
7. Ouvrez votre fichier HTML avec le bloc note ou votre editeur HTML favorit.
Dans la balise <BODY> Vous avez normalement, BGCOLOR=#FFFFFF. Vous allez alors remplacer le code hexadecimal par celui de la couleur de fond de votre design (ici #E1EFFF...).
8. Dans la premiere balise <TABLE> de votre document, vous allez maintenant ajouter ALIGN="CENTER" afin de centrer votre design sur la page.
9. Reperez maintenant les images correspondant a vos differents menus afin de créer vos liens.Vous devez certainement savoir qu'un lien se fait de cette structure:
| Code: | | <A HREF="URL"><IMG SRC="URL" BORDER="0"></A> |
Attention, le BORDER="0" est important ici car sinon, une bordure apparaitra sur le contour de votre image et decalera tout votre design.
10.Apres avoir créé vos differents lien ect... il ne vous reste qu'a insérer votre contenu... soit par iframes, soit par tableaux. 
 |
|
FAQ
Rechercher
Liste des Membres
Groupes d'utilisateurs
S'enregistrer
Profil
Se connecter pour vérifier ses messages privés
Connexion
