Conexiones de Red

Red de computadoras

Una red de computadoras, también llamada red de ordenadores, red de comunicaciones de datos o red informática, es un conjunto de equipos informáticos y software conectados entre sí por medio de dispositivos físicos que envían y reciben impulsos eléctricos, ondas electromagnéticas o cualquier otro medio para el transporte de datos, con la finalidad de compartir información, recursos y ofrecer servicios.

Como en todo proceso de comunicación se requiere de un emisor, un mensaje, un medio y un receptor.

La finalidad principal para la creación de una red de computadoras es compartir los recursos y la información en la distancia, asegurar la confiabilidad y la disponibilidad de la información, aumentar la velocidad de transmisión de los datos y reducir el costo general de estas acciones. Un ejemplo es Internet, la cual es una gran red de millones de computadoras ubicadas en distintos puntos del planeta interconectadas básicamente para compartir información y recursos.

La estructura y el modo de funcionamiento de las redes informáticas actuales están definidos en varios estándares, siendo el más importante y extendido de todos ellos el modelo TCP/IP basado en el modelo de referencia OSI. Este último, estructura cada red en siete capas con funciones concretas pero relacionadas entre sí; en TCP/IP se reducen a cuatro capas. Existen multitud de protocolos repartidos por cada capa, los cuales también están regidos por sus respectivos estándares.

Clasificación de redes

Una red puede recibir distintos calificativos de clasificación en base a distintas taxonomías: alcance, tipo de conexión, tecnología, etc.

• Por alcance:

• Red de área personal, o PAN (Personal Area Network) en inglés, es una red de ordenadores usada para la comunicación entre los dispositivos de la computadora cerca de una persona.

• Red inalámbrica de área personal, o WPAN (Wireless Personal Area Network), es una red de computadoras inalámbrica para la comunicación entre distintos dispositivos (tanto computadoras, puntos de acceso a internet, teléfonos celulares, PDA, dispositivos de audio, impresoras) cercanos al punto de acceso. Estas redes normalmente son de unos pocos metros y para uso personal, así como fuera de ella. El medio de transporte puede ser cualqueira de los habituales en las redes inalámbricas pero las que reciben esta denominación son habituales en Bluetooth.

• Red de área local, o LAN (Local Area Network), es una red que se limita a un área especial relativamente pequeña tal como un cuarto, un solo edificio, una nave, o un avión. Las redes de área local a veces se llaman una sola red de localización. No utilizan medios o redes de interconexión públicos.

• Red de área local inalámbrica, o WLAN (Wireless Local Area Network), es un sistema de comunicación de datos inalámbrico flexible, muy utilizado como alternativa a las redes de área local cableadas o como extensión de estas.

• Red de área de campus o CAN (Campus Area Network), es una red de computadoras de alta velocidad que conecta redes de área local a través de un área geográfica limitada, como un campus universitario, una base militar, hospital, etc. Tampoco utiliza medios públicos para la interconexión.

• Red de área metropolitana (metropolitan area network o MAN, en inglés) es una red de alta velocidad (banda ancha) que da cobertura en un área geográfica más extensa que un campus, pero aún así limitado. Por ejemplo, un red que interconecte los edificios públicos de un municipio dentro de la localidad por medio de fibra óptica.

• Redes de área amplia, o WAN (Wide Area Network), son redes informáticas que se extienden sobre un área geográfica extensa utilizando medios como: satélites, cables interoceánicos, Internet, fibras ópticas públicas, etc.

• Red de área de almacenamiento, en inglés SAN (Storage Area Network), es una red concebida para conectar servidores, matrices (arrays) de discos y librerías de soporte, permitiendo el tránsito de datos sin afectar a las redes por las que acceden los usuarios.

• Red de área local virtual, o VLAN (Virtual LAN), es un grupo de computadoras con un conjunto común de recursos a compartir y de requerimientos, que se comunican como si estuvieran adjuntos a una división lógica de redes de computadoras en la cuál todos los nodos pueden alcanzar a los otros por medio de broadcast (dominio de broadcast) en la capa de enlace de datos, a pesar de su diversa localización física. Este tipo surgió como respuesta a la necesidad de poder estructurar las conexiones de equipos de un edificio por medio de software, permitiendo dividir un conmutador en varios virtuales.

• Por tipo de conexión

Medios guiados

