Lundi 21 juin 2010 1 21 /06 /Juin /2010 11:00

De grands bravos et merci à vous tous pour votre participation et vos belles réalisations !
Bonne continuation webesque à vous tous !

 

Clémentine Bodet
http://petite-orange.over-blog.com/

 

Emmanuelle Cammisar

 

Joel Henry
http://ziop.tv/

 

Bernard Irrmann
http://bernardirrmann.com/

 

Marie-Jeanne Lejeune
http://mj.lejeune.free.fr/

 

Emilie Rassemusse
http://sheepmilie.com/

 

Aurélie Vergne

Par Isabelle - Publié dans : Réalisations étudiants
Ecrire un commentaire - Voir les 0 commentaires
Mercredi 13 janvier 2010 3 13 /01 /Jan /2010 16:05
Voici un tuto très bien en complément du cours d'Isabelle... Petit bémol : il est en  anglais.

http://www.blog.spoongraphics.co.uk/tutorials/create-a-vibrant-modern-blog-design-in-adobe-photoshop


BlogSpoon1

Et le lien suivant, va vous apprendre à faire des "tranches" de cette maquette pour pourvoir utiliser les éléments graphiques dans dreamweaver.

http://www.blog.spoongraphics.co.uk/tutorials/encoding-a-photoshop-mockup-into-xhtml-css


Bonne lecture !

Aurélie
Par Hypermedia
Ecrire un commentaire - Voir les 0 commentaires
Vendredi 11 décembre 2009 5 11 /12 /Déc /2009 16:45
Voilà, j'espère que le lien fonctionnera autrement cherchez Net prof, phtoshop sur GOOGLE et vous trouverez de multiples démonstrations en vidéo selon votre niveau.
Quant à moi j'ai essayé "utilisation des calques" et j'ai bien apprécié.

Marie-Jeanne



http://www.netprof.fr/Informatique/Photoshop,6,82,0.aspxlink
 
Par Hypermedia M.Jeanne - Publié dans : Tutoriaux
Ecrire un commentaire - Voir les 0 commentaires
Mercredi 2 décembre 2009 3 02 /12 /Déc /2009 17:25
Pour se familiariser avec les techniques possibilités de photoshop,
voici un lien vers un tutoriel en video très complet (mais quelquefois un peu lent a mon gout)
http://www.photoshop-creation.com/tutoriel-photoshop-video.php?id=409
Par Isabelle - Publié dans : Tutoriaux
Ecrire un commentaire - Voir les 0 commentaires
Mercredi 2 décembre 2009 3 02 /12 /Déc /2009 17:23
Les images nécessaires à l'exercice de maquette dans photoshop sont disponibles ici:
http://hypermedia.esad-stg.org/photoshop/
Par Isabelle - Publié dans : Exercices
Ecrire un commentaire - Voir les 0 commentaires
Mercredi 2 décembre 2009 3 02 /12 /Déc /2009 15:53
  1. Propriétés du tableau
    • nombre de lignes / nombre de colonnes / <tr> <td>
    • largeur en pixel <table width="950"px>
    • bordure <border>
    • espace entre les cellules <table cellspacing="0" >
    • remplissage <table cellpadding="0">

    • couleur de fond <table bgcolor="#000000">
    • image de fond <table background="images/fond.jpg" >

  2. Propriétés des cellules
    • alignement des cellules (pour aligner son contenu) <td align="left" valign="top">
    • largeur en pixel <td width="300">
    • couleur de fond   <td bgcolor="#006633">
    • image de fond   <td background="images/fondcellule.jpg">

  3. Intégration des contenus
Par Isabelle - Publié dans : Tutoriaux
Ecrire un commentaire - Voir les 0 commentaires
Mercredi 25 novembre 2009 3 25 /11 /Nov /2009 20:18
http://sites.radiofrance.fr/franceinter/blog/b/blog.php?id=20

Encore un blog celui d' "Allô la planète", histoire de vous donner le goût du voyage!
Par petite-orange - Publié dans : Liens
Ecrire un commentaire - Voir les 0 commentaires
Mercredi 25 novembre 2009 3 25 /11 /Nov /2009 17:18
Vous pouvez télécharger le programme des manifestations (pdf) organisées par l’Ecole supérieure des arts décoratifs de Strasbourg du 23 au 27 novembre 2009.
Par Hypermedia
Ecrire un commentaire - Voir les 0 commentaires
Mercredi 18 novembre 2009 3 18 /11 /Nov /2009 11:39
 Les types

Images bitmap (images en pixel)
A chaque pixel sont attribués une position et une valeur chromatique spécifiques. Lorsque vous manipulez des images bitmap, vous ne modifiez ni des objets ni des formes, mais des pixels.
Les images bitmap dépendent de la résolution du document.
Utilisations courantes d'une image bitmap : photographies, peintures numériques, …

