LPOO

2015
SEGUNDO ENSAYO
Universidad Nacional de Ingeniera
Autor: Chunqui Vela Jos Lendel 20131032H
1. HTTP
1.1 Protocolo de comunicaciones
Un protocolo de comunicaciones es el estndar (las reglas) que define la sintaxis,

semntica y sincronizacin de las comunicaciones.
Para el caso de las computadoras, el protocolo de comunicaciones, llamado en

este caso protocolo de red, define la forma en la que los distintos mensajes o
tramas de bit circulan en una red de computadoras.
1.2 La World Wide Web (WWW)
Red informtica mundial. Su funcin es la de ordenar y distribuir la informacin

que existe en el internet.
Se basa en hipertextos, que son pginas en las que se puede insertar

hipervnculos, los cuales nos conducen de una pgina a otra dentro de la web.
1.3 Qu es HTTP?
Son las siglas de Hypertext Transfer Protocol o Protocolo de Transferencia de

Hipertexto. Es un protocolo de red usado en cada transaccin de la Word wide
web, y se cre para que los hipertextos, hipervnculos e hipermedias cumplan su
funcin.
2. Lenguajes de marcado
Un lenguaje de marcado o lenguaje de marcas es un lenguaje que codifica un

documento de tal manera que una computadora pueda manipularlo. Emplea marcas
o etiquetas junto al texto que contiene informacin acerca de la estructura del texto
o su presentacin.
No debe confundirse un lenguaje de marcado con un lenguaje de programacin. Los

lenguajes de programacin poseen funciones aritmticas y variables, mientas que un
lenguaje de marcado carece de esas caractersticas.
3. HTML
Son las siglas de HyperText Markup Language o lenguaje de marcas de hipertexto.
Es un lenguaje de marcas empleado para la construccin de pginas web.
El HTML define una estructura bsica y un cdigo (denominado cdigo HTML) para la
definicin de contenido de una pgina web, como texto, imgenes, videos, entre
otros.
Sintaxis de HTML
Las etiquetas en HTML van entre < >.

La estructura de un documento en HTML es:
<HTML>
<HEAD>
Ttulo del Documento
</HEAD>
<BODY>
Contenido del documento
</BODY>
</HTML>
Consideraciones:
Todos los elementos y el contenido de un documento HTML estn encerrados

dentro de las marcas <HTML></HTML> cuya funcin es servir de apertura y
cierre al archivo. Las marcas <HTML></HTML> indican al navegador que el
documento est marcado en HTML.
Los elementos <HEAD></HEAD> se colocan inmediatamente despus de la

apertura de la marca <HTML> y cierran el encabezamiento propiamente dicho
del documento; es decir toda la informacin que necesita el navegador, el
servidor de web y los motores de bsqueda. Dentro de <HEAD></HEAD> se

introduce el ttulo del documento y otros datos.
A continuacin algunos elementos que se pueden colocar en el HEAD:
o <title></title>: Define el ttulo de la pgina. Por lo general, el ttulo

aparece en la barra de ttulo encima de la ventana.
o <link>: Sirve para vincular el sitio a hojas de estilo o iconos.
El elemento <BODY> se coloca inmediatamente despus del cierre de la

marca </HEAD>. Tiene una marca de apertura y una de cierre y delimitado
por ellas figura el cuerpo del documento.
Algunos elementos que se pueden colocar en el BODY:

o <h1></h1> a <h6></h6>: encabezados o ttulos del documento con
diferente relevancia.
o <table>: Define una tabla.
o <tr>: fila de una tabla.
o <td>: celda de una tabla (debe estar dentro de una fila).
o <a>: Hipervnculo o enlace, dentro o fuera del sitio web.
o <div></div>: Divisin de la pgina.
o <li><ol><ul>: Etiquetas para listas.
Uso de <div>
Nos genera divisiones dentro de la pgina. Por ejemplo podemos hacer una divisin
para el banner de la pgina, luego otra para el contenido en s. Dentro de estas
divisiones se pueden colocar ms divisiones.
Insertar imgenes
La marca <IMG> no necesita cierre. Nos permite insertas una imagen a nuestro
documento, segn:
<IMG SRC="immagine.gif">
donde SRC corresponde al ingls Search y es el recorrido del que el navegador saca la
imagen.
Uso de tablas
Se crea una tabla en html con las etiquetas <table></table>.
Una fila dentro de la tabla se coloca dentro de las etiquetas <tr></tr>, dentro de
ellas, las columnas se colocan dentro de las etiquetas <td></td>.
<TABLE WIDTH=X HEIGHT =X> Define las dimensiones globales de la tabla. WIDTH
(ancho) y HEIGHT (alto). X en pixeles.
<TABLE CELLPADDING=X CELLSPACING=X> Define los diferentes espacios entre las
celdas. X en pixeles.
<TABLE BORDER=X> Define el grosor del borde de la tabla.
<TD ALIGN=RIGHT> Alinea el contenido de la celda hacia la izquierda, centro o
derecha segn RIGHT, CENTER o LEFT.
4. CSS
Son las siglas de Cascading Style Sheets o Hoja de estilo en cascada. Es un lenguaje
que se emplea para construir la presentacin (estilo) de un documento estructurado
escrito en HTML. CSS se desarroll para separar la estructura de un documento de su

