Blog de Jaime Olmo » XHTML http://www.blogdejaime.com Diseño, Programación, Fotografía y algo mas Thu, 08 May 2008 05:22:05 +0000 http://wordpress.org/?v=2.8.5 en hourly 1 HTML5 vs HTML4 http://www.blogdejaime.com/2007/06/15/html5-vs-html4/ http://www.blogdejaime.com/2007/06/15/html5-vs-html4/#comments Fri, 15 Jun 2007 19:46:49 +0000 Jaime http://www.blogdejaime.com/2007/06/15/html5-vs-html4/ Traducción del documento original (enlaces añadidos).

Este documento describe las diferencias entre HTML4 y HTML5 y proporciona una análisis racional de los cambios. Este documento puede no proporcionar la información exacta ya que la especificación HTML5 todavía está en el desarrollo. Cuando tenga dudas, verifique siempre el documente de especificación del HTML5.

A todos los programadores y diseñadores para el web, es hora de ir mirando lo que nos depara un futuro no muy lejano.

]]> http://www.blogdejaime.com/2007/06/15/html5-vs-html4/feed/ 0 Guía para construir un website exitoso http://www.blogdejaime.com/2004/11/05/guia-para-construir-un-website-exitoso/ http://www.blogdejaime.com/2004/11/05/guia-para-construir-un-website-exitoso/#comments Fri, 05 Nov 2004 22:38:35 +0000 Jaime http://www.jaimealejandro.com/blog/archivos/2004/11/05/152/ Esta guía, How to Build a Successful Website, es ideal para todos aquellos que desean entrar de lleno al mundo del diseño web. Usualmente cuando comenzamos a crear un website olvidamos sentar bases solidas en nuestro trabajo y cuando abrimos los ojos vemos que estamos en medio de un proyecto pobremente planificado. Estos pasos te ayudaran a saber por donde comenzar y como crear un website rentable.

]]> http://www.blogdejaime.com/2004/11/05/guia-para-construir-un-website-exitoso/feed/ 1 Guía básica para el XHTML. http://www.blogdejaime.com/2004/08/28/guia-basica-para-el-xhtml/ http://www.blogdejaime.com/2004/08/28/guia-basica-para-el-xhtml/#comments Sat, 28 Aug 2004 21:24:02 +0000 Jaime http://www.jaimealejandro.com/blog/archivos/2004/08/28/125/ Soy lector fiel del blog Minid. Hoy disfruté de esta útil guía sobre XHTML la cual se que será de gran utilidad para todos. Gracias Diego.

Actualizado
Guía para el diseño web.

]]> http://www.blogdejaime.com/2004/08/28/guia-basica-para-el-xhtml/feed/ 0 Haz que tus enlaces sean más inteligentes. http://www.blogdejaime.com/2004/06/11/haz-que-tus-enalces-sean-mas-inteligentes/ http://www.blogdejaime.com/2004/06/11/haz-que-tus-enalces-sean-mas-inteligentes/#comments Fri, 11 Jun 2004 06:31:45 +0000 Jaime http://www.jaimealejandro.com/blog/archivos/2004/06/11/113/ Vaciones de verano.</a> Lo cual no esta nada mal. Pero si deseas que tu enlace sea más atractivo para el buscador le [...]]]> Esto es un tip sencillo que da muy buen resultado a la hora de un buscador indexar nuestros enlaces en sus “bases de datos”. Usualmente nosotros escribimos un enlace de esta manera: <a href="/blog/archivo/vacaciones/index.html">Vaciones de verano.</a> Lo cual no esta nada mal. Pero si deseas que tu enlace sea más atractivo para el buscador le puedes añadir el atributo title y escribirle un corto título al mismo. <a href="/blog/archivo/vaciones/index.html" title="Relato de las vacaciones de la familia Perez">Vacaciones de verano.</a> Esto no es obligado pero es de gran utilidad.

]]> http://www.blogdejaime.com/2004/06/11/haz-que-tus-enalces-sean-mas-inteligentes/feed/ 4 XHTML-Print. http://www.blogdejaime.com/2004/06/04/xhtml-print/ http://www.blogdejaime.com/2004/06/04/xhtml-print/#comments Fri, 04 Jun 2004 05:00:53 +0000 Jaime http://www.jaimealejandro.com/blog/archivos/2004/06/04/93/ La modularización del XHTML es inminente. Pronto el XHTML-Print será un estándar según el W3C. No sabía sobre este nuevo modulo del XHTML así que estaré leyendo un poco sobre el mismo en mi tiempo libre (si es que lo hallo). Por ahora te puedo decir que este nuevo estándar esta siendo desarrollado como un simple mecanismo para imprimir documentos en impresoras sin la necesidad de usar “driver”. Además como un mecanismo que pueda ser usado ampliamente no importando el medio. Puede ser desde un móvil, pda, etc. No brinda soporte para FRAMES ni para FORMS.

