TALLER 1 ­ CONOCIMIENTOS PREVIOS PROYECTO 1

POR

RICARDO ANDRES CANO RESTREPO 
ANDRES FELIPE VELEZ

TUTOR
CAMILO ZAPATA

REDES 20111

SERVICIO NACIONAL DE APRENDIZAJE – SENA

ADMINISTRACION DE REDES

MEDELLIN

2010
1. SERVICIO DE DIRECTORIO

un servicio de directorio son listas que poseen informacion referente a los recurzos tanto fisicos 
como logicos de la red, directorio se comporta de manera que los recursos de la red se toman como 
objetos y estos a su vez poseen atributos para ser administrados, toda esta informacion se almacena 
en tablas las cuales pueden ser consultadas y editadas.

2. FUNCIONAMIENTO LDAP

3. LDAP:

Lightweight Directory Access Protocol este es un protocolo de acceso ligero a directorio, es el 
protocolo con el cual trabajan los directorios activos en la actualidad este protocolo tiene como 
caracteristica que trabaja en la capa de aplicación del modelo TCP/IP ademas este presenta la 
informacion en una cadena de caracteres y no en el codigo ANS que es como lo mostraba su 
antecesor DAP.

ARBOL:

Un árbol dentro de un directorio es una estructura de datos que representa los objetos dentro del 
directorio, este dicho arbol es utilizado para colocar la informacion en de manera ordenada. Dicho 
esto un arbol es una estructura que ayuda a relacionar la informacion en un directorio y la coloca en 
orden jerarquico teniendo una raiz y de alli se desprenderan todas las ramas respectivas.

ATRIBUTO: 

un atributo son los parámetros necesarios que se le asignan a los objetos dentro de un directorio, es 
decir que cuando se realiza una entrada a el directorio nos referimos que estamos ingresando un 
nuevo objeto y a su vez este objeto tendra asignado una serie de atributos y esto atributos un valor 
que definiran el objeto.
ESQUEMA:

el esquema es la informacion general de todos los recursos que se encuentran relacionados en el 
directorio, en este listado de informacion nos mostrara el orden jerarquico en que se encuntra el 
arbol los objetos sus atributos y sus respectivos valores.

ENTRADA:

Una entrada dentro el contexto de LDAP se refiere a el proceso de ingreso de nuevos datos al 
directorio, es decir ingresar nueva información ya sea atributos o objetos en la base de datos del 
directorio.

DOMINIO:

En LDAP el dominio se refiere al valor que posee los objetos es decir el identificador de donde 
pertenece es un atributo unico que poseen todos los objetos de el directorio 

4 ACTIVE DIRECTORY

Es una solución de Microsoft a un sistema operativo de redes, el cual conecta, administra una red y 
sus recursos, en un conjunto de dominios.  En este se configuran las políticas a nivel de la empresa, 
este almacena información en una base de datos central, la cual tiene que ser accesible y ser 
demasiado organizada para evitar problemas en el acceso. Sirve para compartir recursos en el 
conjunto de dominios es también una estructura gerargica de objetos, pueden ser recursos, servicios 
y usuarios.  Active directory se encarga de darle seguridad organización y brinda información sobre 
estos
un servicio de directorios para buscar diferente tipo de información en  una red.
 es un protocolo de acceso a servicios  de directorio un (directorio) es como una base de datos, la 
arquitectura del servidor ldap(protocolo ligero de acceso a directorios) esta dividida en una sección 
frontal esta maneja las conexiones de redes y el procesamiento del protocolo y lo que se conoce 
como base de datos de segundo plano o (backends) este solamente se encarga de el almacenamiento 
de datos existen una gran variedad los cuales son utilizados para interactuar con otras tecnologías no 
solo para bases de datos convencionales  

5 OPENLDAP

es un servicio de directorio de codigo abierto es mas liviano que otro sistema de directorio 
basicamente es una base de datos optimizada para las lecturas de informacion, este sistema sirve 
para gestionar identidades y las relaciones que tienen los equipos los usuarios o los grupos    y 
proporcionan tambien la forma de describirlos gestionarlos  y localizarlos. 
6 RAID:

Un arreglo RAID es un método de almacenamiento que utiliza varios discos y los ponen a trabajar 
como si fueran uno solo. Este arreglo permite al sistema un mayor rendimiento, este tipo de arreglo 
permite un rendimiento mayor de la maquina ya que separa los discos en sectores permitiendo 
separar las labores de lectura y escritura a su vez este arreglo permie ubicación y correcion de 
errores. 

VENTAJAS DE UTILIZACION DE RAID

las ventajas de usar un arreglo RAID en un servidor radica en el hecho que mejora su rendimiento 
gracias a la replicacion de discos creando discos aprueba de fallas y mejor correcion de errores, 
ademas de que la implementacion de un RAID permite la copia de informacion lo cual brinda 
seguridad en cuanto a la posible perdida de informacion. El RAID permite hacer copia de la 
informacion de un disco

RAID POR SOFTWARE

el RAID por software consiste en que la maquina sera la encargada de tomar todos los calculos 
necesarios por medio de el sistema  en este el usuario determinara el uso de particiones para agregar 
en el arreglo 

RAID POR HARDWARE

