Accueil Médias sociaux Comment tester votre travail avec la fonction de création de rapport de site Dreamweaver

Comment tester votre travail avec la fonction de création de rapport de site Dreamweaver

Table des matières:

Vidéo: ? [tuto] Comment créer un site sur un serveur local #tutowampserver 2024

Vidéo: ? [tuto] Comment créer un site sur un serveur local #tutowampserver 2024
Anonim

Avant de mettre votre site en ligne pour que le monde entier le voit, vérifiez votre travail à l'aide de la fonction de création de rapports de Dreamweaver. Vous pouvez créer une variété de rapports pour identifier les problèmes liés aux liens externes, aux tags redondants et vides, aux documents sans titre et au texte alternatif manquant - des erreurs importantes qui peuvent facilement être ignorées. Avant que Dreamweaver ait ajouté cette fonction géniale, trouver ces types d'erreurs était une tâche fastidieuse et fastidieuse.

Procédez comme suit pour générer un rapport sur l'ensemble de votre site Web:

  1. Dans la liste déroulante située en haut du panneau Fichiers, sélectionnez le site sur lequel vous souhaitez travailler.

    Si vous avez déjà ouvert le site que vous souhaitez tester dans Dreamweaver, vous pouvez ignorer cette étape. Remarque: Votre site n'apparaît dans la liste du panneau Fichiers que si vous avez terminé le processus de configuration du site.

  2. Assurez-vous que tous les documents que vous avez ouverts dans l'espace de travail de Dreamweaver sont enregistrés en choisissant Fichier → Tout enregistrer.

  3. Choisissez Site → Rapports.

    La boîte de dialogue Rapports s'affiche.

  4. Dans la liste déroulante Rapport sur, choisissez Tout le site local actuel.

    Vous pouvez choisir de ne cocher qu'une seule page en ouvrant la page dans Dreamweaver, puis en sélectionnant Document actuel dans la liste déroulante Rapport sur. Vous pouvez également exécuter un rapport sur les fichiers sélectionnés ou sur un dossier particulier. Si vous choisissez Fichiers sélectionnés dans le site, vous devez d'abord sélectionner les pages que vous souhaitez vérifier dans le panneau Fichiers.

  5. Dans la section Sélectionner les rapports, cliquez sur les cases à cocher pour sélectionner les rapports souhaités.

    Vous pouvez sélectionner autant de rapports que vous le souhaitez.

  6. Cliquez sur le bouton Exécuter pour créer le (s) rapport (s).

    Si vous ne l'avez pas déjà fait, vous serez peut-être invité à enregistrer votre fichier, à configurer votre site ou à sélectionner un dossier.

    Le panneau Résultats du site s'affiche, affichant une liste des problèmes détectés sur le site. Pour trier la liste par catégorie (nom de fichier, numéro de ligne ou description), cliquez sur l'en-tête de colonne correspondant.

  7. Double-cliquez sur un élément dans le panneau Résultats du site pour ouvrir le fichier correspondant dans la fenêtre de document.

    Le fichier s'ouvre et l'erreur est mise en surbrillance dans l'espace de travail.

    Vous pouvez également cliquer avec le bouton droit de la souris (Windows) ou tout en maintenant la touche Ctrl (Mac) enfoncée sur une ligne du rapport et choisir Plus d'infos pour rechercher des détails supplémentaires sur l'erreur ou la condition spécifique.

  8. Utilisez l'inspecteur des propriétés ou une autre fonction Dreamweaver pour corriger le problème identifié, puis enregistrez le fichier.

    Nom du rapport Description
    Extrait par Liste les fichiers extraits du site et identifie la personne

    qui les a extraits.Cette fonctionnalité est nécessaire uniquement si vous

    travaillez avec d'autres concepteurs Web sur le même site et qu'il y a un risque

    d'écraser le travail de l'autre.

    Notes de conception Listes de conception utilisées dans le site.
    Récemment modifié Répertorie les fichiers qui ont été modifiés pendant une période spécifiée

    . Vous pouvez définir la période pour le rapport en cochant la case

    Modifié récemment, puis en cliquant sur le bouton Paramètres du rapport

    en bas de la boîte de dialogue.

    Balises de police imbriquées combinables Liste toutes les instances où vous pouvez combiner des balises imbriquées. Pour l'exemple ,

    size = "2"> Les meilleurs sites Web que vous devriez

    visiter sont répertoriés, car vous pouvez

    simplifier le code en combinant les deux balises de police dans les sites Web Great

    You Should Visit.

    Texte Alt manquant Répertorie toutes les balises d'image qui n'incluent pas le texte Alt Le texte Alt

    est une description textuelle d'une balise d'image incluse dans le code HTML , une alternative si l'image n'est pas Le texte Alt est important

    pour tous ceux qui utilisent un navigateur spécial qui lit les pages Web

    Balises imbriquées redondantes Répertorie tous les endroits où vous avez des balises imbriquées redondantes Pour

    exemple,

    Bon les titres

    sont

    plus difficiles à écrire

    que vous ne le pensez parce que vous pouvez simplifier le code en supprimant la seconde

    pour que le code ressemble à

    ceci: > De bons titres sont plus difficiles à

    écrire que vous pourriez le croire

    Tags vides amovibles

    Liste les tags vides sur votre site.Les tags vides peuvent apparaître lorsque
    vous supprimez une image, un texte section, ou un autre élément sans supprimer tous les tags appliqués à l'élément.

    Documents sans titre

    Répertorie les noms de fichiers qui n'ont pas de titre. Le tag est facile à oublier car il

    n'apparaît pas dans le corps de la page. Au lieu de cela, la balise spécifie le texte qui apparaît tout en haut de la fenêtre du navigateur et le texte

    apparaît dans la liste des favoris lorsque quelqu'un met en signet une page. Vous

    pouvez entrer un titre pour n'importe quelle page en entrant du texte dans le champ Titre

    juste au-dessus de la zone de travail ou dans le champ Titre de la boîte de dialogue Page

    Propriétés.

    Comment tester votre travail avec la fonction de création de rapport de site Dreamweaver

    Le choix des éditeurs

    Explorant les modes d'exposition avancés sur un appareil photo Canon EOS Rebel série T3 - mannequins

    Explorant les modes d'exposition avancés sur un appareil photo Canon EOS Rebel série T3 - mannequins

    Exploiter les capacités de votre Canon Rebel T3 ou T3i, vous devez explorer les cinq modes d'exposition avancés de votre appareil photo, représentés sur la molette de mode par les lettres P, Tv, Av, M et A-DEP. L'utilisation de ces cinq modes vous permet de manipuler deux contrôles d'exposition critiques, l'ouverture et la vitesse d'obturation.

    En examinant les paramètres du mode scène (SCN) sur un Canon EOS 70D - mannequins

    En examinant les paramètres du mode scène (SCN) sur un Canon EOS 70D - mannequins

    En scène Modes Auto Intelligent et Flash désactivé, le Canon EOS 70D essaie de comprendre quel type d'image vous voulez prendre. Si vous ne voulez pas compter sur l'appareil photo pour faire ce jugement, vous pouvez choisir parmi sept modes de scène automatiques conçus pour capturer des sujets spécifiques en utilisant ...

    Le choix des éditeurs

    Créer une connexion de serveur distant dans Dreamweaver - des nuls

    Créer une connexion de serveur distant dans Dreamweaver - des nuls

    En plus de définir un dossier local "maison" pour votre Dreamweaver, vous définirez à un moment donné un emplacement distant pour votre site sur Internet. Vous n'avez pas besoin d'avoir un emplacement distant pour votre site choisi pour commencer à construire la version locale de celui-ci, mais finalement - pour télécharger ...

    Modification de la mise en page cSS dans Adobe CS5 Dreamweaver - mannequins

    Modification de la mise en page cSS dans Adobe CS5 Dreamweaver - mannequins

    Creative Suite 5 (Adobe CS5) Dreamweaver propose plusieurs méthodes pour modifier une mise en page de feuilles de style en cascade. Une mise en page CSS est entièrement contrôlée par des règles de feuille de style, de sorte que vous pouvez modifier l'aspect et la convivialité de la page directement à partir du panneau Styles CSS et de l'inspecteur des propriétés. Chaque colonne, boîte et espace sur ...

    Document Barre d'outils dans Adobe CS5 Dreamweaver - mannequins

    Document Barre d'outils dans Adobe CS5 Dreamweaver - mannequins

    Dans la barre d'outils Document dans Adobe Creative Suite 5 (Adobe CS5) Dreamweaver des outils pour vous aider à visualiser votre document dans différents modes, tels que le code et la conception, ainsi que des éléments tels que le titre du document et la compatibilité du navigateur. Code View: Afficher le code et seulement le code en utilisant cette vue. Dreamweaver vous aide à ...

    Le choix des éditeurs

    L'Église catholique et l'ère moderne - des nuls

    L'Église catholique et l'ère moderne - des nuls

    À Peu près en même temps que le premier concile du Vatican (1869 -1870), qui a défini la doctrine de l'infaillibilité papale, le processus d'unification italien a pris forme sous Victor Emmanuel, menaçant les États pontificaux. Au VIIIe siècle, le roi carolingien Pépin le Bref, qui était le père de Charlemagne, avait donné aux États pontificaux (Patrimonium ...

    11 Saints catholiques populaires - mannequins

    11 Saints catholiques populaires - mannequins

    Les catholiques n'adorent pas les saints, mais les saints sont proches des cœurs catholiques. Les catholiques respectent et honorent les saints et les considèrent comme les héros de l'Église. L'Église souligne qu'ils étaient des gens ordinaires issus de familles ordinaires et qu'ils étaient totalement humains. Voici quelques informations sur la vie de ...

    Catholicisme et les dix commandements - les nuls

    Catholicisme et les dix commandements - les nuls

    Selon l'Exode dans l'Ancien Testament, Dieu a publié son propre ensemble de lois ( les Dix Commandements) à Moïse sur le Mont Sinaï. Dans le catholicisme, les Dix Commandements sont considérés comme une loi divine parce que Dieu les a révélés eux-mêmes. Et parce qu'ils ont été énoncés spécifiquement sans aucune ambiguïté, ils sont aussi des lois positives. Par conséquent, ils sont aussi ...