Voici une formation sur le Webdesign en vidéo, pour accompagner tous ceux qui souhaitent devenir Webdesigner. Maîtrisez tous les concepts indispensables pour devenir Webdesigner. Créez un site Web efficace et ne ratez aucune étape dans sa conception grâce à ces tuto. La création d'un design Web tient compte des contraintes spécifiques d'internet, des bases du XHTML/CSS, du choix de la typographie, des couleurs ou encore de l'ergonomie et de l'accessibilité de votre site.
Jetez un oeil à ces autres tuto CSS 3, Photoshop CS5
10 astuces CSS pour faciliter…
Dans cette formation CSS volume 2, nous allons découvrir 10…
Apprendre le Responsive Design…
Dans cette formation Responsive Design signée Elephorm, vous…
Créer un site One Page complet…
Dans ce tuto vidéo HTML5, CSS3 et jQuery, nous allons voir…
Créer un site web avec un…
Dans ce tuto jQuery / CSS3, nous allons ensemble, pas à pas,…
Menu déroulant intelligent…
Avec ce tuto CSS 3, apprenez à réaliser un menu déroulant…
Montage HTML/CSS d’une maquette…
Voici une formation dédiée à la découpe et au montage HTML…
Cette formation contient 38 leçons en vidéo (que vous pouvez acheter à l'unité) pour une durée totale de 7h24.
Voici le programme complet abordé au cours de cette formation :
Introduction
- Le mot de l'auteur : Simon KERN vidéo gratuite !
- Un webdesigner : c'est quoi ? 1 crédit
Les outils du Webdesigner
- Logiciels d'infographie 2 crédits
- Programmes d'intégrateur web 2 crédits
Un site Web : les fondamentaux
- Tour d'horizon des principaux navigateurs web 1 crédit
- (X)HTML et CSS 2 crédits
- Mise en pratique du langage XHTML et CSS 2 crédits
- XHTML et CSS, explications supplémentaires : les différents positionnements 2 crédits
- HTML5 et CSS3 : où en sommes nous ? 2 crédits
- Les interactions / animations dans le web 2 crédits
Bien préparer son design
- Les préliminaires 2 crédits
- Les tendances / type de site 2 crédits
- Comment trouver l'inspiration ? 2 crédits
- La typographie 2 crédits
- La couleur 2 crédits
- Ombres, lumières et dégradés vidéo gratuite !
- Les images et icônes 2 crédits
Le design avec Photoshop
- Préparation de l'espace de travail 1 crédit
- Les grilles 1 crédit
- Réalisation du template « eleph'plate » - bouton, formes... 1 crédit
- Création du Header 2 crédits
- Création du visuel du site 2 crédits
- Mise en place d'un texte de présentation 1 crédit
- Ajouter le contenu 2 crédits
- Création du Footer 1 crédit
Intégration XHTML / CSS
- Méthode d'intégration 1 crédit
- Découpage de la maquette 2 crédits
- Gestion des polices exotiques (cufon, font-face, googlefont) 2 crédits
- Préparation à l'intégration 1 crédit
- Intégration du header 2 crédits
- Intégration de l'accroche 2 crédits
- intégration de la citation 2 crédits
- Intégration du bloc News 2 crédits
- Intégration du bloc télécharger 1 crédit
- Intégration du Footer 1 crédit
Mise en ligne
- Checklist avant mise en ligne 2 crédits
- Utilisation d'un outil FTP 1 crédit
- Conclusion vidéo gratuite !
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto CSS 3, Photoshop CS5 de 7 heures 24 minutes est proposée dans une résolution plus grande que l’extrait suivant :
elephorm
, Editeur pro
Elephorm, la formation vidéo avec les pros certifiés Apple, Adobe, Autodesk, Google. Elephorm est spécialisé dans la formation par les nouveaux médias sur les outils de création numérique au sens large : infographie, 3D, photographie, internet, multimédia, motion design, Web, vidéo et effets spéciaux, audionumérique, informatique. La société réunit actuellement un réseau des meilleurs experts français, alliant qualité pédagogique et expertise technique.
Toutes les formations de Elephorm
Simon Kern, auteur dans cette formation
Simon Kern est Web & Graphic designer, au sein de son propre studio de création Brin de web. Il collabore également avec la célèbre agence Alsacréations. Auteur d’un livre sur WordPress 3 chez les éditions DUNOD et de plusieurs articles pour la presse spécialisée dans le Web et le Graphic Design (« WebDesign Magazine », « Advanced Creation», « Photoshop et la BD »…).
Toutes les formations de Simon Kern
Témoignage des clients de elephorm
![]()
De très bon tuto bien détaillé. J'ai appris énormément de choses grâce à Elephorm.
![]()
Très bien.
![]()
Bravo des Tito clairs que demander en plus
![]()
Super Tuto !
![]()
Merci pour ces tutos sur toutes les bases des logiciels, j'aurais jamais pu trouver des formation plus expliquées que les vôtres, merci !
Lire les autres témoignages
D'autres tuto de elephorm
Formation Matte Painting
Voici une formation Photoshop dédiée au Matte Painting, d'une durée de près de 5h,…
Apprendre ZBrush 4 Les Fondamentaux
ZBrush est aujourd'hui un acteur majeur dans les productions de jeux vidéos et de film…
Apprendre After Effects CS6 – Les nouveautés
Dans ce tuto After Effects CS6, vous maîtriserez les nouveautés de la dernière version…
Conclusion de la formation sur les nouveautés d'After CS6
Notes attribuées par les utilisateurs (1 vote)
Les avis / Questions des utilisateurs (1)
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto CSS 3, Photoshop CS5 d’une durée de 7 heures 24 minutes a été acheté 32 fois et a reçu une note moyenne de 4/5.
Ce tuto a été publié le 30 avril 2012 par elephorm, éditeur professionnel, ayant reçu une note moyenne de 4/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto CSS webdesign.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Cette formation qui se présente sous la forme de plusieurs vidéos, vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.





















(a acheté ce tuto - 04 août 2012)
" Petite erreur, c'est bien le PNG qui gère la transparence et non le JPEG :). "