El cable coaxial se utiliza para transportar señales electromagnéticas de alta frecuencia que posee dos conductores concéntricos, uno central, llamado vivo y uno exterior denominado malla o blindaje, que sirve como referencia de tierra y retorno de las corrientes; los cuales están separados por un material dieléctrico que, en realidad, transporta la señal de información.

El cable de par trenzado es una forma de conexión en la que dos conductores eléctricos aislados son entrelazados para tener menores interferencias y aumentar la potencia y disminuir la diafonía de los cables adyacentes. Dependiento de la red se pueden utilizar, uno, dos, cuatro o más pares.

La fibra óptica es un medio de transmisión empleado habitualmente en redes de datos; un hilo muy fino de material transparente, vidrio o materiales plásticos, por el que se envían pulsos de luz que representan los datos a transmitir.

Medios no guiados

Red por radio es aquella que emplea la radiofrecuencia como medio de unión de las diversas estaciones de la red.

Red de infrarrojos, permiten la comunicación entre dos nodos, usando una serie de leds infrarrojos para ello. Se trata de emisores/receptores de ondas infrarrojas entre ambos dispositivos, cada dispositivo necesita al otro para realizar la comunicación por ello es escasa su utilización a gran escala. No disponen de gran alcacen y necesitan de visibilidad entre los dispositivos.

Red de microondas, es un tipo de red inalámbrica que utiliza microondas como medio de transmisión. Los protocolos más frecuentes son: el IEEE 802.11b y transmite a 2,4 GHz, alcanzando velocidades de 11 Mbps ; el rango de 5,4 a 5,7 GHz para el protocolo IEEE 802.11a; el IEEE 802.1.1n que permite velocidades de hasta 600 Mbps; etc.

• Por relación funcional

Cliente-servidor es la arquitectura que consiste básicamente en un cliente que realiza peticiones a otro programa (el servidor) que le da respuesta.

Peer-to-peer, o red entre iguales, es aquella red de computadoras en la que todos o algunos aspectos funcionan sin clientes ni servidores fijos, sino una serie de nodos que se comportan como iguales entre sí.

• Por tecnología

• Red Point-To-Point es aquella en la que existe multitud de conexiones entre parejas individuales de máquinas. Este tipo de red requiere, en algunos casos, máquinas intermedias que establezcan rutas para que puedan transmitirse paquetes de datos. El medio electrónico habitual para la interconexión es el conmutador, o switch.

• Red broadcast se caracteriza por transmitir datos por un sólo canal de comunicación que comparten todas las máquinas de la red. En este caso, el paquete enviado es recibido por todas las máquinas de la red pero únicamente la destinataria puede procesarlo. Las equipos unidos por un concetrador, o hub, forman redes de este tipo.

• Por topología física

La Red en bus se caracteriza por tener un único canal de comunicaciones (denominado bus, troncal o backbone) al cual se conectan los diferentes dispositivos.

En una red en anillo cada estación está conectada a la siguiente y la última está conectada a la primera.

En una red en estrella las estaciones están conectadas directamente a un punto central y todas las comunicaciones se han de hacer necesariamente a través de éste.

En una red en malla cada nodo está conectado a todos los otros.

En una red en árbol los nodos están colocados en forma de árbol. Desde una visión topológica, la conexión en árbol es parecida a una serie de redes en estrella interconectadas salvo en que no tiene un nodo central.

En una red mixta se da cualquier combinación de las anteriores.

• Por la direccionalidad de los datos

Simplex o unidireccional: un equipo terminal de datos transmite y otro recibe.

Half-duplex, en castellano semidúplex: el método o protocolo de envío de información es bidireccional pero no simultáneobidireccional, sólo un equipo transmite a la vez.

Full-duplex, o dúplex,: los dos equipos involucrados en la comunicación lo pueden hacer de forma simultánea, transmitir y recibir.

• Por grado de autentificación

• 'Red privada: una red privada se definiría como una red que puede usarla solo algunas personas y que están configuradas con clave de acceso personal.
• Red de acceso público: una red pública se define como una red que puede usar cualquier persona y no como las redes que están configuradas con clave de acceso personal. Es una red de computadoras interconectados, capaz de compartir información y que permite comunicar a usuarios sin importar su ubicación geográfica.

• Por grado de difusión

• Una intranet es una red de ordenadores privados que utiliza tecnología Internet para compartir dentro de una organización parte de sus sistemas de información y sistemas operacionales.
• Internet es un conjunto descentralizado de redes de comunicación interconectadas que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial.