Images vectorielles
Elles sont composées de lignes et de courbes définies par des vecteurs. Les vecteurs décrivent une image selon ses caractéristiques géométriques.
Les images vectorielles sont indépendantes de la résolution du document.
Utilisations courantes d'une image vectorielle : logos et images utilisant peu de
couleurs, le plus souvent en aplat (sans ou peu d'effets de textures).

Les modes colorimétriques


CMJN

mode couleurs utilisé pour les images destinées à être imprimées

RVB
mode couleur utilisé pour l'affichage écran (donc pour les images destinées aux applications multimédias)

Hexadécimal
système RVB appliqué au langage HTML

Résolution


Nombre de pixels affichés par unité de longueur imprimée dans une image, généralement exprimé en pixels par pouce (ppp en français, dpi en anglais).
Plus la résolution est grande, plus l'image contient de pixels, plus elle est lourde (poids)
La résolution standard concernant les image destinées à un support multimédia (site web, Cd-rom, DVD, ….) est de 96 dpi.

Dimension

Il s'agit du nombre de pixels sur la hauteur et la largeur d'une image bitmap. Les dimensions en pixels, la taille et le réglage du moniteur déterminent la taille d'affichage d'une image à l'écran.
Par Hypermedia - Publié dans : Théorie
Ecrire un commentaire - Voir les 0 commentaires
Mercredi 18 novembre 2009 3 18 /11 /Nov /2009 11:22
Le Format GIF

L'abréviation GIF signifie "Graphics Interchange Format".
Le format GIF est un format propriétaire développé par CompuServe.
C'est le format qui a ouvert la voie à l'image sur le web.

Caractéristiques
Le format GIF supporte par conséquent un maximum de 256 couleurs.
Il permet de maximiser la compression et de réduire la taille des fichiers.
Ce format est très répandu et populaire sur Internet, surtout sous la forme de GIF animés. Il est idéal pour
un affichage rapide à l'écran garantissant ainsi l'accessibilité pour le plus grand nombre, mais souffre
néanmoins de gros défauts.

Utilisation
Ce format est très bien adapté aux images avec moins de 256 couleurs et ne comportant pas de dégradés, c'est-à-dire peu de changements de couleur. Il convient de l'utiliser pour de petites images peu texturées comme des icônes, des logos, des boutons pour des pages web, des images avec beaucoup d'aplats, etc.
C'est également un moyen de créer des images à fond transparent et/ou des images animées.

Le Format JPEG

L'abréviation JPEG signifie "Joint Photographic Experts Group"
Le format JPEG est un format libre de droits très fréquent sur internet.

Caractéristiques
Les images JPEG sont très compactes grâce à un algorithme de compression efficace mais qui entraîne des pertes d'informations. Le compromis entre gain d'espace disque, temps de compression/décompression et qualité des images reste toutefois bon.

Utilisation
Ce format est recommandé pour des images avec beaucoup de couleurs et à forts dégradés, comme par exemple des photos. 

Le Format PNG


L'abréviation PNG signifie (Portable Network Graphics, ou format "Ping").
Le format PNG est un format libre de droits.
Il a été mis au point en 1995 et est appelé, à terme, à remplacer les formats GIF et JPEG. Il a été
recommandé par le W3C en 1996, il est donc conseillé de l'utiliser même s'il n'est pas reconnu par les
anciennes versions de navigateurs (niveau 3 ou inférieur).

Caractéristiques
Le format PNG est un format de fichier graphique bitmap
Il permet de stocker des images en noir et blanc, en couleurs réelles, ainsi que des images indexées, faisant usage d'une palette de 256 couleurs.

Utilisation
Il est très peu utilisé pour l'instant à cause du nombre encore important de navigateurs qui ne le supportent pas.

Evolutions
Il existe son équivalent qui supporte les animations: le format MNG. Son principal inconvénient est d'être inconnu de la plupart des logiciels.
Par Hypermedia - Publié dans : Théorie
Ecrire un commentaire - Voir les 1 commentaires
Mercredi 18 novembre 2009 3 18 /11 /Nov /2009 11:00
arborescence-copie-1.gif
Par Hypermedia - Publié dans : Théorie
Ecrire un commentaire - Voir les 0 commentaires
Mardi 17 novembre 2009 2 17 /11 /Nov /2009 12:16
Vous pouvez télécharger le programme des manifestations (pdf) organisées par l’Ecole supérieure des arts décoratifs de Strasbourg de novembre 2009 à janvier 2010
Par Hypermedia
Ecrire un commentaire - Voir les 0 commentaires
Mardi 17 novembre 2009 2 17 /11 /Nov /2009 12:12
Vous pouvez télécharger le programme des manifestations (pdf) organisées par l’Ecole supérieure des arts décoratifs de Strasbourg du 16 au 21 novembre 2009.
Par Hypermedia
Ecrire un commentaire - Voir les 0 commentaires
Mardi 10 novembre 2009 2 10 /11 /Nov /2009 14:26
Vous pouvez télécharger le programme des manifestations (pdf) organisées par l’Ecole supérieure des arts décoratifs de Strasbourg du 9 au 13 novembre 2009.
Par Hypermedia
Ecrire un commentaire - Voir les 0 commentaires
Lundi 9 novembre 2009 1 09 /11 /Nov /2009 23:48
http://tri-recyclage.ecoemballages.fr/
Par Joël
Ecrire un commentaire - Voir les 0 commentaires

Calendrier

Février 2012
L M M J V S D
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29        
<< < > >>
 
Créer un blog gratuit sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus - Articles les plus commentés