No podrá construir un diseño como el Verge sin años de experiencia si comienza desde cero.
Pero, si estás interesado en aprender:
- Comience aprendiendo HTML y CSS. W3Schools Online Web Tutorials no es un mal lugar para comenzar.
- Decida qué tamaños de pantalla desea admitir (generalmente, aproximadamente 3: móvil, tableta, computadora).
- Instale los tipos de página de su sitio (probablemente 4 o 5 si lo mantiene limpio) y cree las versiones alternativas para responder. Use algo como Balsamiq u otra herramienta de estructura de alambre para esto.
- Diseñe las páginas reales en un editor de imágenes (por ejemplo, Photoshop). Cortar los elementos separados.
- Cree los modelos HTML y CSS basados en wireframes y diseño (solo los cuadros, por ejemplo, DIV).
- Complete CSS adicional basado en el diseño (no olvide crear sprites para los elementos de imagen).
- Realice todos los trucos y trucos para responder (esto requerirá cierta comprensión de Javascript, así que regrese a W3Schools). Prueba, prueba, prueba de nuevo, agrega más trucos y trucos. Renunciar a algunos de los hacks. Compromiso.
- Pruebe y reitere los pasos anteriores según sea necesario.
Pero primero, date cuenta de un par de cosas:
- ¿Es mejor para mí construir un sitio web por contratista, cofundador o bricolaje para una startup?
- Cómo evitar / evadir DMCA cuando se ejecuta un sitio web de piratería con WordPress
- ¿Es posible crear sitios web complejos con bootstrap?
- Cómo crear notificaciones en vivo como en Facebook y Quora usando PHP y MySQL
- ¿Existe una plataforma de encuestas donde pueda ver los resultados de los formularios con todos los participantes y su imagen cargada en una lista?
- Aprender y hacer lo anterior en 5 semanas es ambicioso, por decir lo menos, a menos que seas un mago / ninja / estrella de rock experimentado.
- Ni siquiera entré en usabilidad (y pruebas de usabilidad).
- Ignore completamente la parte de “convertir esto en plantillas para un sistema”.
Y sí, ese último punto significa que hay un “detalle menor” más: esto es solo la superficie . Eso es justo lo que los visitantes verán (y lo que tendrás si, milagrosamente, terminas lo anterior en 5 semanas). Si habla de la “mera plataforma” … bueno, hay mucho trabajo de fondo, cosas como administrar el contenido y asegurarse de que puede publicarlo de manera efectiva:
- También tendrá que crear una arquitectura de información (cómo se ve su contenido, qué tipos de contenido tendrá, de dónde vienen y hacia dónde van).
- Tendrá que descubrir los diversos escenarios para los editores y cómo funcionan en el contenido.
- Tendrá que elegir una plataforma para desarrollar o un CMS para implementar.
- Tendrá que aprender cómo funciona y construir el IA, el flujo de trabajo y las plantillas.
- Probablemente también tendrá que integrar varias herramientas de terceros en él.
Tenga en cuenta eso, y comprenderá que hacer todo eso en menos de 6 meses sería milagroso, y casi imposible si solo tiene habilidades de “programación a nivel escolar”. (A menos que fueras a la escuela de magos / ninja / rockstar).
También es la razón por la cual la mayoría de las nuevas empresas de blog simplemente eligen algo que está relativamente listo para usar, es decir, WordPress, y encuentran una buena plantilla receptiva en algún lugar. Y luego hackea esto en cómo quieren que se vea. Le ahorrará mucho tiempo en los pasos 1-8 anteriores, y hay un montón de experiencia de la que simplemente puede buscar en Google y leer. Será muy difícil lograr que se vea exactamente como lo desea, ¡pero al menos es factible en 5 semanas! Buena suerte 🙂