Este tipo de RAID consiste en un disco que se adquiere ya configurado y que funcion por medio de 
un controlador que hace las tareas de copia y lectura en el disco este tipo de arreglo es irreconocible 
para el sistema operativo por lo cual este solo aparecera como un disco en el cual se intala el 
sofware necesario y se ingresa la informacion normal para utilizar. Solo que el arreglo se encarga de 
replicarlo en el arreglo predeterminado invisible.

CONTROLADORA RAID 

Controladora raid Es una tarjeta de expancion  que gestiona la administracion de discos y efectua 
calculos de paridad, esta opcion suele ofrecer un mayor rendimiento y hace que se puedan 
reemplazar los discos que puedan fallar sin tener que apagar el sistema lo que se llama hotswapping
COMO SE IMPLEMENTA RAID EN LINUX

Este es el primer pantallaso que nos muestra la instalacion del sistema operativo CentOS en el 
damos clic en siguiente.

Nos pregunta el lenguaje de que se utilizara durante el proceso de instalcion en este daremos un clic 
en la lista de idiomas y luego buscamos el idioma y damos clic en siguiente.
En este paso se nos pide seleccionar el idioma a utilizar por el teclado lo seleccionamos y damos 
clic en continuar.

En este punto se inicia la parte de el particionado de discos para ello seleccionaremos los tres discos 
en los cuales instalaremos el sistema operativo y seguido a esto seleccionamos la opcion que nos 
permite la rebicion y modificacion de particiones, y en el boton siguiente.
En despues de dar el clic en siguiente nos pedira confirmacion si los discos a modificar son los 
correctos le diremos si y continuaremos.

En la imagen observamos la configuracion por defecto que nos ofrece el sistema operativo esta 
configuracion la desecharemos para esto damos clic en reiniciar y procedemos a con la 
configuracion de los discos.
En la imagen nos dice que si queremos reiniciar nuestra tabla de particiones le diremos que si, esto 
es solo una confirmacion de el punto anterior.

En este punto ya tenemos una tabla de particiones en cero es decir sin cambios procedemos a crear 
las particiones para nuestro arreglo raid por software, daremos clic en el boton denominado RAID
daremos clic en aceptar para crear una nueva particion para agregar la al arreglo RAID

en este paso seleccionaremos el disco y el tamaño que se utilizara para hacer parte de el arreglo en 
nuestro caso utilizaremos todo el disco por lo cual seleccionamos el disco y  escogemos la opcion 
completar hasta tamaño maximo permitido y daremos clic en aceptar para que nos cree la particion 
en la tabla.
Realizaremos lo mismo con el otro disco que tenemos disponible, como podemos observar le 
volvemos  a dar clic en el boton RAID y luego en aceptar.

Seleccionamos el otro disco para agregar en el arreglo y lo mismo seleccionamos completar hasta el 
tamaño maximo permitido y clic en aceptar para que nos cree la particion.
Seleccionamos el boton nuevo para crear una nueva particion para esta el punto de montaje es para 
el boot y seleccionamos el sistema de archivos, seleccionamos el disco y el tamaño en nuestro caso 
es 100 MB y le damos clic en aceptar.

En la imagen observamos la creacion del espacio para intercambio de datos en la opcion de el tipo 
de sistema de archivos selecciónamos swap seguido del disco al cual le extraeremos el espacio y el 
tamaño en MB en el campo de texto. 
Una vez creadas las particiones procedemos a hacer el arreglo RAID para ello daremos clic 
nuevamente en el boton RAID y nos aparecera una ventana como esta y seleccionamos la opcion 
crear dispositivo RAID y damos clic en aceptar.

En este paso se crea el RAID es decir decidimos el tipo de arreglo a implementar primero 
escojemos el tipo de sistema de ficheros en nuestro caso es un PV para que nuestro dispositivo sea 
dinamico, luego el nombre del arreglo y el tipo de arreglo sin olvidarnos de los discos que van a 
participar en este despues de seleccionar todo correctamente damos clic en aceptar para crearlo.
En la imagen observamos los discos y el orden que se les ha asignado si toda la informacion es 
correcta damos clic en el boton LVM para asignar espacio a nuestra RAIZ .

Para crear el grupo de volumenes primero colocamos el nombre del volumen puede ser cualquier 
nombre, la extencion fisica por defecto en 32 MB y seleccionamos el arreglo RAID para que haga 
parte de el grupo y por ultimo sacamos espacio del RAID para la RAIZ esto se hace por medio del 
boton añadir.
RAID EN WINDOWS

Priemero que todo debemos copiar unos archivos para modificarlos, estos archivos contienen 
información sobre volúmenes y configuraciónes de disco duro, los modificaremos con un editor 
exadecimal para que Windows xp pueda usar el raid

Los archivos son los siguientes
C:\windows\system32\drivers\dmboot.sys 
 C:\windows\system32\dmconfig.dll 
 C:\windows\system32\Dmadmin.exe 

Los pegamos en una carpeta temporal y los editamos para que queden de la siguiente forma

Abrimos con el editor exadecimal el archivo dmboot.sys
Y buscamos la siguiente línea

t.T.y.p.e....WINNT...SERVERNT....

y la cambiamos para que quede asi

t.T.y.p.e...SERVERNTWINNT.....

el archivo dmconfig.dll,

LANMANNT....SERVERNT....WINNT...

y la cambiamos para que quede asi

LANMANNT...WINNT...SERVERNT.

Dmadmin.exe

