Design and Development Tools

Link Checkers

Link Tools and Checkers

• W3C Link Checker : W3C Link Checker reads HTML and XHTML documents and extract a list of links comparing several common problems, in general Link Checker determines if links are valid, a list of potential problems and warnings is shown after the page links are tested one by one.


• Free Broken Link Checker is a useful tool that will send a spider to check for broken links on your website, it also follows external links. This checker doesn't work with frames, links inside javascripts or flash objects. Report includes number of links, number of invalid links and number of 404 errors.


• Dr. Watson online service analizes web pages besides link validity checking it also checks for link popularity, search engine compatibility, download speed, etc.


• Xenu Link checker: This is by far the best Windows compatible link checker available. Xenu is a free tool that check web sites for broken links, it can handle links from text, images, javascripts, css, maps, java applets, etc. A list of errors or potential problems is updated in real time, reports can be sort by different criteria.

Verificacion de enlaces

Herramientas para verificacion de Enlaces

• W3C Link Checker : El verificador de enlaces de W3C lee documentos con codigo HTML y XHTML y extrae una lista enlaces verificando que esten exentos de problemas comunes, como errores de codificacion o incumplimiento de los estandares W3C, en general este verificador de enlaces sirve para determinar si un enlace es valido, una lista de problemas potenciales y sugerencias para corregirlos es mostrada despues que todos los lenlaces en la pagina son verificados uno a uno.


• Verificador de enlaces rotos es una util herramienta que envia una "araña" a buscar enlaces rotos en su sitio web, este verificador es tambien capaz de seguir enlaces externos, sin embargo, no funciona con enlaces dentro de codigo Java u objetos desarrollados en Flash. El reporte final incluye numero de enlaces, numero de enlaces invalidos y numero de errores 404 recibidos (Error 404 significa pagina no encontrada).


• Dr. Watson Servicio en linea que analiza paginas web; ademas de la validez de enlaces, Dr Watson tambien proporciona informacion muy util para la optimizacion de sitios web: Popularidad de un sitio (basado en el numero de enlaces externos que apuntan a el), compatibilidad con motores de busqueda, velocidad de descarga, etc.


• Xenu Link checker: Esta, es de lejos, la mejor herramienta de verificacion de enlaces para Windows. Xenu es una aplicacion gratuita que busca enlaces rotos, es ademas, capaz de verificar enlaces desde texto, imagenes, javascripts, CSS, mapas, java applets, etc. Una lista de errores y problemas potenciales es actualizada en tiempo real; los reportes pueden ser mostrados de acuerdo a diferentes criterios definidos por el usuario.

Herramientas de Diseño y Desarrollo

HTML Editores y Herramientas

Basicamente un editor HTML es una aplicacion de computador usada para crear y/o editar paginas web. En primer lugar me gustaria explicar que el término HTML sginifica: Hyper Text Mark-up Language (siglas en ingles), que traducido al español seria algo como: Lenguaje de Marcadores de Hiper Texto que no es otra cosa que un lenguage de programacion basado en etiquetas y comunmente utilizado para crear paginas web.

Un editor HTML es escencialmente un editor de texto pero especializado en la escritura de codigo HTML. Estos editores ayudan al autor catalogando e insertando etiquetas y estructuras comunes en el lenguage, de forma automatica, tambien ayudan en la deteccion de errores de sintaxis y, en la mayoria de casos, incluyen herramientas para verificar que el codigo incluido en las paginas funciona correctamente en diferentes navegadores y que estas cumplan las normas establecidas por el Consorcio de Estandares de Internet conocido como W3C, al cumplir estas normas se garantiza que su sitio sea accesible desde cualquier marca de computador, sistema operativo y en teoria, deberia ser prensentado con la misma estructura en todos los navegadores de internet.

Dependiendo de la interface del editor esots son dividos en tres grupos principales:

• Editores WYSIWYG HTML: (What You See Is What You Get) o Lo que Usted Ve Es Lo Que Usted Obtiene; el trabajo se realiza en paginas que van mostrando la estructura final que tendra la pagina en los navegadores, este tipo de editor es especialmente util para personas con poco o ningun conocimiento de programacion en HTML, XLM, CSS, etc


• Editores WYSIWYM (What You See Is What You Mean) o lo que usted ve es lo que usted quiere representar: En lugar de enfocarse ne el formato de presentacion del documento este tipo de editores preservan el significado de las etiquetas utilizadas, cada par de etiquetas es marcado como tal y presentado al desarrollador en forma logica, el codigo resultante en este tipo de editor es signifcativamente mas corto que le producido por los editores WYSIWYG y ofrecen mayor compatibilidad entre navegadores.


• Editores de Texto plano y editores de objetos : Usado por profesionales que prefieren mayor control sobre la estructura de las paginas. Debido a que toda la programacion es hecha a mano, se requiere un excelente conocimiento de los lenguages y tecnologias relacionas con la produccion de paginas web.

Nuetra seleccion de herramientas y editores de codigo HTML incluye una pequeña revision sobre su funcionamiento y caracteristicas principales, esperamos que esto ayude a nuestros visitantes a encontrar la correcta herramienta de edicion para cada necesidad