Dernières mises en ligne


 [Script] upload de fichier
 Bibliothèque d'images
 Un livre d'or sur votre site
 la balise IFrame
 Redirection en html
 Les différents formats audio
 La fonction include()
 Les boucles
 La commande switch
 pastebin - collaborative debugging tool


Sur le forum


Document sans titre   site Voila.fr : l'assistant - Tutorial
  Posséder deux sites sur un seul espace de 100 mo
  Les messages d'erreur
  Règle des "M.M.S."
  Les ass icons



Liens


 Hébergement Gratuit
 Hébergement
 Référencement Google
 Dictionnaire en ligne
... Tous les liens


Document sans titre
Découper un design sous Fireworks 4 et l'éditer ensuite avec Crimson Editor (ou bloc-note) par smarties
par Gold77 le, 23-02-2005

 


1. Une fois le design complété on sélectionne l'outils Slice Tool afin de découper notre image en casse-tête.



 


2. On doit s'assurer de bien découper l'image de sorte qu'elle pourra s'ajuster à la longeur de la page.



 


3. Une fois la tâche complétée, on doit Exporter le design.



 


4. Il est important de bien configurer le tableau d'exportation, comme ci dessous.



 


5. Maintenant on va éditer (ouvrir) la page index.htm qui a été généré par le processus d'exportation. Dans mon exemple j'utilise le logiciel Crimson Editor. Mais le bloc-note peut très bien être utilisé.



 


6. Si on souhaite placer du texte sur les images et ainsi avoir ces dernières comme arrière plan pour les cellules de notre tableau, on doit retracer dans notre code la ligne correspondant à l'image qu'on souhaite faire passer en arrière plan. Je remplace donc dans mon exemple : <td colspan="8"><img name="index_r6_c2" src="index_r6_c2.gif" width="470" height="26" border="0"></td>  par <td colspan="8" background="index_r6_c2.gif" width="470" height="26"><center>Titre de la section ici</center></td>. Cette image correspond au titre de ma page.


Pour changer maintenant une image qui correspondra au contenu de ma page (la partie centrale du site), je remplace donc <td colspan="10"><img name="index_r8_c2" src="index_r8_c2.gif" width="577" height="249" border="0"></td> par <td colspan="10" background="index_r8_c2.gif" width="577">Contenu du site ici</td>.


On remarque que dans le cas du premier remplacement les balises width et height sont resté intacte, étant donné que la cellule devra avoir une taille fixe. Dans le second remplacement, seul la balise width à été conservé, afin de gardé une largeur fixe, mais de permettre une longueur qui s'ajustera en fonction de la taille du contenu.



 


7. Visionner le design terminé.

 


| Contact | © 2005 debutant-info.com - Webmaster aNaKRoN67 - CNIL : 1073836 - 3 visiteurs connectés - Qui est connecté ?