Recherche chaud: comment avoir une journee rapide faire soupe poupée enzime epathique chien Comment Dessiner un Cobra poulet dans un appartement historique de landragogie dessiner une crevette comment jouer au guess who
Index Loisirs Santé Technologie

Tutoriel pour afficher et masquer les couches dans Dreamweaver CS3

Publié:2013-01-18Source: général
Advertisement

Tutoriel pour afficher et masquer les couches dans Dreamweaver CS3

Dans les versions précédentes du logiciel Adobe Dreamweaver pour la conception Web, les balises "div" ont été appelés couches. Dans Dreamweaver CS3, les couches ont été rebaptisés "divs AP», représentant les divisions de position absolue. Parce que la spécification d'étiquettes, "AP DIV" ne bouge pas quand une fenêtre de navigateur Web est redimensionnée. Ceci permet également d'empilement "div AP" sur le dessus, une de l'autre. Une fois, il ya deux fenêtres empilées comme cela, vous devez savoir comment cacher et comment les déployer.

Dessin d'une couche ou div AP

Ouvrez Dreamweaver CS3 et sélectionnez "Dessiner AP Div" de la barre de menu "Format". Le curseur va devenir une forme de croix. Il est utilisé pour obtenir votre manteau. Maintenant, vous avez une couche avec une position absolue avec un nombre de pixels de la gauche et en haut. Vous pouvez afficher le code de positionnement si vous n êtes en mode affichage ou l'écran du panneau "Propriétés" séparation dans le bas de l'écran. Certainement vous ne pouvez pas placer un "div" à droite de l'écran. Cependant, vous pouvez changer la position d'un certain nombre de pixels en centimètres ou d'autres mesures dans le panneau de gauche de "Styles CSS". Écrire quelque chose en seulement créé de sorte que vous pouvez voir clairement quand couche cachée.

Basculer la visibilité des calques dans le panneau 'Propriétés'

Allez dans l'option de panneau "Propriétés" dans le bas de l'écran. Cliquez sur la liste déroulante à côté de la propriété appelée "View" et sélectionner "Caché". Lorsque vous sélectionnez "Caché", la couche deviendra invisible à la vue de la conception, mais vous verrez le code de la couche en mode écran partagé ou le mode de codage. Pour voir la couche à nouveau, sélectionnez "Visible" dans la liste déroulante. La troisième option sur la table est "Hériter". Si vous imbriqué "divs AP" (un "div" dans un div). Une couche marquée comme "Hériter" hériter les paramètres de visibilité de la couche de parent.

Basculer la visibilité des calques dans le panneau «éléments» AP

Une autre façon de masquer et d'afficher les couches est d'utiliser le panneau Eléments PA. Cliquez sur l'option "Eléments PA" situé sur l'onglet dans le coin en haut à droite pour voir une liste de tous vos couches "AP div". Chaque couche est censé être nommé consécutivement ("apDiv1", "apDiv2"), sauf si vous double-cliquez sur l'étiquette et dans chacun des noms uniques. À côté des noms des couches est une icône représentant un oeil ouvert. Cliquez sur ce lien pour cacher la couche individuelle. L'icône va changer à un spectacle fermée que la couche est l'œil caché. Si vous avez deux "divs" PA imbriquée, ce dernier apparaît sous les "div" père "des éléments PA" de la table. Alternez l'icône de l'œil à côté du père "div" pour régler la visibilité pour les deux. Pour afficher ou masquer toutes les couches à la fois, cliquez sur l'icône de l'œil au sommet des "éléments PA" de la table.

Pourquoi vous voulez couches Enconder?

Il est utile de basculer la visibilité des couches tout en travaillant sur un document avec beaucoup d'entre eux, mais ce ne sont pas la raison de l'étiquette "div" propriété hidden. La principale raison pour masquer une couche sur votre site est de révéler la couche dynamiquement lorsque l'utilisateur déplace la souris sur le bouton ou cliquez dessus. Pour ce faire, vous devez utiliser un langage de script comme JavaScript, pour diriger le "div" et de changer dynamiquement la visibilité. Vous pouvez écrire ce code vous-même, ou d'obtenir Dreamweaver comme un assistant. Dreamweaver recommande que vous en savez un peu sur les comportements JavaScript avant d'ajouter cette langue à l'aide du panneau CS3 des «comportements».

[Rédacteur: Admin]
Je vous imagine comme

Articles recommandés

Cliquez Top Ranking