Google busca “plantillas de diseño web” o “ideas de diseño web” o algo similar. Intente encontrar una plantilla que se vea bien y fácil de hacer (No intente hacer plantillas con formas como imágenes hexagonales o divisiones de corte inclinado, a menos que sea un experto). Descargar esa imagen
Para Photoshop
Abre un nuevo archivo en photoshop. El tamaño del documento debe ser un 50% más alto que ancho (como 500 px de ancho y 1024 px de alto). Generalmente un documento consta del siguiente orden
- ¿Cuál es la forma más rápida de desarrollar un sitio de WordPress?
- ¿Existe evidencia cuantitativa concreta que demuestre que los iframes son una mala práctica?
- Cómo optimizar mi sitio web
- Cómo crear un CSS
- ¿Node.js es realmente bueno para el desarrollo web? En caso afirmativo, ¿puede reemplazar completamente a PHP? ¿Lo recomiendas?
- Encabezado superior (opcional)
- Encabezado (requerido)
- Navegación (requerida)
- Contenido principal (obligatorio)
- Barra lateral (parte opcional del contenido principal)
- Arriba del pie de página (opcional)
- Pie de página (obligatorio)
- Enlaces a redes sociales (Facebook, Twitter, etc.) [En encabezado o pie de página, opcional]
Cree su archivo en el siguiente orden según su deseo
Cree una imagen del archivo de Photoshop y vea cómo se ve
Para HTML / CSS
- Vea la imagen de la plantilla que acaba de crear o la imagen que descargó
- Abra su editor (Notepad ++, Dreamweaver, etc.)
- Cree un diseño de esa plantilla usando tablas
- Nombra tus secciones apropiadamente
- Comience a reemplazar las secciones de la tabla con divs y clases CSS creadas de acuerdo con las secciones.
- Agregue los colores deseados, tamaño de fuente, altura de línea, etc. según su deseo.
- NO ACOMPAÑE EL PROCESO. Tu velocidad se desarrollará a medida que practiques más y más
- Mira tus resultados.
Todo lo mejor