Lenguajes de programación Para nuestro estudio, vamos a dividir los lenguajes de programación en dos grupos: 1.- Lenguajes Compilados 2.- Lenguajes interpretados ¿Por que es esto importante? Cuando vamos a crear un producto es recomendable conocer las herramientas con las que vamos a trabajar. De eso dependerá el éxito del proyecto que emprendamos. Ahora bien: entonces que es un Lenguaje de Programación Compilado. Aunque pudiéramos decir que ese no es precisamente su nombre, pero si podemos afirmar que se implementa mediante un compilador. El código fuente es traducido por un compilador y genera un archivo ejecutable para una determinada plataforma. Código fuente Compilador Ejecutable
Lenguajes de programación Por otro lado, los Lenguajes interpretados no son procesados por un compilador ni generan un archivo ejecutable, por el contrario, atraviesan por un programa que interpreta lo que se quiere realizan y el resultado se va mostrando secuencialmente. Cada vez que esto se ejecuta ese código es interpretado. Para nuestra materia trabajaremos de manera constante con lenguajes que son solo interpretados. En el caso de aplicaciones o productos realizados para tecnología Web, los códigos fuentes son interpretados por los navegadores WEB. Atención: No todos los lenguajes interpretados son para ser usados con navegadores Web, solo los destinados para tal fin
HTML Antes de definir que es HTML, debemos decir primero que “no es” HTML, y definitivamente HTML no es un lenguaje de programación, ES UN LENGUAJE DE MARCA que se emplea para desarrollar paginas Web, nos permite configurar la manera en que se verá el contenido de una pagina Web en un navegador. El navegador interpreta lo que esta definido en ese lenguaje de Marca HTML son las siglas de “Hipertext Markup Languaje. (Lenguaje de marca de hipertexto es su significado en español). **** Cuando hablamos de hipertexto hablamos de estructuras no lineales que puede ser iterativas***
HTML HTML tienen una filosofía de desarrollo de referencias Los elementos que vemos en una pagina Web son referenciados, es decir, cuando vemos una imagen o un video, no significa que este elemento este incorporada en la pagina, con el lenguaje de marca HTML se hace una referencia a la ruta donde se encuentra almacenado dicho elemento, y cuando el navegador interpreta el código descifra la referencia y muestra el contenido. Las características del lenguaje de marca pueden cambiar según la evolución de sus versiones, también es importante que el navegador sea capaz de interpretar el código escrito, eso también depende de las versiones de los navegadores. ¿Cómo escribir HTML? Este flexible lenguaje puede escribir casi en cualquier editor de texto, incluso en Word. El editor de texto es la principal herramienta de trabajo de un programador. Un editor poderoso e inteligente, puede hacer una gran diferencia en el nivel de eficiencia con el cual se desempeña un desarrollador.
Como escribir código HTML HTML se escribe en forma de etiquetas emparejadas rodeadas por corchetes angulares derecho e izquierdo “< >”, la mayoría de las etiquetas tiene una apertura “<>” y un cierre “</>”. La etiqueta que abre y cierra todo documento Web es <HTML>contenido</HTML>. Las etiquetas disponibles en el lenguaje difieren según su uso, por ejemplo, existen etiquetas para hacer referencia a imágenes, audio, crear tablas, párrafos, saltos, listas entre otras. Ejemplo: <html> <body> <p>Esto es un párrafo. Bienvenidos a esta página Web.</p> </body> </html> En el ejemplo se puede observar el uso de tres etiquetas: <html> <body> <p>.la primera en etiqueta en abrir es la ultima en cerrar.
Como escribir código HTML Todos los documentos html se guardan con extensión .html: MiPagina.html y se ejecutan desde la ventana de explorador Estructura de una etiqueta html: detallemos el siguiente ejemplo: <img src="burbujas.png"> Una etiqueta puede tener muchas propiedades y cada una recibe un valor especifico. A través del siguiente enlace pueden ver las 91 etiquetas disponibles para HTML http://www.virtualnauta.com/html-etiquetas Valor de la propiedad Etiqueta img Propiedad
<html>, <head> y <body> Mi primera pagina Web Un documento HTML tiene tres etiquetas que (describen la estructura general de un documento y dan una información sencilla sobre él, estas etiquetas son: <html>, <head> y <body> Las etiquetas pueden escribirse en mayúsculas o en minúsculas, aunque el uso de las minúsculas es recomendado. <html> identifica que el documento está codificado en este lenguaje y Limita, el principio y el fin del documento. <head> la cabecera: contiene información y recursos sobre el propio documento y que no aparece en el documento, destacando el titulo <TITLE>. Que define el nombre que aparece en la cabecera del visualizador y en los buscadores de ahí la importancia de que sea significativo. <body> El cuerpo contiene los elementos visibles en la página. imágenes, encabezados, párrafos de texto, listas, tablas, hipervínculos y mas.
Veamos el siguiente ejemplo: Mi primera pagina Web Veamos el siguiente ejemplo: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Mi primera página</title> </head> <body> Mi primera página web </body> </html> <!doctype html> esta etiqueta es una de las pocas que no esta emparejada, es decir no tiene cierre, se utiliza para declara un documento HTML5 para que se Visualice correctamente. <meta> define varios tipos de metadatos. El atributo charset especifica la codificación usada en nuestra página.
Mi primera pagina Web Charset utf8 es la Unicode Transformation Format 8-bit. Representa el código de caracteres UNICODE. Es compatible con ASCII. Permite visualizar los caracteres de todos los idiomas. Copia el código anterior en el editor previamente instalado en tu computador, asegúrate de configurar el lenguaje HTML y que al guardar tenga extensión html. Guarda el archivo en tu carpeta y ejecútalo. 2 3 1
Caracteres especiales de uso frecuente Existen caracteres que no se visualizan en el navegador bien sea porque éste no los puede interpretar o porque son propios del lenguaje HTML, por ello se debe utilizar su notación codificada: Extraido de http://www.virtualnauta.com/
Paleta de colores A veces necesitamos escribir el código RGB para dar tonos específicos a los elementos, a continuación un ejemplo de la tabla RGV.
Enlaces http://www.virtualnauta.com/html-etiquetas Los siguientes enlaces les permitirán estudiar las etiquetas disponibles en html y sus atributos. Etiquetas http://www.virtualnauta.com/html-etiquetas Atributos http://www.virtualnauta.com/html-atributos Extraido de http://www.virtualnauta.com/