Share
Nouvelles du site! Nous avons reçu beaucoup de demandes pour des tutoriels de conversion PSD> HTML récemment? aussi, après de nombreuses discussions en coulisses, nous avons finalement décidé d'essayer des tutoriels entièrement codés ici sur Webdesigntuts.!
Jusqu'à présent, nous avons couvert beaucoup de Web conception des tutoriels? ce qui signifie que nous avons montré comment concevoir un site Web dans Photoshop ou Fireworks, mais nous nous sommes toujours arrêtés à court de didacticiels entièrement codés (pour en savoir plus sur les raisons pour lesquelles nous l'avons fait ci-dessous). Tout va bien, mais nous avons reçu de nombreuses demandes de tutoriels montrant comment convertir ces conceptions en fichiers HTML / CSS entièrement fonctionnels. Donc, c'est exactement ce que nous faisons!
Honnêtement, nous n’avions tout simplement jamais anticipé une telle demande pour ces didacticiels complets «du concept pour la conception au codage». Oui, avec le recul, cela semble être un lien évident? mais lorsque nous avons lancé Webdesigntuts pour la première fois en octobre, notre mission première était d'agir strictement comme le pendant du design de notre site soeur, Nettuts..
Depuis lors, nous avons publié une poignée d'articles croisés avec Nettuts, où nous avons examiné la phase HTML / CSS, qui ont tous été extrêmement populaires. Le problème est qu’il est difficile de retracer toute une série de tutoriels sur deux sites différents. Donc, pour simplifier les choses, nous allons garder certaines de ces nouvelles séries de tutoriels ensemble ici sur Webdesigntuts, autant que possible..
Nous continuerons à avoir de nombreuses publications croisées avec Nettuts dans le futur, mais nous publierons ici beaucoup plus de tutoriels de conversion PSD> HTML ici sur Webdesigntuts en rapport avec une conception que nous avons commencée ici.
Cela signifie une meilleure expérience d'apprentissage! Au lieu d'apprendre seulement une ou deux astuces dans chaque didacticiel, nous espérons vous en apprendre davantage sur l'ensemble du processus de création d'une conception Web - à partir d'esquisses simples et jusqu'à la création d'un site HTML / CSS fonctionnel..
En fin de compte, cela signifie que ceux qui cherchent à améliorer leur jeu en tant que concepteur Web disposeront d'un large éventail de ressources "axées sur les projets" sur Webdesigntuts où elles pourront suivre tout le processus.!
Cette semaine! Nous lançons cette nouvelle catégorie avec le screencast de conception Corpora d'Adi Purdila - qu'il a minutieusement enregistré en Full HD! Nous divisons celui-ci en 3 parties - jour de conception 1, jour de conception 2 et une session complète sur le codage..
Nous avons aussi bientôt une série spéciale de typographies CSS, alors gardez un œil sur cela!
Je ne peux pas promettre ça chaque nous allons couvrir le traitement HTML / CSS entièrement codé, mais nous allons faire un effort sérieux pour en apporter le plus grand nombre possible pour les principaux modèles de sites que nous couvrons..
Si l'un de nos lecteurs est intéressé par la rédaction de certains de ces tutoriels PSD> HTML, faites-le moi savoir dans les commentaires et je serai ravi de travailler avec vous.!
En attendant que les nouveaux tutoriels PSD> HTML soient prêts, consultez ces impressionnants tutoriels de Nettuts:
Aujourd'hui, nous aborderons la deuxième partie: il est temps de découper le design et de le transformer en une mise en page HTML fonctionnelle, prête à être transférée sur n'importe quel système de gestion de contenu. Commençons!
Visitez la poste
Au cours de cette session de capture d’écran, vous apprendrez exactement comment convertir une conception Web chaleureuse et gaie en un site Web HTML et CSS conforme aux normes. Si vous commencez à vous immerger dans le monde de la conception et du développement Web, voici l’introduction parfaite!
Visiter la session
Aujourd'hui, je vais vous guider tout au long de mon processus allant de Photoshop à HTML complet. Nous allons créer un ensemble de 4 maquettes PSD d'un site Web qui deviendra éventuellement un thème WordPress. Il s’agit d’un didacticiel volumineux. Si vous devez suivre jusqu'au bout, assurez-vous de disposer de quelques heures!
Visitez la poste
Dans ce didacticiel vidéo, nous allons découper un fichier PSD, le découper en dés pour le Web et le servir sur une assiette bien chaude. Notre conception affiche un style "Web 2.0" soigné et est une gracieuseté de Joefrey de ThemeForest.net. N'oubliez pas de visiter son profil si vous en avez l'occasion.
Visitez la poste
Accentsconagua