• Por servicio o función

• Una red comercial proporciona soporte e información para una empresa u organización con ánimo de lucro.
• Una red educativa proporciona soporte e información para una organización educativa dentro del ámbito del aprendizaje.
• Una red para el proceso de datos proporciona una interfaz para intercomunicar equipos que vayan a realizar una función de cómputo conjunta.

EL LENGUAJE HTML

HTML es un lenguaje que se utiliza para la creación de páginas WWW.
HTML se compone de una serie de comandos, que son interpretados por el visualizador para navegar por el WWW. El visualizador ejecuta todas las ordenes contenidas en el código HTML, de modo que un visualizador puede ser ejecutado para unas presentaciones y para otras no.


Mi primer documento HTML

1. Abra el editor de textos: en windows abra bloc de notas
2. Teclee lo siguente: <html><head>
   <title>mi primera pagina web </title>
   </head>
   
   <body>
   <center><h1> mi primera pagina web</h1></center>
   <hr>
   Esta es mi primera pagina.
   <p> aqui va un segundo párrafo</p>
   </body>
   </html>
3. Grabe este archivo con nombre: ejemplo.html
4. Abra el visualizador(no necesita conectarse a internet para ver las paginas)
5. Elija "archivo/abrir pagina"

Etiqueta <img>
No necesita etiqueta que se cierre, esta instruye al navegador que exhiba la imagen expecificada. El formato básico para incluir un gráfico es: <img src="imajen.ext">

• Src: identifica la imagen que se desplegará 
• Height: para redimensionamiento de gráfico
• Width: para redimensionamiento de gráfico

A la imajen se le puede aplicar un borde el cual se hace visible cuando se trata de una imagen de hipervínculo:

• Border: definido en pixeles

La imagen también puede alinearse con respecto al texto

• Align: alineación puede ser: TOP, MIDDLE, BOTTOM, LEFT y RIGHT
• Alt: especifica el texto alterno

Tablas
En HTML podemos incluir arreglos de tablas, para eso se debe utilizar varias etiquetas:


Etiqueta <table></table>
Señala el inicio y final de una tabla, sus atributos son:

• Align: establece la alineación de la tabla o texto mediante: align=left o align=right
• Bgcolor: establece el color de fondo de las celdas de la tabla
• Border: determina el ancho del borde en pixeles
• BorderColor: Asigna un color al borde
• BorderDark: determina el color de la parte oscura de un borde de tres dimensiones
• BorderLight: asigna el color de la parte clara de un borde de 3 dimensiones
• Caption: especifica el titulo para la tabla
• Cellpadding: establece la cantidad de espacio libre junto al contenido de una celda
• Cellspadding: asigana la cantidad de espacio entre las celdas de una tabla
• Width: determina el ancho de la tabla en pixeles o en un porcentaje

Etiqueta <th> </th>

Indica al navegador que exhiba el texto como un encabezado en la primera fila de una tabla. Atributos principales:

• Colspan: especifica el número de celdas que cubre el encabezado 
• Align: determina la posición  del texto del titulo

Etiqueta <tr> </tr>

Indica al navegador que exhiba el texto dentro de una fila, se puede interpretar como etiqueta para definir filas.

• Align: alineación de texto/objetos en toda la fila

Etiqueta <td></td>

La etiqueta de datos de la tabla, es la que identifica a las columnas o celdas específicas de una tabla. Atributos principales:

• Align: alineación del texto/objeto de la celda
• Bgcolor: color de fondo de la celda
• Background: imagen de fondo de una celda
• Width:ancho de la celda/columna con respecto al ancho de la tabla

Numeración y viñetas

Etiquetas <ul></ul>

Indica que cree una lista con viñetas no ordenada

Etiquetas <ol></ol>

Listas ordenadas

Etiqueta <li></li>

Se usa para indicar que exhiba el texto que el elemento de línea en una línea. Atributos:

• Type: Type=A usa letras mayusculas
• Type: Type=a usa letras minusculas
• Type: Type=I usa numeros romanos grandes
• Type: Type=i usa numeros romanos pequeños 
• Type: Type=1 usa numero algebraicos
• Value:indica que se inicie la nuemeración a partir del numeroe specificado

Hipervículos

Un vínculo hipertextual es un texto, botón o imagen que al seleccionar nos lleve a otra dirección URL, página WEB o recurso

