Lenguaje de programación de páginas web

1

LENGUAJE DE PROGRAMACIÓN DE PÁGINAS WEB

2

ÍNDICE: INTRODUCCIÓN ¿QUÉ ES HTML? CREACIÓN DE PÁGINAS WEB CON HTML SENCILLO

ESTRUCTURA BÁSICA DEL HTML ESCRIBIR TÍTULOS ETIQUETAS DE PÁRRAFOS ETIQUETAS META LENGUAJE SCRIPT LISTAS INSERCCIÓN DE IMÁGENES HIPERENLACES ,HYPERLINKS… TABLAS SONIDO

CONCLUSIÓN BIBLIOGRAFÍA

3

INTRODUCCIÓN

El HTML no es más que una aplicación del SGML (Standard Generalized Markup Language), un sistema para definir tipos de documentos estructurados y lenguajes de marcas para representar esos mismos documentos. El término HTML se suele referir a ambas cosas, tanto al tipo de documento como al lenguaje de marcas.

El lenguaje que utilizan las computadoras que están conectadas a Internet es HTML.

4

¿QUÉ ES HTML?

Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la www (World Wide Web).

El concepto de Hipertexto (Conocido también como link) permite conectar dos elementos entre si y el SGML (Lenguaje Estándar de Marcación General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse. HTML no es propiamente un lenguaje de programación como Visual Basic, etc., sino un sistema de etiquetas. El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el que ofrece MS Office (Word). El conjunto de etiquetas que se creen, se deben guardar con la extensión .htm o .htmlEstos documentos pueden ser mostrados por los visores o "browsers" de paginas Web en Internet, como Microsoft Internet Explorer.

5

Creación de páginas web con lenguaje HTML

Se pueden utilizar varios programas especializados Otra forma de diseñar un archivo .html, es copiar

todo en el Bloc de Notas del WindowsEstructura de los documentos de HTML

PROGRAMAS ESPECIALIZADOS

(ejemplos)

Microsoft Front PageMacromedia

Dreamweaver 3.

6

ESTRUCTURA BÁSICA DEL HTML

Toda página Web debe contener la siguiente estructura : <HTML> La etiqueta le indica al visualizador que va a

comenzar a leer un documento HTML y se debe colocar siempre al comienzo y al fin del texto.

<HEAD> Indica un encabezado . <TITLE></TITLE> Título

<BODY> </HTML>

7

ESCRIBIR TÍTULOS Para escribir títulos se usa la etiqueta <Hx></Hx> en donde x es un

número:<h1>Titulo principal</h1><h2>Titulo secundario</h2><h3>Titulo terciario</h3><h4>Titulo cuarto nivel</h4>

Quedaría:Título principalTítulo secundario Título terciarioTítulo cuarto nivel

8

ETIQUETAS DE PÁRRAFO

Se utiliza la etiqueta <P> y </P>.

Este comando es muy útil debido a que si uno escribe algo porque el texto siempre va a aparecer en la misma línea.

9

Para alinear un párrafo se utiliza el comando <ALING> y </ALING>, utilizado dentro de la etiqueta <P>. Se puede alinear de tres formas diferentes

<p align="left"> Párrafo... </p> Alinea a la izquierda.<p align="center"> Párrafo... </p> Realiza un centrado.<p align="right"> Párrafo... </p> Alinea a la derecha.

Para cambiar de línea sem usa el comando: <BR>.

Para separar un párrafo de otro: <HR>

10

ETIQUETAS PARA FORMATO DE TEXTO <B> y </B> Sirve para colocar un texto en Negrita.

<U> y < /U> Sirve para subrayar un texto<STRIKE> y </STRIKE> Sirve para tachar un texto.<STRONG> y </STRONG> Cumple la misma función que <B><I> y <I> Para colocar un texto en cursiva.<EM>texto con énfasis</EM> texto con énfasis<CITE>citación</CITE> citación<DFN>definición</DFN> definición<KBD>teclado</KBD> teclado<SAMP>ejemplo</SAMP> ejemploSIZE: Regula el tamaño de los caracteres.

FACE: fuente (arial…)

11

COLORES :

<FONT> :Regula el color del texto:1.Especificación de los valores RGB del color deseado en forma

hexadecimal (RGB=Red/Green/Blue, valores Rojo/Verde/Azul)

2. Nombre del color en inglés <body bgcolor=#808080></body> :para el color de fondo.

text="#número" Para el color del texto. link="#número" Para el color de los enlaces. vlink="#número" El

color con que aparecerán los enlaces ya visitados. alink="#número" Color del enlace cuando lo pulsamos.

La combinación de números depende del color que se quiera,

12

ETIQUETAS META

Usadas para poner meta-información del documento.

Indica el nombre de la persona que elabora la pagina WEB<META NAME = "keywords" content = “Ana Fernández">

13

LENGUAJE SCRIPT DEFINICIÓN:

Un lenguaje de script es un pequeño lenguaje de programación cuyo código se inserta dentro del documento HTML. Este código se ejecuta en el navegador del usuario al cargar la página, o cuando sucede algo especial como puede ser el pulsar sobre un enlace.

CARACTERÍSTICAS:

Permiten variar dinámicamente el contenido del documento, modificar el comportamiento normal del navegador, validar formularios etc...

Se ejecutan en el navegador del usuario y no en la máquina donde están alojadas.

14

LISTAS Las listas pueden ser:

Lista desordenada, <UL> (Unordered List).Lista ordenada, <OL> (Ordered List).Lista con círculos:<li type=circle> Lista con cuadrados:<li type=square>

15

INSERCCIÓN DE UNA IMAGEN La etiqueta utilizada para agregar imágenes a una

página Web es <IMG> , va acompañada de un atributo fundamental "SCR", que indica la ruta donde se encuentra el archivo a insertar .

Es decir:<IMG SRC="lugar donde guardo la imagen">

16

HIPERENLACES,HYPERLINKS O LINKS Para definir un enlace es necesario marcar con la etiqueta <a> el

objeto del cual va a partir dicho enlace. Debe incluir :href="URL" para especificar el destino del enlace. Es decir, que antes del objeto elegido debemos abrir con <a href="URL">, y después cerrar con </a>.

Ejemplo: queremos que el texto "pulse aquí para visitar tienda ONLIE" nos conduzca a la "home page" de la tienda onlie, debemos escribir en nuestro texto HTML:<a href="http://www.tienda.onlie/">Pulse aquí para visitar a la tienda onlie</a>

Se vería : Pulse aquí para visitar a la tienda onlie

Si queremos foto:<a href="imagen.gif">Foto</a> entonces al hacer clic en el texto Foto nos abrirá la imagen.gif.

17

TABLASLas tablas son posiblemente la manera más clara de organizar la información. También es el modo más adecuado de maquetar texto y gráficos de una manera algo más controlada que con los parámetros ALIGN.

Las tablas se definen de la siguiente manera. Primero, las características de la tabla, luego las de cada fila y dentro de ésta, cada celda. Así sería un ejemplo de tabla:

<TABLE> <TR> <TD>1,1</TD> <TD>1,2</TD> <TD>1,3</TD> </TR> <TR> <TD>2,1</TD> <TD>2,2</TD> </TR> </TABLE>

18

Estas son las cosas que podremos cambiar con los atributos de TABLE:

BORDER Especifica el grosor del borde que se dibujará alrededor de las celdas. Por defecto es cero, lo que significa que no dibujará borde alguno. CELLSPACING Define el número de pixeles que separarán las celdas. CELLPADDING Especifica el número de pixeles que habrá entre el borde de una celda y su contenido. WIDTH Especifica la anchura de la tabla. Puede estar tanto en pixeles como en porcentaje de la anchura total disponible para él (pondremos "100%" si queremos que ocupe todo el ancho de la ventana del navegador). ALIGN Alinea la tabla a izquierda (LEFT), derecha (RIGHT) o centro (CENTER).

19

SONIDO Formatos WAV y MID.

Otros necesitan : plug-in o Real Audio para los archivos RA. ModPlug para los MOD y derivados.

Sonido activado por el usuario

La manera más sencilla de incluir sonidos es dejando al usuario la decisión de escucharlos o no. Para hacerlo incluiremos el sonido en el parámetro HREF de un enlace, como si fuera una página HTML:

Sonido de fondo

En Explorer, desde la versión 2.0, se pueden incluir fondos sonoros utilizando la etiqueta BGSOUND :

<BGSOUND SRC="musica.mid">

20

CONCLUSIÓN Si no hubiera HTML aun seguiríamos con el antiguo FTP mandándonos o bajando archivos que a veces ni sabíamos lo que eran ni lo que contenían, sin poder visualizarlo antes. El lenguaje de HTML fue un gran avance para el mundo ya que permite a las personas crear sus propias páginas web de cualquier tipo de contenido para mostrárselas al resto de los países por medio de internet.Con el HTML se logró un gran movimiento económico ya que muchas empresan unan la red para publicar , ofrecer y vender sus productos .

También gracias al HTML nacieron muchas empresas que ofrecen diversos servicios como Yahoo, HotMail, Gmail,Amazon, etc.

Todo el universo de Internet se lo debemos al HTML, ya que todas las páginas con las que se compone la World Wide Web están hechas con el lenguaje de programación HTML.

21

BIBLIOGRAFÍA

ClarínGuía práctica de InternetBuenos AiresEditorial Sol 90 Barcelona1999

Sergio Talens Oliag - José Hernández OralloHTML. Manual de ReferenciaEditorial Paraninfo1996

http://www.monografias.com/

http://www.um.es/docencia/

Lenguaje de programación de páginas web

Technology

Transcript of Lenguaje de programación de páginas web