desarrollo sostenible (steven ocampo): Lenguaje html

steven2004paisa@gmail.com

Lenguaje HTML

Estructura de una página web

Los elementos de la Web se componen de textos, imágenes, vídeo entre otros. Y se colocan dentro de la página de la forma que facilite mejor su entendimiento y uso. La colocación de estos elementos sobre la página se llama estructura. La forma en que se colocan los elementos se define como la estructura de la página.

Cuando hablamos de la estructura de una página web normalmente se identifica tres partes muy bien diferenciadas: la cabecera, el cuerpo y el pie de la página.

Cabecera o header

La cabecera contiene la parte superior de la web. En ella se encuentra la información básica de la empresa o marca y es consistente en todo el sitio, es decir, se repite en cada página de la web.

Los elementos que normalmente se encuentran en la cabecera son:

-Logo de la empresa

-El menú de navegación

-Un cuadro de búsqueda

-Una pequeña descripción de la web

Cuerpo o body

Es la parte de la web que alberga el contenido principal de tu web. Esta parte sí es diferente en cada página de tu sitio. Es decir, no será el mismo contenido el que incluyes en tu página de contacto que en la página principal.

Pie de página o footer

El pie de página o footer es la parte inferior de un sitio web. Al igual que la cabecera, se repite y es consistente en cada página. Además, también incluye elementos básicos como:

-Menú simplificado

-Información de contacto

-Botones de redes sociales

-Logo de la empresa

-Enlace a la política de privacidad

Códigos más utilizados y su escritura

Las páginas web se basan en parte en instrucciones largas y muy complejas que se le dan al ordenador. Al texto que incluye todos los comandos se le denomina código fuente, texto fuente o source code en inglés. Basándose en un determinado lenguaje de programación, los programadores establecen todas las normas para las aplicaciones ejecutables por ordenador. Si el autor inserta un error imperceptible en su trabajo y este contraviene las normas del lenguaje de programación, el programa no funciona o se bloquea al realizar determinados procesos.

Código fuente:

Los ordenadores, ya sean PC domésticos, modernos móviles u ordenadores para la industria o la ciencia, trabajan con un sistema binario: encendido/apagado, cargado/no cargado, 1/0. Una secuencia de estados (bits) indica al ordenador lo que tiene que hacer. Mientras que en los comienzos de la tecnología informática se creaban comandos con estas dos condiciones, hace tiempo que se ha pasado a escribir aplicaciones en un lenguaje de programación legible por los humanos. Esto puede sonar un poco raro a priori, pues para los profanos en la materia un código fuente es más un galimatías que otra cosa.

Formatos de texto más utilizados

Las extensiones de los archivos se pueden conocer al mirar su nombre. Normalmente serán reconocibles al ir precedidos de un punto (".") tras el cual podremos encontrar la extensión o formato del archivo. Aunque el uso de la notación "nombre.formato" no es obligatorio, se recomienda, ya que permite conocer de antemano el formato y las herramientas con las que podemos manejar el archivo. Su función principal es diferenciar el contenido del archivo de modo que el sistema operativo disponga el procedimiento necesario para ejecutarlo o interpretarlo, sin embargo, la extensión es solamente parte del nombre del archivo y no representa ningún tipo de obligación respecto a su contenido.

Unicode: Estándar libre para codificar, representar y tratar texto de manera consistente. Aspira a ser universal, abarcando –especialmente desde su versión 2.0- la mayoría de los sistemas de escritura que se utilizan en el mundo.

RTF: Formato de texto. El formato de fichero para documentos de texto enriquecido que fue propiedad de Microsoft y muy utilizado en sus aplicaciones de ofimática, aunque ha caído en desuso desde Word 2010. El hecho de tener control total sobre las especificaciones del estándar le daba a Microsoft una ventaja estratégica para su paquete Office, que siempre funcionaba mejor sobre este formato que los de la competencia.

HTML: Formato de hipertexto. El lenguaje de marcado estándar para crear páginas web. Tim BernersLee, un físico del CERN, creó este sistema de hipertexto a finales de 1990 y desde 1996 es el World Wide Web Consortium (W3C) el que se hace cargo de su especificación. Actualmente se habla de HTML 5, término que hace referencia a la última versión aparecida en conjunción con las últimas versiones de CSS y JavaScript.

