Découper et intégrer une maquette Blog Web 2.0
ERROR
00:00
00:00

Tuto Découper et intégrer une maquette Blog Web 2.0

Benoît Philibert
5,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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 !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Découper et intégrer une maquette Blog Web 2.0

Plan détaillé du cours

Leçon 1Découper et intégrer une maquette Blog Web 2.0
5h05m

Avis des apprenants

Détail des avis
393
Apprenants
3
Commentaires
4,4/5
Note moyenne
5/5
3
4/5
0
3/5
1
2/5
0
1/5
0
Denis Delcros
Denis Delcros
Publié 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 " ;-)
Nabil Rouag
Nabil Rouag
Publié 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
Bruno Lamy
Bruno Lamy
Publié 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.

Attendez ! 🤗

Accédez à plus de 1452 tutos gratuits

Notre politique de protection des données