Formation à la communication digitale et réalisation de site internet à Bordeaux, Bordeaux rive-droite

Actus/Blog

Les images pour le web

Publié par le 1 h 50 min Dans Ressources | Commentaires fermés sur Les images pour le web

Formats de fichier pour les images : Le seul média que traite réellement l’HTML est le texte (cela vient du fait qu’au début d’Internet, les pages webs n’étaient composées que de textes et de liens). Les autres types de médias (image, son, vidéos, …) sont contenus dans d’autres fichiers externes aux pages web. Ils sont liés aux pages par du code html ou via des “Plug-ins” qui sont des “briques” logicielles que l’internaute doit ajouter (installer) à son navigateur. Les fichiers images sont placés sur le serveur web. Ils sont intégrés aux mises en pages HTML avec la balise <IMG> . Bien que les navigateurs récents supportent un grand nombre de formats de fichiers images, les plus adaptés au web sont GIF, JPEG et PNG. Le format GIF ne supporte que 256 couleurs et utilise une compression qui favorise les aplats de couleurs plutôt que les surfaces de couleurs nuancées (type dégradé de couleur). Le format .gif convient donc pour des images simples (logos,…) avec des zones de couleurs unies mais il n’est pas recommandé d’enregistrer des photos (qui utilisent plus de 256 couleurs et qui ont généralement de multiples dégradés) au format gif tant pour la qualité du rendu que pour l’efficacité de la compression. Les fichiers GIF peuvent être “animés”, il s’agit d’une séquence de plusieurs images qui s’enchaînent créant ainsi une animation. L’extension des noms de fichiers de format GIF est .gif. Pour les images comportant un nombre conséquent de couleurs et des dégradés (comme des photos) on utilise plutôt le format JPEG qui utilise une technique de compression mieux adaptée aux images. Le taux de compression est ajustable. L’inconvénient du JPEG est que si on augmente le taux de compression, la qualité de l’image est rapidement altérée, il faut donc sans arrêt jongler entre ces deux paramètres. L’extension des noms de fichiers de format JPEG est .jpg ou .jpeg. Un autre format de fichier plus récent, est le PNG. Le .png décline dans un même format la possibilité d’enregistrer en basse définition (PNG8) et la possibilité d’enregistrer en haute définition (PNG24 et PNG32, millions de couleurs). Il est pris en charge par Mozilla Firefox et à partir des versions 6 de netscape et Internet Explorer. La gestion de la transparence du format PNG varie selon les navigateurs. En résumé, on choisira le format jpg pour une image de type photo ou dégradé et le format gif ou png pour des images ayant des surfaces de couleur uni. Résolution La résolution d’une image est défini par sa taille (longueur * largeur) en pixel mais aussi par le nombre de pixels par unité de longueur (centimètre ou pouce). Une image à destination d’un affichage à l’écran n’a pas besoin d’avoir la même prévision qu’une image à destination de l’impression. En règle générale une image à destination de l’écran (par exemple des images pour le web) ont pour définition 72 dpi alors que les images pour l’impression font 300 dpi. Mode calorimétrique : Les écrans d’ordinateurs utilise le mode calorimétrique RVB alors que les imprimantes utilisent le mode CMJN. Il est donc important que les images à destination du web soit réglées sur un mode RVB. Outils : Les logiciels classiquement utilisés pour le traitement d’image pour le web sont adobe photoshop, gimp ou adobe...

lire la suite

papperblog

Publié par le 1 h 15 min Dans Non classé | Commentaires fermés sur papperblog

Je valide l’inscription de ce blog au service Paperblog sous le pseudo willpezet

lire la suite

5 choses à savoir pour le webdesign

Publié par le 19 h 38 min Dans Ressources | Commentaires fermés sur 5 choses à savoir pour le webdesign

Assurer des travaux de webdesign implique de bien connaitre l’environnement web. Voici quelques éléments de base à connaitre pour un webdesigner : Résolution d’écran On conçoit le design d’un site web (sauf dans le cas d’un design extensible) pour une résolution minimale. En général on conçoit la page dans un bloc légèrement inférieur à la largeur de la résolution minimale (par exemple 996px pour une résolution minimale de 1024px x 768px). On ajoute ensuite une marge si le site est centré ou 2 marges si le site est aligné sur un côté. Design extensible Même si il est parfois difficile de bien concevoir un site complètement extensible, la multitude format d’écran (4/3, 16/9, mobiles,….) et de résolutions (mini-pc,, 800×600, 1600×1284) justifie la conception d’un design extensible. C’est un design qui va s’adapter à la résolution d’un écran et les différentes zones (hormis les images) vont augmenter ou réduire leur largeur en fonction de la résolution. exemple de site extensible : http://www.siteduzero.com/ Utilisation de la typographie Pour des questions d’optimisation, d’accessibilité et de référencement, il importe qu’un maximum de texte d’une page web soit du texte directement écrit dans le code html et non pas du texte affiché à l’intérieur d’une image (fichier type jpg, gif ou png). Le problème de la typographie     HTML est qu’elle se limite à un nombre de police très réduit. En effet, le navigateur utilise des  polices qui doivent être déjà présentes sur l’ordinateur de l’internaute. Il importe donc que ce soit des polices standards. Pour un site dynamique (actualisable à partir d’une interface privée), il est impératif que les textes actualisables soit du texte directement écrit ne HTML. Images de fond répétées Les propriétés (notamment des blocs CSS) de pages webs, permettent d’ajouter des images de fond à des zones de la page. Ces images de fond peuvent être répétées. On utilise souvent cette propriété d’image de fond répétée car lorsqu’une image est répétée de manière à avoir des pages graphiques et légère. Certains outils en lignes permettent de générer de motifs pour image de fonds répétées de site : http://bgpatterns.com/ http://www.stripegenerator.com/ http://stripedbgs.com/ Navigation Les éléments de navigation doivent ressortir visuellement du reste du contenu d’une page. On utilise souvent une couleur forte (relativement aux autres teintes de la page), les zones interactives devront être proches les unes des autres. On tentera, de garder le même système de navigation de page en page (afin que l’internaute n’ai pas besoin de rechercher le mode de navigation à chaque page). L’utilisation de systèmes généralisés sur le web (menu horizontaux ou à gauche, menus déroulants) évite de dérouter l’internaute. Le coin haut droit est souvent fui par l’œil de l’internaute. Résolution d’écran On conçoit le design d’un site web (sauf dans le cas d’un design extensible) pour une résolution minimale. En général on conçoit la page dans un bloc légèrement inférieur à la largeur de la résolution minimale (par exemple 996px pour une résolution minimale de 1024px x 768px). On ajoute ensuite une marge si le site est centré ou 2 marges si le site est aligné sur un...