Etiqueta <a></a>

Esta etiqueta denota el inicio y final de una instrucción  que contiene alguna forma de vínculo. Atributos:

• HREF: recurso al cual se hacer referencia el hipervínculo
• NAME: especifica el nombre de la posición a donde apuntar
• TARGET: destino del enlace

Frames

Ofrece la posibilidad de utilizar marcos y varias páginas en una sola.

Etiqueta <frameset></frameset>

Define la disposición gráfica de los marcos en la pantalla.

Atributos:

• Rows: determina el alto de las filas
• Cols: determina el ancho de las columnas
• Framespacing: espacio entre frames

Etiqueta <frame></frame>

Define un solo marco que forma parte del conjunto de marcos definidos en <frameset>. Atributos:

• Marginheight: determina que tanto espacio vertical existe entre el objeto ubicado en un marco y los extremos izquierdo o derecho de este
• MarginWidth: determina que tanto espacio horizontal existe entre el objeto ubicado en un marco y los extremos izquiero o derecho de este.
• Name: ofrece la capacidad de dar nombres a las ventanas de FRAME, de modo que puedan ser utilizados de hipervínculo
• Noresize: indica indica que el usuario no puede  redimensionarse al marco
• Scrolling: habilita una barra de desplazamiento para un marco
• SRC: indica que exhiba en un marco el contenido de un documento HTML

Etiqueta <noframes></noframes>

Utilizada para desplegar un texto cuando un navegador no es capaz de desplegar los marcos.

Otras etiquetas útiles

Etiqueta de comentarios <! -- -->

Se trata de una etiqueta que puede ser introducida en cualquier parte del código y que es utilizada para realizar acotaciones y comentarios. 

Etiqueta de comentarios <comment></comment>

Se trata de una etiqueta que puede ser introducida en cualquier parte del codigo y que es utilizada para realizar acotaciones y comentarios.

Etiquetas <address></address>

Ofrece una manera de dr formato a un pequeño cuerpo de texto que se asemeje a la rotulación de una carta convencional.

Etiqueta <cite></cite> 

El texto dentro de la etiqueta <cite> aparece en cursivas para representar una cita.

Etiqueta <code></code>

El texto dentro de la etiqueta <code> aparece en una fuente con caracteres mono espaciados cuando se visualizará a través de un navegador.

Etiqueta <credit></credit>

Se emplea para indicar los créditos por el material incluido al documento.

Etiqueta <em></em>

Indica que se debe dar enfacis al texto que se contiene.

Etiqueta <kbd></kbd>

Indica al navegador que interprete el texto especificado en una fuente en negritas de ancho fijo.

Etiqueta <nobr></nobr>

La etiqueta <nobr> impide que el navegador inserte un salto de línea, incluso cuando es adecuado el ajuste de texto.

Etiqueta <p></p>

La etiqueta <p> indica el inicio y el final de oraciones a exhibir con un solo párrafo.

Etiqueta <pre></pre>

La etiqueta <pre> significa texto "preformateado" y se usa para conservar espacios y saltos de línea en cuerpos de texto.

Etiqueta <strong></strong>

Hace que el navegador exhiba el texto en negritas, algunos navegadores muestran en cursiva

Etiqueta 

Instruye al navegador que exhiba el texto especificado como subíndice

Etiqueta 

Indica al navegador exhibir el texto especificado como super índice.

Etiqueta <tt></tt>

Indica al navegador que exhiba el texto especificado en una fuente de ancho fijo.

Etiqueta <var></var>

Indica al navegador que exhiba el texto especificado en una fuente más pequeña, de ancho fijo.

Atributo bgproperties="fixed" DEL BODY

Indica a su navegador Internet Explorer que mantenga el fondo constante y no móvil de forma vertical.

Otras instrucciones importantes

Formularios 
Es una plantilla creada por que el usuario se comunique con nuestro servidor web de una forma fácil. Dentro de un formulario podemos encontrar los siguientes elementos:

• Declaración del formulario(FORM)
• Campos de entrada(INPUT)
• Campos de selección(SELECT)
• Áreas del texto(TEXTAREA)

Declaraciones del formulario 

La declaración del formulario se pone las marcas: <form>...</form>

En su interior aparece una secuencia de entrada(elementos imput), junto con elementos de marcado de estructura del documento.

En la definición del formulario se puede incluir los siguientes atributos:

• Action: especifica un URI de la acción asociada al formulario, si no se especifica se asume que este es la base del documento.
• Method: indica el método de acceso al URI de la acción. Se puede emplear los métodos GET y POST, que se describirán más adelante.
• Enctype: específica el tipo de codificación para el transporte de los pares nombre/valor, excepto en los casos en los que el protocolo no imponga uno.

Campos de entrada (INPUT) 

El elemento <input> representa un campo de entrada de datos. Los atributos posibles vienen dados, por el valor del atributo TYPE, que determina el tipo de entrada. Los tipos de entrada son:

• Texto: INPUT TYPE = TEXT

Indica que la entrada es solo una linea.

Como tributos opcionales tenemos:

• MAXLENGTH: limita el máximo número de caracteres que pueden ser introducidos en el campo. Si el valor es mayor que el del atributo SIZE, el navegador debe permitir el desplazamiento de la línea.
• SIZE: especifica la cantidad de espacio reservado para este campo.
• VALUE: indica el valor inicial del campo.
• Password: es un campo de texto como el anterior, pero el calor no se ve escribirlo.
• Casilla de verificación: representa una opción booleana. Un conjunto de varios elementos representando un campo de selección multiple.
• Botón de opción múltiple: un conjunto de varios elementos de este tipo con el mismo nombre representan un campo de selección múltiple, se utilizan los atributos NAME Y VALUE. Opcionalmente podemos incluir el atrubuto CHEKED.
• Botón de envio: indica al cliente que debe enviar el formulario. Como atributos opcionales acepta:
• NAME: indica que este elemento constituye un campo cuyo valor es el del atributo VALUE, si no se incluye el atributo no es un campo.
• VALUE: indica la etiqueta para el botón.
• Pixel de una imagen: 
• -BOTON DE OPCION: Representa una opcion booleana (si o no). Un cojuntode varios elementos de ese tipo con el mismo nombre representan un campo de seleccion multiple.|
  -BOTON DE ENVIO: Representa una opcion, normalmente mediante un boton, que le indica al cliente que enviar al formulario.
  Como atributos:
  -Name: Indica que este elemento constituye un campo cuyo valor es del atributo VALUE.
  -Value: Indica la etiqueta para el boton.
  El elemento <OPCION> solo puede aparecer dentro de un elemento <SELECT>, representa una posible eleccion.
  -Selected: Indica que esta opcion esta seleccionada  inicialmente.
  -Value: Indica el valor a retornar si se selecciona la opcion.   
• AREA DE TEXTO (TEXTAREA) El elemento <TEXTAREA> representa un campo de texto de multiples lineas. Los atributos son:
  -COLS: El numero de columnas visibles.
  -NAME: Nombre del campo.
  -ROWS: El numero de lineas visibles.
• ENVIO DE FORMULARIOS
  El contenido de los campos es el de sus valores por defecto, ya sea en blanco o con texto.
• TIPO DE CODIFICACION DE FORMULARIOS
  Al enviar un formulario este se codifica. El tipo de codificacion es: MIME.
  -METODO GET: METHOD=GET
  El metodo de envio GET es un metodo de consulta. El servidor recibe los datos en una variable de entorno llamada QUERYSTRING.
  -METODO POST: METHOD =POST
  Se utiliza cuando los dats del formulario realiza una modificacion, en la base de datos.
  Al procesarse un formulario cuyo URL de accion es de tipo HTTP.
• MARCOS
• Los marcos, nos brindan la posibilidad de dividir nuestras pagina web en varias regiones, lo que nos permitira presentar el contenido mas estructurado.
  Con los marcos podemos conseguir los siguientes efectos:
  -Los elementos como de control, que nos interesa que aparezcan fijos.
  -Podemos crear marcos con indices de contenido.
  -Del diseño de una pagina con marcos paralelos.
• COMANDOS PARA CREAR MARCOS
  Los comandos utilizados son:
  <FRAMESET>
        ...
  </FRAMESET>
  -FRAME: describe las caracteristicas concretas de un  marco.
• El comando FRAMESET
  El elemento <FRAMESET> nos permite definir el contenedor principal para otros marcos.
  Veamos los tipos de valores:
  -Valor: Un valor numerico simple es tama;o fijo en pixeles.
  -Valor %. Con este valor indicaremos un porcentaje del tama;o de la ventana.
  -Valor*.El valor de este campo es relativo.