presentacin.
Sintaxis de CSS
Una hoja de estilo (externa) se vincula a un documento HTML en el HEAD del mismo,
segn:
<html>
<head>
<title>Mi documento</title>
<link rel="stylesheet" type="text/css" href="style/style.css" />
</head>
<body>
...
Su sintaxis bsica es:
Selectores de CSS
Selector universal
Se utiliza para seleccionar todos los elementos de la pgina. El siguiente ejemplo
elimina el margen y el relleno de todos los elementos HTML:
Selector de tipo o etiqueta

Selecciona todos los elementos de la pgina cuya etiqueta HTML coincide con el valor
del selector. El siguiente ejemplo selecciona todos los prrafos de la pgina:
Selector de clase
Aplica a todos los elementos que tengan por atributo un mismo CLASS en el
documento HTML. Por ejemplo:
En el documento CSS ira:

.destacado
{ color: red; }
El selector .destacado se interpreta como "cualquier elemento de la pgina cuyo

atributo class sea igual a destacado".
Selectores de ID
El selector de ID permite seleccionar un elemento de la pgina a travs del valor de
su atributo id. Este tipo de selectores slo seleccionan un elemento de la pgina
porque el valor del atributo id no se puede repetir en dos elementos diferentes de

una misma pgina.
La sintaxis de los selectores de ID es muy parecida a la de los selectores de clase,

salvo que se utiliza el smbolo de la almohadilla (#) en vez del punto (.) como prefijo
del nombre de la regla CSS:
Algunas propiedades bsicas en CSS

Modelo de cajas
Colores y fuentes
5. JavaScript
JavaScript es un lenguaje de programacin que se utiliza para crear efectos atractivos

y dinmicos en las pginas web.
Los documentos HTML permiten incrustar fragmentos de cdigo JavaScript, bien

dentro del propio archivo HTML o bien realizando una carga de ese cdigo indicando
el archivo donde se encuentra el cdigo JavaScript. Dentro de un documento HTML
puede haber ninguno, uno o varios scripts de JavaScript.
6. Bibliografa
Gua HTML
http://www.htmlpoint.com/guida/
Gua de Referencia CSS 2.1
http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/
Selectores Bpasico CSS

http://librosweb.es/libro/css/capitulo_2/selectores_basicos.html
Qu es y para qu sirve JavaScript?
http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=
590:ique-es-y-para-que-sirve-javascript-embeber-javascript-en-html-ejercicioejemplo-basico-cu00731b&catid=69:tutorial-basico-programador-web-html-desdecero&Itemid=192
Wikipedia: HTTP; PROTOCOLO DE COMUNICACIN; WWW; HTML

LPOO

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

LPOO

Uploaded by

Copyright:

Available Formats

2015

Un protocolo de comunicaciones es el estndar (las reglas) que define la sintaxis,

Para el caso de las computadoras, el protocolo de comunicaciones, llamado en

1.2 La World Wide Web (WWW)

Red informtica mundial. Su funcin es la de ordenar y distribuir la informacin

Se basa en hipertextos, que son pginas en las que se puede insertar

Son las siglas de Hypertext Transfer Protocol o Protocolo de Transferencia de

Un lenguaje de marcado o lenguaje de marcas es un lenguaje que codifica un

No debe confundirse un lenguaje de marcado con un lenguaje de programacin. Los

Las etiquetas en HTML van entre < >.

Todos los elementos y el contenido de un documento HTML estn encerrados

Los elementos <HEAD></HEAD> se colocan inmediatamente despus de la

servidor de web y los motores de bsqueda. Dentro de <HEAD></HEAD> se

o <title></title>: Define el ttulo de la pgina. Por lo general, el ttulo

El elemento <BODY> se coloca inmediatamente despus del cierre de la

Algunos elementos que se pueden colocar en el BODY:

escrito en HTML. CSS se desarroll para separar la estructura de un documento de su

Su sintaxis bsica es:

Selector de tipo o etiqueta

En el documento CSS ira:

El selector .destacado se interpreta como "cualquier elemento de la pgina cuyo

porque el valor del atributo id no se puede repetir en dos elementos diferentes de

La sintaxis de los selectores de ID es muy parecida a la de los selectores de clase,

Algunas propiedades bsicas en CSS

JavaScript es un lenguaje de programacin que se utiliza para crear efectos atractivos

Los documentos HTML permiten incrustar fragmentos de cdigo JavaScript, bien

Selectores Bpasico CSS

You might also like