Principes de base Créer un thème de magazine et de blog épuré (Jour 3 Codage, partie 1)

C'est la troisième journée du tutoriel Basics Design! Aujourd'hui, nous allons continuer avec le codage. Nous allons écrire spécifiquement le code HTML / CSS pour la page d'accueil et la page de publication individuelle du blog. Adi a enregistré un autre didacticiel vidéo HD couvrant le processus crucial de conversion PSD> HTML. Que vous soyez un vétéran chevronné ou un nouveau designer, nous espérons que vous apprécierez cette procédure! Commençons le jour 3?


À propos de cette série de tutoriels

Adi Purdila va nous guider à travers tout un projet - de la conception au codage - le tout sur Webdesigntuts cette semaine! Voici les grandes lignes de ce que nous verrons chaque jour:

  • Jour 1. Fichiers PSD d'une page d'accueil et d'un blog
  • Jour 2. Tranchage et marquage de PSD sur la page d'accueil
  • Jour 3. Styliser la page d'accueil et la page unique du blog
  • Jour 4. Créons quelques pages supplémentaires: galerie, contact, pleine largeur
  • Jour 5. Touche finale: installation et personnalisation de SlideDeck et du JavaScript


Une note sur les fichiers téléchargeables pour aujourd'hui
: l'intégralité du code HTML sera disponible au téléchargement lors de la prochaine session de cette série (Jour 3), donc aujourd'hui fonctionnera à partir des mêmes fichiers PSD que ceux créés lors du Jour 1.

Maintenant au jour 3, la session de découpage et de balisage!


Troisième jour: HTML / CSS pour la page d'accueil et le blog

Nous avons enregistré ces vidéos en résolution Full HD, alors assurez-vous d'activer la version HD plein écran si vous le pouvez! Cette vidéo inclut la session complète de découpage et de balisage, enregistrée en 720p avec commentaire audio complet tout au long de.


Vidéo 5: Style et codage - 720p

A propos de l'auteur

"Qu'il s'agisse de sites Web, de logos ou de supports imprimés, ma philosophie de travail est la même: ne prenez jamais de raccourcis et investissez toujours mon cœur et mon âme dans chaque projet car, au final, ce sont les petits détails qui comptent et les efforts que je déploie le plus. projet, mieux il me représente en tant que personne et concepteur et, en même temps, il représente mon client de manière adaptée à ses besoins.

Si vous êtes intéressé par les modèles HTML et les pages de renvoi que je développe, vous pouvez les consulter sur la page de mon portfolio sur ThemeForest. "- Adi