arquer.netarquer en la red
arquer.netExisten numerosas referencias en Internet sobre qué es el lenguaje 'html', sus entresijos, etc. por eso no voy a escribir otro tutorial. Tan solo algunas indicaciones para facilitar la vida a los que comienzan.
El organismo encargado de mantener los estándares de la 'web' es el World Wide Web Consortium (W3C) y en sus páginas podemos encontrar entre otras las siguientes referencias de interés para aprender a publicar páginas:
Por supuesto que hay unos cuantos cientos o tal vez miles de páginas con referencias o tutoriales están al alcance de un click a través de cualquier buscador.
He mencionado el lenguaje 'html' y en las referencias anteriores se citan las versiones 4 y superiores de este lenguaje. Pero hay otros, en particular el XML que van apareciendo con fuerza. Aprender cosas sobre 'hmtl 4' no es perder el tiempo porque en muchos sentidos es la base de los lenguajes de marcas más modernos.
Hasta 'html 4' los editores de páginas web mezclaban en el mismo documento los contenidos y las instrucciones para darle su aspecto final en el navegador. Aún hoy en día muchos editores de páginas web utilizan estándares anteriores (como html 3.2) en los que contenido y apariencia se manipulan conjuntamente.
Sin embargo los lenguajes actuales hacen una separación completa de contenido y apariencia. Esto permite que los editores de páginas web preparen sus documentos de forma lógica y muy accesible y que el aspecto visual se pueda modificar con facilidad y rapidez sin alterar la estructura de los documentos.
Una página convenientemente escrita utilizará las etiquetas de cabecera (h1, h2,...) de tal forma que a primera vista sea obvia la estructura de la información que se publica.
A continuación, en una hoja de estilo se escribirá la información sobre tipografía, (nombres y tamaños de las fuentes), colores, márgenes, etcétera y además se podrán definir estos estilos para cada uno de los posible navegadores en los que se mostrará la página.
No, no vamos a cambiar de tema. Seguimos con las hojas de estilo y las páginas web.
El propósito de publicar en internet es que nuestras páginas las vea la gente, cuanta más mejor. Por eso es importante que sean muy pero que muy accesibles.
Cuando editamos con hojas de estilo (css), al separar el contenido de la presentación, permitimos a los usuarios decidir qué ven, escuchan o imprimen en cada página que visitan. Esto es especialmente importante en el caso de visitantes que tengan alguna dificultad sensorial.
Si decidimos que el tamaño de la letra de nuestros párrafos sea de 8 puntos (font-size: 8pt) podemos dejar los párrafos 'clavados' en la pantalla pero estamos poniendo trabas a que una persona con dificultades visuales (discapacidad física) o con un monitor determinado (discapacidad tecnológica) sean capaces de leer cómodamente nuestra página.
Se corrige con facilidad utilizando tamaños relativos para que el navegador muestre el texto según las preferencias del lector, si queremos una letra pequeña para una parte de nuestra página podemos definir el tamaño del texto en relación al tamaño medio con la unidad 'em', (font-size: .9em) y cuando nuesto lector decida utilizar distintos tamaños de letra, nuestra página obedecerá dócilmente guardando las proporciones de nuestro texto.
Cuando pasamos puntero del ratón sobre un enlace el navegador dispara el evento 'hover'; si especificamos el tamaño del texto para los enlaces hay que tener cuidado de que sea el mismo en todos los estados posibles, mira un contraejemplo pasando sobre estos enlaces:
Incluso si eres hábil puedes tener dificultades de acceso ¿verdad?.
No me voy a cebar con la gente creativa que utiliza colores 'poco convencionales' para sus presentaciones o para sus páginas. No, no me voy a cebar aquí con ellos reservaré fuerzas para dedicarles una página completa.
Incluso personas que cuidan minuciosamente el aspecto de sus escritos pueden cometer este error; se declara un color para algún elemento y se deja hacer al navegador...
Si nuestro elemento 'cae' dentro de otro que está afectado por la 'cascada' (recordemos: hojas de estilo en cascada significa que los estilos se aplican uno tras otro), puede resultar ilegible.
Para evitar este error, cada vez que se define un color para el texto (primer plano) elegiremos otro (suficientemente distinto) para el fondo. Utilizaremos conjuntamente los atributos color: y background-color: siempre.
Las imágenes se pueden insertar con el propósito de decorar la página o con el de mostrar información; las personas que no pueden ver y los robots y buscadores necesitan una explicación en forma de texto.
Después de editar convenientemente la imagen no resulta un trabajo excesivo escribir un pequeño texto que la explique o incluso la sustituya en el atributo alt="texto que describe la imagen"; esto se puede hacer con casi cualquier editor de páginas web, incluso los más cutres.
Editar una página web es algo que se puede aprender en poco tiempo y tenemos muchas fuentes para hacerlo, incluso ver como lo hacen los demás (casi todos los navegadores nos permiten ver el 'código fuente' y yo lo recomiendo efusivamente a los curiosos).
Que nuestras páginas estén bien construidas facilita la vida a los lectores pero también las hace más accesibles e interesantes para los motores de búsqueda; estarán mejor posicionadas en los 'page-rankings', es una cuestión de calidad.
Si has visto ya algún tutorial (y le echaste una ojeada al código fuente del autor) te habrás dado cuenta que cuanto mejor es una página, más se aprende viendo la simplicidad del código con el que trabaja su editor, desconfía de tutores que editan con programas sofisticados y aprende de los que utilizan los más simples y hermosos.
Busca en Google evitando contenidos inadecuados desde esta página
La búsqueda segura en Google te ayuda a encontrar paginas con contenidos adecuados para toda la familia