Antes: servernt....lanmannt...productT

y la cambiamos para que quede asi

Despues: winnt...lanmannt...productT

Reiniciamos el computador y reemplazamos los archivos a su origen en este caso se hizo con un cd 
de Ubuntu en modo live

Luego reiniciamos Windows xp 

Con esto nuestro Windows ahora soporta raid

Para esto damos en administrar discos haga clic en uno de ellos y abra un menú contextual que permite
crear un nuevo volumen
Siga los pasos para el raid 5.
NIVELES RAID

RAID 0:

El Raid 0 consiste en la distribucion de informacion en los discos que se encuentran dentro del 
arreglo RAID es decir que no habra copias de la informacion este tipo de arreglo es el de mejor 
funcionamiento pero no tolera errores puesto que no ofrece la posibilidad de replicar la informacion 
en diferentes discos.

  

RAID 1 

este arreglo consiste en la replicacion total de la informacion es decir que cada disco en el arreglo 
poseera una copia total de cada uno de sus sectores este tipo de arreglo se llama espejo. Tolera 
errores puesto que posee un 100% de copia de informacion y cuando uno de los discos se averia se 
obtiene la totalidad de la informacion.
RAID 2

Este RAID utiliza una tecnica de correcion de errores la tecnica es denominada ECC (Error
Correction Code) esta consiste en crear sectores del disco que serviran para la deteccion y
correccion de errores en disco.

RAID 3

consiste en un arreglo que utiliza uno de los discos para paridad de datos en la paridad es utilizada 
para la recuperacion y correccion de errores en los discos que se encuntran designados para el 
almacenamiento de datos. En este el acceso es sincronico este arrelo trabaja a nivel de bloques.
RAID 4

este raid utiliza el acceso independiente a los datos y tolerancia de errores ya que cuenta con un 
disco dedicado a la correccion de errores, este disco es denominado disco de paridad cada uno de 
los disco tienen un sector dedicado para la parida por cada disco el maximo de discos a utilizar 
como minimo por este raid es de tres discos.  La ventaja de usar raid 4 es que posee la capacida de 
recuperar los datos en tiempo real el raid 4 trabaja a nivel de bytes.

RAID 5 

la caracteristica que posee el raid 5 es que posee acceso independiente y con el disco de paridad 
distribuido este arreglo mejora la capacidad de almacenamiento  del sistema. Lo diferente del raid 4 
es que posee distribuye la paridad entre los diferentes bloques de los discos que se encuentren en el 
arreglo.
RAID 6

en el caso del arreglo de nivel 6 el acceso es iguamete independiente pero se diferencia del 5 puesto 
que posee un doble de paridad con respecto al resto de los discos. Esto lo hace muy tolerante a 
errores o fallos. Este raid ofrece en otras palabras redundancia encuanto a la parida.
12. Diseñe uno o varios gráficos en los que se muestre todo el proceso de 
comunicación usando
el modelo OSI, de la interacción cliente servidor de una petición Web. Comience 
desde que
el usuario ingresa la URL en el navegador Web y tenga en cuenta las consultas a los
servidores DNS. Suponga dirección IP privada para el cliente (Dentro de una LAN) y
dirección IP pública para el servidor Web. Puede usar Packet Tracer como ayuda y 
analizar
la PDU de cada capa del modelo OSI.

La interaccion debe comenzar cuando el cliente necesita resolver un nombre, este busca 
en su cache la resolución al nombre cebolla.net, como no la encuentra debe hacer una 
búsqueda a un servidor dns, aquí empieza el proceso de envio de paquetes de 
encapsulación y demás 

En este grafico se muestra una topología sencilla donde se va a mostrar el proceso
Primero que todo el cliente debe hacer una búsqueda dns y empieza por enviar un paquete  este 
indica una petición a la resolución de nombres de cebolla.net 
 udp con puerto de destino 53 que supone el puerto dns una dirección ip de origen y una de destino 
como también direcciones mac de capa 2 como destino el siguiente nodo, el grafico del modelo osi 
de la petición dns seria como el siguiente
   

Y asi hasta llegar al servidor dns
Cuando el paquete llega donde el servidor este recibe el paquete lo desencapsula y revisa en su 
cache si tiene la respuesta a esta petición, en este caso la puede resolver entonces envía un paquete
de vuelta al cliente con la respuesta, a su petición 

En la capa 7 se encuentra la respuesta a la petición 

Cuando el cliente tiene respuesta a su petición dns manda un paquete hacia el servidor web, que 
resolverá su petición http
Primero el host debe saber si el servidor existe entonces manda un paquete con un cabezal SYNC y 
un ACK de 0 esperando que el servidor responda, cuando el servidor responde manda un ack de 1 
entonces el host ahora puede enviar su petición http.
El paquete en su capa superior tendría una petición get que se envía a la dirección ip de destino osea 
de el servidor web este se dirige al puerto 80 
Cuando este paquete llega al servidor web este lo desencapsula y revisa la petición luego envía la 
respuesta con un paquete de esta forma
13. PUERTOS TCP/IP MAS CONOCIDOS 

los puertos tcp/ip mas conocidos son se encuentran en el rango desde el 1 hasta el 1023 estos son 
utilizados por el servidor para algunos de los servicios mas conocidos como FTP WEB DNS

14 PUERTOS REGISTRADOS DEL MODELO TCP/IP 

