Puede que quieras aprender a maquetar una web con Photoshop, CSS y HTML pero te falten los conocimientos necesarios.
Hoy te traemos un curso formado por vídeos explicativos en el que aprenderás a hacerlo por ti mismo.
¿Quieres verlos?
Y es que a través de estos vídeos aprenderás a diseñar una web con Photoshop para luego plasmarla con HTML, darle forma con CSS y lograr así, la página web deseada.
Son cinco vídeos explicativos de larga duración, fáciles de seguir y que podrás visualizar tantas veces te sea necesario siempre que tengas acceso a Internet.
No es necesario que seas un experto en el dominio de Photoshop o la programación web, pero sí que recomendamos tener al menos unos conocimientos básicos del manejo del programa, al igual que tenerlo instalado, para poder avanzar en los conocimientos y conseguir maquetar tu propia página web.
Curso de maquetación web con Photoshop, CSS y HTML
Pincha sobre el vídeo que quieras visualizar y ponte hoy mismo a estudiar:
Primer video dedicado a la creación de un blog, partiendo de que el diseño está realizado en Photoshop. Después lo marcaremos en código XHTML y las hojas de estilos CSS para su diseño.
Diseño y Maquetación Web 2 – Creando un blog
Aquí aprenderás a escribir el código XHTML para el blog que estás creando.
El diseño lo tienes que tener previamente creado en Photoshop para marcar las etiquetas necesarias.
En este video aprenderás cómo trabajar la hoja de estilos CSS con su código HTML. Repasarás cómo medir trozos de imágenes para llamarlas con CSS, cómo crear menús de navegación y los items de menús de los widgets, cómo ahorrar líneas de código para dos elementos en una sola definición CSS a los botones de «Ver más» y «Ver comentarios».
Diseño y Maquetación Web 4 – Creación de una template
A partir de aqui, empezarás con la creación de un template para negocios. Crearemos el SonicTemplate preparando las carpetas o directorios de nuestro proyecto y el espacio de trabajo en Photoshop.
Descargarás fuentes exclusivas desde Google Fonts Directory, el Notepad++ y realizaremos una breve configuración en el software.
Presentación de Inkscape: conocerás su interface, las herramientas y el modo de uso de las mismas. También aprenderás a aplicar degradados sencillos o alinear objetos entre sí.
