Tapping conseils dreamweaver timesaving

Même les meilleurs programmes obtiennent mieux quand vous savez comment faire la plupart d'entre eux. Prenez un moment pour vérifier ces conseils et d'économiser des tonnes de temps dans le développement de votre site Web. La plupart de ces conseils concernent aussi bien les utilisateurs Macintosh et Windows. Quand ils appliquent à seulement un ou l'autre, le texte vous dira si la pointe applique à Windows ou à la version Mac.

Sommaire

Effacement de l'encombrement

De nombreux panneaux de Dreamweaver (appelés palettes dans les versions précédentes) fournir un accès rapide à ses caractéristiques les plus populaires, mais ils peuvent encombrer la zone de conception. Pour les sortir de votre chemin lorsque vous voulez prendre du recul et admirez votre travail (ou déchirer quelqu'un d'autre est en dehors), utilisez la touche F4, un raccourci qui cache tous les panneaux visibles à la fois. Pour les récupérer, vient de frapper à nouveau la touche F4.

Pour activer et désactiver panneaux individuellement, utilisez le raccourci clavier attribué à chaque panneau. Sélectionnez la fenêtre à partir du menu de trouver un raccourci clavier indiquée à côté du nom de chaque panneau. Vous pouvez utiliser ces raccourcis pour activer les panneaux et l'éteindre séparément. Vous pouvez également utiliser la barre de lancement dans le coin en bas à droite de la fenêtre de conception d'accéder au panneau de site, le panneau Actifs, Styles HTML panneau, CSS panneau Styles, panneau Comportements et Histoire panneau.

Fractionnement de la vue: Travailler dans le code

Si vous souhaitez basculer entre le code source HTML et le WYSIWYG (ce que vous voyez est ce que vous obtenez) vue de conception dans Dreamweaver, vous apprécierez la nouvelle option dans la version 4 qui vous permet de diviser la fenêtre de sorte que vous pouvez afficher la source HTML et de la zone de conception WYSIWYG dans le même temps. Pour diviser la fenêtre, choisissez Affichage -> Code et création.

Vous pouvez également apprécier les fonctionnalités améliorées dans le Dreamweaver intégré dans l'éditeur de texte, y compris auto-indentation et la possibilité de sélectionner plusieurs lignes et en retrait eux. Vous découvrirez également la coloration de syntaxe en direct qui apparaît lorsque vous tapez - vous pouvez même distinguer les couleurs pour HTML et javascript. Choisissez Edition -> Préférences -> Code Couleurs onglet pour attribuer des couleurs.

Dépôt vos créations

Tables HTML offrent encore la meilleure façon de créer des conceptions Web complexes (parce que les anciens navigateurs ne supportent pas encore couches), et Dreamweaver 4 a rendu plus facile que jamais de créer des tables dans sa zone de conception visuelle. Dans le nouveau Layout View, vous pouvez "dessiner" des tables sur une page, faites-les glisser en place, et même les cellules du groupe dans un tableau imbriqué - sans jamais se soucier de combien de lignes et les cellules que vous avez créé. Vous pouvez même utiliser cette fonctionnalité pour créer des tableaux qui changent avec la taille de la fenêtre, une grande technique pour assurer votre conceptions travaux sur tous les moniteurs.

Choisissez Affichage -> Table View -> Layout View pour accéder nouvel environnement de table de création de Dreamweaver, puis il suffit de glisser-déposer pour créer tout type de table. Vous trouverez les options de cellules et la table mise en page dans le panneau Objets.

Conversion de texte

Si vous êtes habitué à utiliser la fonctionnalité Coller comme texte dans Dreamweaver 3, ne pas être déçu quand vous trouvez que ça manque dans Dreamweaver 4. Macromedia rationalisé le processus dans sa dernière version. Maintenant vous suffit de choisir Fichier -> Coller, et le texte formaté à partir d'un document de traitement de texte conserve sa mise en forme - bon, d'accord, il maintient au moins l'espacement des lignes. La vérité est, Dreamweaver est encore assez faible quand il vient à la conversion du texte.


Vous pouvez vous épargner d'avoir à reformater le texte dans Dreamweaver si vous utilisez un traitement de texte ou tableur qui inclut une fonction Enregistrer au format HTML (Microsoft Word et beaucoup d'autres offrent cette fonctionnalité). Au lieu de copier et de coller le texte dans Dreamweaver, utilisez le fichier du programme de traitement de texte -> fonction Enregistrer sous HTML, renommez le fichier, puis ouvrez le nouveau fichier dans Dreamweaver. Microsoft Word et Excel, même préserver le formatage de la table, un vrai gain de temps si vous faites affaire avec de grandes tables de texte ou de chiffres.

Trouver polices fonctionnels

Les concepteurs sont si excités quand ils découvrent qu'ils peuvent utiliser toutes les polices. En réalité, vos téléspectateurs doivent avoir la police sur leurs ordinateurs pour qu'il affiche. Le plus commun de la police, plus il est susceptible d'afficher la façon dont vous l'intention. Si vous voulez utiliser une police plus inhabituel, allez-y - juste être sûr que vous incluez également des alternatives. Le Dreamweaver Liste des polices comporte déjà des collections de polices courantes, et vous pouvez toujours créer votre propre liste des polices en choisissant Texte -> police -> Modifier la liste des polices.

Windows est de loin le système d'exploitation le plus répandu sur le Net. Pour assurer la meilleure - et la plus rapide - Résultats pour la majorité de vos utilisateurs, la liste une police Windows en premier.

Diriger vos téléspectateurs

Création de plusieurs sites est la solution la plus fail-safe pour faire en sorte que tous vos téléspectateurs sont heureux lorsque vous utilisez la page de pointe dessins remplis de DHTML et CSS. Cela signifie que vous créez deux ou plusieurs ensembles de pages: celui qui utilise les dernières fonctionnalités et une qui utilise des balises HTML âgés, plus universellement pris en charge. Mais comment vous assurez-vous que les téléspectateurs reçoivent les pages de droite? Utilisez le comportement Vérifier le navigateur.

Le comportement Vérifier le navigateur est écrit en javascript et détermine le type de navigateur utilisé par chaque spectateur qui débarque sur votre site. Le comportement dirige alors les utilisateurs à la conception de la page la mieux adaptée à leur version du navigateur. Pour utiliser cette fonction, sélectionnez Fenêtre -> Comportements pour ouvrir le panneau Comportements. Puis cliquez sur le signe plus (+) pour ouvrir la liste déroulante des options. Choisissez Vérifier le navigateur et ouvre une boîte de dialogue dans laquelle vous pouvez spécifier quelles versions navigateur doivent être orientés vers les pages sur votre site. Lorsque les utilisateurs arrivent sur votre site, ils sont automatiquement dirigés vers la page de votre choix, basé sur le type et la version du navigateur que vous spécifiez.