los puertos rgistrados en el modelo tcp/ip van desde 1024 al 49151, este es el rango de puertos del 
tcp/ip

16. Dé un ejemplo real de un diálogo HTTP, mostrando los encabezados de la
solicitud y la respuesta. Utilice Wireshark u otro software capturador de
tráfico

Esta es una petición web hacia google.com.co
El wireshark capturo paquetes con petición get y respuesta http
15 HTTP

HTTP es un protocolo de tranferencia web este sus siglas definen hypertext transferens protocol y 
posee el http no conserva informacion de origen ni de conexiones anteriores, este solo tranfiere 
texto plano. Este protocolo sigue un lenguje en comun es decir que es un protocolo para tranferir 
texto con atributos para internet.

17 CODIGO DE ESTADO DEL HTTP

los numeros en los codigos de conexión son utilizados para indcar el estado de la conexión se 
evaluan por el indicativo dpor el primer digito asi:

Números del estilo 1XX que representan mensajes de tipo informativo. 
Números del estilo 2XX que indican que se completó satisfactoriamente la solicitud del cliente.
Números del estilo 3XX que indican que la solicitud fue redirigida. 
Números del estilo 4XX que indican un error en la solicitud del cliente. 
Números del estilo 5XX que indican un error en el lado del servidor. 

Los mas conocidos los mostramos en la siguiente tabla.
18 COOKIES

una cookie es un archivo de texto que se inserta en el disco duro del equipo cliente, que desee iniciar 
una comunicación con el servidor web, estos ficheros sirven para recordar informacion relevante 
acerca de los sitio a los cuales visitamos, esta aplicación nos permite realizar una navegacion mas 
efectiva pues agiliza el proceso de busqueda.

APLICACIONES CLIENTE SERVIDOR

entre las grandes diferencias entre como se ejecuta una aplicación en un cliente contra un servidor, 
podemos encontrar que el servidor requiere de un sofware administrativo mientras que el cliente 
solo necesita uno que le permita la conexión con el server. Otra diferencia en cuanto a aplicaciones 
entre cliente y servidor radica en el uso de los puertos bien conocidos del modelo TCP/IP mientras 
que en el cliente tendremos que se utilizan los puertos redgistrados es decir el rango que habiamos 
mensionado anterirormente.

PAGINAS WEB

una pagina estatica es aquella que solo es utilizada para que el usuario consulte y normalmente solo 
lea la informacion que se encuentre contenidad en el sitio, este tipo de paginas web normalmente 
utiliza Link o hipervinculos entre paginas.
Mientras que una pagina dinamica posee la caracteristicas completamente diferentes que permiten 
al usuario interactuar con el sitio, ademas de que permite procesos de actualizacion mas simples y 
rapidas y la utilizacion de diferentes lenguajes para la programacion de dichos sitios, y si esto fuera 
poco permite la creacion de diferentes aplicaciónes como foros o administradores de bases de datos.

ESTRUCTURA HTML.

La estructura del lenguaje de programacion html  consiste en una serie de atributos seguidos de una 
variable, estos atributos consisten en unas etiquetas por ejemplo <body> y  para que esta tenga 
efecto necesitaremos cerrarla colocando la misma etiqueta asi </body>  un documento html 
normalmete esta compuesto por los siguientes componentes:

<HTML>
     <HEAD>
     ...
     </HEAD>
     <BODY>
     ...
     </BODY>
</HTML>
ETIQUETAS Y ATRIBUTOS HTML

CONDICION ABRE ATRIBUTOS CIERRA

INICIO Y FINAL DEL DOCUMENTO <html> Head body </html>
CABECERA DEL DOCUMENTO <head> Base, title,meta </head>
TITULO DE LA PAGINA WEB <title> </title>
CUERPO DE LA PAGINA <body> Bgcolor, background </body>
TABLE <table> Border, heigth,  </table>
cellspacing
FILA <tr> Align, valign </tr>
COLUMNA <td> Align, valign </td>
HIPERVINCULO <A> Href, name, rel </A>
DIVICION DE LA PAGINA <div> Heigth, background </div>
TEXTO EN NEGRILLA <strong> </strong>
TEXTO EN CURSIVA <l> </l>
TEXTO SURAYADO <s> </s>
FORMULARIO Y ELEMENTOS  <scribd> Var, if, for, funtion, new </scrib>
INSERTAR IMAGEN <img> Aling, src, alt, ismap  </img>
space
FUENTES <font> Size, color, </font>
SALTO DE LINEA <br>
 Codigo fuente de la pagina http://www.ayddiseno.com/web.html,

<html>
<head>
<title>Desarrollo web</title>
<meta name="keywords" content="diseño,diseño 
grafico,web,estrategias,comunicacion,paginas web,fotografia,publicidad,animacion 2d y 
3d,sitio web,design,publicity,Bogotá,Colombia,imagen corporativa,diseño 
industrial,design,diseno,grafico,sitios web,sitio web,diseño de sitios 
web,hosting,dominio,comunicación,paginas,páginas,fotografía,animacion,diseño 
flash,flash,bogota,Bogota,colombia,imagen,corporativa,sitio,A&D,ayd,ayd diseño,A&D 
Diseño,AyD,AYD,a&d">
<meta name="description" content="A&D es el centro de diseño, especializado en 
transformar el potencial a la realidad productiva de empresa y/o producto con estrategias 
que integran y acercan al grupo objetivo; desarrollamos innovación, calidad y un alto nivel 
competitivo empresarial. ">
<meta http­equiv="Content­Type" content="text/html; charset=ISO­8859­1">
 