• El comando FRAME
  El comando o marca <FRAME> crea un marco dentro de un conjunto de marcos.
  
• 
  
• El comando NOFRAMES
• Es incluir una alternativa para estos navegadores. De esta forma, nos aseguramos de que el usuario recibe la informacion deseada de una forma u otra.

INSTRUCCIONES BÁSICAS DE HTML

El comando HTML
Este comando se utilizara para delimentar el documento. Las marcas de principio son :
<html>
...
</html>
Es  conveniente incluirlo para evitar posibles conflictos, ademas con esto podremos indicar al lector la version de HTML.

El comando párrafo
Este comando inserta un salto automáticamente al final del párrafo y crea el espacio adecuado entre los diferentes párrafos.
<P> ... </P>

El comando de salto de linea
Para realizar un salto de línea untilizamos:
<BR>
Es necesario indicar donde se debe cortar el texto y donde debe comenzar de nuevo. Para ello utilizaremos CLEAR que podrá tomar los valores: left, right y all.

Los comandos de encabezados
Existen seis niveles de encabezados, el primero lo utilizaremos de encabezados para crear las divisiones mayores del texto. Este será el título de mayor tamaño. Y el sexto nivel mostrara el texto mas pequeño y lo utilizaremos para las menores divisiones.
Hay que entender que estos comando insertan un salto de línea tras el texto que comprenden.

Apariencia del texto
Aqui disponemos de varios comandos. Cuando utlizamos estos comandos delimitamos el texto afectado por los cambios, estos comandos pueden ser utilizados conjuntamente.
Apariencias que podemos dar al texto:
-Negrita:
<B>...</B>
-Cursiva:
<EM>...</EM>
-Parpadeo:
<BLINK>...</BLINK>
-Asiganar un tamaño fijo:
<TT>... </TT>
-Subrayado:
<U>... </U>

Listas
Aqui se pueden dos tipos de listas. Una lista puede englobar otras lsitas.

1. Listas no numeradas: Son tambien conosidas como no ordenadas. Para crear una lista no numerada, utilizaremos:  <UL> ... </UL>  Los elementos de la lista se indicaran con: <LI> ... </LI>
2. Listas numeradas: Son listas ordenadas o numeradas por el comando: <OL>...</OL> y al igualq ue los otros se indicaran con : <LI> ... </LI>

Listas descriptivas

Para crear una lista descriptiva, usaremos el comando:

<DL> ... </DL>

Cada uno de los elementos de la lista tendrán un titulo, marcado como:

<DT>... </DT>

Y un texto para cada título que será indicado por el comando:

<DD>... </DD>

Este tipo de listas se utilizan para indicar indices, referencia a otros documentos, etc

CENTRANDO TEXTO

Podemos centrar cualquier parte del documento por medio del comando:

<CENTER> ... </CENTER>

Simplemente debemos delimitar las partes del texto

LINEAS HORIZONTALES

En  muchas ocasiones necesitaremos separar el texto de algunos elementos, esto podremos hacerlo insertando una linea horizontal. La linea horizontal se inserta con el comando <HR> 

ENLACES

Los enlaces pueden ser clasificados en 4 grupos:

• Los que hacen referencia a otra parte del mismo documento.
• Los que hacen referencia a otro documento.
• Los que hacen referencia a otra parte de otro documento
• Los que hacen referencia a una dirección de correo

Referencias en el mismo documento

Tenemos la posibilidad de crear enlaces que lleve al usuario a otro lugar del mismo documento por medio de un clic. Estas referencias se componen de 2 partes:

• La referencia: Es la zona en donde el usuario hace clic para desplazarse a otra parte del documento. Para crear una referencia local, delimitaremos la zona con el comando: < a href="#nombre" texto del enlace </A> 
• El nombre referenciado: el usuario accede al hacer clic en la referencia correspondiente, para crear un nombre local debemos delimitar la zona mediante el comando: <a name="nombre">...</a>

Referencias a otros documentos 

Existen dos tipos de referencia a una ubicación: relativa y absoluta.

• Referencia relativa: para indicar una referencia relativa debemos especificar la posición del documento, para crear referencia de este tipo utilizaremos el comando: <a href="ubicación"> texto del enlace </a>. Debemos recordar que esta referencia es para un documento que se encuentre en el mismo ordenador.
• Referencia absoluta: para crear una referencia absoluta debemos especificar  la dirección URL de la página en cuestión. Para realizar un hipertexto utilizaremos el comando: < a "href=http://ordenador/directorio/archivo">.

