Découpage et Codage en XHTML/CSS

Le 9 août 2008   //   par Gaëtan   //   développement  //  5 Commentaires

Deux excellents tutoriels en vidéo, réalisés par le site JojoRatonLaveur, montrent en images les 2 premières étapes de la réalisation d’une page web. Le premier est consacré au découpage de la maquette. Le second s’occupe du codage en utilisant le xHTML 1.0 et les CSS.

Vidéo tutoriel 1 : Découpage

Apprenez à découper une maquette (format PSD) pour l’utiliser ensuite dans le codage du site. Au programme : Recadrage, Transformations diverses et enregistrement Web.

Vidéo tutoriel 2 : Codage

Apprenez à utiliser le xHTML et le CSS pour coder une page Web à partir d’une maquette.


Grâce à ces deux vidéos, on peut voir ainsi la préparation post-graphique et la construction de la page en « codage » pur et dur. Merci à JojoRatonLaveur… Vite la suite !

Mis à jour 25/08/08
Nouveau tutoriel vidéo consacré à la réalisation d’un menu accordéon en javascript en utilisant la librairie jQuery. Voir la vidéo
Articles similaires:

Mots-clefs :, , , , , , ,

5 Commentaires

  • Grafikart 20 novembre 2008 à 1:34

    Le site internet en question à changer d’adresse et ne sera bientot accessible que depuis l’adresse : grafikart.fr

    Encore merci pour l’article ça fait plaisir :)

  • Outils webmaster 26 février 2010 à 16:41

    Trop bon ton tutoriel si possible de l’ajouter sur mon site avec un lien vers ton site ? contact moi

  • François 30 mars 2010 à 14:52

    Merci beaucoup ! Trés agréable et bien expliqué ! Y a -t-il possibilité d’obtenir le css ainsi que le fichier html afin de mieux voir les différentes balises … ? Il est parfois difficile dans le tutorial vidéo de tout voir ;)

  • Gil FOURGEAUD 27 avril 2010 à 17:31

    Un mot : Bravo.

    C’est clair et précis :-)

  • Matthieu 28 juin 2011 à 21:59

    Un grand merci, très intéressant.. Clair, bien expliqué !
    En effet, il manque juste les sources .psd .html et .css, pour s’entrainer ;)

    Merci.

Laissez un commentaire