REFERENCIAS:
W3C: XHTML-Print
XHTML-Print Test Suit

]]> http://www.blogdejaime.com/2004/06/04/xhtml-print/feed/ 0 Por favor, usemos los DOCTYPE. http://www.blogdejaime.com/2004/05/05/por-favor-usemos-los-doctype/ http://www.blogdejaime.com/2004/05/05/por-favor-usemos-los-doctype/#comments Wed, 05 May 2004 05:18:55 +0000 Jaime http://www.jaimealejandro.com/blog/archivos/2004/05/05/55/ ¿Sabes cuales son las ventajas de usar un DOCTYPE? En estos días he estado observando muchas páginas web que carecen de un DOCTYPE. Muchas veces me preguntan: ¿Porque no se ve bien mi documento? Otros me dicen: ¿Para que pasar trabajo de más colocando un DOCTYPE si eso a nadie le importa? No son muchos los que conocen las ventajas de usar un DOCTYPE. Peor aún, la mayoría de las veces ni sabemos para que son los DOCTYPES y simplemente hacemos el consabido “COPY & PASTE” de otra fuente y damos por terminada la tarea.

Toda esta experiencia me hizo revisar este documento sobre DOCTYPES que es una traducción a un artículo escrito por Jeffrey Zeldman hace par de años atrás pero que aún hoy en día tiene mucha vigencia. Muy bien traducido por Pedro Palazón Candel el artículo nos enseña que tipo de DOCTYPE debemos usar y cuales son los mas usados hoy en día. En mi país hay un dicho popular que dice: “El vago pasa doble trabajo”. No seamos desarrolladores vagos y comencemos a crear documentos HTML con sentido de identidad, aprendamos a crear documentos que cumplan con los estándares web. Estoy seguro que usted, su hijo y hasta su nieto se lo van agradecer. Manos a la obra.

Enlaces de interes:
Arreglando tu sitio web con el DOCTYPE correcto.
Plantillas de DOCTYPES.

]]> http://www.blogdejaime.com/2004/05/05/por-favor-usemos-los-doctype/feed/ 0 Entender el XHTML. http://www.blogdejaime.com/2004/04/27/entender-el-xhtml/ http://www.blogdejaime.com/2004/04/27/entender-el-xhtml/#comments Tue, 27 Apr 2004 06:57:31 +0000 Jaime http://www.jaimealejandro.com/blog/archivos/2004/04/27/43/ Aquí podrás entender como trabaja el XHTML y cuales son sus ventajas sobre el HTML. Si eres nuevo en esto de los estándares o si no conoces nada sobre el XHTML te recomiendo que empieces por aquí, sé que te será de gran ayuda

]]> http://www.blogdejaime.com/2004/04/27/entender-el-xhtml/feed/ 0 Ventajas de los estándares web http://www.blogdejaime.com/2004/03/30/ventajas-de-los-estndares-web/ http://www.blogdejaime.com/2004/03/30/ventajas-de-los-estndares-web/#comments Tue, 30 Mar 2004 05:53:29 +0000 Jaime http://www.jaimealejandro.com/blog/archivos/2004/03/30/19/ Quiero compartir esta presentación que tenía guarda en mis “bookmarks” la cual encontré muy buena para ser tomada como referencia si en algún momento necesitas convencer a algún colega sobre los beneficios de usar los estándares web. Desde que descubrí el W3C soy fiel motivador de usar los estándares web para desarrollar mejores documentos para la Internet. Muchos son sus beneficios pero las más que resaltaría son:
  1. Formato del documento semánticamente correcto: Cada etiqueta dentro del HTML tiene su función y su definición única. No usarlas correctamente correspondería una violación de la semántica. Es como utilizar la “y” como una conjunción o utilizar un artículo como si fuera un pronombre.
  2. Utilizar CSS para separar el contenido de la presentación:
    • Nor permite cambiar la presentación de todo un website con tan solo editar un archivo.
    • Mejora la interpretación del código dentro del documento HTML. Mientras menos código haya más rápido cargará el documento.
  3. Accesibilidad: La tecnología debe estar al alcance de todos, sin importar impedimentos o que dispositivos se esten usando.

Usar estándares nos permite crear una Internet más saludable y robusta. Para más información aquí estan los enlaces del documento original en inglés y la traducción al español.

The benefits of Web Standards to your visitors, your clients and you! Por: Max Design

