6 octobre 2006
5
06
/10
/octobre
/2006
00:00
Bonjour,
Comme promis dans l'article "Prise en mains" voici quelques exemples de fonds d'écrans (wallpapers en anglais [littéralement papiers de murs, ce qui se traduit par "papier peint" ["Papier paint" pour certains], ou backgrounds [aussi en anglais et utilisé dans le CSS])
Pour rappel ces premiers fonds d'écrans font 3x3 pixels... ils ne seront presque pas visible ici... aussi pour vous aider, je placerai un agrandissement (x8) en premier pour guider dans le choix, il sera suivi du tout petit carré qui est le fichier à enregistrer. (Clic droit sur le petit carré et "Enregistrer l'image sous...").
Rassurez-vous ce petit carré couvrira bien votre fond (le CSS va s'en charger à la manière d'une "mosaïque"... à ce propos via le réglage de Windows de '95 à Xp [Clic droit sur un espace vide du bureau,onglet "Bureau" et dans "Position" choisir "Mosaïque"] vous pouvez même les utiliser pour votre fond d'écran ).
Pour finir j'illustrai avec un carré de 100x100 pixels (ce carré peu aussi servir dans le CSS, mais est un peu plus lourd... il n'y aura qu'une des trois posibilité et en plus il a été compressé au chargement sur le serveur d'Over-blog, et de plus je n'ai pas "calculé" le "raccord" puisqu'il ne sert qu'à illustrer [à vous de voir]).
Tout en vous présentant les modèles, je vous informerai de quelques petites "astuces" pour créer facilement des variantes, ainsi que de quelques infos.
Astuce : Le "beau" bleu qui suit à été créé très facilement à partir du "jaune" mis en premier dans cette liste.
J'ai en effet pour habitude lorsque je crée un dessin de faire l'expérience (par curiosité [je sais c'est pas beau :oX ... et amusement ^o^ ) d' "Inverser les couleurs"... c'est très facile avec "Paint"
Vous avez votre dessins ouvert et dans les onglets vous cliquer sur "Image"
et ensuite sur "Inverser les couleurs"
Note : N'oubliez pas si vous enregistrez de faire "Enregistrer sous..."
et en AUCUNS CAS sur "Enregistrer" (vous "écraseriez" le fichier original)
et donnez un nom différent (ou le même avec une "variante" [un chiffre par exemple])
Donc l'exemple ci-dessous est un heureux cas (ce qui n'est pas toujours vrai) d'une "inversion" de couleurs
Astuce : Les exemples ci-dessous sont basé sur les deux même couleurs, mais avec une "inversion" dans leur dispositions (pratique pour par exemple avec vos deux couleur "éclaircir" ou au contraire "foncer" ;o) )
Remarque : Ci-dessous vous ne voyez pas les carrés du fait qu'une partie de leurs couleurs est la même (blanche) que celle du fond de cet article...
Mise en garde et information : Dans certains cas, il arrive que les "lignes" ne soient pas bien visible : En causse deux couleurs "trop proches" ou la résolution de votre écran surtout si elles sont mises en diagonales
Ici en "diagonales"
Ici en lignes "horizontales"
Voila, j'espère que vous aller bien vous amuser avec ça ^o^
Published by √'ğer
-
dans
Fonds d'écrans
5 octobre 2006
4
05
/10
/octobre
/2006
00:00
RVB ou RGB & Hexadécimal...
Késako ?
RGB pour Rouge, Vert & Bleu ou RGB pour Red, Green, Blue en anglais est l'abréviation pour un format de codage des couleurs. Ce sont aussi les trois couleurs dite "primaires".
A partir de ces trois couleurs il est possible de créer toute les gammes de couleurs (Bon dans la pratique le blanc et le noir sont aussi utilisé). C'est d'ailleurs ce que fait l'œil humain...
Bon je vais pas trop rentrer dans les détails (il y a des cites spécialisé [pensez aussi à Wikipédia qui est vraiment une encyclopédie en ligne ;) ]), mais souvenez vous quand vous avez fait ce beau dessin au crayon de couleur, avec ce beau soleil jaune, puis vous avez rajouté le ciel bleu... et la ou vous avez débordé c'est devenu ...vert !
Ce principe des trois couleurs est utilisé partout : Votre écran d'ordinateur, votre télévision, vidéo-projecteur, APN, la pellicule au cinéma, et même votre imprimante (avec une petite variante, c'est le "magenta" qui est plutôt choisi au "bleu" et le "cyan" au rouge" et le noir est utilisé par facilité)...
Dans la nature, le mélange des trois couleurs donne ... le blanc ! mais n'essayez pas avec vos gouaches vous n'obtiendrez qu'une "horrible" couleur bien loin du blanc recherché ^o^
Encore une petite information avant de retourner au sujet, un même code couleur peut donner des résultats différents... c'est juste une question de réglages (de "calibration") de votre écran (ou autre support)....
Pour en revenir au RVB -RGB :
La palette de couleur est codée de 0 à 255 pour chaque couleur ... soit 16 millions de couleurs dont vous devez avoir une fois ou l'autre déjà entendu parlé (plus de 16 million en fait, mais c'est un chiffre "rond")... bien sur un œil humain ne fera pas la différence entre deux couleurs qui se suive, mais c'est un tout qui permet d'infinie subtilités que nous "ressentons"...
Comme c'est un mélange (ou une absence) de couleurs nous devons donc donner une valeur pour chaque couleur "primaire"... et dans un ordre bien précis (les programmes sont TOUS écrit pour lire le code de la même façon) car le rouge à le code 255, mais le vers et le bleu aussi !
Nous devons donnez l'information, "je veux du rouge, mais pas de bleu ni de vert), sache que le programme lit dans l'ordre "RVB" nous devons indiquer :
255 0 0 pour du rouge
0 255 0 pour du vert
0 0 255 pour du bleu
(il n'est pas nécessaire d'écrire 255 000 000 les programme ont été construit pour une écriture "simplifiée")
Comme dit plus haut toutes les couleur donnent le blanc (Pensez à la lumière au travers un prisme); donc 255 255 255
Et l'absence de couleurs donne le noir (Pensez à la nuit) : 0 0 0
Le tableau ci-dessous n'est pas une image, mais un tableau avec les codes et c'est votre ordinateur qui va les traiter pour l'afficher (en RVB-RGB + noir et blanc): Si vous ne voyez par par exemple le premier rectangle en rouge (si il est rose ou orange par exemple) c'est que votre écran est mal "calibré" ou "trop vieux"
Le "hexadécimal" (ou "Hexa"/"Hex") est un système de numération créé par IBM et qui est devenu un standard en informatique, en effet le codage en hexadécimal demande 4 fois moins d'informations que le "binaire" (utilisé par les ordinateurs) auquel il est parfaitement "compatible" et donc "converti". Il utilise les chiffres de 0 à 9 et ensuite les six première lettre de notre alphabet... ainsi le chiffre "10" s'écrit "a" (ou "A") en hexadécimal (en binaire cela donnerait "1010" pour ce même chiffre)
Les codes couleur en hexadécimal sont regroupé par trois série de deux "signes" étant donné que le chiffre "255" s'écrit "FF" en hexadécimal, il n'en faut pas plus ;)
Donc nous venons juste de voir que 255 = FF, 0 lui reste 0...
Donc le rouge qui s'écrivait 255 0 0 en RVB-RGB, il devient FF0000 (ou qui peu être simplifié par F00)
Le vert est donc écrit 00FF00
quand au bleu c'est 0000FF
Le noir est 000000
et le Blanc FFFFFF
Tout cela peut-être simplifié* par 0F0, 00F, 000 & FFF.... vous pouvez aussi employer les minuscules donc FF0000 = ff0000 =F00 = f00...
* N.B.: Vous ne pouvez simplifiez que si les valeurs sont trois fois "double" Donc "FF54FF" par exemple ne peux pas l'être, c'est soit trois "valeurs", soit six !
Les chiffres en hexadécimal sont utilisé dans le CSS d'over blog... hors le programme "Paint" dont je vous ai parlé dans cet article utilise lui les couleur en RVB
Trois possibilités s'offrent à vous :
1) Être fort en mathématique ^o^
2) Avoir une calculatrice scientifique (vous en avez une avec Windows (c'est le même chemin que pour trouver "Paint" soit : Démarrer -> Tous les programmes -> accessoires (et elle est dans la liste) -> cliquer sur l'icône 
La calculatrice va s'afficher en mode simple ("standard") cliquez sur l'onglet affichage puis choisissez "Scientifique" Pour par exemple trouver la valeur décimale de 225, taper 255 puis sur "Hex" la calculatrice va afficher "FF".... pour trouver FF cliqué sur "Hex" puis sur FF et ensuite sur "Déc"... c'est pas encore l'idéal, puisque pour trouver un code complet vous devez faire trois conversion.... le plus simple est donc :
3) Utiliser un site qui propose les conversion "en ligne" par exemple ;
de l'hexa(décimal) vers le RGB - RVB: http://www.univ-pau.fr/outils/rgb.htm
du RVB vers l'hexa : http://etna.int-evry.fr/~domy/PHP/rgb.php
Dans les deux sens (très pratique affiche une fenêtre avec le résulta de la couleur) : http://markise.free.fr/ (Attention, ne rentrez pas les hexa en mode simplifié, ou vous n'aurez pas la bonne conversion ;) )
et il y en a bien d'autres ;)
Published by √'ğer
-
dans
Aide CSS
4 octobre 2006
3
04
/10
/octobre
/2006
00:00
Avec cet article nous allons nous habituer à "Paint" et créer le premier fond d'écran.
Pour trouver "Paint" sous "Windows XP" : Démarrer -> Tous les programmes -> accessoires (et il est dans la liste) -> cliquer sur l'icône
"Paint" s'ouvre...
Cliquez sur la "loupe" 
Ensuite sur "8x" 
Note : Pour ceux qui veulent et moyennement un peu de dextérité, juste en dessous de "8x" il y a une ligne blanche à peine visible... si vous arrivez à cliquer dessus vous faite un "10x" (c'est ce que certains appellent un "oeuf de pâques", un petit programme surprise ou une fonction caché ;o) )
Ensuite cliquer sur l'onglet "image" ,
chosissez "attributs..."
dans "Largeur" marquez "3" et dans "Hauteur" (3) aussi, vérifiez que dans "Unités" c'est bien "Pixels" qui est choisi ;
cliquez sur "OK" pour valider.
Note : Oui nous allons travailler avec un fond qui fait 3x3 pixels (d'ou l'utilité d'utiliser la loupe ;) )... Certains vont se dire : "il nous fait une blague!" et je répond : "Pas du tout !", le fond ainsi créé sera "démultiplié" par le "CSS", un peu à la façon d'une mosaïque.
A présent il ne vous reste plus qu'à choisir deux couleurs :
Pour ce faire cliquez en premier sur votre "outil" de dessin ; Choisissez le crayon
ensuite, cliquez sur une couleur de votre choix ;
Soit avec la palette de base :
Vous pouvez aussi choisir d'autres couleurs, pour cela allez cliquez sur "Couleurs" (il n'y a qu'un choix dedans)
et cette fenêtre s'ouvre
Vous pouvez aussi personnaliser la palette (créer vos couleurs) en cliquant sur "Définir les couleurs personnalisées"... promenez votre souris dans la palette "arc-en-ciel" à droite et vous voyez la couleur dans le petit rectangle juste en dessous... vous avez votre couleur ? Cliquez sur "Ajouter aux couleurs personnalisées"
Note : Vous pouvez vous créer 16 couleurs (mais elles seront perdue à la fermeture du programme.. pour être certain de pouvoir "recréer" à l'identique votre couleur [une prochaine fois] notez les chiffres qui sont respectivement à côté de "Rouge", "Vert" et "Bleu" [les "fameuses" couleurs "RVG" "RGB" ou "Hexa"... Voir cet autre article])
et tracez une ligner (horizontale) sur toute la longueur du haut de votre page (qui est le carré de 3 pixels de côté) et une autre sur le bas, retourner dans la palette pour choisir une autre couleur et à présent complétez la ligne du milieu.
Note : Le "rendu" est en général mieux si vous placé la couleur la plus foncé au "milieu", surtout dans le cas ou elles sont assez "proche" dnas leur ton.
Voici un exemple de résultat (ici vu en "8x")
A présent il ne vous reste plus qu'à enregistrer votre "œuvre", pour ce faire, cliquez sur Fichier
choisissez "enregistrer sous"
(naviguer dans votre explorateur jusqu'au fichier d'hébergement souhaité (par exemple "Mes documents" -> "Mes images", donnez un nom à votre création par exemple "exemple" (en regard de "Nom du fichier") et ensuite choisissez un "type" de fichier * .
* Attention !
Dans "Type" "Bitmap monochrome", "Bitmap16 couleurs" & "Bitmap 256 couleurs" sont très "destructeur" (les couleurs de votre dessin vont être fortement altérée et pixelisé...quoique dans certains cas cela peut-être interressant pour créer un "flou artistique" ou donnez d'autres idées [nous verons cela dans d'autres articles)
"Bitmap 24 bits" quand à lui crée des fichiers "lourd" (pas trop grave pour cette petite réalisation, mais dans le futur cela peu devenir un inconvénient (pour l'espace de stockage sur votre site et surtout pour le chargement d'images surtout si elle sont grandes et/ou nombreuses).
Le format "Gif" est aussi destructeur.
Le format "TIFF" est plutôt réservé/destiné à "retravailler" des photographies qui doivent être agrandies et ou imprimées.
Le format "JPG" oui Jpeg est aussi destructeur mais moins que les trois premier "Bitmap".
Le format "PNG" lui n'est pas "visiblement" destructeur (pour un affichage Internet) mais génère des fichiers plus lourd que le "JPG".
Donc, c'est un peu à vous de tester les différentes possibilités...
Maintenant pour vous donner une idée, voici ce que donne l'image de 3x3 pixels, une fois mise en "œuvre" par le "CSS"
Comme vous le voyez c'est assez surprenant pour qui ne connait pas et avouez que c'est plus facile (et "léger") de créer trois lignes de 3x3 pixels, plutôt que 768 x 1024 ;)
Ici un article avec d'autres exemples (libres d'utilisation) dans le choix des couleurs ou d'agencements dans les lignes.
Bonne découverte et bon amusement ^o^
Published by √'ğer
-
dans
Créer un fond d'écran
4 octobre 2006
3
04
/10
/octobre
/2006
00:00
Créer un fond d'écran n'est pas très compliqué...
Ce qu'il vous faut c'est juste du temps et des idées.
Il existe plusieurs techniques, moyens et programmes pour y arriver.
Le plus simple est bien sur une recherche Internet avec entre autre "Google" ; vous taper les mots clefs et ensuite vous choissisez l'onglet "image" : ce qui vous donne : Fonds d'écran, Background (mais oui, pensez au autres langues ;)), ou un mot plus "ciblé" avec votre recherche par exemple Iles, etc...
Ensuite et c'est plus sympa, vous pouvez aussi utiliser vos propres photos, soit vous les avez prises avec un APN (Appareil Photo Numérique) et elles sont déjà numérisé, soit vous avez un appareil "classique" à pellicule et la deux choix s'offrent à vous : Lors du développement vous demandez en plus du support papier et de vos négatifs, un photo-CD, soit vous scanner vos photos vous même (ou vous retournez avec vos négatifs et ou anciennes photos chez votre photographe).
Reste un troisièmes cas de figure : Vous créez vous même votre fond d'écran ! C'est de cette dernière option que je choisi de vous faire découvrir, de façon très basique, pour que cela reste réalisable par ceux qui n'y comprennent rien ou qui découvrent ; Nouveau utilisateur, jeunes & moins jeunes.
A cette fin, je vais aussi utiliser un programme que tout utilisateur de PC (Personal Computer, soit en français : Ordinateur Personnel [Si au passage vous voulez en savoir plus "PC" ) qui utilise Windows (98, Xp,..) a sur sa machine : "Paint" (il existe d'autres programmes qui font aussi bien, si pas mieux, mais il faut bien commencer quelque part ;o) ) cliquez ici pour voir les premières explications sur l'utilisation du programme et sur la réalisation du premier "fond"
Note: Pour ceux qui ont un blog ici sur "Over-Blog" je ferai aussi une rubrique d'aide pour vous montrer ou placer votre fond à différents endroits (Fond du blog, entête, bas de page, modules, etc. dans le CSS [pour "Cascading Style Sheet" ou en français : Feuilles de style en cascade])
Published by √'ğer
-
dans
Créer un fond d'écran
4 octobre 2006
3
04
/10
/octobre
/2006
00:00
Re-bonjour,
Bon, après avoir quelque peu délaissé ce blog je le reprend en mains et lui donne une nouvelle "direction"... j'ai d'ailleurs fait un nettoyage par le vide de ses articles (sauf celui avec la montre qui me plait bien ^o^ ).
A bientôt.
Published by √'ğer
-
dans
Prise de contact
17 juin 2005
5
17
/06
/juin
/2005
00:00
L'avantage, c'est qu'elle est différente...
Avec cette montre Vinéenne au poignet votre entourage d'amis Terrien risque de bien être intrigué.
Pas d'aiguilles ni de chiffres, rien que deux séries de points illuminés ou non.
Sur Vinéa on lit l'heure en langage binaire.
En haut, les quatre LED pour les heures (qui correspondent à 8, 4, 2 et 1 heure)
Pour les minutes, c'est laz même chose avec 6 LED (32, 16, 8, 4, 2 et 1 minute)
Pour indiquer 9 heures et 27 minute, les deux LED supérieur extérieur (8 et 1 = 9 heures) sont éclairés. ainsi que les LED inférieur en 2e, 3e, 5e et 6e positions sont éclairé (16 + 8 + 2 + 1 = 27 minutes)
La LED Binary Watch modéle fuseau Terrien est vendue 70 dollars (hors frais d'envoi.)
Plus d'infos
Published by Vger at Vinéa
-
dans
Fashion
10 mai 2005
2
10
/05
/mai
/2005
00:00
Je suis heureux de votre visite sur mon tout nouveau blog.
Comme beaucoups de Vinéens, j'ai la volontée de mettre à votre disposition toutes sortes d'informations.
Mon blog est actuellement encore en construction. Je fais tous mes efforts pour vous le présenter dans les meilleurs délais. Repassez donc régulièrement.
Entre temps vous pouvez déjà commencer la visite du blog.
Bien sûr, je serai également heureux de recevoir des commentaires.
Vinéa, jour Terrestre ; Le mardi 10 mai 2005.
Vger.
Published by Vger
-
dans
Prise de contact