lire la suite

Les Rencontres Mondiales du Logiciel Libre (RMLL) 2010

Publié par le 0 h 27 min Dans Logiciels Libres | Commentaires fermés sur Les Rencontres Mondiales du Logiciel Libre (RMLL) 2010

Les Rencontres Mondiales du Logiciel Libre (RMLL) sont un cycle de conférences et d’ateliers autour des logiciel libre. Ces Rencontres sont annuelles, existent depuis 2000 et se déroulent depuis 2003 dans une ville différente chaque année. Elles sont gratuites et libres d’accès à tous. Les RMLL 2010 se dérouleront à Bordeaux du 6 au 11...

lire la suite

Formations Conception, Réalisation, Utilisation Web

Publié par le 19 h 48 min Dans featured | Commentaires fermés sur Formations Conception, Réalisation, Utilisation Web

Méthodes de conception d’un site web, langages standards et utilisation avancée d’internet (veille, web 2.0, RSS)

lire la suite

Formations Logiciels Libres

Publié par le 19 h 41 min Dans Logiciels Libres | Commentaires fermés sur Formations Logiciels Libres

Les logiciels libres (ou open-source) sont des logiciels dont l’utilisation, l’étude, la modification, la duplication et la diffusion sont universellement autorisées sans contrepartie.  Souvent, ces logiciels sont donc gratuits et possèdent une forte communauté de développeur et d’utilisateur. Pour les entreprises, il y a beaucoup d’avantages à utiliser des logiciels libres que ce soit au niveau du prix des licences, de la maintenance ou encore du rapport avec les éditeurs logiciels ou les prestataires webs ou informatiques. Nous proposons des formations à différents logiciels libres dans les domaines des système de gestion de contenu pour le web : – WordPress – SPIP niveau 1 – SPIP niveau 2 ainsi que dans le domaine du graphisme et de la retouche d’image : – The GIMP Par ailleurs, n’hésitez pas à nous contacter pour des besoins spécifiques, nous pouvons étudier votre problématique, tester pour vous des solutions basées sur des logiciels libres puis vous accompagner et vous former à l’utilisation de ces...

lire la suite

Formations Adobe Creative Suite Web

Publié par le 19 h 34 min Dans Formations Graphisme | Commentaires fermés sur Formations Adobe Creative Suite Web

logiciels Flash, Dreamweaver et Fireworks d’Adobe

lire la suite

Les formations Internet à Bordeaux et en Aquitaine

Publié par le 15 h 50 min Dans Headline | Commentaires fermés sur Les formations Internet à Bordeaux et en Aquitaine

Nos formations à la communication digitale et création de sites internet ont pour objectif d’amener de nouvelles compétences en interne aux entreprises afin de communiquer sur internet, gérer un site web, prendre en charge sa réalisation ou encore piloter un prestataire. Elles s’adressent aussi aux professionnels de la communication et de l’informatique, souhaitant renforcer des compétences liées au web. Les formations couvrent les domaines de la conception (cahier des charges, ergonomie), de la réalisation (WordPress, HTML/CSS, dreamweaver, flash, SPIP,…), de la gestion (mise à jour, référencement,…), de la création graphique (photoshop, the gimp, fireworks) et de l’utilisation avancée d’internet (outils web collaboratifs, blog, fils RSS,…) En fonction de vos besoins et de vos connaissances, nous adaptons un programme personnalisé qui peut mixer plusieurs éléments de notre catalogue. Nous intervenons dans tout le Sud-ouest notamment à Bordeaux et Bergerac . Nous disposons d’un numéro d’organisme de formation et nous pouvons intervenir dans le cadre du DIF (droit individuel à la formation). N’hésitez pas à nous contacter pour tout...

lire la suite

Formation Conception de sites webs

Publié par le 15 h 44 min Dans Nos formations | Commentaires fermés sur Formation Conception de sites webs

public : toute personne souhaitant concevoir ou réaliser un site web ou piloter un prestataire pour un projet de site web. prérequis : pratique des outils de bureautique et bonne connaissance du web (navigation, mails, forums, réseaux sociaux) durée : 20 heures Contenu : Environnement et architecture web, les offres d’hébergements, ergonomie et navigation, créer et organiser des contenus, rédiger pour le web, traitement des images pour le web, différents types de sites, sites actualisables, sites flash, mise en oeuvre avec un CMS (WordPress, SPIP, ...

lire la suite

Formation WordPress

Publié par le 19 h 22 min Dans Nos formations | Commentaires fermés sur Formation WordPress

Formation à la création d’un site ou d’un blog avec le CMS libre wordpress consulter le programme de la formation

lire la suite