<style type="text/css"> 
body {scrollbar­face­color: ffffff; scrollbar­shadow­color: ffffff;
scrollbar­highlight­color: ffffff; scrollbar­3dlight­color: FF0000;
scrollbar­darkshadow­color: FF0000; scrollbar­track­color: ffffff ;
scrollbar­arrow­color: #000000}
 
<style type="text/css">
<!­­
body {
margin­right: 0px;
margin­left: 0px;
margin­top: 0px;
margin­bottom: 0px;
}
.Estilo7 {font­size: 12px; font­family: Verdana, Arial, Helvetica, sans­serif; }
.Estilo10 { font­size: 10px;
font­family: Verdana, Arial, Helvetica, sans­serif;
color: #999999;
}
.Estilo13 {font­size: 11px; font­family: Verdana, Arial, Helvetica, sans­serif; }
.Estilo14 {
font­size: 14px;
font­family: Verdana, Arial, Helvetica, sans­serif;
font­weight: bold;
}
.Estilo15 {font­size: 11px}
a:link {
color: #999999;
text­decoration: none;
}
a:visited {
color: #999999;
text­decoration: none;
}
a:hover {
color: #FF0000;
text­decoration: none;
}
a:active {
color: #FF0000;
text­decoration: none;
}
.Estilo16 {color: #FFFFFF}
.Estilo17 {font­size: 11px; font­family: Verdana, Arial, Helvetica, sans­serif; color: #FFFFFF; }
.style2 {font­size: 11px; font­family: Verdana, Arial, Helvetica, sans­serif; color: #000000; }
.style4 {
font­size: 14px;
font­family: Verdana, Arial, Helvetica, sans­serif;
color: #666666;
font­weight: bold;
}
.style5 {
font­size: 11px;
font­family: Verdana, Arial, Helvetica, sans­serif;
color: #666666;
}
.style6 {
color: #6D9C37;
font­weight: bold;
}
.style11 {
font­size: 12px;
font­family: Verdana, Arial, Helvetica, sans­serif;
color: #FFFFFF;
}
.style12 {font­size: 16px}
.style13 {font­size: 10px}
­­>
</style>
<script language="JavaScript" type="text/JavaScript"> 
<!­­
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
 
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
 
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length­
2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; 
x.src=a[i+2];}
}
//­­>
</script>
</head>
 
<body 
onLoad="MM_preloadImages('imagenes/fotos/1.jpg','imagenes/menuhome_02.jpg','image
nes/menuhome_06.jpg','imagenes/bannerhome2_04.jpg','imagenes/bannerhome2_06.jpg',
'imagenes/bannerhome2_08.jpg','imagenes/bannerhome2_10.jpg','imagenes/bannerhome
2_12.jpg','imagenes/banner­chiquito4.jpg')">
<table width="991" border="0" align="center" cellpadding="0" cellspacing="0" 
background="images/fondo­web.jpg">
  <!­­DWLayoutTable­­>
  <tr>
    <td height="66" colspan="18" valign="top"><img src="images/logo­superior.gif" 
width="998" height="66"></td>
  </tr>
  
  <tr>
    <td height="261" colspan="18" valign="top"><table width="100%" border="0" 
cellpadding="0" cellspacing="0">
      <!­­DWLayoutTable­­>
      <tr>
        <td width="6"></td>
          <td height="57" colspan="2" valign="top"><img src="images/banner­web_01.jpg" 
width="199" height="57"><img src="images/banner­web_02.jpg" width="258" 
height="57"><img src="images/banner­web_03.jpg" width="240" height="57"><img 
src="images/banner­web_04.jpg" width="292" height="57"></td>
        </tr>
      <tr>
        <td></td>
          <td width="417" height="13" valign="top" bgcolor="#BCCDDD"><div align="left"><a 
href="web.html" onMouseOut="MM_swapImgRestore()" 
 onMouseOver="MM_swapImage('999','','images/banner­web_05',1)"><img 
src="images/banner­web_05.jpg" name="Image29" width="37" height="13" 
border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" 
onMouseOver="MM_swapImage('999','','images/banner­web_05',1)"></a><a 
href="publicidad.html"><img src="images/banner­web_06.jpg" width="82" height="13" 
border="0"></a><a href="fotografia.html"><img src="images/banner­web_07.jpg" 
width="80" height="13" border="0"></a><a href="diseno.html"><img src="images/banner­
web_08.jpg" width="66" height="13" border="0"></a><a href="imagen_corp.html"><img 
src="images/banner­web_09.jpg" width="151" height="13" border="0"></a></div></td>
          <td width="576" rowspan="2" valign="top"><img src="images/banner­web_10.jpg" 
width="281" height="144"><img src="images/banner­web_11.jpg" width="291" 
height="144"></td>
        </tr>
      <tr>
        <td></td>
          <td height="131" valign="top" bgcolor="#203D43"><div align="right"><img 
src="images/banner­web_12.jpg" width="199" height="131"><img src="images/banner­
web_13.jpg" width="217" height="131"></div></td>
        </tr>
      <tr>
        <td></td>
          <td height="60" colspan="2" valign="top"><img src="images/banner­web_14.jpg" 
width="199" height="60"><img src="images/banner­web_15.jpg" width="217" 
height="60"><img src="images/banner­web_16.jpg" width="281" height="60"><img 
src="images/banner­web_17.jpg" width="292" height="60"></td>
        </tr>
          
      
      
     
    </table></td>
  </tr> 
  
  <tr>
    <td height="24" colspan="18" valign="top"><table width="100%" border="0" 
cellpadding="0" cellspacing="0" background="imagenes/fondo­menu­abajo.jpg">
        <!­­DWLayoutTable­­>
        <tr>
          <td width="10" height="24">&nbsp;</td>
          <td width="40" valign="top"><a href="home.html"><img src="imagenes/home2.jpg" 
alt="Home" width="38" height="24" border="0"></a></td>
          <td width="365">&nbsp;</td>
          <td width="541" valign="middle" bgcolor="#E7E7E7"><div align="right" class="style4 
style13"><a href="index.html">Home</a> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="qsomos.html">Quienes 
Somos</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a 
href="servicios.html">Servicios</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a 
href="hosting.html">&nbsp;Hosting y Dominio</a> 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="portafolio.html">Portafolio</a> 
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a 
href="contactenos.php">Cont&aacute;ctenos</a></div></td>
        <td width="5">&nbsp;</td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td width="40" height="9"></td>
    <td width="12"></td>
    <td width="20"></td>
    <td width="174"></td>
    <td width="66"></td>
    <td width="28"></td>
    <td width="14"></td>
    <td width="4"></td>
    <td width="29"></td>
    <td width="5"></td>
    <td width="254"></td>
    <td width="17"></td>
    <td width="31"></td>
    <td width="103"></td>
    <td width="159"></td>
    <td width="4"></td>
    <td width="14"></td>
    <td width="24"></td>
  </tr>
  <tr>
    <td height="10"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td colspan="8" rowspan="3" valign="top"><table width="100%" border="0" 
cellpadding="0" cellspacing="0">
        <!­­DWLayoutTable­­>
        <tr>
          <td width="587" height="237" valign="top"><img src="images/banner­ventajas­
web.gif" width="587" height="237"></td>
        </tr>
        
                
        
        
    </table></td>
    <td></td>
  </tr>
    
  <tr>
    <td height="81">&nbsp;</td>
    <td>&nbsp;</td>
    <td colspan="4" valign="top" class="Estilo13"><p align="justify" class="style2">A&amp;D 
Dise&ntilde;o ofrece <strong>Planes Web todo incluido</strong> que se ajustar&aacute;n 
a las necesidades de su empresa.</p>      <p class="style4">Usted obtiene:</p></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  
  <tr>
    <td height="146"></td>
    <td colspan="7" rowspan="3" valign="top"><table width="100%" border="0" 
cellpadding="0" cellspacing="0">
      <!­­DWLayoutTable­­>
      <tr>
        <td width="155" rowspan="2" valign="bottom"><img src="images/imagen­web.jpg" 
width="155" height="226"></td>
          <td width="163" height="252" valign="top"><ul>
              <li class="Estilo13"> Hosting</li>
              <li class="Estilo13">Dominio</li>
              <li class="Estilo13">Dise&ntilde;o personalizado html y flash</li>
              <li class="Estilo13">Banners</li>
              <li class="Estilo13">Fotograf&iacute;a</li>
              <li class="Estilo13">Posicionamiento en buscadores</li>
              <li class="Estilo13">Formularios</li>
              <li class="Estilo13">Estad&iacute;sticas mensuales</li>
              <li class="Estilo13">Correos corporativos @suempresa.com</li>
              <li class="Estilo13">Soporte t&eacute;cnico permanente </li>
          </ul>            
            <p class="style5">M&aacute;s las aplicaciones web requeridas por sus clientes y 
proveedores.</p></td>
        </tr>
      
      <tr>
        <td height="3"></td>
        </tr>
      
      
    </table></td>
    <td></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="23"></td>
    <td></td>
    <td></td>
    <td></td>
    <td>&nbsp;</td>
    <td colspan="4" rowspan="4" valign="top"><table width="100%" border="0" 
cellpadding="0" cellspacing="0" background="images/estadisticas.gif">
      <!­­DWLayoutTable­­>
      <tr>
        <td width="34" height="124">&nbsp;</td>
        <td width="221" valign="top"><table width="100%" border="0" cellpadding="0" 
cellspacing="0">
              <!­­DWLayoutTable­­>
              <tr>
                <td width="221" height="124" valign="middle"><p align="justify" 
class="Estilo13">Monitoreamos sus sitios web con reportes peri&oacute;dicos que le 
facilitar&aacute;n el manejo y control de los  contenidos.</p>                  <p align="justify" 
class="Estilo13">Las estad&iacute;sticas de las visitas y uso interactivo de las 
herramientas le permitir&aacute; tomar decisiones en sus campa&ntilde;as y contenidos 
web.</p></td>
              </tr>
              
          </table></td>
          <td width="42">&nbsp;</td>
      </tr>
      <tr>
        <td height="25">&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      
      
      
      
    </table></td>
    <td>&nbsp;</td>
    <td></td>
  </tr>
   
  <tr>
    <td height="86"></td>
    <td></td>
    <td></td>
    <td rowspan="7" valign="top"><table width="100%" border="0" cellpadding="0" 
cellspacing="0">
      <!­­DWLayoutTable­­>
      
      <tr>
        <td width="254" height="264" valign="middle"><img src="images/comp.gif" 
width="254" height="264"></td>
        </tr>
      <!­­DWLayoutTable­­>
      
    </table></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  
  
  
  <tr>
    <td height="33"></td>
    <td colspan="6" valign="top"><img src="images/linea­web.gif" width="314" 
height="33"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  
  <tr>
    <td height="7"></td>
    <td></td>
    <td></td>
    <td colspan="2" rowspan="3" valign="top"><table width="100%" border="0" 
cellpadding="0" cellspacing="0" background="images/fodo­boton­web.gif">
      <!­­DWLayoutTable­­>
      <tr>
        <td width="16" height="113">&nbsp;</td>
        <td width="208" valign="top"><table width="100%" border="0" cellpadding="0" 
cellspacing="0">
          <!­­DWLayoutTable­­>
          <tr>
            <td width="208" height="113" valign="middle" class="Estilo14"><div align="center" 
class="style11"><a href="contactenos.php" class="style12">Cont&aacute;ctenos</a><br> 
                <span class="Estilo15">y reciba asesor&iacute;a especializada que lo 
guiar&aacute; 
              paso a paso en la creaci&oacute;n de su Sitio Web </span></div></td>
              </tr>
          <!­­DWLayoutTable­­>
          
        </table></td>
          <td width="16">&nbsp;</td>
      </tr>
      
      
      
      
        <!­­DWLayoutTable­­>
      
      
      
    </table></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  
  
  
  <tr>
    <td height="24"></td>
    <td></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td>&nbsp;</td>
    <td rowspan="5" valign="top"><table width="100%" border="0" cellpadding="0" 
cellspacing="0">
      <!­­DWLayoutTable­­>
      <tr>
        <td width="103" height="150" valign="middle"><p align="left" class="Estilo13"><span 
class="style6">Desarrollo de:</span><br>
          <br>
          Mini sitios<br>
          Sitios Web<br>
          Portales<br>
          Intranet<br>
          Extranet<br>
          Aplicaciones Web<br>
          Programaci&oacute;n<br>
          e­commerce</p></td>
        </tr>
      <tr>
        <td height="2"></td>
        </tr>
    </table></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td height="82"></td>
    <td></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td>&nbsp;</td>
    <td rowspan="4" valign="top"><table width="100%" border="0" cellpadding="0" 
cellspacing="0">
        <!­­DWLayoutTable­­>
        <tr>
          <td width="159" height="126" valign="middle"><a href="portafolio_web.html" 
onMouseOut="MM_swapImgRestore()" 
onMouseOver="MM_swapImage('Image301','','imagenes/banner­chiquito4.jpg',1)"><img 
src="imagenes/banner­chiquito3.jpg" alt="Portafolio" name="Image301" width="159" 
height="126" border="0" id="Image301"></a></td>
        </tr>
        
        
        <!­­DWLayoutTable­­>
    </table></td>
    <td>&nbsp;</td>
    <td></td>
    <td></td>
  </tr>
  
  <tr>
    <td height="10"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  
  
  
  
  
  <tr>
    <td height="24"></td>
    <td></td>
    <td colspan="2" rowspan="2" valign="middle" class="Estilo10"><div 
align="right">Programaci&oacute;n web en alianza con</div></td>
    <td rowspan="2" valign="top"><a href="http://www.naturasoftware.com"><img 
src="images/natura.gif" width="66" height="36" border="0"></a></td>
    <td>&nbsp;</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td>&nbsp;</td>
  </tr>
  
  
  
  
    <tr>
    <td height="12" class="Estilo15"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td class="Estilo15"></td>
    <td></td>
    <td class="Estilo15"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  
   
  <tr>
    <td height="37" colspan="18" valign="top" class="Estilo15"><img src="images/fondo­
pata.jpg" alt="" width="998" height="37"></td>
  </tr>
</table>
</body>
</html>

Las etiquetas son las siguientes
<! Comentario 
<BODY>  cuerpo de la pagina 
<br> retorno de línea
<head> encabezado del documento
<html> debe ir al principio y al final de todo documento
<IMG> carga imágenes
<li> ítem de lista
<meta>  metainformacion que se hubica en head
<p> retorno de línea
<P ALIGN>  alineación de texto
<strong> 
<table>  tabla
<td>  Celdas de una fila en una tabla, dentro de <TR>
<tr> fila de una tabla
TABLA DE COLORES HEXADEXIMAL

HOJAS CCS

una  hoja css es creada para falicitar la labor de edicion de paginas web por medio de un conjunto de 
normas como por ejemplo el uso de las viñetas dentro del texto programado esto ayuda a la 
deteccion y correccion de errores. Esta pagina tambien es llamada pagina en diseño cascada
APLICACIONES WEB

una aplicación es un codigo en un lenguaje suave como por ejemplo javascrib o php, en pocas 
palabras es un sofware que trabaja de manera online y se ejecuta atravez de un navegador web 
normalmente para administracion de diferentes sofwares. La aplicación web es solo una imagen en 
el disco de la maquina que le permite conexión con el verdadero sofware para que fue diseñado. 
Algunos ejemplos de aplicación web son:

PHPBB
B2EVOLUTION
DOCFAQ
WORDPRESS
JOOMLA
OSCOMMERCE
POSTNUKE
WORDPRESS
WEBCALENDAR
PHPWIKI
PMACHINEFREE
TIKIWIKI
MAMBO
PHPMYADMIND
PHPBUGTRACKER
OPENBIBLIO
TUTOS
GALLERY
OWL
LENGUAJES DE PROGRAMACION:

PHP 
Es un lenguaje de programación diseñado para páginas web dinámicas, este puede ser 
incrustado dentro del código HTML, este toma el código php como entrada y creando 
páginas web como salidas, es decir el código php no es visto por el usuario ni la pagina 
web, esto le da seguridad  el este es uno de los lenguajes más usados para la 
implementación en servidores web pues tiene compatibilidad con casi todos los 
servidores. 

Asp

Es un lenguaje de programación dice;ado para el uso en paginas web dinamicas es de 
Microsoft se ejecuta de parte del servidor , este se ejecuta bajo la plataforma .net

Perl

Este lenguaje toma características del lenguaje C es muy fácil de usar y muy flexible pues 
esta orientado a objetos, programación funcional. Y programaion estructurada, tiene un 
excelente procesador de texto y se le pueden a;adir una enorme cantidad de modulos que 
tiene disponible.

Python

Es un lenguaje de programacion limpio y elegante, es de codigo abierto y se comparara 
con el perl Es muy flexible a la hora de programar porque es un lenguaje de programación 
multiparadigma osea que su estructura permite acomodarse al estilo de programación del 
usuario, orientado a objetos, programación funcional. Y programaion estructurada usa un 
tipo de dato dinamico y feference counting para el manejo de memoria  este resuelve 
dimanicamente los nombres lo que enlaza un método y un nombre de variable durante la 
ejecución del programa 

Cgi

esta es una de las primeras formas de programcacion dinámica Le permite a un 
navegador web solicitar datos a un programa que se este usando en un servidor este 
especifica el estándar entre cliente y el programa para la transferencia de datos este es 
usado en contadores, bases de datos, motores de búsqueda, formulários, generadores
de email automático, muchos lenguajes utilizan cgi como el perl java y demás

.net

.NET: lenguaje de programación para aplicaciones web y cliente servidor. Para
Web usa el ASP como soporte y se combina con el HTML, es la respuesta de Microsoft 
para lenguajes como el java es una manera rápida económica segua de desarrollar 
aplicaciones 
Jsp

paginas servidor java es un tipo de tecnología que usa el lenguaje java para crear paginas 
web dinamicas 

WAMP 

este termino se utiliza para agrupar los componentes unidos el sistema operativo windows, servidor 
web apache, base de datos mysql, y lenguaje de programacion php. Es una aplicación diseñada para 
administrar datos.

LAMP

este es un estandar para servidores web que combinan los componentes linux apache mysql y php 
para trabajar.

XAMMP

este es un estandar para servidores de trabajo para multiples plataformas y contiene dentro de si 
servidor http, apache, mysql y interpretes de lenguaje para scrib y php 

BASE DE DATOS

una base de datos consiste en almacenar grandes cantidades de informacion de forma organizada, 
esta informacion es almacenada en tablas que poseen columnas y filas, una caracteristica de una 
base de datos es que la informacion almacenada en estas tabla debe estar relacionada entre ella un 
ejemplo de una base de datos seria una lista de usuarios y sus datos. Se crearia una columna para 
nombre y para los datos y alli se podria almacenar una gran cantidad de informacion.

Caracteristicas de las bases de datos:

Redundancia mínima.
Acceso concurrente por parte de múltiples usuarios. 
Integridad de los datos. 
Consultas complejas optimizadas. 
Seguridad de acceso y auditoría. 
Respaldo y recuperación.

CARACTERISTICAS DE SQL

SQL “Structured Query Language” es el lenguaje de consulta y administracio para bases de datos 
este lenguaje utiliza el algebra y el calculo racional para las consultas en dichas tablas este es el 
lenguaje mas comun que es utilizado para la comunicación de el usuario con la base de datos.
SISTEMAS DE GESTION DE BASES DE DATOS.

Los SGBD son programas que permiten la administracion de bases de datos es decir seguridad 
acceso edicion entre otras aplicaciones de estas. Los principales softwares de administracion son:

MYSQL: este es un gestionador de bases de datos que trabaja multihilo, ademas de multiusuario lo 
cual permite tener mas de un usuario para consulta y edicion de dicha base de datos.

FILEMAKER este es un software que soportas multiples plataformas la caracteristica de este es 
que posee la integracion de la base de datos con una interface grafica para asi poder arrastrar 
elementos dentro de esta.

ORACLE: este software es considerado uno de los mas completos y permite una gran escalabilidad 
estabilidad y soporte a multiples plataformas.

MICROSOFT ACCESS es un programa diseñado por microsoft para ser utilizado en pequeñas 
organización este esta inclido en el paqute de office aunque no se incluye en el basico.

COMANDOS MYSQL

mysql ­h nombre_servidor ­u nombre_usuario ­p  este comando es para ingresar en la base de 
datos.

use mibasedatos;  comando usado para conectar a una base de datos

show databases; este comando nos muestra las bases de datos existentes.

create database miprueba;  este comando es usado para crear una base de datos en este caso 
prueba.