Techniques de l’image pour le Webdesign


Tuto Webdesign

Elephorm vous présente une nouvelle formation Webdesign : 7h20 de tutos vidéo sur les techniques de l’image pour le Webdesigner.

Grâce à Simon KERN,  Web & Graphic designer au sein d’Alsacréations, vous découvrirez l’univers technique et graphique du Web avec des applications pratiques et des astuces professionnelles.

Consultez sans plus attendre un extrait vidéo du tutoriel : Ombres et lumières.

Formation au métier du Webdesigner disponible en Téléchargement, DVD et en VOD

[podcast format= »video »]http://blog.elephorm.com/media/Webdesign.mp4[/podcast]

Sommaire de la formation « «Techniques de l’image pour le Webdesigner »

Durée totale de la formation Webdesigner : 7h20

  1. Introduction
    • Le mot de l’auteur : Simon KERN 00:00:42
    • Un webdesigner : c’est quoi ? 00:02:19
  2. Les outils du Webdesigner
    • Logiciels d’infographie 00:05:35
    • Programmes d’intégrateur web 00:13:27
  3. Un site Web : les fondamentaux
    • Tour d’horizon des principaux navigateurs web 00:07:43
    • (X)HTML et CSS 00:07:30
    • Mise en pratique du langage XHTML et CSS 00:09:03
    • XHTML et CSS, explications supplémentaires : les différents positionnements 00:15:42
    • HTML5 et CSS3 : où en sommes nous ? 00:09:55
    • Les interactions / animations dans le web 00:12:16
  4. Bien préparer son design
    • Les préliminaires 00:12:47
    • Les tendances / type de site 00:10:18
    • Comment trouver l’inspiration ? 00:08:40
    • La typographie 00:12:06
    • La couleur 00:10:35
    • Ombres, lumières et dégradés 00:13:18
    • Les images et icônes 00:17:32
  5. Le design avec Photoshop
    • Préparation de l’espace de travail 00:09:29
    • Les grilles 00:08:07
    • Réalisation du template « eleph’plate » – bouton, formes… 00:00:39
    • Création du Header 00:20:59
    • Création du visuel du site 00:16:31
    • Mise en place d’un texte de présentation 00:07:14
    • Ajouter le contenu 00:23:27
    • Création du Footer 00:03:53
  6. Intégration XHTML / CSS
    • Méthode d’intégration 00:05:30
    • Découpage de la maquette 00:17:31
    • Gestion des polices exotiques (cufon, font-face, googlefont) 00:22:43
    • Préparation à l’intégration 00:02:13
    • Intégration du header 00:24:09
    • Intégration de l’accroche 00:15:19
    • intégration de la citation 00:11:07
    • Intégration du bloc News 00:32:01
    • Intégration du bloc télécharger 00:18:55
    • Intégration du Footer 00:06:22
  7. Mise en ligne
    • Checklist avant mise en ligne 00:21:15
    • Utilisation d’un outil FTP 00:05:54
    • Conclusion 00:01:38

 

Ils sont 2 commentaires

Ajoutez votre commentaire
  1. 2
    bidault

    Bonjour Simon,
    J’ai le dvd des techniques de l’image pour de webdesigner.
    Pour l’encodage, tu travailles sur Notepad++
    Or, je travaille sur un mac OSX. Que puis-je trouver comme éditeur équivalent ?
    Merci pour ta réponse

+ Laissez un commentaire