Referencias a un lugar de otro documento 

Esta utiliza una combinación de los dos modos vistos anteriormente, para crear este indicaremos el URL del documento y escribiremos # y finalmente introduciremos el nombre de la zona a enlazar.

Referencia a una dirección e-mail

En ocaciones es buena enlazar nuestras paginas web y un enlace de correo electrónico para poder recibir sugerencias por los usuarios. Para esto utilizaremos el comando: < a href="mailto:direccion de email"> texto del enlace </a> 

LENGUAJE DE HTML

GENERALIDADES
El lenguaje de HTML(Hipertext Markup ñanguage), es un sistema para definir tipos de documentos estructurados y lenguajes de marcas para representar esos mismo documentos. Este lenguaje es un aplicación del SGML(Standard Generalizad Markup Language)

FUNDAMENTOS
Caracteres

Dependiendo del editor de textos, el documento HTML puede tener distintos juegos de caracteres. Toda cena de caracteres se visualizará en el navegador.
Para reducir los documentos a ASCII de 7 bits y representar los caracteres empleados en el texto, se definen dos mecanismos de referencia:

• Referencia por nombre: El carácter se representa con un & seguido del nombre del carácter y punto y coma. Por ejemplo:    &amp
• Referencia numérica: En lugar de dar la referencia por nombre, se escribe # seguido del número de carácter. Por ejemplo:    &#38

Marcas
Las marcas delimitan los elementos de un documento HTML, como cabeceras, párrafos, etc. Las marcas siempre constan de dos partes, una marce de inicio y otra finalización del elemento.
Las marcas iniciales se escriben entre símbolos "<" y ">" y las finales entre "</" y ">". Por ejemplo: <H1>Contenido</H1> indica que "Contenido" es una cabecera de nivel uno.
Al utilizar algunos elementos, no siempre es obligatorio la marca final de cierre.

Nombres
Los nombre se componen de una letra  seguida de letras.

Atributos
Cuando una marca inicial admite tributos, éstos se escriben a continuación del nombre del elemento, generalmente los atributos tienen la siguiente forma:
nombre_atributo=valor_atributo
Aunque en algunos casos, basta con el nombre del atributo.
El valor de un atributo puede ser:

• Una cadena de carácteres entre comillas que no contenga el símbolo de fin de marca (>).
• Un nombre

Comentarios
La manera de incluir comentarios en HTML, se realiza mediante la marca de comentarios: <!...>
Cada comentario comienza con "_" e incluye todo el texto "_"

Identificación del Nivel HTML de un documento
El lenguaje de HTML se compone por bloques, cada uno identificando por marcas, que se indentifican mediante una instrucción de inicio y otra de final

ORGANIZACIÓN DE UN DOCUMENTO
Los documentos en formato HTML son un conjunto de elementos anidados. El nivel mas alto encontramos HTML(marca inicial <html> y final </html>) que consta de dos partes: cabecera y cuerpo.
En la cabecera se proporciona información acerca del documento, mientras que el cuerpo contiene el texto de la pagina.

Cabecera 
La cabecera se proporciona información generales del documento. Las marcas de principio y fin del bloque son:
<HEAD>
...
</HEAD>
Puede contener los siguientes datos:
Título(title): nombre del documento
Dirección(base): direccion para interpretar en laces relativos cuando el documento esta fuera de contexto.
Enlaces relacionados(link):podemos incluir en la cabecera varios enlaces
Metainformación(meta):proporcionar informacion de los documentos que no puedan ser expresados en los campos anteriores.

Cuerpo
El cuerpo contiene la parte más importante del documento HTML. Es donde vamos a insertar todo el texto y los objetos  que van a ser prestados al usuario.
<body>
...
</body>

SEGUNDO TRIMESTRE

INTRODUCCIÓN


Internet en la actualidad es una herramienta de gran ayuda para realizar búsquedas de información, y para crear nueva información a partir de cero.
De la variedad de servicios que presta internet la mas utilizada es World Wide Web o WWW.
Tal vez usted se preguntará como se crean estas páginas? La respuesta es con HTML.


¿Qué es HTML?
HTML son las iniciales de Hiper Text Markup  Language
Es un conjunto de series o etiquetas incluidas en archivos de texto que definen la estructura de un documento WWW y sus vínculos con otros documentos.

