Capture d’écrans pour les pages Web

Présentation au sujet: "Capture d’écrans pour les pages Web"— Transcription de la présentation:

1 Capture d’écrans pour les pages Web
CLIP 16 décembre 2010 Capture d’écrans pour les pages Web Par Minh-Thu Nguyen Contribute 4 Par Nathalie Dionne

2 CAPTURE D’ÉCRANS

3 Sommaire Image ou image d’écran ? Capture d’écrans
Résolution et taille, en bref Redimensionner les images Outils Trucs

4 IMAGE OU IMAGE D’ÉCRAN ? Image numérique;
Une image peut être produite directement à l’ordinateur avec un logiciel de dessin; Une image peut être un dessin numérisé, un objet, un paysage capturé par une caméra et transféré à l’ordinateur; Une image peut être capturée à partir d’un écran d’ordinateur. Pourquoi ? On ne possède pas l’image original (cas des écrans de systèmes, banques de données) On veut ajouter des commentaires sur l’image ou on peut superposer des images et on ne possède pas d’outils pour ce faire (donc on utilise Word !) Enregistrer l’image sous : site de la biblio

5 CAPTURE D’ÉCRANS

6 CAPTURE D’ÉCRANS (SUITE)
Accent sur la capture des écrans de textes; Regardons d’abord quelques exemples de pages:

7 Résolution et taille, en bref
Caméra de 8 MP : image de 3456 pixels x pixels ( pixels); Résolution de l’écran : 72 pixels est la norme; Cette image affichée à l’écran aura la taille de : 3456 divisé par 72 = 48 pouces; 2304 divisé par 72 = 32 pouces; Résolution de l’imprimante : 300 pixels est la norme; Cette image imprimée aura la taille de : 3456 divisé par 300 = pouces; 2304 divisé par 300 = 7.68 pouces. L’image numérique en soi est mesurée en terme de pixels et de la taille. Plus il y a de pixels, plus la taille est grande, il n’y a pas de notion « RÉSOLUTION ». La qualité de l’images numérique peut être mesurée en terme du nombre de couleurs qu’elle peut contenir. Le format numérique (bmp, gif, jpg, etc.) Quand on veut afficher ou imprimer une image numérique, on parle de résolution Quand on numérise une image physique, on parle de résolution aussi (sens inverse).

8 Redimensionner les images
On peut difficilement utiliser la même image pour un document imprimé et pour une page Web; Si elle était conçue pour l’impression, il faut la redimensionner pour le Web. Il y aura une perte de qualité; La plupart des logiciels de traitement d’image permettent de faire cette transformation en un clic; Les pages du site de la Bibliothèque ont une largeur de 1024 pixels. Lorsque les pages ont un menu à gauche, la partie utilisable à droite est réduite à 650 pixels.

9 Outils Logiciels de capture d’écrans : PrintScreen2000, Web Snapshot, Snagit, etc.; Outils complémentaires: Pixel ruler : mesurer les images; Internet Explorer : ajuster la taille des écrans et des polices, surligner le texte, etc.; Combinaison PrintScreen2000/Word : ajuster et ajouter des textes ou des objets… pour ceux qui n’ont pas un logiciel spécialisé.

10 TRUCS Contenus visés bien positionnés; Taille appropriée;
Largeur uniforme si plus d’un écrans; Textes lisibles; Textes surlignés par IE; Liens visités intentionnels; Liens visités omis; Bordure de la fenêtre, barres d’outils; Annotations; Mauvaise « finition »; Embellissement; Écrans superposés; Flash.

11 INTRANET et CONTRIBUTE

12 Sommaire Pourquoi Contribute Clé Contribute
Éditer/publier (une page déjà faite) Principales opérations Insérer un tableau Insérer un lien Insérer une image Nouvelle page Copier une page dans Contribute Documents Office Publier Suppression

13 Pourquoi Contribute Utilisation de DreamWeaver par le Webmestre de l’École; Sites règlementés; Construction dans DreamWeaver de gabarits et de feuilles de styles qui sont utilisés par les utilisateurs de Contribute; Gestion distribuée : contrôle des accès pour les sites de l’École à partir de DreamWeaver; Approbation à distance si désirée; Plus de liberté pour notre site intranet.

14 Clé contribute Enregistrer sur le bureau; Double-cliquer dessus;
S’installe tout seul; Quand la fenêtre s’ouvre : on inscrit son nom (au lieu du matricule) ainsi que son courriel, on fait OK; On est prêt à travailler.

15 Éditer/publier (une page déjà faite)
Contribute est comme un fureteur (Internet Explorer); On navigue jusqu’à la page que l’on veut éditer; Cliquer sur le bouton « Modifier la page » et vous pouvez modifier la page (ex. correction de coquille); Lorsque les modifications sont finies, cliquer sur « Publier ».

16 Principales opérations dans Contribute
Correction d’une coquille (comme Word); Style : On fait un bloc et on choisit le style dans la barre de style; On peut mettre du gras, de l’italique, justifier le texte, et mettre des listes à puces; Copier/coller : on peut copier/coller du texte.

17 Insérer un tableau Cliquer à l’endroit où l’on veut insérer le tableau; Cliquer sur l’icône « Tableau »; Choisir : nombre de lignes, de colonne, bordure, grandeur du tableau, espacement entre les cellules (3 à 5), marges intérieures des cellules (3 à 5) et choisir l’en-tête si désiré.

18 Insérer un lien Faire un bloc sur le ou les mots où l’on veut mettre le lien et cliquer avec le bouton de droite sur « insérer un lien »; Une fenêtre s’ouvre. Vous avez le choix de faire 5 sortes de liens : Brouillons pages récentes (choix dans nos brouillons); Créer une page (le lien s’insert automatiquement vers la nouvelle page); Rechercher une page Web (parcourir dans l’internet la page que l’on désire); Adresse électronique (inscrire le nom de la personne; Fichier sur mon poste de travail (parcourir sur notre poste de travail).

19 Insérer une image Insérer une image à partir de son fichier de travail; Faire un copier/coller d’une image sur internet.

20 Nouvelle page Fichier, nouveau (une fenêtre s’ouvre);
Choisir le gabarit et inscrire le titre de la page; Faire notre page.

21 Copier une page dans Contribute
Afficher la page que l’on veut copier; Cliquer sur « Fichier »; Cliquer sur « nouveau »; Quand la fenêtre s’ouvre, cliquer sur « Copie de la page en cours »; Entrer un nom pour « Titre de la page »; Faire « OK ».

22 Document Office Afficher le document dans Internet Explorer (il s’ouvre avec Word, Excel ou PowerPoint); Faire la correction; « Enregistrer sous » à l’endroit que vous voulez en lui donnant le même nom que la fois précédente; Fermer le document; Revenir dans Contribute et cliquer sur le bouton « Modifier la page »;

23 Document Office (suite)
Avec le bouton de droite, cliquer sur « Propriétés du lien »; Cliquer sur « Fichier sur mon poste de travail »; Parcourir pour retrouver et sélectionner votre document; Faire « OK » (il va vous demander si vous voulez remplacer le fichier existant dites oui).

24 Publier Cliquer sur « Publier » ;
Quand la fenêtre apparaît, inscrire un nom de fichier ; Dans « Choisir un dossier », sélectionner l’endroit où l’on veut que le fichier soit ; Cliquer sur « Publier ».

25 Suppression Pages : Afficher la page, ensuite Fichiers/Actions /Supprimer la page ; Lien : Supprimer un lien, cliquer sur le lien/bouton de droite/supprimer le lien (attention, ne supprime pas la page ou le document pointé).