Tenga en cuenta que “el menor tiempo posible” no significa unas pocas horas. En algunos sitios ni siquiera significa unas pocas semanas.
Construyo en WordPress porque eso es lo que quieren mis clientes. Hago un tema secundario de uno de los temas predeterminados que viene con él y comienzo:
La construcción
- ¿Cómo una colisión de certificado https SHA-1 hace que un sitio web sea inseguro?
- ¿Cuál es la mejor manera de aprender la codificación PHP?
- ¿Cuál es la diferencia entre la aplicación web y el desarrollo web?
- ¿Puedo usar una plantilla de panel de administración sin poder codificar?
- ¿Qué tan difícil es para una startup web pasar de un sistema de administración de contenido a un marco propietario?
- Comienzo con el marco principal. Encabezado, pie de página, menú, pancartas, cuerpo y barras laterales.
- Agregue las páginas de nivel superior para el menú.
- Coloque todo lo anterior en la posición y tamaño correcto, luego agregue cualquier subbloque, como si el pie de página tiene 3 secciones, haga esas secciones. Agregue también el logotipo principal en el encabezado. A veces pongo un borde temporal alrededor de estas secciones principales para poder ver fácilmente lo que está sucediendo.
- Obtenga las fuentes y los colores del sitio principal configurados en su archivo CSS. Agregue sus estilos de encabezado, estilos de menú, colores de enlace, etc.
- En este punto hago mi capacidad de respuesta básica para el encabezado y pie de página. Esto ahorrará tiempo en el camino.
- Siempre que tenga todo el contenido (buena suerte con eso), cópielo y péguelo todo en las páginas correspondientes. No se preocupe por el estilo, solo póngalo todo allí.
- Si tiene tipos de publicaciones personalizadas que necesita hacer, configúrelos ahora e ingrese todo el contenido para que sepa que tiene todos los campos correctos.
- Haga las plantillas de tipo de publicación personalizadas y cualquier funcionalidad de filtrado
- Una vez que estén configurados, dale estilo y ordena el blog. Asegúrese de agregar suficientes publicaciones de blog para que pueda ver la paginación. Eso necesitará configuración también. Tenga cuidado con los nombres de sus clases: no desea mezclar sus publicaciones de blog individuales y sus publicaciones de tipo de publicación personalizada.
- Agregue cualquier otra característica extraña que el diseñador haya soñado para hacer que su vida sea interesante.
- Ir página por página y obtener el estilo del contenido. La mayoría de los diseñadores no creen en un diseño único para todos, así que nuevamente, tenga cuidado con los nombres de sus clases, porque si reutiliza uno por accidente, tendrá que volver más tarde y depurarlo.
- Ahora la versión de escritorio debería estar configurada.
Validación
- Verifique todas las páginas en el validador W3C y corrija cualquier error.
- Verifique su CSS en el validador CSS del W3C y corrija los errores.
- Siga verificando y corrigiendo hasta que todo vuelva a estar validado.
Ahora, para el cliente.
- Envíalo para recibir comentarios.
- Realice los cambios solicitados. Envíalo de nuevo.
- Realice la próxima ronda de cambios, envíela de regreso. Repita hasta que dejen de darle cosas para cambiar (esto será cada vez menos a medida que gane experiencia).
¿Crees que has terminado? Jajajajajajaja No Ahora puedes comenzar a usar el móvil.
- Comience en la primera página. Limite su navegador hasta que algo se rompa.
- Encuentre el estilo en su css (¡inspector!) Y ajústelo.
- Repita los pasos 1 y 2 hasta que esté limpio desde el ancho de la pantalla completa hasta el ancho que vaya su navegador.
- Repita los pasos 1–3 en cada página y escriba el tipo en el sitio hasta que todo el sitio responda sin problemas en todo el rango de su navegador.
¿Crees que has terminado? ¡Aún no!
- Vaya a las herramientas de desarrollo de Chrome y seleccione el ícono receptivo para mostrar los tipos de dispositivos.
- Verifique cada página y tipo de publicación tanto en modo vertical como horizontal para cada dispositivo que admitan.
- Haga lo mismo en la configuración “receptiva”. Baja a 300 px. Esto es casi tan pequeño como los teléfonos. Si tienen un teléfono de menos de 300 px de ancho, no deberían estar en línea.
¡Pero espera! ¡Hay más!
- Saque su tableta, teléfono y todos sus dispositivos antiguos. Prueba con todos ellos tanto en retrato como en paisaje.
- Llame a todos sus parientes y vecinos y pruebe también los de ellos.
- Valide todo nuevamente una vez que termine de probar.
Ahora puede enviarlo al cliente. Es casi garantizado que tengan un dispositivo que no pudo probar, por lo que encontrarán más fallas que podrá solucionar.
Una vez hecho esto, está listo para moverlo al servidor del cliente, probar nuevamente e iniciar. ¡No olvides tus redireccionamientos 301 desde su antiguo sitio!
