1. Universidad Cooperativa de
Colombia
Facultad de Comercio Internacional
Informatica II
Luis Francisco Mozo Duran
I Semestre 2012
2. Docente : Luis Francisco Mozo Duran
Ingeniero de Sistemas con enfasis en Telecomunicaciones – 1999 ,UCC– Sta Mta
Especialista Docencia Universitaria – 2001, UCC – Sta Mta
Interprete Bilingue – 2003, OBM Sede Viña del Mar
Certificacion CCNA – Cisco – 2004, ITSA – Barranquilla
Especialista en Sistemas de Telecomunicaciones – 2006, UNINORTE
Especialista en Finanzas – 2007, U. Sergio Arboleda – Sta Mta
Especialista en Gerencia de Proyectos basado en esquema PMI – 2008, U. Sergio Arboleda – Sta Mta
Objetivo: Adquirir las competencias necesarias para el diseño y desarrollo
de paginas Web.
Justificación: Internet es una herramienta poderosa para toda las áreas de
estudio del saber; y tener conocimiento de como se diseñan y se
desarrollan uno de los servicios mas usados del internet como lo es el
www ya no es solo área de estudio de las carrera de las ingenierías.
3. Contenido
1. Concepto y Terminologia relacionada con Internet.
• Internet
• Servicios
• Tipos de Conexiones
• Tipos de Redes
• URL
• Direccionamiento
2. Publicar en Internet.
• BLOG, RSS Y PODCAST
3. Herramientas de Diseño Grafico
• MACROMEDIA FIREWORKS
4. Herramienta de Diseño y Desarrollo Web
• MACROMEDIA DREAMWEAVER
4. 1. Publicar en Internet
Trataremos los temas más básicos que se necesitan
saber para publicar una página web, como los
materiales necesarios, el lenguaje
HTML, editores, elegir alojamiento, subir páginas a los
servidores y otros conceptos generales.
6. 1. Introduccion a Internet
• Internet es una red de ordenadores conectados en
toda la extensión del Globo Terráqueo que ofrece
diversos servicios a sus usuarios.
• Internet es mucho más que la WWW, y que la red
posee una serie de servicios que, en mayor o
menor medida, tienen que ver con las funciones
de información, comunicación e interacción.
7. Servicios
• Web
• Acceso remoto a otros ordenadores (Telnet-A
traves del modelo Cliente / Servidor)
• La transferencia de Archivos (FTP-P2P)
• el correo electrónico (e-mail)
• Los boletines electrónicos y grupos de noticias
(USENET y news groups).
• Las listas de distribución (Foros de Discusiones.
• Los foros de debate.
• Las conversaciones en línea (chats).
• Redes Sociales
8.
9. • También existe otro tipo de servidores que son
los que se encargan de proveer de acceso a
Internet a nuestros ordenadores, son los
proveedores de acceso, los servidores a los que
nos conectamos con nuestros módems. Cuando
hacemos la llamada con el módem a los
servidores que proveen el acceso entramos a
formar parte de Internet y mientras
mantengamos la conexión podremos acceder a
todos los servidores repartidos por todo el
mundo y solicitarles sus servicios.
10. Tipos de Conexiones
Los tipos de conexión a internet que podemos encontrar en
la actualidad son:
• RTC
• RDSI
• ADSL
• CABLE
• VÍA SATÉLITE
• LMDI
11. RTC (Red Telefónica Conmutada)
• También denominada Red Telefónica Básica
(RTB), es la conexión tradicional analógica
por la que circulan las vibraciones de
voz, es decir la que usamos habitualmente
para hablar por teléfono. Éstas se traducen
en impulsos eléctricos y se transmiten a
través de los hilos de cobre de la red
telefónica normal.
12. RTC (Red Telefónica Conmutada)
• Para acceder a la internet es necesario
tener una línea de teléfono (la misma que
usamos para hablar u otra contratada a
parte exclusivamente para este servicio) y
un módem que se encargará en convertir la
señal del ordenador, que es digital, en
analógica para transferir la información por
la línea telefónica.
13. RTC (Red Telefónica Conmutada)
• Actualmente este tipo de conexiones
supone muchos problemas por la velocidad
del módem ya que alcanza como máximo
56 kbits.
• Al ser un tipo de conexión muy lenta
dificulta enormemente descargas de
archivos de gran tamaño y accesos a
páginas con contenidos multimedia
(imagen, sonido, flash, etc.).
16. RDSI (Red Digital de Servicios Integrados )
• A través de este tipo de conexión la
información se transfiere digitalmente. A
diferencia del anterior no necesita un
módem para transformar la información en
analógica, pero sí un adaptador de
red, módem RDSI o tarjeta RDSI, para
adecuar la velocidad entre el PC y la línea.
El aspecto de esta tarjeta es muy parecido
al módem interno de una conexión RTC o
incluso una tarjeta de red.
17. RDSI (Red Digital de Servicios Integrados )
• Existen dos tipos de acceso a la red
• A través del acceso básico la conexión RDSI divide la
línea telefónica en tres canales: dos B o
portadores, por los que circula la información a la
velocidad de 64 kbps, y un canal D, de 16 kbps, que
sirve para gestionar la conexión. Con este tipo de línea
podemos mantener dos conexiones simultáneas. Así
por ejemplo, podemos mantener una conversación
telefónica normal con uno de los canales y estar
conectados a Internet por el otro canal. También es
posible conectar los dos canales B a Internet con lo que
conseguiremos velocidades de hasta 128 kbps.
18. RDSI (Red Digital de Servicios Integrados )
• El acceso primario es utilizado principalmente por
grandes usuarios que requieren canales de alta
velocidad (hasta 2048 kbps). Tiene varias
configuraciones pero la principal es la de 30 canales B y
un canal D
19. ADSL (Línea de Abonado Digital Asimétrica)
• Basada en el par de cobre de la línea telefónica
normal, la convierte en una línea de alta velocidad.
Utiliza frecuencias que no utiliza el teléfono
normal, por lo que es posible conectar con Internet y
hablar por teléfono a la vez mediante la instalación de
un splitter o filtro separador.
20. ADSL (Línea de Abonado Digital Asimétrica)
ADSL establece tres canales de conexión:
1. Un canal de servicio telefónico normal (RTC)
2. canales de alta velocidad para el de envio y
recepción de datos.
• Estos dos canales no tienen la misma velocidad
de transmisión.
• El más rápido es el de recepción, esto permite
que el acceso a la información y descargas sean
muy rápida
21. ADSL (Línea de Abonado Digital Asimétrica)
Las velocidades que se pueden alcanzar son de
hasta 8 Mbps de recepción y de hasta 1 Mbps de
envío de datos. No obstante, una la velocidad de
transmisión también depende de la distancia del
módem a la central, de forma que si la distancia es
mayor de 3 Kilómetros se pierde parte de la
calidad y la tasa de transferencia empieza a bajar.
22. ADSL (Línea de Abonado Digital Asimétrica)
El envío y recepción de los datos se establece desde el
ordenador del usuario a través de un módem ADSL. Estos
datos pasan por un filtro (splitter), que permite la
utilización simultánea del servicio telefónico básico (RTC) y
del servicio ADSL.
23. ADSL (Línea de Abonado Digital Asimétrica)
Existen por lo general dos dispositivos que permiten la
conexión ADSL y los más populares son los módems y
routers ADSL.
Modem ADSL Router ADSL
24. CABLE
• Para este sistema de conexión no se pueden utilizar las
líneas telefónicas tradicionales, sino que es necesario
que el cable coaxial llegue directamente al usuario.
• En lugar de establecer una conexión directa, o punto a
punto, con el proveedor de acceso, se utilizan
conexiones multipunto, en las cuales muchos usuarios
comparten el mismo cable.
25. CABLE
• Cada punto de conexión a la Red o nodo puede dar
servicio a entre 500 y 2000 usuarios y la distancia de
éste al usuario no puede superar los 500 metros.
• Al tratarse de una conexión compartida por varios
usuarios, el problema está en que se reduce la tasa de
transferencia para cada uno de ellos.
26. CABLE
• Esta tecnología puede proporcionar una tasa de 30
Mbps de bajada como máximo, pero los módems
normalmente están fabricados con una capacidad de
bajada de 10 Mbps y 2 Mbps de subida. No
obstante, los operadores de cable normalmente limitan
las tasas máximas para cada usuario a niveles muy
inferiores .
27. VÍA SATÉLITE
• El acceso a Internet a través de satélite se consigue con
las tarjetas de recepción de datos vía satélite. El
sistema de conexión que generalmente se emplea es
un híbrido de satélite y teléfono. Hay que tener
instalada una antena parabólica digital, un acceso
telefónico a Internet (utilizando un módem
RTC, RDSI, ADSL o por cable), una tarjeta receptora
para PC, un software específico y una suscripción a un
proveedor de satélite.
28. VÍA SATÉLITE
• Utilización de la línea telefónica estándar es necesaria
para la emisión de peticiones a Internet ya que el
usuario (salvo en instalaciones especiales) no puede
hacerlas directamente al satélite.
• Con el canal ascendente se realizarán las peticiones
(páginas web, envío de e-mails, etc) a través de un
módem de RTC, RDSI, ADSL o por cable, dependiendo
de tipo de conexión del que se disponga. Estas
peticiones llegan al proveedor de Internet que los
transmite al centro de operaciones de red y que a su
vez dependerá del proveedor del acceso vía satélite.
29. VÍA SATÉLITE
• Los datos se envían al satélite que los transmitirá por el
canal descendiente directamente al usuario a unas
tasas de transferencia de hasta 400 kbytes/s. .
30. LMDI (Local Multipoint Distribution System)
• Es un sistema de comunicación inalámbrica de punto a
multipunto, que utiliza ondas radioeléctricas a altas
frecuencias, en torno a 28 y 40 GHz. Con estas
frecuencias y al amplio margen de operación, es
posible conseguir un gran ancho de banda de
comunicaciones, con velocidades de acceso que
pueden alcanzar los 8 Mbps.
31. LMDI (Local Multipoint Distribution System)
• Este sistema de conexión da soporte a una gran
variedad de servicios simultáneos: televisión
multicanal, telefonía, datos, servicios interactivos
multimedia.
• La arquitectura de red LMDS consiste principalmente
de cuatro partes: centro de operaciones de la
red(NOC), infraestructura de fibra óptica, estación
base y equipo del cliente (CPE).
34. URL (universal resource locator)
Es una dirección utilizada a través de un servidor
WWW.
Define el tipo de acceso a la información
35. El URL se forma de tres partes importantes:
RUTA A LA
INFORMACIÓN: Este es la
localización de los
documentos dentro del
servidor WWW.
DIRECCION DEL
PROTOCOLO: Este indica SERVIDOR: Esta
la forma con la cual puede ser el nombre
nuestro navegador se de servidor o la
comunica con el servidor. dirección numérica del
Existen varios tipos de mismo
protocolos, HTTP es el
mas utilizado ya que nos
conecta a páginas WWW.
PUERTO: Este dato se comúnmente encuentra
definido por omisión (80), es posible que alguna
dirección de un servidor WWW requiera cambiar
el valor del puerto
36. Ejemplos de URL
URL Accion
http://www.hcc.hawaii.edu/noven Lee un archivo de sonido que se
a.au encuentra en el servidor
www.hcc.hawaii.edu
http://www.eit.com/picture.gif Muestra un archivo grafico
C:docs Muestra el contenido del directorio
docs de la computadora local
gopher://www.hcc.hawaii.edu Se conecta al servicio de gopher en
www.hcc.hawaii.edu
telnet://www.hcc.hawaii.edu Establece una conexión remota a
www.hcc.hawaii.edu
News:alt.hypertext Lee las ultimas noticias de usenet
conectándose a un servidor de noticias
(NNTP) server y devuelve los artículos del
grupo de noticias alt.hypertext
37. Como Crear un Direccion
La direccion no se asigna Arbitrariamente
,se debe hacer una peticion al Network
Informacion Center (NIC), el cual es el
que organiza las direcciones de toda la red.
¿Qué es .CO Internet S.A.S?
Es una empresa conformada por la firma colombiana Arcelandia S.A. y la
estadounidense Neustar Inc. para la administración del dominio .CO en
ejercicio de la concesión otorgada. Así, el objeto social de esta nueva
sociedad se define como la promoción, administración, y operación
técnica del ccTLD .CO.
http://dominios.com.co/
39. Formato de una dirección IP
Una dirección IP se conforma de 32 bits y tiene 2 partes:
Numero de Red
Numero de Host o nodo.
El formato de la dirección es conocido comúnmente como notación decimal
Ejemplo: 10.7.5.1
Cada bit en el octeto tiene un valor binario tal como (128,64,32,16,8,4,2,1).
El mínimo valor de un octeto es 0, lo que significa que todos sus bits son Ceros.
El valor máximo de un octeto es 255, ósea todos sus bits son Unos (1).
La Admon de las direcciones es manejada por una autoridad central IANA
Internet Assigned Numbers Authority.
40. Formato de una dirección IP
La dirección de 32 bits es dividida en 4 octetos de 8 bits cada uno el cual es
representado por un numero decimal de acuerdo al valor de sus ocho bits.
El primer octeto en esta dirección es representado por el valor decimal de
10, mientras el segundo es representado en forma decimal de 7.
En orden de diferenciar entre octetos usamos un punto. Ejemplo 10.7
41. Formato de una dirección IP
La mayor diferencia entre TCP/IP y otros protocolos es el hecho de que la línea
que divide la porción de red de la porción de Host es variable, a diferencia de
otros protocolos que tienen tamaños fijos de red y Host.
TCP/IP nos permite tener una dirección IP que tenga una porción de red de 8
bits, y una porción de Host de 24 bits dándonos potencialmente 256 redes
donde cada una puede tener 16.7 millones de hosts.
Por otro lado, podemos tener un espacio de red de 24 bits con solo 8 bits para
hosts. Esto crearía 16.7 millones de redes, cada una capaz de soportar 256 hosts.
42. Se ha decidido crear 5 clases de direcciones IP. A-E cada una con un numero
especifica de bits para red y bits para hosts.
Las direcciones clase A,B y C son para uso general, la clase D sera para su uso en
direccionamiento multicast y las clase E son para uso reservado.
El BIT mas importante determina la clase de dirección IP
Clase A incluye:
— Rango de numeros de red: 1.0.0.0 to 126.0.0.0
— Numero de direcciones de Host: 16,777,214
Class B addresses include
— Range of network numbers: 128.1.0.0 to 191.254.0.0
— Number of Host addresses: 65,534
Class C addresses include
— Range of network numbers: 192.0.1.0 to 223.255.254.0
— Number of Host addresses: 254
Class D addresses include
— Range of network numbers: 224.0.0.0 to 239.255.255.254
43. Direcciones Privadas
• Clase A: 10.0.0.0 a 10.255.255.255 (8 bits red, 24
bits hosts).
• Clase B: 172.16.0.0 a 172.31.255.255 (16 bits red,
16 bits hosts). 16 redes clase B contiguas, uso en
universidades y grandes compañías.
• Clase C: 192.168.0.0 a 192.168.255.255 (24 bits
red, 8 bits hosts). 256 redes clase C contiguas,
uso de compañías medias y pequeñas además de
pequeños proveedores de internet (ISP).
44. El problema es como un computador es capaz de distinguir entre una dirección Clase A
comparada con una B o C.
La respuesta es que el computador determina el Cero mas significativo en la dirección.
(Posición del cero)
Si el cero esta en la posición mas significativa, El computador reconocerá que es una
dirección IP Clase A y sabrá que la línea entre red y Host estará después de los 8 bits.
Si el cero esta en la segunda posición, el computador sabrá que es una dirección clase B y
por lo tanto sabe que la línea Red/host estará después de 16 bits.
Si el cero esta en la tercera posición, el computador sabrá que es una dirección clase c y por
lo tanto sabe que la línea Red/host estará después de 24 bits.
Esto significa que para cada una de las clases de red el primer, el segundo y el tercer BIT
dependerá de la posición del cero que limitara el rango de direcciones de cada clase.
45. Si esta dirección es una clase A el primer Bit será 0 pero haciendo esto
perderíamos al 128 en nuestra combinación de bits del primer octeto.
Pasaríamos de tener un rango entre 0 -256 a tener un rango entre 0 -127.
IANA se reservo el rango entre 0 y 127 dejándonos con un rango entre 1 y
126.
Todo esto significa que cualquier dirección IP que comience con un numero
decimal entre 1 y 126 puede ser reconocida por los seres humanos como
una dirección clase A.
46. De igual forma una dirección clase B tiene el segundo bit en 0 dejandonos
con un ranfo de direcciones entre 128 y 191.
Any IP address that starts with a high order octet value of 128 – 191 is a
class B address.
47. A class C address has the third bit set to zero leaving us with a range of
addresses beginning 192 -223
Any IP address that starts with a high order octet value of 192 - 223 is a class C
address.
49. Direccionamiento de Hosts
Cada dispositivo o interface debe tener un numero de Host sin cero.
La tabla de enrutamiento contiene direcciones de red; usualmente NO
contiene información de hosts.
Una dirección IP y una dirección de Subred en una interfase tendrá pues tres
propósitos:
Habilita al sistema procesar la recepción y la transmisión de paquetes.
Especifica la dirección local del dispositivo.
Especifica el rango de direcciones que comparte el cable con el dispositivo.
50. Direccionamiento de Hosts
Una dirección de Host de todos Unos en la porción de hosts esta reservada
para broadcast dentro de esa red.
Un valor de todos Ceros, significa la dirección de Red en si misma Por
ejemplo, (192.168.1.0).
51. Direccionamiento IP sin subredes
Para una red sin subredes el resto del mundo ve a la organización como una única red, y el
conocimiento de la estructura interna no es requerido.
Todos los paquetes marcados como 172.16 son tratados de la misma manera,
independientemente del tercer o cuarto octeto de la dirección. Un beneficio de esto puede
se una relativamente corta tabla de enrutamiento que el router puede usar.
La red que se dirige con el esquema que hemos establecido hasta ahora no tiene ningún
modo de distinguir segmentos individuales dentro de la red.
Dentro de la nube que con ninguna subred tenemos un solo dominio de broadcast, todos los
Host sobre la red encuentran todos las broadcast de la red. Esto puede resultar en un
desempeño pobre de la red.
Por defecto esta dirección clase B define una red con 65.000 estaciones de trabajo en ellas.
Es necesario encontrar un forma de dividir esta red en segmentos.
52. Direccionamiento IP con subredes
Con subredes, el uso de las direcciones de red es mas eficiente. Esto no cambia la
forma como el resto del mundo ve a la red, pero dentro de la organización forma
una estructura adicional.
En el ejemplo la red 172.16.0.0 es subdividida en 5
subredes, 172.16.1.0, 172.16.2.0, 172.16.3.0,172.16.4.0, y 172.16.5.0.
Los Routers determinan la red destino usando la dirección de subred, limitando el
tamaño de el trafico sobre los otros segmentos de red.
53. Mascara de Subred
Sin embargo, si organizamos la red de esta manera, Los routers aun usaran el
orden del BIT mas significativo para determinar donde se dividen los campos
Red/Host. Debido a que la dirección es una clase B se dividirá la dirección en 16
bits de red y 16 bits de Host.
Si vemos la tabla de enrutamiento veremos ambos segmentos representados
como 172.16.0.0.
Claramente necesitamos alguna otra manera de decirle al router donde dividir la
línea entre Red/Host sin usar los bits mas significativos.
54. Mascara de Subred
Seria mucho mejor que la tabla de enrutamiento fuera como esta, distinguiendo
entre las dos subredes dentro de la tabla.
Esto significa que hay que usar algún método para decirle al router que debe
considerar los primeros 24 bits como red y los últimos 8 bits como Host, aun
cuando esta sea una dirección clase B.
La herramienta usada para este propósito es la MASCARA DE SUBRED, cuya
función es simplemente decirle al dispositivo cuanto de la dirección debe
considerarse como espacio para red y cuanto como espacio para Hosts.
55. Mascara de Subred
Una dirección IP tiene 32 Bits, escrita en 4 Octetos.
La mascara de subred tiene 32 bits escrita también en 4 octetos.
La disposición de la mascara de subred es la siguiente:
1 Binario para los bits de red.
1 Binario para los bits de subred.
0 Binario para los bits de Host.
La mascara de subred indica cual de los bits en el campo Host serán usados para
especificar diferentes subredes de una red particular.
56. Mascara de Subred
El router extrae la dirección de destino IP del paquete y recupera la máscara de
subred interna.
El router realiza una suma Boleana para obtener la dirección de red. Durante
esta suma la porción de Host de la dirección es quitada.
La decisión del router entonces se basara en el numero de la red solamente.
En este ejemplo sin subredes, el numero de red extraído es 172.16.0.0
57. Mascara de Subred
Con ocho bits para la subred la dirección de red obtenida (subred) es
172.16.2.0.
Este ejemplo muestra mas bits usados, extendiendo la porción de red y
creando un campo secundario que se extiende desde el fin de una mascara
estándar y usando 8 bits del segmento de Hosts.
Este campo secundario se denomina campo de SUBRED y es usado para
representar subredes dentro de la red.
58. Mascara de Subred
No hay razón lógica por la que no podamos extender la mascara de subred
dentro del el ultimo octeto como en este ejemplo.
Ahora tenemos una dirección que consiste en 28 bits de red y solo 4 bits de
espacio para hosts creando una subred que soportara máximo 14 hosts.
60. Dirección de Broadcast
Sabemos que podemos descubrir las direcciones de subred de cualquier
direccion ip dada por su mascara realizando una suma boleana entre la direccion
y la mascara.
Si podemos encontrar la subred es facil determinar la direccion de broadcast
llenando la porcion de Host con Unos y conviertiendolos en decimales.
Si conocemos la direccion de subred y broadcast entonces todo entre ellas dos
estara disponible para direcciones de host.
65. Introducción Internet
• En el momento que pedimos un servicio
de Internet nos convertimos en clientes
del servidor que lo ofrece.
• Para solicitar uno de estos servicios es
necesario contar con un programa
especial que suele ser distinto para cada
servicio de Internet.
66. Introduccion Internet
• Para acceder al correo electrónico utilizamos
Outlook, para acceder a la web utilizamos
Netscape o Internet Explorer o para entrar en el
chat utilizamos un programa como Mirc o Pirch.
• Todos estos programas que nos dan acceso a
los servicios de Internet se denominan
clientes, como se puede ver, para ser el cliente
de un servidor de Internet necesitamos un
programa cliente del servicio al que intentamos
acceder.
67. La web es un servicio de Internet
• Toda esta introducción sirva para que nos
demos cuenta que Internet es un conjunto
de servicios y el web, que es lo que
tratamos de analizar, no es más que uno de
ellos.
• El sistema con el que está construido el web
se llama hipertexto y es un entramado de
páginas conectadas con enlaces .
68. La web es un servicio de Internet
• La web no solo se limita a presentar textos y
enlaces, sino que también puede ofrecernos
imágenes, videos, sonido y todo tipo de
presentaciones, llegando a ser el servicio más rico en
medios que tiene Internet .
• Por esta razón, para referirnos al sistema que
implementa el web (hipertexto), se ha acuñado un
nuevo término que es hipermedia, haciendo
referencia a que el web permite contenidos
multimedia.
69. Cómo es una web por dentro
es interesante señalar que con una simple
acción podemos ver el código fuente de de las
páginas
70. Pasos previos I. Pensar un tema
1.Planificación.
2.Construcción de las páginas.
3.Promoción.
4. y constante actualización de las páginas.