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

Actus/Blog

Formations communiquer sur internet

Publié par le 18 h 13 min Dans Formations web | Commentaires fermés sur Formations communiquer sur internet

Des formations pour mettre en place des actions de communications sur internet : Web 2.0 et outils internet Conception de sites web Création newsletter/emailing WordPres SPIP (niveau 1) Référencement Naturel...

lire la suite

Formations graphisme

Publié par le 17 h 21 min Dans Formations Graphisme | Commentaires fermés sur Formations graphisme

The Gimp 2.6 Flash (Niveau 1) Flash (Niveau 2) Fireworks...

lire la suite

liens

Publié par le 17 h 26 min Dans Non classé | Commentaires fermés sur liens

Annuaire Sociétés / Entreprises Annuaire Web annuaire Formation...

lire la suite

Des thèmes pour wordpress

Publié par le 12 h 29 min Dans Ressources | Commentaires fermés sur Des thèmes pour wordpress

A l’origine, wordpress est un CMS pour blog. Il est à présent très utilisé pour des sites dynamiques classiques, que ce soit des sites magazines ou des sites d’entreprise. La force de wordpress est sa communauté qui produit énormément de contributions et notamment des thèmes (habillages graphiques). Voici quelques liens proposant des sélections de thème : http://webdesignledger.com/freebies/the-best-free-wordpress-themes-of-2009 http://www.fran6art.com/wordpress/le-meilleur-des-themes-gratuits-pour-wordpress-6-fev-2007/ http://www.smashingmagazine.com/2009/05/18/100-amazing-free-wordpress-themes-for-2009/ A noter aussi la possibilité d’utiliser un framework facilitant la création de thème : http://carringtontheme.com/ A noter que pour ce site, Nous utilisons le thème...

lire la suite

Nouveautés Adobe creative suite CS5

Publié par le 14 h 18 min Dans Ressources | Commentaires fermés sur Nouveautés Adobe creative suite CS5

Sortie en avril 2010, la nouvelle suite d’adobe propose de nouvelles fonctionnalités. Nous allons nous intéresser à ces nouveautés concernant les logiciels pour le web : Fireworks CS5 Fireworks n’est pas l’outil le plus populaire de la gamme adobe, mais c’est un outils très efficace pour la conception graphique d’interfaces multimédias. Sur cette nouvelle version, La gestion des propriétés a été améliorée notamment pour la gestion des dégradés et des contours. Device central a été intégré pour faciliter le design pour une liste de plateformes mobiles qui se met à jour régulièrement. L’export a aussi été amélioré de manière à mieux conserver les calques. Flash Pro CS5 Pour sa nouvelle version de flash, adobe a amélioré son moteur de gestion d’affichage du texte (qui a longtemps été moyen dans flash) de manière à faciliter la gestion des ligatures, espacement ou marge. L’actionscript a été améliorée avec par exemple la possibilité d’ajouter des blocs de codes (snippet). Un moteur physique pour créer de nouvelles animations coordonnées et une prise en compte des plateformes mobiles (même si la création d’applis iphone reste à valider). A noter que les fichiers fla seront à présent basés sur du xml. De plus Flash catalyst (une version de flash à destination des designers) permet de facilement créer des maquettes flash en couplant catalyst avec illustrator ou photoshop. Dreamweaver CS5 Des améliorations intéressantes pour le nouveau dreamweaver. A noter, la gestion des propriétés css, on peut très facilement accéder aux propriétés css d’un élément. La prise en compte du code des CMS Joomla, druppal et wordpress est une nouveauté tout comme l’intégration des services browserlab permettant de tester sur toute une gamme de navigateurs (reste à savoir si ce service sera gratuit à terme). Vidéo pour le lancement de la creative suite 5 d’adobe : Adobe CS5 – Production Premium from Seagulls Fly on...

lire la suite

Les meilleurs Plugins wordpress

Publié par le 17 h 29 min Dans Ressources | Commentaires fermés sur Les meilleurs Plugins wordpress

WordPress est un CMS open-source qui possède une communauté très active. Il en résulte un très grand nombre de plugins. Dans cet article, nous classons et recensons les plugins qui nous semblent les plus intéressants. Formulaires de contact: http://www.nowhereelse.fr/cforms-2-lultime-formulaire-de-contact-pour-wordpress-plugin-6239/ http://wordpress.org/extend/plugins/easy-contact/ http://wordpress.org/extend/plugins/contact-form-7/ Plan de site : http://www.dagondesign.com/articles/sitemap-generator-plugin-for-wordpress/ Référencement : Générateur de sitemap (xml) : http://www.arnebrachhold.de/projects/wordpress-plugins/google-xml-sitemaps-generator/ All in One SEO Pack: pour customiser vos entêtes en fonction du titre et du contenu de l’article, pour soigner votre SEO KB-robot.txt : permet de générer un fichier robot.txt (améliore le référencement) SEO-image : génère un contenu pour l’attribut alt de touts les balises images Antispam : Akismet: nécessite d’ouvrir un compte sur wordpress.com pour obtenir une clef Navigation : Menu accordéon :...

lire la suite

Ressources et outils en ligne pour la création de sites webs

Publié par le 17 h 58 min Dans Ressources | Commentaires fermés sur Ressources et outils en ligne pour la création de sites webs

