$ 5.00

Tuto Découper et intégrer une maquette Blog Web 2.0 avec Photoshop, Dreamweaver

$ 5.00

  • Une formation vidéo de 5h05m
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Ce tuto dédié à l'intégration d'une maquette de blog web 2.0 est la suite du tuto : "Créer une Maquette de Blog Web 2.0". Nous partirons donc du PSD qui a été obtenu dans ce premier tuto, nous le découperons sous photoshop, puis nous l'intégrerons sous Dreamweaver en utilisant les langages HTML, CSS et jQuery.

Pendant près de 5h de formation en vidéo, vous allez abordez les points suivants :

1) Le découpage d'une maquette graphique réalisée sous Photoshop

  • Apprendre à anticiper le codage
  • Réaliser des sprites
  • Savoir découper avec une hiérarchie précise
  • Gestion de la fusion de calques et dossiers
  • Savoir enregistrer une image avec des parties transparentes

2) Intégration HTML / CSS / jQuery

  • Définir un ordre hiérarchique à notre travail
  • Définir nos balises HTML dîtes "primaires" à notre design
  • Coder des sprites en CSS
  • Savoir intégrer du code Javascript
  • Relier des pages css et jQuery à un index HTML
  • Réaliser une info bulle en 3 temps (html / css / jQuery)
  • Savoir coder une barre et un bouton de recherche
  • Utilisation du framework 960 GS

Ce tuto est destiné à un public intermédiaire, ayant déjà quelques bases sur Photoshop et Dreamweaver. Les fichiers sources de ce tuto sont fournies, vous pourrez donc aisément suivre et reproduire les manipulations montrées par le formateur. Si vous souhaitez voir le résultat final que vous obtiendrez, visitez cette version du blog en ligne.

Si vous avez des questions, n'hésitez pas à utiliser l'onglet prévu à cet effet. Bonne formation !


Formateur : Benoît Philibert

Benoît Philibert a publié 29 tutoriels et obtenu une note moyenne de 4,3/5 sur 10 805 tutoriels vendus. Voir les autres formations de Benoît Philibert

4,5
note moyenne

4
avis laissés
5 étoiles
3
4 étoiles
0
3 étoiles
1
2 étoiles
0
1 étoile
0
  • 3
    avis de Feneck laissé le 02/11/2014
    Bonjour,avec Photoshop , il explique comment créer un site en maquette et de le transformé en code pour le web.Il fait pour débutant et plus.

  • 5
    avis de gazograph laissé le 26/11/2011
    J'avais peur de me lancer dans une telle entreprise. Cette vidéo me rassure et je vais bientôt commencer à réaliser un site . Merci à l'auteur . " tut tut tut " ;-)

  • 5
    avis de nabilovic laissé le 12/05/2011
    C vraimment genial et ca ma vraiment aider mais je ne comprends pas pk la video elle s\'arrete au milieu du tuto

accédez à plus de 1555 tuto gratuits


non, je ne veux pas me former gratuitement