Créez votre site ou blog, et laissez Illustrator créer le code . Concevez votre illustration dans Illustrator ou l'importer à partir de votre programme graphique préféré, comme Photoshop, Fireworks ou Corel . Vous pouvez utiliser les guides d'Illustrator à la disposition de votre conception, et il vous permet de mettre à jour le site si vous ou un client a besoin de la changer. Instructions
1
Ouvert Illustrator et créer un nouveau document en cliquant sur " Fichier" et " Nouveau". Entrez " 960 " pixels pour la largeur et " 1500 pixels" pour la hauteur . Réglez le mode de couleur pour «RVB». Cliquez sur " View" et " Taille réelle " pour définir votre point de vue de zoom à 100 pour cent .
2 boîtes nuls
en cliquant sur l'outil "Rectangle " dans la barre d' outil pour représenter d'où texte et images iront . Ajuster au besoin d'établir un équilibre .
3
Créer des lignes de guidage autour des boîtes en cliquant sur les rectangles , puis cliquez sur "Make Guides . " Ouvrez le panneau Calques en cliquant sur " Fenêtre" et " Layer». Renommez le calque 1 "Layout ", et verrouiller le calque en cliquant sur la case à côté de l' icône de l'œil .
4
Créez un nouveau calque au-dessus de la couche «Mise en page » en cliquant sur l'icône " Nouveau calque " au bas de la face de la couche . Nommez le calque "Home". Répétez ce processus pour les autres pages , comme "A propos ", "Contact " et " Blog ".
5
Ajouter votre contenu à chaque couche , tels que textes , images, paragraphes et logos , en ajustant la disposition si nécessaire.
6
Préparez votre site en créant des tranches . Cliquez sur le calque "Layout " puis " objet ", " tranche " et "Créer des Guides . "
7
Enregistrez votre fichier en cliquant sur " Fichier" et "Enregistrer pour le Web et les périphériques " . Dans le panneau de pop-up , créer des liens en cliquant sur le "Home" tranche et entrez une URL de votre lien à la maison. Répétez cette procédure pour d'autres liens . Cliquez sur "Enregistrer " lorsque vous avez terminé et donnez-lui un nom comme " index.html ".
8
Répétez le processus ci-dessus pour les autres couches en cliquant sur la couche comme «A propos , " sauver votre fichier en cliquant sur " fichier" et "Enregistrer pour le Web et les périphériques , " créer des liens et enregistrer avec un nom comme " about.html ".
9
Testez vos fichiers pour s'assurer que les liens fonctionnent , réglez si nécessaire, et les télécharger sur votre serveur.