Buen DOM - Consideraciones sobre Desarrollo Web

Reflexiones sobre desarrollo para sistemas Windows y compatibilidad multiplataforma

Para aquellos desarrolladores que escriben código para sistemas operativos Windows, es decir HTML5, ActiveX, ASP (Active Server Pages), CSS, Frames, Spry, Widgets, va esta pequeña reflexión...

Desde lo positivo:

Cuando bajen el archivo de Texto que contiene el código de esta página, se observa antes del encabezado unos condicionales según la versión de Internet Explorer.

Cuando se utilizan 'span' para ubicar imágenes con texto, y queremos que los textos queden adelante de la imagen, el Z-index debe tener el menor valor y donde diga "clip: rect(10,10, auto,10)", lo cambiamos por: clip:(10,10,10,10), es decir quitamos el 'rect', los números los ponemos a gusto...y funciona en todos los Navegadores para sistemas operativos Windows.

Desde lo negativo:

Por qué NO recomiendo este tipo de desarrollo?

Primero: Los span NO respetan la posición cuando se los ve en navegadores de Tabletas, Celulares y Androide.

NO funciona tampoco la transmisión de datos variables desde los textos, No funciona los arreglos en CSS, (Arreglos, Vínculos, Encabezados), la propiedad innerHTML no forma parte del estándar W3C (organismo que desarrolla estándares para la Web), y aunque es soportado por la mayoría de los navegadores web, no para los dispositivos mencionados.

Esta situación de transmisión de variables solo funciona en IE9 y Chrome, en sistemas operativos Windows. Los códigos ASP (Active Server Pages), utilizan nombres difíciles de encontrar por los buscadores y no funcionan en todos los servidores.

Ejemplo de lo que sucede con los Z-index (segun el tamaño de la página o en el dispositivo que se ve, se ubican los textos e imagenes...).

 

 

 

 

 

La propuesta es que estudie los códigos en Java Script y PHP para aprender a hacer páginas dinámicas, (con música, videos, fotos que pueda Ud. subir y operar con Bases de datos propias sin dependencias de librerías y/o empresas). Ejemplo: NODON

Ejemplo Didáctico (no modificar):

Esta sección muestra un ejemplo de posicionamiento absoluto con span que debe mantenerse exactamente como está.

HTML5 Logo HTML5 Logo

Bajar el archivo de texto con el código completo

Volver