PDF: Formato de libros electrónicos independiente del hardware, del sistema operativo y del software de la aplicación que lo maneje. Al igual que PostScript es un formato de gráficos vectoriales que puede contener a su vez otras cosas. Fue propiedad de Adobe hasta 2008, cuando se estandarizó. Seguramente el formato más popular de todo Internet para intercambiar documentos.

DOC: Este es el primer formato que apareció con Microsoft Word. Es uno de los formatos con más posibilidades para el usuario, sin embargo, al provenir de software propietario, ha sufrido algunos problemas serios de incompatibilidad. Además, los archivos con versiones más recientes pueden no ser compatibles con versiones anteriores. Hoy en día este formato puede ser visualizado por más procesadores de texto además del original (propietario).

DOCX: Esta es la versión más reciente del DOC, permite una mejora de compresión además de algunas otras mejoras frente al formato antiguo. Éste se ha decidido lanzar con una licencia libre, para ser mejor aceptado en la comunidad y poder ser estandarizado. Aunque el formato sea libre la herramienta que lo genera no lo es, lo que genera discusión y hace necesario un plugin para las otras herramientas.

Lenguaje para programar código HTML

El HTML es el núcleo de cada página web, independientemente de la complejidad de un sitio o la cantidad de tecnologías involucradas. Es el punto de partida para cualquier persona que esté aprendiendo a crear contenido web. Y, por suerte para nosotros, es sorprendentemente fácil de aprender.

HTML significa lenguaje de marcado de hipertexto. "Lenguaje de marcado" significa que, en lugar de usar un lenguaje de programación para ordenar funciones, el HTML utiliza etiquetas para identificar diferentes tipos de contenido y los fines de cada uno para la página web. El HTML usa etiquetas o elementos para identificar los distintos tipos de contenido. Estas etiquetas tienen nombres bastante intuitivos: etiquetas de encabezado, etiquetas de párrafo, etiquetas de imagen, etc. Cada página web se compone de un montón de estas etiquetas HTML que identifican cada tipo de contenido en la página.

Una vez que se ha abierto una etiqueta, se asume que todo el contenido que sigue es parte de esa etiqueta hasta que "cierre" la etiqueta. Cuando el párrafo termina, pondrías una etiqueta de párrafo de cierre: </p>.

Consejos a tener en cuenta para el diseño y elaboración de página en HTML

Cuando alguien apuesta por crear una página web, debe saber que empieza el momento de tomar muchas decisiones. Entre ellas están, por ejemplo, el tipo de diseño que quiere para su página, los contenidos y categorías que va a tener la web o el proveedor de servicios que va a diseñar y desarrollar el sitio.

Establece unos objetivos para tu página web: Es importante que definas lo que quieres conseguir con tu web, ya que debes saber que por mucho que tengas una página, esta no consigue los objetivos por sí misma.

Crea también tu imagen de marca: Si todavía no la tienes, es importante que tu marca tenga un logotipo y una imagen que los usuarios puedan asociar a tu compañía.

elige un proveedor integral y profesional: Es importante que confíes este proceso a un proveedor serio, profesional y de confianza. Tu página web será tu imagen en Internet y, si quieres tener una buena reputación, querrás que tu sitio web inspire confianza y transmita el mensaje que deseas hacer llegar a tus usuarios.

Una web que facilite la navegación al usuario: A la hora de decidirte por un diseño u otro, ten en cuenta que lo que necesitas es que el usuario se sienta cómodo navegando por tu página.

Diseño responsive: No olvides apostar por un diseño responsive adaptado a todos los dispositivos móviles. Sin él, perderás muchas visitas y usuarios, ya que en la actualidad es cada vez mayor el número de personas que navegan por Internet a través de sus teléfonos móviles y tablets.

Si tu web es un e-commerce, facilita el proceso de compra: Si el objetivo de tu página es vender, elige módulos de compra fáciles para el usuario. Cuanto más claro sea el método de compra y cuantos menos campos deba rellenar el usuario, mucho mejor.