Bonjour à tous,
Juste pour information, je suis débutante dans le domaine du webmastering, j'ai tout juste fini d'apprendre le Xhtml, css et php ...
Je souhaite réaliser mon webdesign en photoshop (template, etc ...), sauf que je ne sais vraiment pas comment mettre en ligne ce webdesign. Est ce que je peux tout faire avec photoshop, en un seul fichier visuel, ou bien dois je réaliser plusieurs fichiers (fond, boutons cliquables que je placerai avec le CSS, etc...), je n'ai vraiment aucune idée de la façon dont je peux "installer" mon webdesign photoshop dans ma page de code...
Je vous remercie.
Excellente journée!
1. Oui, un fichier photoshop (PSD) peut te générer plusieurs fichiers images (gif ou jpg) pour créer une page, ainsi que la page HTML correspondante, comme tu as pu le constater.
2. Dans le cas où tu modifierais une partie de ta page sur Photoshop, il te suffirait de re-générer UNIQUEMENT les tranches modifiées comme ce qui suit :
- Modifies ta créa, sans te soucier des tranches
- Enregistrer pour le Web (Ctrl+Shift+Alt+S)
- Sélectionne le(s) tranche(s) dont le contenu a été modifié
- Puis "Enregistrer" sur le bouton en haut à droite de ton écran
- Nom du fichier : comme tu veux (facultatif)
- Type : images
- Paramètres : par défaut
- Tranches : Tranches sélectionnées
- puis Enregistrer.
De cette manière, seules les partie modifiées de ta page seront ré-exporter, sans toucher au reste de ta page.
NB : Si tu touches aux tranches lors de ta modification, Il vaudra mieux ré-exporter le tout. (HTML et images)
Donc où sont "rangées" les différentes images générées par le fichier transformé en html ?
Autre question, en découpant mes différentes parties avec tranche, si je veux qu'une forme (par exemple en polygone, en cercle ) soit transformé en bouton, tranche peut il s'adapter ?
Il les chargent dans la page avec la balise image!!!!!!!!!!!!!!!!!!!!!!!!!!!!! (*)
<img src="image.jpg" />
Il faut donc les "ranger" à un endroit approprié, la balise HTML que je met en exemple indique que la page la charge dans le même dossier que la page(à la racine du site si toutes les pages sont dans le même dossier).
Si on veut mettre les images dans un dossier à part il faut que ce dossier se trouve au même emplacement la page et admettons que ce dossier se nomme "images" la balise que devras mettre Dreamweaver(en cliquant sur le bouton insérer une image) s'écrira comme ça:
<img src="images/image.jpg" />
Vous voyez pas plus compliqué ni plus long à écrire que de cliquer sur un bouton avec un arbre(symbolisant une image) et sélectionner l'emplacement de l'image. Il faut juste enregistrer l'image à utiliser au non endroit.
vous dites :" j'ai tout juste fini d'apprendre le Xhtml, css et php ... "
Euh apprendre sans pratique c'est comme devenir mécanicien sans avoir ouvert un capot , impossible.
(*) enfin quand je dit HTML charge des images, c'est pas vraiment ça. C'est le navigateur qui le fait, ke fichier HTML ce sont les instructions qu'il doit suivre. Dreamweaver à beau être une usine à gaz il n'y a pas de miracle et pas de site sans un minimum de connaissance du principe d'internet(donc html, http, serveur web et navigateurs ).