mises Div ya des dessins pour les pages Web qui incluent des conteneurs pour le contenu Web , tels que des images , du texte et des liens. Ils aident à maintenir une apparence uniforme pour les pages web . Commandes " Tranche de Tool " de Adobe Photoshop et "Enregistrer pour le Web et les périphériques » permettent aux utilisateurs de créer une mise en Div visuellement en ajoutant des éléments de la page et ensuite la création de conteneurs directement sur la mise en page, plutôt que d'utiliser du code HTML et CSS ou en s'appuyant sur la pré -mesure mises en div , qui exigent également connaissance d'un code à personnaliser. Choses que vous devez
logiciel Adobe Photoshop
Voir Plus Instructions
1
Ouvrez Photoshop et créez un nouveau document Web en sélectionnant "Fichier> Nouveau" dans le menu de l'application et le réglage de la "Preset" déroulante pour "Web ". Définissez vos dimensions souhaitées pour votre mise en page dans la "largeur" et des champs "Hauteur" , ou sélectionner l'un des formats de mise en page Web standard de la «taille» déroulante.
2
Ajoutez votre visuel désiré images à votre disposition . Ceux-ci peuvent inclure des images importées en utilisant le " > Fichier Place" commande , des formes , des boutons ou du texte créé avec l'outil " Type ".
3
Sélectionnez l'outil " Slice " à partir des outils panel et couper chaque élément de votre mise en cliquant et en faisant glisser dessus avec l'outil " Slice " est sélectionné. Création de tranches individuelles pour chaque élément de texte , bouton , l'image ou de la ligne . Ces tranches serviront les éléments Div dans votre mise en page Web .
4
Cliquez sur le menu "Fichier" et sélectionner "Enregistrer pour le Web et les périphériques " pour faire apparaître la boîte de dialogue d'optimisation , ce qui permettra de configurer chaque élément de votre mise en page afin qu'il puisse mieux se manifester sur le Web. Réglez les paramètres pour chaque tranche que vous créez en cliquant sur l'utilisation de chacun individuellement le " outil Sélection de tranche " en haut à gauche de la boîte de dialogue, et de modifier les paramètres Format , la qualité et la couleur en conséquence à la droite de la boîte . Cliquez sur " Enregistrer" lorsque vous avez optimisé chaque tranche de vos préférences.
5
Nommez votre fichier de configuration et sélectionnez un emplacement pour elle dans les domaines de la « Enregistrer une copie optimisée sous" boîte de dialogue indiquées. Changer le " Format " déroulant "HTML et Images » et assurez-vous que les "Paramètres" et "tranches" listes déroulantes sont réglés sur «Paramètres par défaut » et « toutes les tranches ", respectivement. Cliquez sur " Enregistrer". Votre configuration est maintenant prêt à être ouvert dans un éditeur Web comme Dreamweaver, où vous pouvez ajouter des liens et des comportements aux sections Div vous avez créées avec l'outil " Slice ".