Servicios de análisis de rendimiento de webs y validación de W3C

Realizo servicios de formateo de código XHTML embebido en PHP arreglando todos los errores que lance el validador de la W3C tanto XHTML como su CSS asociado así como Scripts de JAVASCRIPT y optimizo el SQL para que las consultas sean más rápidas.

Además hago un análisis del rendimiento y posicionamiento general de un sitio, analizando todas las condiciones de carga extrema, compruebo que la información esté bien estructurada y que la jerarquía del árbol DOM sea fácilmente indexable. Compruebo que los apartados clave para posicionamiento (SEO) estén bien colocados.

En este vídeo muestro cómo se van arreglando los errores de un sitio web con OsCommerce, cuya plantilla ha sido construida a base de tablas, para arreglar un error de validación del HTML con el validador de la W3C hace falta modificar tanto el código PHP como el HTML así como la configuración de la tienda y de los módulos instalados, poco a poco se van solucionando errores como la falta de comillas o atributos caducados en etiquetas HTML, para ello hago uso de búsquedas en ficheros con expresiones regulares, las cuales son del tipo

  • Reglas para buscar atributos sin comillas dobles!
    (width|height)(\=)[0-9]
    (align)(\=)([a-zA-Z0-9])
  • Atributos caducados
    <table(.*)height
  • Regla “NET-enabling start-tag requires SHORTTAG YES”:
    (<br \/>)|(<br\/>)
    o bien
    <br (.*)\/>

Gracias a estas reglas solucionaremos cientos de errores en más de dos docenas de ficheros PHP.

Componente de Firefox para diseñadores y maquetadores Web: Pixel Perfect

Estos son algunos de los diseños en XHTML+CSS que existen actualmente en la red y que se basan en el correcto posicionamiento del arte gráfico usando un esquema de divisiones o cajas que enmarcan el resultado final…

Supongo que muchas veces os preguntaréis cómo diseñan estos genios sus páginas web, (mirad estos 35 excelentes diseños de webs e-commerce) no nos hace falta Flash realmente, sino que usando XHTML y CSS se pueden crear maravillas, ya lo estáis viendo.

Sin embargo, la tediosa tarea de colocar cada imagen en su sitio dentro de una división, cada fondo en el renglón adecuado y el pixel colocado en el milímetro ideal…es una tarea de titanes!, pero para eso amigos tenemos la herramienta Pixel Perfect…para colocar perfectamente los gráficos dentro de nuestra estructura y a mano :)

Y para muestra, un vídeo:

Para instalar esta extensión de Firefox sólo hay que pinchar aquí. (Debes tener Firebug instalado)

Para usarlo: Vamos a nuestra web, pulsamos F12 o sobre el icono de Pixel Perfect

y añadimos una capa con “Add overlay” que será la imagen que necesitamos colocar mediante valores CSS.

Por ejemplo:

Ahora podemos colocar la imagen que hemos añadido gráficamente, para obtener el HTML+CSS correspondiente a esta colocación pinchamos en la pestaña “HTML” y buscamos el objeto añadido dinámicamente o bien pulsamos en “Inspeccionar” y luego en la capa con la imagen superpuesta de modo que podemos copiar fácilmente el código creado por el generador de la extensión.

Felices modificaciones CSS :D

Aplicación web para inmobiliarias – proyectos y multimedia

Esta es una aplicación multilenguaje del año 2007 con zenphp. Se incluye un administrador interno con capacidad para subir ficheros e imágenes asociados a los inmuebles así como enviar direcciones de youtube para insertar conjuntamente con la descripción de aquellos.
Las cabeceras se pueden cambiar por cada entrada de inmueble de cada categoría, además ,las plantillas contienen un gestor de imágenes con las que se construye una galería con fotografías dentro de la página de cada inmueble…

Las plantillas XHTML + CSS se crearon por Agencia Q4 en el 2007.

Aplicación Web para restaurante con guarderia – Platos y Noticias

En el año 2007 se realizó la programación de esta web se hizo con el prototipo 0.1.2.7 de zenphp, las plantillas XHTML + CSS son validadas por la herramienta de la W3C.
Mediante la ayuda de la administración interna es posible editar el contenido de la base de datos que se muestra en el cliente.
Se realizan validaciones para formularios en AJAX, en cuanto a la administración, además se permite la creación rápida de categorías para platos, y otros parámetros avanzados, etc.

Las plantillas XHTML + CSS se crearon por Agencia Q4 en el 2007.



Ver en Youtube

Catálogo de papelería – Flash + XML + PHP + MySQL

La aplicación web del proyecto hace uso de la tecnología Flash con XML y PHP + MySQL para crear un catálogo administrable usando el framework zenphp prototipo del 2007-2008 como base de programación. Las diferentes secciones contienen categorías configurables con un editor de texto enriquecido dentro de un gestor de contenidos programado a medida

El diseño XHTML+CSS+FLASH de la página es de Agencia Q4.

Aplicación web de reservas, ofertas y otros para apartamentos

Uno de los prototipos del framework zen php más avanzados de los años 2007 a 2008 fué desarrollado mientras trabajaba en Agencia Q4, dónde se realizó el diseño de la web (la plantilla XHTML+CSS) mostrada en el vídeo.

Técnicamente: en esta aplicación web se rellena el contenido de las plantillas usando una estructura de clases embebida en una clase principal, es decir, toda la aplicación es un único objeto con referencias a cada parte.

Las plantillas fueron mejoradas usando JQuery para las operaciones de administración con AJAX y validaciones de formularios, animaciones, etc.

Se utilizan las sesiones de usuario para mantener los datos, al enviarse un formulario de reserva se avisa al encargado de los apartamentos y puede ver dicha información de reserva a través de un enlace en el e-mail enviado automáticamente que va directamente a la administración permitiendo realizar las reservas oportunas en el apartamento correspondiente a la reserva.

Página 1 de 212
footer
jbelon © | sitemap.xml