En tapotant Timesaving Dreamweaver Tips - dummies

Même les meilleurs programmes s'améliorent quand vous savez en tirer le meilleur parti. Prenez un moment pour consulter ces conseils et gagnez du temps en développant votre site Web. La plupart de ces astuces s'appliquent aux utilisateurs Macintosh et Windows. Lorsqu'ils ne s'appliquent qu'à l'un ou à l'autre, le texte vous indique si l'astuce s'applique à la version Windows ou Mac.

Suppression du fouillis

Les nombreux panneaux de Dreamweaver (appelés palettes dans les versions précédentes) offrent un accès rapide à ses fonctions les plus populaires, mais ils peuvent encombrer la zone de conception. Pour les écarter quand vous voulez prendre du recul et admirer votre travail (ou déchirer quelqu'un d'autre), utilisez la touche F4, un raccourci qui cache tous les panneaux visibles à la fois. Pour les récupérer, appuyez à nouveau sur la touche F4.

Pour activer et désactiver les panneaux individuellement, utilisez le raccourci clavier attribué à chaque panneau. Sélectionnez Fenêtre dans le menu pour rechercher un raccourci clavier en regard du nom de chaque panneau. Vous pouvez utiliser ces raccourcis pour activer et désactiver les panneaux individuellement. Vous pouvez également utiliser la barre de lancement dans l'angle inférieur droit de la fenêtre de conception pour accéder au panneau Site, au panneau Actifs, au panneau Styles HTML, au panneau Styles CSS, au panneau Comportements et au panneau Historique.

Fractionner la vue: Travailler dans le code

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

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

Tabler vos conceptions

Les tableaux HTML offrent toujours le meilleur moyen de créer des conceptions Web complexes (car les anciens navigateurs ne supportent toujours pas les calques), et Dreamweaver 4 facilite plus que jamais la création de tableaux dans sa zone de conception visuelle. Dans la nouvelle vue Mise en page, vous pouvez «dessiner» des tableaux sur une page, les faire glisser et même grouper des cellules dans une table imbriquée - sans jamais vous soucier du nombre de lignes et de cellules que vous avez créées. Vous pouvez même utiliser cette fonction pour créer des tableaux qui changent avec la taille de la fenêtre, une excellente technique pour vous assurer que vos conceptions fonctionnent sur tous les moniteurs.

Choisissez Affichage -> Vue Tableau -> Affichage Mise en page pour accéder au nouvel environnement de création de table de Dreamweaver, puis faites simplement glisser et déposer pour créer n'importe quel type de tableau. Vous pouvez trouver des options de disposition de cellule et de table dans le panneau Objets.

Conversion de texte

Si vous avez l'habitude d'utiliser la fonctionnalité Coller comme texte dans Dreamweaver 3, ne soyez pas déçu lorsque vous trouvez qu'il manque dans Dreamweaver 4. Macromedia a simplifié le processus dans sa dernière version. Maintenant vous choisissez simplement Fichier -> Coller, et le texte formaté d'un document de traitement de texte maintient son formatage - bien, d'accord, il maintient au moins l'interligne. La vérité est, Dreamweaver est encore assez faible quand il s'agit de convertir du texte.

Vous pouvez éviter d'avoir à reformater le texte dans Dreamweaver si vous utilisez un programme de traitement de texte ou un tableur qui inclut une fonction Enregistrer au format HTML (Microsoft Word et bien d'autres offrent cette fonctionnalité). Au lieu de copier et coller le texte dans Dreamweaver, utilisez la fonction Fichier -> Enregistrer au format HTML du programme de traitement de texte, renommez le fichier, puis ouvrez le nouveau fichier dans Dreamweaver. Microsoft Word et Excel conservent même la mise en forme de la table, ce qui vous permet de gagner du temps si vous utilisez de grandes tables de texte ou de chiffres.

Recherche de polices fonctionnelles

Les concepteurs sont tellement excités lorsqu'ils découvrent qu'ils peuvent utiliser n'importe quelle police. En réalité, vos spectateurs doivent avoir la police sur leurs ordinateurs pour qu'il s'affiche. Plus la police est courante, plus il est probable qu'elle soit affichée comme vous l'entendez. Si vous voulez utiliser une police plus inhabituelle, allez-y - assurez-vous simplement d'inclure des alternatives. La liste de polices Dreamweaver inclut déjà des collections de polices courantes et vous pouvez toujours créer votre propre liste de polices en sélectionnant Texte -> Police -> Modifier la liste des polices.

Windows est de loin le système d'exploitation le plus répandu sur le Net. Pour garantir les meilleurs résultats - et les plus rapides - pour la majorité de vos utilisateurs, commencez par lister une police Windows.

Gestion de vos spectateurs

La création de plusieurs sites est la solution la plus fiable pour garantir que tous vos spectateurs sont satisfaits lorsque vous utilisez des conceptions de page de pointe remplies de DHTML et de CSS. Cela signifie que vous créez deux ou plusieurs ensembles de pages: l'un qui utilise les dernières fonctionnalités et l'autre qui utilise des balises HTML plus anciennes et plus universellement prises en charge. Mais comment vous assurez-vous que les téléspectateurs obtiennent les bonnes pages? Utilisez le comportement Vérifier le navigateur.

Le comportement de vérification du navigateur est écrit en JavaScript et détermine le type de navigateur utilisé par chaque utilisateur qui accède à votre site. Le comportement dirige ensuite les utilisateurs vers la conception de page la mieux adaptée à leur version du navigateur. Pour utiliser cette fonctionnalité, choisissez 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 une boîte de dialogue s'ouvre dans laquelle vous pouvez spécifier quelles versions du navigateur doivent être dirigées vers les pages de votre site. Lorsque les utilisateurs arrivent sur votre site, ils sont automatiquement dirigés vers la page de votre choix, en fonction du type de navigateur et de la version que vous spécifiez.