Les tuto 2 Demolite

08 novembre 2010

Imprimer une zone déterminée dans une page web

Si vous voulez imprimer un tuto ou une recette de cuisine sur un site, en cliquant sur “Imprimer” toute la page s’imprime et c’est pas le top…

Voilà une petite astuce pour imprimer seulement la sélection qui vous intéresse, que ce soit du texte ou des images c’est pareil, seule la sélection dans la page sera imprimée !

Voici comme faire :

Puis :

Voilà, c’est tout bête…

Dans le cas où il y a plusieurs pages à imprimer et que seule la page 2 vous intéresse, vous devez choisir l’option Pages de 2 à 2 juste au dessus de Sélection seulement la page 2 sera imprimée.

Vous pouvez aussi choisir le nombre de copies dans la zone de droite…

Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Ajouter un bouton Imprimer dans vos articles

Voici comment ajouter un Imprimer cette page sous plusieurs formes…

La première est la plus classique, ajoutez cette ligne de code à la fin de votre message avant de publier :

<p><a href="#" onclick="javascript:window.print()">Imprimer la page</a></p>

Imprimer la page

Vous pouvez modifier le Imprimer la page et mettre ce vous voulez à la place.

La deuxième est le même code, sauf que vous ajoutez à la place du # un lien qui permettra d’imprimer une page web, n’importe laquelle.

<p><a href="#" onclick="javascript:window.print()">Imprimer la page</a></p>

Imprimer la page

Vous pouvez également changer le Imprimer la page.

La troisième est un bouton imprimer :

<p><input type="button" onclick="window.print()" value="Imprimer la page" /></p>

Vous pouvez également changer le Imprimer cette page.

Et le petit dernier, mon préféré…Le bouton image :

<p><a href="javascript:window.print()"><img src="Adresse.jpg" /></a></p>

Ps : Ces lignes de codes sont à insérer dans vos messages en mode Html.

Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Changer la résolution d’une page web en 1 clic

Vous avez surement remarqué que d’un pc à l’autre, les pages web ne s’affichent pas de la même façon, il peut y avoir plusieurs raisons :

Des navigateurs différents (Firefox, Internet Explorer, Opéra etc…)

Un système d’exploitation différent (Windows, Linux, Mac)

Et aussi, une résolution d’écran qui en fonction de sa taille ne va pas tout à fait donner la même chose…

Pour changer la résolution de son écran d’ordinateur, généralement vous devez faire un clic droit sur le Bureau puis Propriétés et Options d’affichage…

Une fenêtre qui ressemble à celle-ci s’ouvre, et vous pouvez changer la résolution.

Par contre, le changement de résolution va s’appliquer à toutes les fenêtres et applications de votre pc.

Pour changer uniquement la résolution d’une page web lorsque vous êtes en balade un site ou un blog, c’est tout simple.

Lorsque vous êtes sur la page web maintenez la touche Ctrl enfoncée puis avec la molette de votre souris faites défiler en avant ou en arrière pour réduire ou agrandir la résolution.

Lâchez la touche Ctrl lorsque la résolution vous convient.

Faites le même geste pour revenir à votre résolution de départ.

Voici 3 Résolutions différentes sur le même site : Le grand méchant Cook

Le site tel qu’il est chez moi avec une résolution de 1280×800

Avec la molette à fond pour agrandir le plus possible l’image et faire un zoom sur les Sushis…

Avec la molette dans l’autre sens pour reculer vers l’arrière et avoir une vue d’ensemble…

Voilà, maintenant lorsque vous vous baladerez sur le web et qu’un site vous semblera bizarre, vous pourrez très facilement l’afficher correctement en un clin d’oeil.

Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Changer le programme par défaut de Windows pour l’ouverture des images, vidéos, Mp3 etc…

Ou Comment changer le programme par défaut pour l’ouverture des images (jpg, gif, png, bmp etc…) de vos vidéos ou encore de vos Mp3…

Si vous êtes sous Windows Vista vous avez du remarquer que les images au format Png s’ouvrent dans Photofiltre ou dans un logiciel d’image…

Lorsqu’on manipule souvent les images, c’est pas vraiment pratique…

