Cómo administrar con código HTML y CSS antiguo

Sí, HTML y CSS se pueden “arreglar” con bastante facilidad, aunque depende de qué tan bien el codificador inicial entendió la separación de las preocupaciones y la antigüedad del código. Si está hablando de un código realmente antiguo, es posible que esté buscando un sitio web que tenga cientos de páginas individuales, todas diseñadas con tablas en lugar de div. En este caso, querrá rediseñar completamente el sitio y pasar a un diseño receptivo creado alrededor de div. Además, deberá decidir si puede pasar a algún tipo de plantilla y eliminar los elementos de diseño a archivos externos para que sea más fácil realizar futuros cambios.

Puse alrededor del 98% de mi diseño y html en 3 archivos en casi todos los proyectos personalizados en los que trabajo. Después de crear un diseño y convertirlo a HTML / CSS, generalmente aíslo el HTML en dos archivos que básicamente se convierten en mi “parte superior e inferior” del diseño. Piense en ellos como encabezado y pie de página. El encabezado también contendrá un enlace al tercer archivo de mi hoja de estilo (a veces es más de uno, pero trato de mantener baja la cantidad de hojas de estilo para limitar las solicitudes http).

Desearía que fuera el 100% del html, pero a veces eso no es práctico. Por ejemplo, si estoy recuperando datos de una base de datos, es probable que coloque una tabla en la página (no como un elemento de diseño) y cree esa tabla dinámicamente en PHP dependiendo del número de filas de datos a incluir.

Esto efectivamente me permite cambiar cualquier sitio que haya creado editando dos archivos de HTML (o no editando el HTML) y un archivo de CSS. Eventualmente, probablemente cederé y comenzaré a poner mi CSS en el archivo de encabezado para descartar otra solicitud http, pero por ahora la facilidad me supera.

Si por otro lado el sitio se creó más recientemente y tiene HTML semántico decente, es posible que pueda cambiar las cosas simplemente trabajando agregando consultas de medios, cambiando el CSS y asegurándose de que está manejando pantallas más pequeñas de manera inteligente.

Lo que me gustaría preguntarle es: ¿cómo se maneja con el antiguo código HTML que

se puede “arreglar” fácilmente? Aquí puede encontrar una opción: Pensamiento: ¿cuál es el mejor camino para arreglar el código antiguo?


¡Disfruta tu lectura!

Mientras siga siendo válido, estás bien. Sin embargo, si no es así, recomendaría editar bloques a la vez. Por ejemplo, encabezado, navegador, héroe, pie de página, etc.

More Interesting

¿Por qué algunos sitios web implementan su enlace de cierre de sesión como una publicación de formulario a través de JavaScript frente a una solicitud GET antigua y simple?

¿El inicio de sesión social reemplazará el registro tradicional?

¿Cuáles serían las debilidades de diseñar una aplicación de una sola página con una variable global (con variables anidadas según corresponda) y un montón de funciones?

¿Cómo alojamos un sitio web que desarrollamos usando Node.js?

¿Cuál es el mejor libro para la programación orientada a objetos PHP y asp.net?

Cómo optimizar un complemento personalizado de WordPress

¿Alguien ha implementado la pila de integración continua para pruebas de IU web con Angular / Protractor?

¿Macbook Pro (finales de 2011) es bueno para Ruby on Rails y Swift Programming?

¿Qué es una aplicación de una sola página en desarrollo web?

¿Cómo podría hacer un sitio web como http://www.bmxcustomizer.com/?

¿Puedo usar la API web como sistema central (red troncal del sistema)?

¿Dónde puedo encontrar una buena compañía de desarrollo de AngularJS en India?

¿Qué necesito para configurar un entorno de desarrollo PHP?

¿Vale la pena una universidad para la informática en el Reino Unido? Tengo 15 años y he sido autodidacta de desarrollo web completo, pruebas de lápiz y he leído libros de texto de nivel A superiores y me ha resultado fácil. ¿Hay alguna otra opción además de la universidad y la universidad?

A pesar de las continuas mejoras con el lenguaje de secuencias de comandos a lo largo de los años, ¿por qué Adobe ColdFusion no recibe ningún respeto dentro de la comunidad de desarrollo web?