¿Por dónde comenzar?
1. Utilizar programas creados para desarrollo de páginas WEB, por ejemplo:

• Microsoft Front Page
• Hot Dog
• Microsoft Internet Assistant
• Microsoft Office 97

2. Utiliza un editor de texto y crea nuestro propio codigo.
Como casi todos los sistemas mas comunes en PC funcionan bajo un entorno Windows, para crear los hipertextos utilizaremos un accesorio, El Bloc de Notas o Note Pad.

Páginas WEB
El hipertexto es un archivo de texto que contiene instrucciones que pueden ser interpretadas por un navegador de internet. Estas instrucciones son denominadas Etiquetas.

Etiquetas
Una etiqueta cumple su función de la siguiente manera:
<nombre de la etiqueta>          Apertura de una etiqueta siempre entre "< >"
texto/ gráfico/ etiquetas            A la cual se aplica la etiqueta
</nombre de la etiqueta>         Cierra de la etiqueta siempre entre "< >"

Al acabar de crear un hipertexto, este se deberá grabar con la extensión html. Es bueno acotar esto ya que es un archivo que tiene una extensión definida.

Estructura básica de una página WEB
Una página esta compuesta por 2 partes: el encabezamiento y el cuerpo de la página.
Existen 3 tipos de etiquetas fundamentales, las mismas que deben estar incluidas en el archivo HTML de manera obligatoria. Estas son:

• <html> </html>   Indica el navegador que el documento texto que esta leyendo es un documento HTML.     Esta etiqueta se abre al inicio del archivo y se cierra al final del mismo
• <head> </head>  Acá se detalla el encabezado de la página WEB. Esta se abre después de la etiqueta de <html>
• <body> </body>  Cuerpo de la página donde se despliega el contenido global, esta etiqueta se abre después de cerrar el encabezamiento y se extiende hasta el final de la página, cerrandose antes de </HTML>

Etiqueta: <title> </title>
Esta etiqueta va en la parte del encabezamiento de la página web, es decir en el HEAD y define en su contenido el título de la página web, el cual aparecerá enla parte superior izquierda de la pantalla de su navegador.
Sin cerrar nuestro navegador de internet, volvemos al editor de texto e incluimos al campo <title> entre las etiquetas de apertura y cierre el encabezado(head)

Etiqueta <body> </body>
Todo el texto, las imágenes y el formato visible al usuario deben encontrarse entre las etiquetas <body> </body>, esta etiqueta cuenta con los siguientes atributos, ejemplo:

• Bgcolor: define el color de fondo de la página
• Text: defiine el cole de texto de la página
• Link: define el color de los vínculos de la página
• Alink: define el color del vinculo actual
• Vlink: define el color del vínculo ya visitado

¿Cómo se utilizan los colores HTML?
Se puede llegar a tener mas de 16 millones de colores en una página web.
Existen 2 formas de aplicar colores a una página web:
1.- Se especifica el color deseado directamente con el nombre del colr en ingles.
2.- Se especifica el color deseado mediante números hexadecimales mediante la siguiente estructura: #RRVVAA

Texto en HTML
HTML fue creado en principio para el alfabeto inglés, pero se buscaron modos para mostrar también caracteres especiales.
Utilizaremos & y ; para denotar el inicio y el final respectivamente de un símbolo especial.

Etiqueta <br>
La etiqueta <br> instruye al navegador cliente que inserte un salto de línea en un documento HTML.

Etiqueta <hr>
La etiqueta <hr> dibuja una manera predeterminada una regla horizontal alineada automáticamente, con una apariencia de tercera dimensión.

Encabezados
Las etiquetas <hl> </hl> al <h6> </h6> son encabezados del cuerpo de texto. El encabezamiento <hl> nos proporciona las letras de mayor tamaño

Unicación, formato y atributos de texto
Etiqueta <center> </center>
Se utiliza para centrar el texto/imagen o datos que se encuentren entre la apertura y el cierre.

Etiqueta <b> </b>
Esta es la etiqueta que nos posibilita un texto con negrillas.


Etiqueta <u> </u>
Etiqueta que posibilita resaltar un texto subrayado.


Etiqueta <i> </i>
Etiqueta que permite resaltar el texto con inclinación itálica

TEST DEL PANEL DE CONTROL

TEST