Pour éviter cela et faire en sorte qu’elles s’ouvrent comme les images Jpg dans la visionneuse Galerie de photo Windows, c’est tout simple…

Sélectionnez une image au format PNG, faites un clic droit dessus puis Propriétés.

Cliquez sur Modifier.

Choisissez Galerie de photo Windows dans la liste et faites OK.

Désormais toutes vos images PNG s’ouvriront dans la visionneuse de Windows, ce qui est vraiment très pratique pour passer d’une photo à une autre, faire un zoom, rogner, effacer les yeux rouges etc…

Libre à vous de choisir un autre programme dans la liste proposée pour ouvrir vos images…maintenant vous savez comment faire…même chose pour ouvrir vos vidéos, si vous avez plusieurs lecteurs vous pouvez choisir votre préféré.

Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Faire une capture d’écran sans logiciel de capture

Je suis certaine d’avoir déjà fait cet article, mais ce matin je le cherchais pour l’envoyer à quelqu’un (il se reconnaitra) et impossible de le retrouver !

J’ai du le supprimer par erreur quand j’ai refais la déco du blog…
Bon c’est pas grave, car c’est un petit tuto facile et pas trop long à faire !

Vous voulez capturer une image sur un blog ou faire une capture entière de votre écran…

Rien de plus simple…

Sur la même ligne que  F1, F2 … de votre clavier, vous avez une touche qui s’appelle :

Impécr
Syst

C’est la touche à droite de F12, elle peut s’appeler différemment en fonction des claviers.

Si vous avez un pc portable, c’est la même touche mais elle se nomme :

PRTSC
SYSSRQ

Lorsque vous êtes sur la page que vous voulez capturer, vous appuyez une fois sur cette touche, ce qui va copier la capture d’écran dans le presse-papier et ensuite il ne vous reste plus qu’à faire un clic droit puis coller dans un document Word, Photofiltre ou encore Paint.

Voilà c’est aussi simple que ça !

Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Convertir un fichier texte en Html

A quoi ça sert un fichier Html…bin je sais pas moi, à faire joli par exemple !?

Voici la définition sur Wikipédia :

Hypertext Markup Language

Un article de Wikipédia, l’encyclopédie libre.

(Redirigé depuis HTML)

Aller à : Navigation, Rechercher

Le Hypertext Markup Language, généralement abrégé HTML, est un langage informatique de balisage conçu pour écrire les pages Web, et notamment pour créer de l’hypertexte, d’où son nom. HTML permet aussi de structurer sémantiquement et de mettre en page le contenu de la page, d’inclure des images, du son, et autres ressources multimédias, des formulaires de saisie, et des applets. Il permet de créer des documents interopérables avec des équipements très variés et de soutenir l’accessibilité du Web. Il est souvent utilisé conjointement avec des langages de programmation comme JavaScript et les feuilles de style en cascade (CSS). HTML est une application du Standard Generalized Markup Language (SGML), tandis qu’une évolution appelée XHTML est une application de l’Extensible Markup Language (XML).

Bon…passons à la suite.

Pour convertir un fichier texte depuis le bloc-notes en fichier Html qui s’ouvrira donc dans une page web…

C’est tout simple…

Ouvrez votre bloc-notes, collez vos codes Html…

Une fois votre document terminé, faites :

Enregistrer sous

Choisissez le type : Tous les fichiers

Ajoutez à la suite du nom de votre fichier .html

Enregistrer.

Voila, votre fichier texte est converti en Html.

Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Vider le cache de son navigateur

Depuis quelques jours…je ne compte plus les mails que je reçois pour me dire que vous faites des changements sur vos blogs qui ne sont pas pris en compte…

Cela vient probablement du fait que le cache de votre navigateur est plein…

C’est quoi un navigateur d’abord ?

Réponse :
C’est la fenêtre qui permet d’ouvrir une page web et d’en visionner le contenu…
Internet explorer, Firefox, Opera, Safari, Netscape, Maxthon etc…

Le cache c’est quoi ?

Réponse :
C’est un endroit (une mémoire) où sont stocké des informations sur tous les sites que tu visites.
Ton navigateur utilise ces informations pour afficher plus vite le site lors de ton deuxième passage.

