Connaissances Informatiques >> Logiciel >> Photoshop >> Content
  Derniers articles
  • Comment faire des lignes futuristes …
  • Comment faire un effet de Stain Glas…
  • Comment insérer une voiture en 3D d…
  • Comment faire une grosse personne ma…
  • Comment remplacer la couleur dans Ph…
  • Comment faire pour utiliser Photosho…
  • Comment isoler trait dans Photoshop 
  • Comment réparer soufflé -out Blanc…
  • Comment ajouter à un chemin dans Ph…
  • Comment faire un effet Rip dans Phot…
  •   Photoshop
  • Adobe Illustrator

  • Un logiciel d'animation

  • antivirus Software

  • Logiciel audio

  • Sauvegarder des données

  • Gravez des CD

  • Gravez des DVD

  • Compression de données

  • Logiciel de base de données

  • desktop Publishing

  • desktop Video

  • Digital Video Software

  • Drupal

  • Logiciels éducatifs

  • Software Engineering

  • Types de fichier d'extension

  • Financial Software

  • Freeware , Shareware et Abandonware

  • GIMP

  • Graphics Software

  • Accueil Recording Software

  • Microsoft Access

  • Microsoft Excel

  • Microsoft Publisher

  • Microsoft Word

  • Code Open Source

  • Autres logiciels informatiques

  • Jeux PC

  • Photoshop

  • Portable Document Format

  • PowerPoint

  • Logiciel de présentation

  • Logiciels de productivité

  • Quicktime

  • Gestion Remote Desktop

  • SQL Server

  • Skype

  • Logiciel bêta de presse

  • Consultants logiciels

  • Les sociétés de développement de logiciels

  • Licences de logiciels

  • Tableur

  • Logiciel de préparation d' impôt

  • Logiciel utilitaire

  • Clip Art Web

  • Windows Media Player

  • Logiciel de traitement de texte
  •  
    Photoshop

    Comment créer un modèle Web dans Photoshop

    Un modèle Web est une mise en page Web de base --- ou conteneur --- vous pouvez réutiliser pour créer plusieurs pages . Le modèle fournit la structure de base pour votre site, vous permettant de maintenir un thème cohérent et mise en page sur tout le site sans avoir à recréer chaque page. Alors que Photoshop n'est pas techniquement un programme de conception de page Web, vous pouvez l'utiliser pour créer des modèles Web par " tranches " l'image PSD en différentes sections et ensuite exporter le PSD à une page Web HTML. Vous pouvez ensuite ouvrir le fichier modèle HTML dans Dreamweaver ou un autre programme de conception de sites Web et de l'utiliser pour créer les pages de votre site. Choses que vous devez
    Adobe Photoshop CS3 ou tard
    Afficher plus Instructions
    1

    démarrer un nouveau document dans Photoshop. Donnez-lui les dimensions que vous souhaitez utiliser pour vos pages Web , comme ceci: Cliquez sur «Fichier » dans la barre de menu et choisissez "Nouveau " pour ouvrir la boîte de dialogue Nouveau. Tapez la largeur (en pixels) dans le champ " Largeur" ​​et la hauteur (en pixels) dans le champ " Hauteur" . Cliquez sur « OK ».
    2

    Créez la bannière pour votre page Web. La bannière , bien sûr, est l'image graphique ou qui affiche en haut de la page. Il se compose généralement d' un logo d'entreprise et d'autres graphiques relatives à un produit ou service. Vous pouvez insérer une image existante ou utiliser la peinture de Photoshop et outils de texte pour créer la bannière.
    3

    Créer des boutons pour votre page Web. Ceux-ci deviendront des liens, ou «points chauds », qui prennent les utilisateurs du site à différentes pages sur le site . Soit insérer des images de bouton existant et les placer où vous le souhaitez dans le modèle ou utilisez la peinture de Photoshop et outils de texte pour créer des boutons.
    4

    Sélectionnez l'outil " Slice " ( cinquième bouton du haut en la boîte à outils ) . Si vous n'avez pas utilisé l'outil Tranche avant , ce bouton est sans doute réglé sur un autre outil. Cliquez et maintenez le bouton , puis choisissez " outil de découpage" du fly-out .
    5

    Faites glisser l'outil Tranche autour du premier bouton ou une zone dans le modèle dans lequel vous souhaitez créer un lien. Cela crée une caisse de " Slice " autour de l'objet . Photoshop place cette boîte dans une cellule de tableau qui va devenir un tableau HTML séparé lorsque vous exportez ce document au format HTML.
    6

    un clic droit sur la nouvelle tranche et choisir " Modifier les options de tranche" de la mouche Menu out. Cela ouvre la boîte de dialogue Options de tranche .
    7

    Entrez l'URL que vous souhaitez que ce bouton lien dans le champ " URL" . Vous pouvez également entrer d'autres informations pour le bouton, comme la page du navigateur cible, et d'autres tags. Si vous souhaitez modifier la taille et la position de la tranche , le faire avec les options dans la section "Dimensions" de la boîte de dialogue. Cliquez sur « OK ».
    8

    Répéter les étapes précédentes pour créer des tranches et l'édition des options de tranche pour chaque bouton dans le modèle.
    9

    Cliquez sur "Fichier " dans le menu bar et choisir "Enregistrer pour le Web et les périphériques . " Cela ouvre la Enregistrer pour le Web et la boîte de dialogue Périphériques . De là, vous pouvez modifier plusieurs aspects de votre modèle , comme la couleur de fond, la compression d'image et la qualité , la taille du document et ainsi de suite . Ces options sont bien étiquetés et parlent d' eux-mêmes . ( Vous pouvez prévisualiser le code HTML de ce modèle en cliquant sur le bouton "Aperçu" . )
    10

    Cliquez sur le bouton «Enregistrer» . Nommez et enregistrez le fichier HTML. Vous avez créé votre modèle Web . Vous pouvez maintenant ouvrir dans un éditeur de page Web et ajouter votre contenu .

     
    Article précédent:
    Article suivant:
    Articles recommandés
  • Comment le texte du plan sur Adobe Photoshop CS3 
  • Qu'est-ce que la règle des tiers dans Photoshop 
  • Comment transformer une photo en une illustration dans Photoshop 
  • Comment mettre une bordure autour d'une photo dans Photoshop 
  • Comment faire un album photo numérique dans Photoshop 
  • Comment le désinstaller Articles dans Photoshop 
  • Comment créer un déversement de pétrole dans Photoshop 
  • Comment se convertir à 300 dpi dans Photoshop 
  • Tutoriels Photoshop pour Wand bord mou Sélections Magie 
  • Comment puis-je économiser 2 fichiers gig dans Photoshop 
  • Connaissances Informatiques © http://www.ordinateur.cc