Tester le rendu du site sur plusieurs navigateurs et versions de navigateurs : tester le rendu d’un site sur les navigateurs mac :  http://www.browsrcamp.com/ tests multi-navigateurs :  http://browsershots.org tests sous linux :  http://www.scapture.com/ logiciels : ie tester : http://www.my-debugbar.com/wiki/IETester/HomePage multiple ie : http://tredosoft.com/Multiple_IE Créer des images de fond : 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/ Des sites avec des motifs pour images de fond : http://idesignpatterns.com http://patterns.ava7.com/tag-green.php http://www.k10k.net/pixelpatterns/ http://everydayicons.jp/patterns.html http://pattern8.com/ un site de texture : http://www.textureking.com/ Gestion des couleurs pour le webdesign : Méthodes pour choisir les couleurs d’un site web Outils en lignes pour gérer les couleurs : Colorjack Color Hunter Kuler Color Scheme Designer Des sélections de couleurs, palettes et textures Typographies : http://fontfabric.com/ http://www.1001freefonts.com/ http://www.fontcubes.com/ http://new.myfonts.com/ http://www.filecart.com/fonts/ http://www.dafont.com/fr/ Créer des favicons : http://www.converticon.com/ ou https://www.websiteplanet.com/fr/webtools/favicon-generator/ Divers sites intéressants proposant ressources et exemples : http://www.smashingmagazine.com http://vandelaydesign.com http://webdesignledger.com http://resourcehive.com/...

lire la suite

Traiter des images pour le web avec the gimp

Publié par le 19 h 25 min Dans Tutoriels | Commentaires fermés sur Traiter des images pour le web avec the gimp

The gimp est un logiciel de traitement d’images (comme le célèbre photoshop) libre, gratuit et multi-plateforme (windows, mac, linux). Il est téléchargeable en version française à l’adresse suivante : http://www.thegimp.fr/ L’interface de Gimp L’interface de The Gimp est composée de 5 fenêtres. Nous les avons numérotées dans la copie d’écran ci-dessus. La Boîte à outils : Elle permet de sélectionner un outil en cliquant sur un des boutons icônes. Elle peut aussi contenir les couleurs de premier-plan et d’arrière-plan, les brosses, les dégradés et les motifs. Les options des outils : Ancrée sous la Boîte à outils, on trouve la fenêtre des options des outils, elle permet de régler les options de l’outil sélectionné. L’éditeur d’image GIMP : cet éditeur possède en en-tête le Menu des commandes principales : Fichier, Sélection, Édition, Affichage,… que vous pouvez également obtenir par un clic droit sur la fenêtre. Cette fenêtre est, au démarrage, en dessous des 4 autres fenêtres. Le groupe de fenêtres Calques, Canaux, Chemins : avec l’onglet Calques activé. Il montre la structure des calques de l’image active et permet de les manipuler de diverses manières. Il est possible de travailler sans cette fenêtre, notamment pour un simple travail d’optimisation pour le web mais cette fenêtre devient rapidement indispensable pour les montages photos ou les créations graphiques . Le groupe de fenêtres Brosses, Motifs, Dégradés :, avec l’onglet « Brosses » activé. Recadrage des images Il peut être intéressant de recadrer une image (notamment une photo un peu loupée). Pour cela, sélectionner l’outil recadrage (cutter) : Pour utiliser l’outil de recadrage cliquer sur l’image et déplacer la souris en laissant le bouton de la souris appuyé pour définir le rectangle de l’image recadrée. Lâcher le bouton de la souris lorsque vous êtes satisfait de votre sélection. Cliquer ensuite dans le rectangle pour réaliser le recadrage. Les images pour le web Pour traiter une image nous devons ouvrir une image avec the gimp en utilisant le menu principal de l’éditeur d’image (fenêtre 3). on choisi le menu Fichier > Ouvrir et une fenêtre apparait qui nous permet de sélectionner le fichier image. Mode RVB Les images à destination d’internet doivent être en mode RVB. On peut vérifier le mode et éventuellement le changer à partir du menu principal de la fenêtre 3. on choisit le menu Image> Mode : Taille de l’image et résolution Il importe aussi de régler la résolution de l’image à 72dpi. Pour cela, on choisi le menu Image> Echelle et taille de l’Image : Une fenêtre apparait alors pour nous permettre de régler taille et résolution de l’image: On peut régler la résolution de l’image à 72  si la résolution est supérieure. On peut aussi régler la taille (longueur et largeur). Par défaut, la longueur et la largeur sont proportionnelles. Une fois les réglages réalisés, on clique sur le bouton « Echelle » pour appliquer les changements. choix des formats de fichiers et optimisation Pour choisir le format d’enregistrement, faire Fichier > Enregistrer Sous. La fenêtre suivant apparaît : Cette fenêtre permet de renommer le fichier, choisir son emplacement dans le poste de travail. Pour choisir le format de fichier d’enregistrement, il faut cliquer sur la petite croix en bas de la fenêtre (devant la phrase «Sélectionner le type de fichier (Selon l’extension)»).Cela fait apparaître le choix de format de fichier :...

lire la suite

Rédiger pour le web

Publié par le 12 h 07 min Dans Ressources | Commentaires fermés sur Rédiger pour le web

Voici un diaporama  particulièrement bien conçu provenant de slideshare et réalisé par Luc Legay. Il explique les caractéristiques de l’écriture pour le web : Ecrire pour le Web en...

lire la suite

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