Médiaforma

All posts tagged taille

Désormais, il est possible d’afficher le début des messages dans le volet d’en-tête. Ainsi, vous pourrez décider rapidement si un message est digne d’intérêt ou s’il mérite d’être mis à la corbeille. Pour choisir le nombre de lignes affichées dans l’en-tête du message, basculez sur l’onglet Affichage dans le ruban, cliquez sur l’icône Aperçu du message et faites votre choix parmi les options proposées :

Ici par exemple, nous avons demandé l’affichage de deux lignes dans l’en-tête des messages :


Il est parfois nécessaire de modifier la taille d’une image dans la zone de travail. Pour avoir un plus grand niveau de détail ou au contraire pour afficher une image dans sa totalité.

Pour cela, vous pouvez utiliser :

  • La roulette de la souris ;
  • Les icônes Zoom avant et Zoom arrière de la barre d’outils ;
  • Les touches + et du clavier ;
  • Les commandes inférieures du menu Affichage : Zoom avant, Zoom arrière, Zoom automatique (pour occuper toute la zone de travail) ou Plein écran pour afficher l’image sur tout l’écran. Une fois ce mode activé, appuyez sur la touche Echap pour quitter le mode plein écran et retourner au mode précédemment actif.

Photofiltre - Modifier la taille d'une image dans la zone de travail


Vous utiliserez les méthodes offset().left et offset().top pour connaître/modifier la position d’un élément sur l’écran et les méthodes width() et height() pour connaître/modifier la largeur et la hauteur d’un élément par rapport au coin supérieur gauche de l’écran.

Exercice 1

Entrez le code suivant dans NotePad++ et sauvegardez-le sous le nom taille-et-position.htm :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Taille et position des éléments sur la page</title>
    <style>
      #boite {
        position: absolute;
        top: 40px;
        left: 50px;
        width:300px;
        height: 200px;
        background-color: yellow;
        border: solid;
        border-width: 2px;
        border-color: black;
      }
    </style>
  </head>
  <body>
    <script src="jquery.js"></script>
    <div id="boite"></div>
    <p id="status"></p>
    <script>
      $(function() {
        //Insérer le code jQuery ici
      });
    </script>
  </body>
</html>

Ajoutez les instructions jQuery nécessaires pour afficher les dimensions et la position de l’élément #boite dans l’élément #status.

 

Solution

var x = $('#boite').offset().left;
var y = $('#boite').offset().top;
var l = $('#boite').width();
var h = $('#boite').height();
$('#status').text('Dimensions : '+l+'x'+h+' px. Position : à '+y+'px du haut et à '+x+' px de la gauche.');

 

Exercice 2

Ajouter deux éléments button au DOM et définir le code jQuery pour que :

  1. Le premier bouton positionne l’élément #boite à 200 pixels du bord gauche et 120 pixels du bord supérieur
  2. Le deuxième bouton redimensionne l’élément #boite à 150×30 pixels

 

Solution

$('#position').on('click',function(){
  $('#boite').offset({top:120,left:200});
});
$('#taille').on('click',function(){
  $('#boite').width('150px').height('30px');
});

Lorsque vous cliquez sur un lien, la page cible s’ouvre dans la même fenêtre. Pour l’afficher dans une fenêtre secondaire, il suffit d’affecter la valeur _blank à l’attribut target de ce lien. Enfin, pour l’afficher dans une fenêtre secondaire de taille bien précise, vous utiliserez la fonction JavaScript window.open(), associée à l’événement onclick de la balise <a>. Définissez l’adresse de la page cible dans le premier paramètre de la fonction, le nom de la fenêtre dans le deuxième paramètre et les dimensions de la fenêtre secondaire dans les paramètres height et width. Ici, la fenêtre secondaire pointe vers le moteur de recherche Bing. Elle a une largeur de 400 pixels et une hauteur de 600 pixels.

Voici le résultat :


Pour modifier la résolution de l’écran et/ou la taille des éléments affichés sur l’écran, cliquez du bouton droit sur une zone inutilisée du Bureau et sélectionnez Résolution d’écran dans le menu. Si deux ou plusieurs écrans sont connectés à votre ordinateur, sélectionnez celui qui doit être paramétré.

Choisissez la résolution dans la liste déroulante Résolution.

Si nécessaire, cliquez sur Rendre le texte et d’autres éléments plus petits ou plus grands afin de modifier la taille des éléments qui sont affichés sur l’écran. Sous Modifier la taille de tous les éléments, utilisez le curseur pour choisir la taille des éléments affichés sur l’écran.

Si les réglages proposés ne sont pas suffisants, cochez la case Me laisser choisir un niveau de mise à l’échelle pour tous mes affichages, puis cliquez sur Options de dimensionnement personnalisé. Vous pourrez ainsi définir vos propres réglages.

Si vous le souhaitez, les modifications de taille peuvent ne concerner que le texte. Décochez la case Me laisser choisir un niveau de mise à l’échelle pour tous mes affichages, puis utilisez les deux listes déroulantes sous Modifier uniquement la taille du texte pour ajuster la taille du texte dans les barres de titre, les menus, les boîtes de message, etc.

Cliquez sur Appliquer pour prendre en compte les modifications. Ces dernières s’appliqueront aux deux interfaces de Windows 8.


Votre ordinateur est équipé d’un disque de grande taille et pourtant … il est plein ! Mais où est donc passé tout cet espace ? Je vous propose de le découvrir en utilisant un outil gratuit : GetFoldersize.

Connectez-vous sur la page http://www.allsync.biz/en_getfoldersize.htm, cliquez sur Download et exécutez la dernière version en date de l’installeur GetFoldersize, en cliquant sur un des liens Server, sous Download, puis sur Exécuter. Ici, nous choisissons le serveur 2 qui propose une version exécutable du programme d’installation.

Une fois le programme installé, lancez-le en double-cliquant sur l’icône GetFoldersize qui a été déposée sur le Bureau. La taille et le taux d’occupation de chaque unité de masse sont immédiatement affichés :

Pour obtenir la taille des dossiers d’une unité de masse, sélectionnez-la dans la première liste déroulante et cliquez sur l’icône Scan source folder. Quelques instants plus tard, la taille des dossiers principaux apparaît dans la fenêtre de l’application :

Dans l’angle inférieur droit de la fenêtre, le volet FILES liste les plus gros fichiers du dossier sélectionné. Ici, les fichiers listés appartiennent à la racine du disque C:. Si vous cliquez sur un autre dossier, les informations du dossier FILES Sont immédiatement mises à jour.


Quelle que soit la taille d’un disque dur, un jour ou l’autre, il finit par être plein. Pour savoir quels dossiers occupent le plus d’espace sur votre disque, Read more