Le guide ultime pour créer une conception et la convertir en HTML et CSS

Ce screencast constituera la dernière entrée d’une série en plusieurs parties sur les sites TUTS, qui montre comment créer une belle page d’accueil pour une entreprise fictive. Nous avons appris à créer le fil de fer sur Vectortuts +; nous avons ajouté de la couleur, des textures et des effets sur Psdtuts +; maintenant, nous allons prendre notre PSD terminé et le convertir en un site Web HTML et CSS bien codé.

Veuillez noter que, même si vous n'avez pas lu les deux premiers tutoriels, vous pourrez suivre cette vidéo assez facilement..


Mettre à jour

Veuillez noter que cette série de tutoriels a été initialement publiée sur Nettuts + il y a environ soixante jours. Cependant, on a récemment attiré mon attention sur le fait que beaucoup d'entre vous avaient du mal à regarder le screencast de la section 3. Cela a maintenant été résolu. Prendre plaisir!



Partie 1: Créer un site Web promotionnel pour une application iPhone en mode filaire dans Fireworks




Partie 2: Créer un site d'applications iPhone promotionnelles dans Photoshop




Partie 3: Conversion de notre conception en un site Web HTML et CSS bien codé

  • Section 1: Trancher le PSD - 0:00
  • Section 2: Coder le balisage - 18h43
  • Section 3: Ajout du CSS - 47:11

Autres options de visualisation

  • iTunes / Version téléchargeable

Série complète!

Si vous avez suivi toute cette série, félicitations! Si vous aimez l’idée des tutoriels qui couvrent plusieurs sites TUTS, soyez fort et dites-le-nous! J'espère que vous avez appris un peu de cette troisième entrée; et merci encore à Sean Hodge (éditeur de Psdtuts + / Vectortuts +) pour avoir écrit les deux premiers tutoriels de cette série.

  • Suivez-nous sur Twitter ou abonnez-vous au fil RSS Nettuts + pour obtenir les meilleurs tutoriels de développement Web sur le Web..