Pour une page Web graphiquement agréable , de nombreux designers trouvent plus facile de créer un design en utilisant Photoshop et ensuite convertir le dessin au format HTML pour FrontPage. Photoshop CS3 ou supérieur possède les fonctionnalités nécessaires pour créer des modèles de page Web à partir de fichiers PSD. Avec des modèles de Photoshop , il est possible de créer des dessins que vous ne pouvez pas atteindre avec html seul. Choses que vous devez
Photoshop CS3 ou version supérieure logiciel FrontPage
logiciel
Afficher plus Instructions
1
Ouvrez un fichier image vierge. Une fois terminé, ce fichier image deviendra votre modèle de page web Photoshop. Nommez les propriétés des fichiers et un ensemble de spécifier la hauteur de l'image, la largeur et la résolution.
2
Sélectionnez une couleur d'arrière-plan et l'appliquer à votre fichier de template psd .
3 < p > Faites glisser une image numérique à l'emplacement souhaité sur votre fichier psd modèle. Redimensionner l'image numérique comme vous le souhaitez .
4
ajouter d'autres éléments de conception de choix. Désigner bouton endroits navigation à l'aide de l'outil Rectangle de sélection . Cliquez sur l'outil, puis positionner l'outil à l'endroit désiré sur l'image . Cliquez et faites glisser jusqu'à obtenir la taille souhaitée. Ajoutez -têtes et pieds de page , le cas échéant , de la même manière .
5
Visualisez votre modèle comme un groupe de rectangles.
6
Slice votre modèle de page web psd en rectangles en utilisant l'outil de coupe Photoshop. Outil Sélection de tranche et le point à l'angle de la première rectangle que vous souhaitez créer . Cliquez et faites glisser jusqu'à ce que vous décrivez la section souhaitée . Continuer ainsi jusqu'à ce que toutes les parties du modèle de site Web ont été réalisés en sections.
7
Cliquez sur outil Sélection de tranche et le point à une tranche. Faites un clic droit sur votre souris de sorte que la boîte de dialogue Propriétés s'affiche. Vous allez traiter chaque tranche comme une image séparée après vous convertissez votre fichier PSD dans un modèle, il est donc important que vous nommez chaque tranche d'une manière que vous reconnaîtrez facilement lorsque vous modifiez votre code html . Si vous avez l'intention de la tranche de devenir un bouton de navigation , indiquez l'URL de la page Web à laquelle vous aurez un lien sur ce bouton .
8
exporter le fichier psd à ImageReady . Optimiser les fichiers pour une vitesse de chargement rapide. Enregistrer couleurs solides sous forme de fichiers GIF ou PNG pour les temps de chargement rapide. Enregistrer des photos numériques sous forme de fichiers JPEG pour la netteté.
9
Sauver votre psd optimisé au format HTML. Lorsque vous sélectionnez "Enregistrer optimisé comme« une boîte apparaîtra vous permettant d'enregistrer votre modèle html sur votre ordinateur. Si vous préférez, vous pouvez choisir « Aller à » et aller directement à FrontPage pour l'édition et l'enregistrement de votre site web.