¡Las ventajas de los Estándares Web para tus visitantes, para tus clientes y para ti mismo! Trucido por: xoan sampaiño

]]> http://www.blogdejaime.com/2004/03/30/ventajas-de-los-estndares-web/feed/ 1 10 detallitos para mejorar la usabilidad. http://www.blogdejaime.com/2004/03/29/10-detallitos-para-mejorar-la-usabilidad/ http://www.blogdejaime.com/2004/03/29/10-detallitos-para-mejorar-la-usabilidad/#comments Mon, 29 Mar 2004 18:07:19 +0000 Jaime http://www.jaimealejandro.com/blog/archivos/2004/03/29/17/ He aquí una lista de 10 detalles en los cuales debemos pensar a la hora de crear un website. Esto no es una guía definitiva, pero son muy buenos consejos que te ayudarán a crea un website más útil.

  1. Coloca el nombre de tu website y el logotipo en cada una de las páginas. Haz que el logotipo sea un enlace el cual te lleve nuevamente a la página de inicio.
  2. Si tu website tiene más de 100 páginas, haz un buen motor de búsqueda para tu web.
  3. Se claro y directo cuando asignes titulares y títulos a tus páginas.
    Hazlos sencillos pero de manera tal que expliquen realmente el contenido de la página.
  4. Estructura tu página web de manera tal que sea fácil de leer y entender. Si tienes un artículo que es muy extenso, divídelo en páginas diferentes y organízalo de una manera lógica.
  5. En vez de colocar toda la información existente de un producto o un artículo, enfócate en lo necesario. Haz uso del hypertext (enlaces) para crear una estructura lógica del mismo. No hagas que tus usuarios pierdan el tiempo en detalles que no les interesen.
  6. Utiliza fotos para representar tus productos o las ideas que sean difíciles de explicar. Evita las fotos que agrupan todos los productos, es mejor tener una foto por cada producto. Haz que la foto tenga un enlace a una foto más detallada y ampliada del producto.
  7. No hagas “thumbnails” tan pequeños que no muestren las características más importantes de tu producto o la idea.
  8. Usa enlaces que provean información. Ya los enlaces que dicen: “Pulsa aquí”, “Lo mejor aquí” no lucen atractivos a los usuarios.
  9. Haz que las páginas principales estén accesible a todo público, incluyendo aquellos con impedimentos. Haz uso del atributo “ALT” dentro de las etiquetas del HTML. Haz bueno uso del CSS y de las funciones que tiene para este tipo de usuario.
  10. No menos importante, toma ejemplo de otros websites famosos. Recuerda que solo tomarás ideas y ejemplo de como ellos desarrollan su web, esto no quiere decir que vas robar el contenido, código, las imágenes, etc.

Estos consejos han sido de mucha ayuda para desarrollar mis proyectos y espero que de igual manera lo sean para ustedes.

]]> http://www.blogdejaime.com/2004/03/29/10-detallitos-para-mejorar-la-usabilidad/feed/ 4 Listado de acrónimos populares. http://www.blogdejaime.com/2004/03/28/listado-de-acrnimos-populares/ http://www.blogdejaime.com/2004/03/28/listado-de-acrnimos-populares/#comments Sun, 28 Mar 2004 05:44:03 +0000 Jaime http://www.jaimealejandro.com/blog/archivos/2004/03/28/15/ Estos son algunos de los acrónimos que más utilizo como desarrollador. Recuerda marcar siempre los acrónimos en tus páginas web. Si acaso no sabes como hacerlo o se te ha olvidado te lo voy a recordar con este corto ejemplo:

<acronym title="Hypertext Preprocessor"><a href="http://www.php.net/">PHP</a></acronym>

Ya no tienes excusa de olvidar usar los acrónimos en tus páginas, es hora de que comencemos a crear documentos accesibles y no “algaretes”.

Trataré de mantener esta lista en orden alfabético y totalmente relacionada al desarrollo de páginas web y diseño.

ASP: Active Server Page

CMS: Content Management System
CSS: Cascading Style Sheets

DOM: Document Object Model

FTP: File Transfer Protocol

HTML: HyperText Markup Language
HTTP: Hypertext Transfer Protocol

IIS: Internet Information Server

MP3: MPEG-1 Audio Layer-3

P3P: Platform for Privacy Preferences Project
PHP: Acronimo recursivo de Hypertext Preprocessor
PNG: Portable Network Graphics
PR: Page Rank

RDF: Resource Description Framework

SEO: Search Engine Optimization

URL: Uniform Resource Locators

W3C: World Wide Web Consortium

XHTML: Extensible HyperText Markup Language
XML: Extensible Markup Language
XSL: Extensible Stylesheet Language
XSLT: Extensible Stylesheet Language Transformations

]]> http://www.blogdejaime.com/2004/03/28/listado-de-acrnimos-populares/feed/ 1