CENTRO DE ESTUDIOS TECNOLÓGICOS Industrial y de Servicios No.26
11-9-2015
Tutorial de aplicaciones y servicios DNS, DHCP, FTP y Páginas web
Anahi Ramirez Ramirez Brisa Selene Tovar Lázaro 5°H
FTP es uno de los diversos protocolos de la red Internet, concretamente significa File Transfer Protocol(Protocolo de Transferencia de Archivos) y es el ideal para transferir grandes bloques de datos por la red. Se precisa de un Servidor de FTP y un cliente FTP, puede darse el caso de que los servidores sean de libre acceso para todo el mundo y entonces estamos hablando de login anónimo o FTP anónimo. . La mayoría de las páginas web a nivel mundial son subidas a los respectivos servidores mediante este protocolo. Por defecto utiliza los puertos 20 y 21. El puerto 20 es el utilizado para el flujo de datos entre el cliente y el servidor y el puerto 21 para el flujo de control, es decir, para enviar las órdenes del cliente al servidor. Mientras se transfieren datos a través del flujo de datos, el flujo de control permanece a la espera. Esto puede causar problemas en el caso de transferencias de datos muy grandes realizadas a través de cortafuegos que interrumpan sesiones después de periodos largos de espera. El fichero puede que se haya transferido con éxito, pero el cortafuegos puede desconectar la sesión de control, por lo que se genera un error. El FTP, en la mayoría de servidores, es la única manera de conectar con nuestro sitio, para asi, poder subir(cargar) y bajar (descargar) archivos. Qué es un cliente FTP Un cliente FTP emplea el protocolo FTP para conectarse a un servidor FTP para transferir archivos. Algunos clientes de FTP básicos vienen integrados en los sistemas operativos, incluyendo windows, DOS, Linux y Unix. Sin embargo, hay disponibles clientes con más funcionalidades, Habitualmente en forma shareware/freeware para windows y como software libre para sistemas tipo Unix. Muchos navegadores recientes también llevan integrados clientes FTP (aunque un cliente FTP trabajará mejor para FTP privados que un navegador). Algunos sistemas operativos, incluyendo los Windows más recientes y Mac OS X pueden montar servidores FTP como unidades virtuales directamente dentro del sistema operativo, lo que puede resultar más fácil o más conveniente para algunos usuarios, que emplear un cliente especializado. Qué cliente FTP usar Debido a la gran necesidad, existen muchos clientes FTP. cliente FTP Muchas veces encontramos programas de libre distribución y código abierto que nos sorprenden por sus potentes capacidades y nos ahorran, de paso, el desembolso económico de adquirir un software comercial para realizar la misma tarea. El caso que nos ocupa en este artículo es un programa de FTP llamado FileZilla que cubre un área de trabajo en la que todos tenemos alguna vez que participar: transferir los archivos de nuestras páginas al servidor, procedimiento en el que se utiliza el protocolo FTP que significa File Transfer Protocol, El programa está desarrollado para la plataforma Windows, válido para todas las versiones, desde Windows 95 hasta XP. Según comentan en la página del producto, está diseñado para soportar las máximas funcionalidades, cuidando siempre la velocidad y asegurando un entorno estable. cuenta con las funcionalidades de los mejores softwares de FTP: - Capacidad para continuar descargas interrumpidas - Herramienta de administrador de sitios FTP - Capacidad para mantener viva la conexión con el servidor FTP - Soporte para trabajar junto con firewalls - Soporte SOCKS4/5 1
y HTTP1.1 - Conexiones seguras SSL y SFTP - Cola de cargas y descargas - Soporte para Drag&Drop (Arrastrar y soltar) - Posibilidad de trabajo con múltiples conexiones Nuestra opinión La primera impresión que nos ha dado el programa es que resulta extremadamente rápido y maneja las conexiones que da gusto para subir los archivos lo más veloz posible. Siempre podemos configurar si queremos que utilice múltiples conexiones o no, lo que nos ofrece la posibilidad de elegir el mejor método. El segundo detalle que nos hemos encontrado es una interfaz muy parecida a la de otros programas, incluso mejorada a la clásica del Cute FTP. La configuración de la interfaz y las ventanas visibles se puede ajustar rápidamente con la barra de menús, lo que le da versatilidad para distintos ambientes y distintas costumbres de los usuarios. De todos modos, no creo que la interfaz sea su fuerte, puesto que a alguna parte de la misma se nota que le hace falta alguna mejora de su usabilidad. Interfaz de Filezilla La investigación ha llegado a su punto más positivo cuando hemos accedido al menú de opciones. La cantidad de parámetros que podemos configurar en FileZilla es muy alta, incluso con opciones desconocidas para nosotros en este tipo de programas. Muchas de las opciones, la verdad, serán útiles para usuarios avanzados, pero otras seguro que se entienden bien, como definir el límite de ancho de banda de las descargas o subidas de ficheros. También merece la pena hacer una mención al programa instalador, que nos permite elegir las funcionalidades a instalar -una instalación típica ocupa sobre los 5 megas- y elegir los modos de trabajo que mejor se adapten a nuestro trabajo. Un programa de FTP sencillo y gratuito. Es como se podrían resumir las características de FireFTP, una extensión de Firefox muy interesante para desarrolladores de webs, que amplía las posibilidades de Navegación de Firefox también a la transferencia de archivos entre nuestro ordenador y los servidores de Internet. FireFTP tiene lo que podríamos necesitar de un programa para la transferencia de archivos por FTP, como un gestor de sitios a los que conectar, sistema para hacer descargas de archivos y también para subirlos, posibilidad de subir varios archivos a la vez, directorios, etc. La única diferencia que cabría resaltar es justamente su distribución, ya que está integrado en el navegador, a través de una pestaña o en una ventana aparte de Firefox. Con respecto a las características funcionales hay que decir que son del todo correctas, aunque se echa de menos algo de sofisticación y personalización. Pero no hay que olvidar que se trata de un plugin y no un programa independiente. De todos modos, cualquier uso habitual que podamos necesitar del sistema FTP está incluido, y tiene un menú para la configuración suficiente, con opciones como mostrar o no los archivos ocultos, realizar múltiples conexiones, etc. FireFTP sería opción a tener en cuenta sobre todo para usuarios más inexpertos, que estén familiarizados con Firefox para navegar y que deseen dar el paso inicial al trabajo con FTP. Es sin duda una opción buena también porque, como toda extensión de Firefox, es gratuita, lo que la hace más accesible que cualquier otro cliente de FTP de pago. De todos modos, recordemos que FireFTP no es el único software para hacer FTP 100% gratuito. También tenemos el cliente FTP Filezilla, que es bastante más avanzado. Para lo que considero que puede estar muy bien es para tener centralizado en un mismo programa todas las transferencias y llevar en un mismo programa todo el software que se puede necesitar para actualizar nuestra página web. Además, como Firefox se puede guardar en un dispositivo como un pendrive, nos permitiría llevar en él todo el software para trabajar en otros ordenadores con nuestra página sin tener que instalar otros programas. FireFTP es una de esas extensiones que los creadores de páginas web seguro que agradeceremos. FTP es uno de los más importantes servicios de Internet, se usa para transferir ficheros desde un cliente al servidor y viceversa. Para publicar contenidos en la web necesitamos colocar en el servidor los archivos de 2
las páginas así como los de las imágenes y demás. Cute FTP es uno de los programas más populares para transferir ficheros. Se puede conseguir una versión de evaluación de manera gratuita y sus capacidades son bastante avanzadas, como lo son las de la mayoría de programas de FTP, siempre que tengamos una versión ligeramente moderna. Referencia para el uso de programas FTP: en general el uso de los programas FTP es muy parecido en unos sistemas u otros. Podemos encontrar las pautas básicas para configurar un acceso FTP en un artículo de DesarrolloWeb.com: Subir los archivos al servidor. Las versiones más modernas de Cute FTP incluyen un pequeño editor de HTML que no hemos llegado a probar, pero que puede ser útil para alguien.
¿Qué es HTML? HTML (HyperText Markup Language) o "Lenguaje para Marcado de Hipertexto". HTML es el lenguaje que te permite describir y dar forma a tús páginas Web. Publica tus propias páginas con fotos, listas, tablas, etc. Obtén información de los visitantes de tu sitio. Diseña los formularios que te permitirán contactar tus futuros clientes. Crea un sitio para vender tús productos o servicios. Incluye video clips, música, sonidos, y otras aplicaciones que darán vida a tús páginas Web
¿Qué conocimientos previos debes poseer? Para estudiar HTML no se requiere de conocimientos previos en programación. Es muy simple de aprender ya que no es un lenguaje de programación sino que es un lenguaje de marcas.
Los archivos HTML
Los archivos HTML deben tener una extensión htm o html (ej. misitio.htm o misitio.html). Para crear un archivo HTML solo hace falta un editor de texto. Un archivo HTML está compuesto por etiquetas. Las etiquetas le dicen al navegador(Ej: Internet Explorer, Firefox, Google Chrome, Opera, Safary, etc.) como mostrar la página Web.
3
¡Vamos a hacer nuestro primer sitio! Si estás usando Windows, abre el "Block de Notas". Si usas Mac, abre "Simpletext". Ejemplo Escribe en el mismo, el siguiente texto: Código <html> <head> <title>Mi primera página Web</title> </head>
Resultado Hola a todos.
<body> Hola a todos. </body> </html> Guarda el archivo como "pagina1.html" (las extensiones ".htm" o ".html" tienen el mismo significado y nos indican que se trata de un archivo HTML).
Abre el navegador Internet(Internet Explorer, Firefox, Chrome, etc.). Selecciona "File" y luego "Open". Se abrirá una ventana, selecciona "Browse" y ubica el archivo que acabas de guardar "pagina1.html"- elígelo y presiona "Open". Ahora tú ves la dirección, por ejemplo "C:\My Documents\pagina1.html". Presiona "OK" y el navegador mostrará la página recién creada. Expliquemos el ejemplo <html> --> Indica al navegador que abre un archivo HTML. <head> --> Apertura de la cabecera del documento. Sección que no se muestra en la pantalla. <title>Mi primera página Web</title> --> Título de la página. </head> --> Cierre de la cabecera del documento. <body> --> Apertura del cuerpo del documento. Esta sección aparece en la pantalla. Hola a todos. --> Texto que va a ser mostrado por el navegador. </body> --> Cierre del cuerpo del documento. </html> --> Cierre del archivo HTML La primera etiqueta del archivo es <html>. Esto le indica al navegador que se trata de un archivo HTML. Para cerrar el archivo usamos </html>. Todo lo que se encuentra entre las dos etiquetas es el código HTML de la página. Luego vemos la etiqueta <head>. Lo que sigue a continuación hasta su cierre </head>, es la 4
cabecera del documento y no se muestra en la pantalla. Aquí colocamos información tal como el título de la página(<title>Mi primera página Web</title>), palabras claves para los motores de búsqueda, una descripción de la página y otros datos del documento. Entre las etiquetas <body> y </body> se encuentra el cuerpo del documento y el contenido que se coloque en esta sección es el que veremos en pantalla, como por ejemplo, "Hola a todos.". Nota: observa que todas las etiquetas de cierre se diferencian de las de apertura por llevar "/"antes del nombre.
La estructura del sitio En los próximos capítulos, encontrarás una explicación sobre los distintos elementos que conforman HTML, con una completa guía de referencias y múltiples ejemplos que harán más simple el proceso de aprendizaje.
Elementos y etiquetas de HTML Las etiquetas HTML son las encargadas de dar forma a nuestro sitio.
Los elementos Los elementos son declaraciones para visualizar o dar forma a una página Web.
Las etiquetas Las etiquetas(en inglés: tags) son marcas insertadas en un documento HTML para proporcionar información sobre una unidad o contenido.
Reglas básicas
Las etiquetas están encerradas entre los signos "<" y ">". Generalmente vienen en pares <p> y <⁄p>. La primera es de apertura y la segunda de cierre. El texto que se encuentra entre dos etiquetas es el contenido del elemento. Las etiquetas no son sensibles a las mayúsculas y minúsculas, o sea <b> es lo mismo que<B>. 5
Etiquetas de HTML Veamos un ejemplo. <html> <head> <title>Una pรกgina Web</title> </head> <body> Hola a todos. <b>Este texto es en negrita</b> </body> </html>
Esta es una etiqueta HTML: <b>Este texto es en negrita.</b>
El elemento HTML comienza con la etiqueta de apertura <b>(etiqueta que nos muestra el texto en negrita). El contenido de dicho elemento es: Este texto es en negrita. El fin del elemento HTML es con la etiqueta de cierre </b>.
Otro elemento HTML en el ejemplo es: <body> Hola a todos. <b>Este texto es en negrita</b> </body>
EL elemento HTML comienza con la etiqueta de apertura <body>(etiqueta que define el cuerpo del documento). El contenido de dicho elemento es: Hola a todos. <b>Este texto es en negrita</b>. El fin del elemento HTML es con la etiqueta de cierre </body>.
6
¿Qué son los atributos de las etiquetas? Muchas etiquetas llevan atributos. Los mismos proveen de mayor información a los elementos HTML.
Los atributos siempre van con la estructura: nombre="valor". Los atributos siempre van en la etiqueta de apertura. Los valores siempre hay que ponerlos entre comillas. Un ejemplo de los atributos sería: Ejemplo Código <body bgcolor="#FFFF00"> Hola a todos. <b>Este texto es en negrita</b> </body>
Resultado Hola a todos. Este texto es en negrita
En la etiqueta <body> podemos observar el atributo bgcolor=(color de fondo) y el valor"#FFFF00"(representa el color amarillo en hexadecimal). Esto quiere decir que el color de fondo de la página será amarillo.
Un consejo con respecto al uso de minúsculas. Si bien HTML acepta tanto etiquetas en mayúscula <B> como en minúscula <b>, el World Wide Web Consortium (W3C) recomienda el uso de minúsculas. Además XHTML (la siguiente versión de HTML) acepta solo minúsculas. Es por eso que recomendamos acostumbrarse a usar minúsculas cuando escribas tus códigos HTML. Etiquetas básicas de HTML Las etiquetas más simples y de uso más común en HTML.
Etiquetas Básicas Headings Nos definen el tamaño de un título o cabecera. <h1> nos dá el tipo de letra más grande. <h6> nos dá el tipo de letra más pequeño. HTML agrega automaticamente un espacio antes y después de cada título.
7
<h1> al ser usado como tรญtulo de una pรกgina Web, es de suma importancia ya que es uno de los parรกmetros que Google y demรกs buscadores tiene en cuenta, a la hora de indexar un sitio web. Ejemplo Cรณdigo <html> <head> <title>Headings</title> </head>
Resultado Heading 1 Heading 2 Heading 3 Heading 4
<body> <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> </body> </html>
Heading 5 Heading 6
Pรกrrafos Los pรกrrafos se definen con la etiqueta <p>. Ejemplo Cรณdigo <html> <head> <title>Pรกrrafos</title> </head>
Resultado Este es el primer pรกrrafo. Y este es el segundo pรกrrafo.
<body> <p>Este es el primer pรกrrafo.</p> <p>Y este es el segundo pรกrrafo.</p> </body> </html>
8
Comentarios La etiqueta <!-- ... --> se utiliza para insertar un comentario dentro del código que estamos escribiendo. El mismo es ignorado por el navegador al momento de leerlo. Los comentarios nos sirven para explicar mejor el código y son de gran ayuda en el momento que necesitemos editarlo. <!-- Esto es un comentario. --> * Nota que el signo de exclamación se coloca solo al principio del código.
Salto de línea El salto de línea está definido con la etiqueta <br>. Es utilizado cuando queremos cortar una línea sin necesidad de terminar con el párrafo. La etiqueta <br> obliga a saltar de línea dondequiera que la ubiquemos. Ejemplo Código Esto es <br> un salto de lí<br>nea.
Resultado Esto es un salto de lí nea.
Trazar una línea La etiqueta <hr> nos permite trazar una línea horizontal como las que separan las distintas secciones de este tutorial. La etiqueta <hr> no tiene cierre. Ejemplo Código
Resultado
<hr>
9
Tabla con las etiquetas básicas Etiquetas
Descripción
<h1> a <h6>
Define el tamaño de los encabezados
<p>
Define un párrafo
<!-- -->
Define un comentario
<br>
Define un salto de línea
<hr>
Define una línea horizontal
Ej.
Formato de texto con HTML Elige como decorar y visualzar los textos de tu sitio.
Formato básico del texto HTML nos permite definir el formato de visualización del texto en la pantalla. Muy útil para cuando queramos resaltar o enfatizar un texto en especial. También muy usado para subrayar o escribir subíndices o superíndices. Estos, son solo algunos ejemplos de lo que podemos hacer con estos elementos Para ello utilizamos las siguientes etiquetas:
Ejemplo Código <b>Texto en negrita</b> <big>Texto grande</big> <em>Texto enfatizado</em> <i>Texto en itálica</i> <small>Texto pequeño</small> <strong>Texto fuerte</strong> <sub>Texto subíndice</sub> <sup>Texto superíndice</sup> <ins>Texto subrayado</ins> <del>Texto tachado</del> <tt>Texto teletipo</tt>
Resultado Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto Texto
normal normal normal normal normal normal normal normal normal normal normal
Texto en negrita
Texto grande Texto enfatizado Texto en itálica Texto pequeño
Texto fuerte Texto subíndice Texto superíndice
Texto subrayado Texto tachado Texto teletipo
10
Etiquetas para dar forma al texto Etiquetas
Descripción
<b>
Define un texto en negrita
<big>
Define un texto grande
<em>
Define un texto enfatizado
<i>
Define un texto en itálica
<small>
Define un texto pequeño
<strong>
Define un texto fuerte
<sub>
Define un texto subíndice
<sup>
Define un texto superíndice
<ins>
Define un texto subrayado
<del>
Define un texto tachado
<tt>
Define un texto de teletipo
<s>
Define un texto tachado. Desaprobado. Use <del> en su lugar
<strike>
Define un texto tachado. Desaprobado. Use <del> en su lugar
<u>
Define un texto subrayado. Desaprobado. Use <ins> en su lugar
Etiquetas de "Texto estructurado" Estas estiquetas son usadas comunmente para mostrar códigos de programación. Etiquetas
Descripción
<code>
Define un texto en código de computadora
<kbd>
Define un texto del teclado
<samp>
Define un texto ejemplo de código de computadora
11
<var>
Define una variable
<pre>
Define un texto preformateado
<listing>
Desaprobado. Use <pre> en su lugar
<plaintext>
Desaprobado. Use <pre> en su lugar
<xmp>
Desaprobado. Use <pre> en su lugar
Etiquetas de citaciones y definiciones Etiquetas
Descripción
<abbr>
Indica una forma abreviada (p.ej., WWW, HTTP, etc.)
<acronym>
Indica un acrónimo (p.ej., WAC ,radar, autobús, etc.)
<address>
Define la información sobre el autor
<bdo>
Define la dirección del texto (p.ej., de izq. a der., de der. a izq.)
<blockquote>
Designa una cita larga
<q>
Designa una cita corta
<cite>
Contiene una cita o una referencia a otras fuentes
<dfn>
Indica que aquí es donde se define el término encerrado Caracteres Especiales en HTML
Uso de acentos, signos de apertura de interrogación y exclamación, eñes, espacio en blanco, etc.
Caracteres especiales Muchas veces necesitamos incluir en nuestros textos, signos que tienen un significado especial en HTML (por ej. "<" - menor que). Para poder mostrarlos, debemos usar su nombre en código. Los nombres de las entidades están compuestos por el signo(&), luego el nombre de la entidad y al final (";" - punto y coma). Los números de estos caracteres están compuestos por (&), luego (# - numeral), el número de la 12
entidad y al final (";" - punto y coma). Por ejemplo para mostrar el signo "<" debemos escribir &lt; o &#60;. El uso más común de los caracteres especiales es el espacio en blanco. Si en un texto figuran 5 espacios en blanco seguidos, HTML automaticamente borra 4. Para ingresar espacios en blanco usamos "&nbsp;" y HTML los dejará en su lugar. Otro uso muy frecuente es el de insertar acentos en el código html por medio de los números de las entidades
Caracteres especiales de uso frecuente Resultado
Descripción
Nombre
Número
Espacio en blanco
&nbsp;
&#160;
<
Menor que
&lt;
&#60;
>
Mayor que
&gt;
&#62;
&amp;
&#38;
& "
Comillas
&quot;
&#34;
¡
Apertura signo de exclamación
&iexcl;
&#161;
¿
Apertura signo de interrogación
&iquest;
&#191;
®
Marca registrada
&reg;
&#174;
©
Derecho de autor
&copy;
&#169;
€
Euro
&euro;
&#8364;
á
a minúscula con acento
&aacute;
&#225;
é
e minúscula con acento
&eacute;
&#233;
í
i minúscula con acento
&iacute;
&#237;
ó
o minúscula con acento
&oacute;
&#243;
ú
u minúscula con acento
&uacute;
&#250;
ñ
ñ minúscula
&ntilde;
&#241;
ü
u minúscula con diéresis
&uuml;
&#252;
Á
A mayúscula con acento
&Aacute;
&#193;
É
E mayúscula con acento
&Eacute;
&#201;
Í
I mayúscula con acento
&Iacute;
&#205;
Ó
O mayúscula con acento
&Oacute;
&#211;
Ú
U mayúscula con acento
&Uacute;
&#218; 13
Ñ
Ñ mayúscula
&Ntilde;
&#209;
Ü
U mayúscula con diéresis
&Uuml;
&#220;
Enlaces en HTML La propiedad más importante de Internet, es la posibilidad de conectarse los unos con los otros.
Los Enlaces o Links Los enlaces o links(en Inglés) nos permiten conectarnos con otros documentos:
una imagen un video un archivo de sonido sitios en la web(otra página web) mandar un email Para ello debemos usar la etiqueta <a> que proviene de la primera letra de la palabraanchor(ancla). La etiqueta <a> tiene como cierre </a>.
Sintaxis <a atributo="valor">Texto del enlace</a> Ejemplo Vamos a crear un enlace hacia la home de Virtualnauta.com Código <body> <a href="/http://www.virtualnauta.com/">La home de Virtualnauta</a> </body> Resultado La home de Virtualnauta
EL atributo target Se utiliza para definir donde queremos que se abra el documento al presionar sobre el enlace. 14
Ejemplo Vamos a abrir el documento en una nueva página del navegador. Código <body> <a href="http://www.vitualnauta.com/" target="_blank">La home de Virtualnauta</a> </body> Resultado La home de Virtualnauta
EL atributo name Este atributo se usa para definir una determinada ubicación dentro de la página. Supongamos que definimos un destino de vínculo llamado "destino-uno" en el archivo "uno.html". Sintaxis ...texto antes del destino de vínculo... <a name="destino-uno">Capítulo 1</a><!-- Definimos un destino en el Capítulo 1 --> ...texto después del destino de vínculo... Y en otra parte de la página, del mismo sitio o de otro sitio, creamos un enlace a Capítulo 1. Para ello utilizamos el signo # seguido del nombre del enlace. <a href="http://www.misitio.com/uno.html#destino-uno">Ir al Capítulo 1</a> O en caso que el enlace esté definido en el mismo documento: <a href="/#destino-uno">Ir al Capítulo 1</a>
Creando un enlace a un email Se utiliza en caso que queramos que un enlace mande un email. En el momento que presionamos dicho link se abrirá automaticamente el programa de email que tenemos definido por defecto. Ejemplo Código <body> <a href="/mailto: alguien@gmail.com">Mandar email</a> </body> Resultado 15
Mandar email mailto: nos indica la dirección email a la que va dirigida, en este ejemplo: alguien@gmail.com.
Un enlace a partir de una imagen Muchas veces queremos usar una imagen como enlace a otro documento. Para ello debemos colocar la etiqueta <img> entre las etiquetas <a> y </a> en lugar del texto. Ejemplo Código <body> <a href="http://www.google.com/"><img src="/../graficos/google.gif"></a> </body> Resultado
Etiquetas y atributos de los enlaces Etiquetas Atributos
Valor
<a>
Descripción
Ej.
Define un vínculo href
URL
Dirección URL a conectar.
hreflang
código de lenguaje
Especifica el lenguaje de la URL.
name
nombre de sección
Para crear un marcapáginas dentro de un documento.
rel
alternate
Especifica la relación entre el documento actual y el destino del vínculo.
designates stylesheet start next
16
prev contents index glossary copyright chapter section subsection apendix help bookmark nofollow rev
alternate
Especifica la relación entre el destino del vínculo y el documento actual(vínculo inverso).
designates stylesheet start next prev contents index glossary copyright chapter section
17
subsection apendix help bookmark coords
coordenadas
shape
Especifica las coordenadas de la superficie que contiene el enlace. Define la forma del área.
rect
Usamos coords="izquierda, arriba, derecha, abajo"
rectangle circ
Usamos coords="centro x, centro y, radio"
circle poly
Usamos coords="x1, y1, x2, y2, .., xn, yn"
polygon target
type
Indica donde abrir el URL. _blank
El URL se abrirá en una nueva ventana.
_parent
El URL se abrirá en el frameset padre.
_self
El URL se abrirá en el mismo frame donde fue apretado.
_top
El URL se abriró en una ventana de tamaño completo.
tipo de contenido
Especifica el tipo de contenido a conectar.
18
19
20
Primarios o maestros: Guardan los datos de un espacio de nombres en sus ficheros. Secundarios o esclavos: Obtienen los datos de los servidores primarios a trav茅s de una transferencia de zona. Locales o cach茅: Funcionan con el mismo software, pero no contienen la base de datos para la resoluci贸n de nombres. Cuando se les realiza una consulta, estos a su vez consultan a los servidores DNS correspondientes, almacenando la respuesta en su base de datos para agilizar la repetici贸n de estas peticiones en el futuro continuo o libre.
21
Tipos de registros •
A = Address – (dirección) Este registro se usa para traducir nombres de servidores de alojamiento a direcciones IPv4.
•
AAAA = Address – (dirección) Este registro se usa en IPv6 para traducir nombres de hosts a direcciones IPv6.
•
CNAME = Canonical Name – (nombre canónico) Se usa para crear nombres de servidores de alojamiento adicionales, o alias, para los servidores de alojamiento de un dominio. Es usado cuando se están corriendo múltiples servicios (como FTP y servidor web) en un servidor con una sola dirección IP. Cada servicio tiene su propia entrada de DNS (como ftp.ejemplo.com. y www.ejemplo.com.). Esto también es usado cuando corres múltiples servidores HTTP, con diferentes nombres, sobre el mismo host. Se escribe primero el alias y luego el nombre real. Ej. Ejemplo1 IN CNAME ejemplo2
•
NS = Name Server – (Servidor de Nombres) Define la asociación que existe entre un nombre de dominio y los servidores de nombres que almacenan la información de dicho dominio. Cada dominio se puede asociar a una cantidad cualquiera de servidores de nombres.
•
MX = Mail Exchange – (registro de intercambio de correo) Asocia un nombre de dominio a una lista de servidores de intercambio de correo para ese dominio. Tiene un balanceo de carga y prioridad para el uso de uno o más servicios de correo.
•
PTR = Pointer – (indicador) También conocido como 'registro inverso', funciona a la inversa del registro A, traduciendo IPs en nombres de dominio. Se usa en el archivo de configuración de la zona DNS inversa.
•
SOA = Start of authority – (Autoridad de la zona) Proporciona información sobre el servidor DNS primario de la zona.
•
HINFO = Host INFOrmation – (información del sistema informático) Descripción del host, permite que la gente conozca el tipo de máquina y sistema operativo al que corresponde un dominio.
•
TXT = TeXT - (Información textual) Permite a los dominios identificarse de modos arbitrarios.
•
LOC = LOCalización - Permite indicar las coordenadas del dominio.
•
WKS - Generalización del registro MX para indicar los servicios que ofrece el dominio. Obsoleto en favor de SRV.
•
22
•
SRV = SeRVicios - Permite indicar los servicios que ofrece el dominio. RFC 2782. Excepto MX y NS. Hay que incorporar el nombre del servicio, protocolo, dominio completo, prioridad del servicio, peso, puerto y el equipo completo. Esta es la sintaxis correspondiente: Servicio.Protocolo.Dominio-completo IN SRV Prioridad.Peso.Puerto.Equipo-Completo
•
SPF = Sender Policy Framework - Ayuda a combatir el spam. En este registro se especifica cual o cuales hosts están autorizados a enviar correo desde el dominio dado. El servidor que recibe, consulta el SPF para comparar la IP desde la cual le llega con los datos de este registro.
•
ANY = Toda la información de todos los tipos que exista.
23
DHCP (siglas en inglés de Dynamic Host ConfigurationProtocol, en español «protocolo de configuración dinámica de host») es un protocolo de red que permite a los clientes de una red IP obtener sus parámetros de configuración automáticamente. Se trata de un protocolo de tipo cliente/servidor en el que generalmente un servidor posee una lista de direcciones IP dinámicas y las va asignando a los clientes conforme éstas van quedando libres, sabiendo en todo momento quién ha estado en posesión de esa IP, cuánto tiempo la ha tenido y a quién se la ha asignado después. Este protocolo se publicó en octubre de 1993, y su implementación actual está en la RFC 2131. Para DHCPv6 se publica elRFC 3315. DHCP se definió por primera vez como un protocolo de seguimiento estático de las normas en el RFC 1531 en octubre de 1993, como una extensión del protocolo Bootstrap (BOOTP). La motivación para extender BOOTP era porque BOOTP requería intervención manual para completar la información de configuración en cada cliente, y no proporciona un mecanismo para la recuperación de las direcciones IP en desuso. Muchos trabajaron para mejorar el protocolo, ya que ganó popularidad y en 1997 se publicó el RFC 2131, y al 2011 se mantiene como el estándar para redes IPv4. DHCPv6 está documentado en el RFC 3315. El RFC 3633 añadió un mecanismo de delegación de prefijo para DHCPv6. DHCPv6 se amplió aun más para proporcionar información a los clientes con la configuración automática de direcciones sin estado en el RFC 3736. El protocolo BOOTP a su vez fue definido por primera vez en el RFC 951 como un reemplazo para el protocolo RARP (del inglés "Reverse AddressResolutionProtocol"), o resolución de direcciones inversa. La principal motivación para la sustitución de RARP con BOOTP fue que RARP era un protocolo de la capa de enlace de datos. Esto hizo más difícil su aplicación en muchas plataformas de servidores, y requería un servidor presente en cada enlace de red individual. BOOTP introdujo la innovación de un agente de retransmisión, lo que permitió el envío de paquetes BOOTP fuera de la red local utilizando enrutamiento IP estándar, por lo que un servidor central de BOOTP podría servir de anfitriones en muchas subredes IP.
24
Asignación de direcciones IP Cada dirección IP debe configurarse manualmente en cada dispositivo y, si el dispositivo se mueve a otra subred, se debe configurar otra dirección IP diferente. El DHCP le permite al administrador supervisar y distribuir de forma centralizada las direcciones IP necesarias y, automáticamente, asignar y enviar una nueva IP si fuera el caso en que el dispositivo es conectado en un lugar diferente de la red. El protocolo DHCP incluye tres métodos de asignación de direcciones IP:
Asignación manual o estática: Asigna una dirección IP a una máquina determinada. Se suele utilizar cuando se quiere controlar la asignación de dirección IP a cada cliente, y evitar, también, que se conecten clientes no identificados.
Asignación automática: Asigna una dirección IP a una máquina cliente la primera vez que hace la solicitud al servidor DHCP y hasta que el cliente la libera. Se suele utilizar cuando el número de clientes no varía demasiado.
Asignación dinámica: el único método que permite la reutilización dinámica de las direcciones IP. El administrador de la red determina un rango de direcciones IP y cada dispositivo conectado a la red está configurado para solicitar su dirección IP al servidor cuando la tarjeta de interfaz de red se inicializa. El procedimiento usa un concepto muy simple en un intervalo de tiempo controlable. Esto facilita la instalación de nuevas máquinas clientes.
Parámetros configurables Un servidor DHCP puede proveer de una configuración opcional al dispositivo cliente. Dichas opciones están definidas en RFC 2132 (Inglés) Lista de opciones configurables:
Dirección del servidor DNS
Nombre DNS
Puerta de enlace de la dirección IP
Dirección de Publicación Masiva (broadcastaddress)
Máscara de subred
Tiempo máximo de espera del ARP (Protocolo de Resolución de Direcciones según siglas en inglés)
MTU (Unidad de Transferencia Máxima según siglas en inglés) para la interfaz
Servidores NIS (Servicio de Información de Red según siglas en inglés)
Dominios NIS 25
Servidores NTP (Protocolo de Tiempo de Red según siglas en inglés)
Servidor SMTP
Servidor TFTP
Nombre del servidor WINS
Anatomía del protocolo DHCP Discovery DHCP Discovery es una solicitud DHCP realizada por un cliente de este protocolo para que el servidor DHCP de dicha red de computadoras le asigne una dirección IP y otros Parámetros DHCP como la máscara de red o el nombre DNS.2 DHCP Offer DHCP Offer es el paquete de respuesta del Servidor DHCP a un cliente DHCP ante su petición de la asignación de los Parámetros DHCP. Para ello involucra su dirección MAC (Media Access Control). DHCP Request El cliente selecciona la configuración de los paquetes recibidos de DHCP Offer. Una vez más, el cliente solicita una dirección IP específica que indicó el servidor.
26
Una página web, página electrónica o ciberpágina,1 2 es un documento o información electrónica capaz de contener texto, sonido,vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web, y que puede ser accedida mediante un navegador. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación (acceso) a otras páginas web mediante enlaces de hipertexto. Las páginas web frecuentemente también incluyen otros recursos como ser hojas de estilo en cascada, guiones (scripts), imágenes digitales, entre otros. Las páginas web pueden estar almacenadas en un equipo local o en un servidor web remoto. El servidor web puede restringir el acceso únicamente a redes privadas, por ejemplo, en una intranet corporativa, o puede publicar las páginas en la World Wide Web. El acceso a las páginas web es realizado mediante una transferencia desde servidores, utilizando el protocolo de transferencia de hipertexto (HTTP) Una página web está compuesta principalmente por información (sólo texto y/o módulos multimedia) así como por hiperenlaces; además puede contener o asociar hoja de estilo, datos de estilo para especificar cómo debe visualizarse, y también aplicaciones embebidas para así permitir interactividad. www.nfl.com Las páginas web son escritas en un lenguaje de marcado que provee la capacidad de manejar e insertar hiperenlaces, generalmente HTML. El contenido de la página puede ser predeterminado (página web estática) o generado al momento de visualizarla o solicitarla a un servidor web (página web dinámica). Las páginas dinámicas que se generan al momento de la visualización, se especifican a través de algún lenguaje interpretado, generalmente JavaScript, y la aplicación encargada de visualizar el contenido es la que realmente debe generarlo. Las páginas dinámicas que se generan, al ser solicitadas, son creadas por una aplicación en el servidor web que alberga las mismas. Respecto a la estructura de las páginas web, algunos organismos, en especial el World Wide Web Consortium (W3C), suelen establecer directivas con la intención de normalizar el diseño, y para así facilitar y simplificar la visualización e interpretación del contenido. Una página web es en esencia una tarjeta de presentación digital, ya sea para empresas, organizaciones, o personas, así como una manera de comunicar ideas, pensamientos, conocimientos, informaciones o teorías. Así mismo, la nueva tendencia orienta a que las páginas web no sean sólo atractivas para los internautas, sino también optimizadas (preparadas), para los buscadores a través del código fuente. Forzar esta doble función puede, sin embargo, crear conflictos respecto de la calidad del contenido. 27
El posicionamiento web de una página web es la base para optimizar todo un sitio web el cual es un conjunto de páginas web. Las páginas web están desarrolladas con lenguajes de marcado como el HTML, que pueden ser interpretados por los navegadores. De esta forma, las páginas pueden presentar información en distintos formatos (texto, imágenes, sonidos, videos, animaciones), estar asociadas a datos de estilo o contar con aplicaciones interactivas. Entre las múltiples características que tiene una página web y que sirven para identificarla se encuentran las siguientes: cuenta con información textual y también con material de tipo audiovisual, está dotada de un diseño atractivo, está optimizada y ejerce como la tarjeta de presentación de una empresa, una persona o un profesional concreto. En los últimos años, dado el avance y presencia que tiene Internet en nuestras vidas, muchas son las empresas que se han puesto en marcha y han creado su página web. Y es que han descubierto que la misma les sirve para darse a conocer al mundo, para conseguir captar nuevos clientes y, por tanto, para mejorar sus resultados económicos. En este sentido, es importante saber que para poder conseguir que dicho espacio en la Red sea absolutamente efectivo y permita alcanzar los citados objetivos hay que tener en cuenta una serie de criterios fundamentales: Tiene que tener un diseño atractivo para poder llamar la atención del usuario y conseguir que navegue por ella. En este sentido, ese atractivo se conseguirá ofreciendo información de calidad así como materiales de diversa índole tales como animaciones, vídeos, imágenes… Es vital que se realice con ella las consabidas tareas de estrategia SEO y de optimización. Sólo de esa manera se logrará que la misma sea visible y conocida. Tiene que incluir enlaces tanto a distintos apartados de la misma página web como a otros espacios que pueden resultar de gran interés para el usuario. Debe ser fácilmente navegable. Sólo de esta manera se conseguirá que el internauta vuelva a visitarla. Es posible distinguir entre las páginas web estáticas (cuyos contenidos son predeterminados) y las páginas web dinámicas (que generan contenidos al momento de solicitar información a un servidor de web a través de lenguajes interpretados como JavaScript). Un conjunto de páginas web, por lo tanto, forman un sitio web. Las páginas suelen estar reunidas bajo un dominio común para que el sitio en cuestión sea accesible desde una misma dirección en Internet. La inmensa totalidad de páginas que forman los sitios web dan lugar a lo que se conoce como World Wide Web, Web, Red o, simplemente, Internet, que es el universo virtual donde está reunida la información digital del ciberespacio. Por ejemplo: NBA.com es el sitio oficial de la National Basketball Association (NBA). Su dirección o URL es http://www.nba.com. Dentro de este megasitio, existe una gran cantidad de páginas web. Cada equipo tiene su propio sitio, que a su vez alberga las páginas web de cada uno de los jugadores de la liga. Las noticias, las estadísticas y la información multimedia también ocupan varias páginas dentro de NBA.com.
28
29