Comment construire un site dans l`illustrateur

<

Contenu

  • Création d`une mise en page
  • Génération de code
  • article data-type="article">
    mises en page de site Web peuvent être créés dans Adobe Illustrator.

    Adobe Illustrator est un programme de conception qui crée des graphiques vectoriels pour une grande variété d`utilisations, y compris l`impression, le mouvement et web. Les graphiques vectoriels utilisent des formules mathématiques pour présenter des images, par opposition à d`autres formats tels que GIFs, qui utilisent un ensemble de points. Bien que non spécifiquement conçu comme un programme de conception de sites Web, Illustrator ne dispose d`outils avancés pour exporter des graphiques créés au sein du programme pour l`utilisation du site et génère également le code nécessaire pour l`affichage dans un navigateur.

    Choses que vous devez

    • logiciel d`édition Web design

    Création d`une mise en page

    • Créer un document Illustrator qui est de 960 pixels de large avec une hauteur de votre choix en fonction du contenu et de la conception que vous avez à l`esprit. Un site 960 px de large est conforme à la largeur de la résolution de l`écran le plus populaire de 1024 px fois la barre de défilement et de fenêtres bords sont pris en compte.

    • Créer un croquis dessinés à la main de la présentation visuelle de base de votre site si vous ne l`avez pas déjà fait. Cela vous donnera une référence pratique pour créer dans Illustrator.

    • Créer votre mise en page en utilisant les outils d`image et de texte pour une tête stylisée. Si votre conception comprend un espace pour le texte tel que le blog, laisser l`espace dans cette zone vierge ou créer une bordure autour d`elle pour la délimitation facile.




    • Ajouter des guides à votre conception pour délimiter les différentes sections de la mise en page. Ceci est très important parce que vous allez utiliser ces guides pour faire des tranches, qui définissent les frontières des éléments sur votre site. Guides peut vous aider à aligner les objets avec précision. Cliquez sur la règle verticale ou horizontale et faites glisser la souris à l`endroit où vous voulez que le guide pour être situé.

    • Double-vérifier le placement de vos guides pour la précision et l`exactitude. Dessinez plus si nécessaire pour séparer chaque élément, comme des images de navigation qui seront des liens sur votre site.

    Génération de code

    • Sélectionner "Objet" dans le menu, puis sélectionnez "Tranche" et choisissez "Créer à partir de Guides." Quand les tranches sont créées, vous verrez de petites boîtes noires à l`intérieur de chaque tranche avec un nombre correspondant. Sélectionner "Fichier" dans le menu et choisissez "Enregistrer pour le Web et les périphériques." Sélectionnez l`outil Sélection de tranche, qui est la deuxième icône dans le menu de l`outil à droite de l`écran sous l`icône de la main. Sélectionnez toutes les tranches.

    • Sélectionnez les paramètres d`optimisation des options sur le côté droit de l`écran. Vous pouvez choisir les paramètres prédéfinis ou créer un profil personnalisé selon que vous voulez que vos images soient JPEG, GIF ou PNG. Vous pouvez également ajuster la qualité des images.

    • Aperçu de différents paramètres en cliquant sur le "2-up" et "4-up" onglets. Dans le coin inférieur de chaque aperçu, vous pouvez afficher les informations d`optimisation telles que la taille du fichier et le navigateur le temps de rendu. Clique le "sauvegarder" bouton. Décidez où vous voulez que vos images et le code à enregistrer et à naviguer dans cette zone en utilisant la "Où:" bouton.

    • Choisissez le format pour votre travail. Si vous êtes compétent en HTML et voulez seulement les images parce que vous allez ajouter du code pour eux plus tard, choisissez "Images seulement." Si vous êtes un novice ou préfèrent avoir le code HTML généré pour vous, choisissez le "HTML et images" option. Si vous préférez pour le positionnement des éléments à organiser avec Cascading Style Sheets au lieu de tables, sélectionnez la "Paramètres par défaut" bouton et choisissez "Exporter sous forme de calques CSS" dans le "Couches" languette.

    • Ouvrez le fichier HTML à partir d`un navigateur pour afficher votre travail. Modifier les fichiers avec un programme de conception de sites Web.

    AUTRES

    » » » » Comment construire un site dans l`illustrateur