Par exemple lorsque vous visitez Les tuto 2 Demolite pour la première fois votre navigateur va mettre dans le cache les informations nécessaire pour afficher plus vite son contenu lors de votre prochaine visite.

La page se chargera plus vite…

Mais lorsque le cache est plein…c’est comme la poubelle de la cuisine…il faut la vider !

Sinon ce sont les anciennes informations qui sont envoyées pour l’affichage du blog et donc si vous avez fait des modifications, le cache étant plein, il ne peut plus mettre les changements en mémoire.

Ce qui explique que votre blog s’affiche sans les modifications que vous venez de faire…

Comment faire pour vider ce fameux cache !?

Si vous utilisez Internet explorer, allez dans les Options internet et sur la première page dans la zone Historique de navigation, cliquez sur Supprimer.

Puis cliquez sur Supprimer les fichiers :

Fichiers temporaires et Les cookies puis Fermer la fenêtre.

Actualisez maintenant la page de votre blog en cliquant sur l’icône bleue en forme de flèche arrondie en haut à droite de votre navigateur (ça peut varier en fonction de la version)

Ou faites tout simplement F5 !

Si vous utilisez Firefox :

Outils / Options / Onglet avancé / Réseau / Nettoyer maintenant

Puis OK.

Actualisez la page de votre blog en cliquant sur l’icône :

Voilà, si après ça votre blog ne prend toujours pas vos modifications en compte, je suis perplexe…car apparemment ça arrive beaucoup en ce moment.

Pourtant, ça n’est jamais encore arrivé chez moi…ce n’est pas faute de faire une multitudes de changements sur mes blogs et surtout sur mon blog test ou je m’en donne à coeur joie !

Donc, je ne saurais pas vous dire avec certitude si le problème vient d’une mauvaise manip de votre part ou d’un bug de m’sieu Canalblog…

Mais je peux quand même vous dire qu’en créant un nouveau modèle, il semblerait que chez certaines personnes les changements sont de nouveaux pris en compte !

Hallelujah !

Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Afficher le contenu du presse papier

Astuces Windows XP :

Tous les jours, vous vous servez du Presse-papier pour copier-coller du texte ou des images d’un document à un autre…

Voici comment créer sur le bureau ou ailleurs un raccourci qui permet de savoir ce que contient le presse-papiers…

Faites comme ceci :

Cliquez droit sur le fond du Bureau puis, dans le menu qui apparait,

Choisissez la commande Nouveau/Raccourci

L’assistant Création d’un raccourci s’ouvre, saisissez clipbrd.exe puis cliquez sur suivant.

Donnez ensuite un nom à ce nouveau raccourci Presse-papier par exemple…
puis cliquez sur Terminer.
 

Désormais, en double cliquant sur ce raccourci, le contenu du Presse-papier s’affiche.

Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Jouer un son au verrouillage des majuscules

Astuces Windows XP :

Les touches de verrouillage Verr Maj (majuscules) et Verr Num (clavier numérique)
sont associées à un voyant lumineux qui signale que le verrouillage est actif…

Mais vous pouvez aussi demander à Windows de jouer un son lorsque vous activez ou désactivez les fonctions Verr Maj et Verr Num.

Ouvrez le Panneau de configuration et double-cliquez sur l’icône Options d’accessibilité, dans la fenêtre qui s’ouvre, cochez la case Utiliser les touches bascules.

Appliquez et OK.

Désormais, si vous appuyez sur la touche Verr Maj ou Verr Num, un son retentira ♫♪ 

Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Retrouver son curseur en 1 clic

Astuces Windows XP :

Votre pointeur de souris disparait à l’écran …
pour le retrouver en un clic :

Ouvrez le Panneau de configuration.
Double-cliquez sur l’icône Souris.

Dans la fenêtre Propriétés de Souris qui apparait, ouvrez l’onglet Options du pointeur

Cochez la case Afficher l’emplacement du pointeur lorsque j’appuie sur la touche Ctrl dans la zone Visibilité.

Cliquez enfin sur OK.

Désormais, pour trouver le pointeur de la souris, appuyez simplement sur la touche Ctrl
des cercles concentriques animés vous indiquent immédiatement l’emplacement du pointeur.

Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici