Share
Noticias del sitio grande! ¿Hemos recibido muchas solicitudes de tutoriales de conversión de PSD> HTML últimamente? así que después de un poco de debate entre bastidores, finalmente decidimos probar algunos tutoriales totalmente codificados aquí en Webdesigntuts!
Hasta ahora, hemos cubierto un montón de web diseño tutoriales? lo que significa que hemos mostrado cómo diseñar un sitio web en Photoshop o Fireworks, pero siempre nos hemos quedado cortos de tutoriales totalmente codificados (lea más sobre por qué hemos hecho esto a continuación). Todo está bien, pero hemos estado recibiendo muchas solicitudes de tutoriales que muestran cómo convertir estos diseños en archivos HTML / CSS totalmente funcionales. Entonces, eso es exactamente lo que estamos haciendo!
Honestamente, nunca anticipamos tanta demanda de estos tutoriales completos de "concepto para diseñar a codificación". Sí, en retrospectiva, ¿parece una conexión obvia? pero cuando lanzamos Webdesigntuts por primera vez en octubre, nuestra misión principal era actuar estrictamente como la contraparte de diseño de nuestro sitio hermano, Nettuts.
Desde entonces, hemos publicado un puñado de publicaciones cruzadas con Nettuts en las que hemos pasado por la fase HTML / CSS, todas las cuales han sido muy populares; El problema es que es difícil rastrear una serie completa de tutoriales en dos sitios diferentes. Entonces, para simplificar las cosas, vamos a mantener algunas de estas nuevas series de tutoriales juntas aquí en Webdesigntuts, tanto como sea posible.
Seguiremos teniendo muchas publicaciones cruzadas con Nettuts en el futuro, pero publicaremos muchos más tutoriales de conversión de PSD> HTML aquí en Webdesigntuts cuando se relacione con un diseño que comenzamos aquí..
¡Significa una mejor experiencia de aprendizaje! En lugar de simplemente aprender uno o dos trucos en cada tutorial, esperamos mostrarle más de todo el proceso de creación de un diseño web, comenzando desde bocetos básicos y hasta tener un sitio HTML / CSS funcional..
En última instancia, esto significa que cualquier persona que busque mejorar su juego como diseñador web tendrá una amplia gama de recursos "centrados en el proyecto" disponibles aquí en Webdesigntuts, donde pueden seguir todo el proceso.!
¡Esta semana! Estamos lanzando la nueva categoría con el diseño de pantalla de diseño de Corpora de Adi Purdila, que ha sido grabado con esmero en Full HD. Lo dividimos en 3 partes: diseño el día 1, el diseño día 2 y una sesión completa sobre la codificación.
También tenemos una serie especial de tipografía CSS que vendrá pronto, así que estén atentos a eso.!
No puedo prometer eso cada El diseño que cubrimos obtendrá el tratamiento HTML / CSS totalmente codificado, pero haremos un gran esfuerzo para brindar la mayor cantidad posible de estos para los principales diseños de sitios que cubrimos..
Si alguno de nuestros lectores está interesado en escribir algunos de estos tutoriales de PSD> HTML, avíseme en los comentarios y estaré encantado de trabajar con usted.!
Hasta que los nuevos tutoriales de PSD> HTML estén listos, consulte estos impresionantes tutoriales de Nettuts:
Hoy abordaremos la segunda parte: es hora de dividir el diseño y convertirlo en un diseño HTML funcional, listo para ser portado a cualquier CMS. Empecemos!
Visita el post
En esta sesión de screencast, aprenderá exactamente cómo convertir un diseño web cálido y alegre en un sitio web HTML y CSS compatible con los estándares. Si está comenzando a ingresar al mundo del diseño y desarrollo web, esta es la introducción perfecta.!
Visita la sesion
Hoy voy a llevarlo a través de todo el proceso de obtención de Photoshop para completar HTML. Vamos a construir un conjunto de 4 maquetas PSD de un sitio web que eventualmente se convertirá en un tema de WordPress. Es un tutorial masivo, así que si vas a seguir hasta el final, asegúrate de tener algunas horas de sobra.!
Visita el post
En este video tutorial, cortaremos un PSD, lo cortaremos para la web y lo serviremos en un plato caliente. Nuestro diseño luce un aspecto limpio de la Web 2.0 y es cortesía de Joefrey de ThemeForest.net. Asegúrese de visitar su perfil si tiene la oportunidad..
Visita el post
Accentsconagua