Tag Archive for expression web

HTML – Introducción/ Practica no. 1

¡Hola! Bienvenidos al curso de HTML en esta nueva serie de artículos vamos a aprender todo lo referente a HTML, sus funciones, sus beneficios, como trabajar correctamente en dicho lenguaje y ¡Lo mejor! es que podrás realizar tu propio espacio web. Muy bien ¡Comencemos!

¿Que es HTML?

Es el lenguaje de programación predominante para el desarrollo de paginas webs. Como sus siglas denotan HTML (HyperText Markup Language) el cual su traducción seria Lenguaje de marcado de Hiper Textos . HTML no es propiamente un lenguaje de programación como C++, Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningún compilador, por lo tanto algún error de sintaxis que se presente éste no lo detectará y se visualizara en la forma como éste lo entienda. El lenguaje Html como se aclaro anteriormente es una lenguaje de Etiquetas por tanto se trabaja de la siguiente forma, Abrimos nuestra etiqueta Dentro de la etiqueta va el contenido que desees dentro de ella y cerramos la etiqueta para indicar que finalizamos nuestro etiquetado.

¡Un poco de Historia!

La primera descripción de HTML disponible públicamente fue un documento llamado HTML Tags o Etiquetas HTML, publicado por primera vez en Internet por Tim Berners Lee en 1991. Describe 22 elementos que incluyen el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML.

Nocion Basica

El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como lo podría ser el Bloc de Notas en Windows. En la actualidad existen editores de Textos mas avanzados y con herramientas que te permite ahorrar tiempo y trabajo como lo serian: DreamWeaver, FrontPage, Expression Web, entre otros.

Herramientas Necesarias

Las herramientas necesarias para trabajar este lenguaje son muy básicas pero realmente esenciales, como lo serian tu navegador de preferencia y como anteriormente mencionado un editor de texto. Recomendamos que utilices un navegador actualizado como lo seria Google Chrome, Mozilla FireFox, Safari, entre otros. Al igual que el editor de Texto, Nuestra recomendación es “Sublime Text 2″ un editor de texto de bajo consumo de recursos y muy eficaz, debemos aclarar que dicho editor de texto es pago, por tanto tenemos que pagar una mínima cantidad para adquirirlo o trabajarlo en modo de prueba, ¿Existen Alternativas Gratuitas Similares? Definitivamente, puedes utilizar Notepad++ el cual tiene una interfaz muy minimalista el cual te permitirá adaptarte muy rápido y sobre todo con una excelente eficacia.

Es hora de la practica

Luego de un poco de teoría es necesario entrar en la practica para complementar nuestros conocimientos. Muy bien veamos como estructurar correctamente una pagina web con HTML.

La estructura de HTML se basa de 2 partes el cual seria HEAD como bien su nombre menciona es la Cabeza de la pagina, donde irán etiquetados adicionales como lo serian el titulo de la pagina, los estilos de la pagina, sus metas tags entre otras cosas. El Body que no es mas que el Cuerpo de la pagina, aquí es donde irán todo lo que queremos sea visual de nuestra pagina, es decir, nuestro entorno de trabajo.

Estructura

Finalizamos la practica, espero te halla gustado esta pequeña introducción. Saludos