Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Director Acadmico
Profr. Julio Alfonso Martnez Romero
Director de Planeacin
Mtro. Pedro Hernndez Pea
DIRECCIN ACADMICA
Departamento de Desarrollo Curricular
Blvd. Agustn de Vildsola, Sector Sur
Hermosillo, Sonora. Mxico. C.P. 83280
COMISIN ELABORADORA:
Elaborador:
Ricardo Revilla Reyes
Revisin Disciplinaria:
Iliana Magdalena Manzo
Mara Enedina Duarte Camacho
Correccin de Estilo:
Glenda Margarita Heguerty Lpez
Apoyo Metodolgico:
Mara Enedina Duarte Camacho
Supervisin Acadmica:
Diana Irene Valenzuela Lpez
Guadalupe Gonzlez Ramrez
Diseo:
Joaqun Rivas Samaniego
Mara Jess Jimnez Duarte
Grupo Editorial:
Bernardino Huerta Valdez
Cynthia Deyanira Meneses Avalos
Francisco Peralta Varela
Ana Isabel Ramrez Vsquez
Coordinacin Tcnica:
Claudia Yolanda Lugo Peuri
Coordinacin General:
Profr. Julio Alfonso Martnez Romero
2
PRELIMINARES
DATOS DEL ALUMNO
Nombre: _______________________________________________________________
Plantel: __________________________________________________________________
E-mail: _________________________________________________________________
Domicilio: ______________________________________________________________
_______________________________________________________________________
Ubicacin Curricular
PRELIMINARES 3
4
PRELIMINARES
ndice
Presentacin ...........................................................................................................................................................7
Mapa de asignatura ................................................................................................................................................8
PRELIMINARES 5
ndice (continuacin)
BLOQUE 3. EDITOR DE PGINAS WEB ................................................................................................. 103
Secuencia didctica 1. Introduccin al programa Dreamweaver ...................................................................... 104
Introduccin al Dreamweaver .......................................................................................................................... 105
Opciones bsicas de trabajo .......................................................................................................................... 109
Entorno de trabajo ........................................................................................................................................... 113
Ventana de Documento ................................................................................................................................... 114
Herramientas de Documento .......................................................................................................................... 117
Barra de herramientas Estndar ..................................................................................................................... 118
Barra de Estado ............................................................................................................................................... 118
Herramientas de Codificacin ......................................................................................................................... 119
Herramientas de Representacin de Estilos ................................................................................................... 119
Descripcin general del Inspector de Propiedades ...................................................................................... 123
Panel Insertar ................................................................................................................................................... 124
Panel de Archivos ............................................................................................................................................ 128
Panel de Estilo CSS ......................................................................................................................................... 129
Guas Visuales ................................................................................................................................................. 130
Secuencia Didctica 2. Entorno de Trabajo Dreamweaver. .............................................................................. 133
Cambio de Vista de la Ventana de Documento .............................................................................................. 134
Informes en Dreamweaver .............................................................................................................................. 136
Elaboracin de pginas con CSS ................................................................................................................... 138
Diseo de pginas con CSS ........................................................................................................................... 145
Utilizacin de Etiquetas Div ............................................................................................................................. 146
Maquetacin de pginas con HTML ............................................................................................................... 150
Presentacin del contenido en tablas ............................................................................................................. 151
Utilizacin de Marcos ...................................................................................................................................... 158
Revisin y correccin de ortogrfica ............................................................................................................... 159
Importacin de datos de Tabla ....................................................................................................................... 159
Importacin de documentos de Microsoft Office (slo Windows) ................................................................. 160
Bibliografa.............................................................................................................................................................. 163
6
PRELIMINARES
Presentacin
Una competencia es la integracin de habilidades, conocimientos y actitudes en un contexto especfico.
El enfoque en competencias considera que los conocimientos por s mismos no son lo ms importante, sino el uso
que se hace de ellos en situaciones especficas de la vida personal, social y profesional. De este modo, las
competencias requieren una base slida de conocimientos y ciertas habilidades, los cuales se integran para un
mismo propsito en un determinado contexto.
Para el desarrollo del trabajo debers utilizar diversos recursos, desde material bibliogrfico, videos, investigacin de
campo, etc.
La retroalimentacin de tus conocimientos es de suma importancia, de ah que se te invita a participar de forma activa
cuando el docente lo indique, de esta forma aclarars dudas o bien fortalecers lo aprendido; adems en este
momento, el docente podr tener una visin general del logro de los aprendizajes del grupo.
Recuerda que la evaluacin en el enfoque en competencias es un proceso continuo, que permite recabar evidencias a
travs de tu trabajo, donde se tomarn en cuenta los tres saberes: el conceptual, procedimental y actitudinal con el
propsito de que apoyado por tu maestro mejores el aprendizaje. Es necesario que realices la autoevaluacin, este
ejercicio permite que valores tu actuacin y reconozcas tus posibilidades, limitaciones y cambios necesarios para
mejorar tu aprendizaje.
As tambin, es recomendable la coevaluacin, proceso donde de manera conjunta valoran su actuacin, con la
finalidad de fomentar la participacin, reflexin y crtica ante situaciones de sus aprendizajes, promoviendo las
actitudes de responsabilidad e integracin del grupo.
Nuestra sociedad necesita individuos a nivel medio superior con conocimientos, habilidades, actitudes y valores, que
les permitan integrarse y desarrollarse de manera satisfactoria en el mundo laboral o en su preparacin profesional.
Para que contribuyas en ello, es indispensable que asumas una nueva visin y actitud en cuanto a tu rol, es decir, de
ser receptor de contenidos, ahora construirs tu propio conocimiento a travs de la problematizacin y
contextualizacin de los mismos, situacin que te permitir: Aprender a conocer, aprender a hacer, aprender a ser y
aprender a vivir juntos.
Nuevas tecnologas de la
informacin y comunicacin
8
PRELIMINARES
Competencias profesionales:
1. Desarrolla documentos electrnicos, de acuerdo con los requerimientos establecidos (software).
2. Localiza, obtiene informacin y se comunica utilizando las tecnologas de la informacin y de comunicacin
(software).
6. Instala, configura y resuelve problemas de redes de rea local, de acuerdo con especificaciones tcnicas de
diseo y del usuario (hardware).
7. Administra los recursos de una red de rea local, de acuerdo con las polticas de uso establecidas (hardware).
Unidad de competencia:
Reconoce los conceptos bsicos, el software y hardware de una red informtica determinando su topologa y
mtodos de conexin en un contexto cotidiano, acadmico y laboral.
Valora la importancia de una red informtica como un canal de comunicacin y transmisin de informacin.
Inicio
Actividad: 1
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
2. Menciona tres actividades en las que utilices una red informtica, como medio de comunicacin para
compartir informacin y recursos.
a)________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
b)________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
c)________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
Evaluacin
Actividad: 1 Producto: Cuestionario. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Ubica el concepto red informtica Ilustra el uso de la red informtica Es responsable al contestar el
en su entorno. en un contexto acadmico y laboral. cuestionario.
Una red informtica la podemos definir, bsicamente como un conjunto de computadoras comunicadas entre s,
capaces de compartir recursos comunes. Su estructura fsica la constituyen dos o ms computadoras que comparten
el hardware (impresoras, sistemas de almacenamiento, etc.) y software (aplicaciones, archivos, datos, etc.).
Desde una perspectiva ms comunicativa, podemos decir que existe una red informtica cuando se involucra el ser
humano, la tecnologa y las instituciones que mantienen los servicios de comunicacin.
El objetivo de las redes informticas es compartir informacin y recursos entre equipos interconectados
independientemente de su ubicacin geogrfica, establecindose as como un poderoso medio de comunicacin.
Actividad: 2
En equipos de cinco integrantes desarrolla la siguiente actividad.
En la lectura anterior Introduccin a redes informticas, mencionamos las ventajas de una red
informtica, a continuacin analiza y comenta con tus compaeros sobre las posibles desventajas de
una red informtica y que consecuencias traen consigo, llena la siguiente tabla y participa en un
debate grupal.
Desventajas Consecuencias
BLOQUE 1 11
Evaluacin
Actividad: 2 Producto: Cuadro de Recuperacin. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Reconoce las ventajas y Analiza las ventajas concluyendo Muestra apertura y respeto para
desventajas de una red con ello las desventajas de una red escuchar las opiniones de sus
informtica. informtica. compaeros y docente.
C MC NC Calificacin otorgada por el
Coevaluacin
docente
a) Hacer que todos los programas, datos y equipo estn disponibles para cualquiera de la red que as lo solicite
sin importar la localizacin fsica del recurso y del usuario.
b) Proporcionar una alta fiabilidad, al contar con fuentes alternativas de suministro.
c) Otro objetivo es el ahorro econmico. Los ordenadores pequeos tienen una mejor relacin de
costo/rendimiento, comparada con la ofrecida por las maquinas grandes.
d) Proporcionar un poderoso medio de comunicacin entre personas que se encuentran muy alejadas entre s.
Todos los ordenadores tienen un lado cliente y otro servidor: una computadora puede ser servidora de un
determinado servicio pero cliente de otro servicio.
a) Servidor es una computadora que ofrece informacin o servicios al resto de los puestos de una red, la clase de
informacin o servicios que ofrezca determina el tipo de servidor que es: servidor de impresin, de archivos, de
pginas web, de correo, etc.
Existen tres clasificaciones con respecto a la poltica de los servidores, dependiendo esto de la planificacin
estructural del hardware y de la flexibilidad logstica socioeconmica de la organizacin:
Servidores de archivos dedicados: ste servidor se caracteriza por estar consagrado completamente a los
servicios y dems operaciones sistemticas de las diversas estaciones de trabajo que posea la red.
Ejemplo: Supercomputadora, Mainframe.
Cliente Servidor: Son dispositivos de procesamiento, que funcionan para mltiples usuarios. Ejemplo:
Minicomputadoras.
Actividad: 3
Objetivos
R e d
I n f o r m t i c a
Caractersticas
Componentes
Evaluacin
Actividad: 3 Producto: Tabla. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
BLOQUE 1 13
Actividad: 4
En equipo de cinco integrantes, investiga los servicios de los sistemas operativos que se
mencionan a continuacin, escribe tus resultados en el rea correspondiente. Comenta
con tus compaeros y participa en un debate.
Seguridad
Servicios de Impresin
Servicios de Red
Seguridad
Servicios de Impresin
Servicios de Red
Evaluacin
Actividad: 4 Producto: Reporte de Investigacin. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Reconoce la funcin de un Analiza los servicios de los Muestra una actitud respetuosa
sistema operativo de red sistemas operativos de redes durante su participacin en el
informtica. informticas. debate.
Actividad: 5
c) Compara las caractersticas de los servicios que ofrecen los sistema operativos para redes informticas,
antes mencionadas y determina cual es el ms funcional y porque.
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
BLOQUE 1 15
Actividad: 5 (continuacin)
ontinuacin
d) En la siguiente imagen sobre el modelo Cliente-Servidor, indica quien es el Servidor y quien el
Cliente.
e) De acuerdo con la definicin antes mencionada sobre Servidor Dedicado y Servidor No Dedicado,
menciona un ejemplo de cada uno.
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
Evaluacin
Actividad: 5 Producto: Cuestionario. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Identifica la aplicacin de red Evala la utilidad de la red Utiliza la comunicacin por medio
informtica en un contexto informtica en un contexto de redes informticas de manera
acadmico y laboral. acadmico y laboral. tica y responsable.
Inicio
Actividad: 1
2) Menciona tres ventajas que tiene el uso de cable en una red informtica.
a. ___________________________________________________________________________________________
b. ___________________________________________________________________________________________
c. ___________________________________________________________________________________________
3) Menciona tres desventajas que tiene el uso de cable en una red informtica.
a. ___________________________________________________________________________________________
b. ___________________________________________________________________________________________
c. ___________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
_____________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
BLOQUE 1 17
Actividad: 1 (continuacin)
Continuacin.
5) Representa de manera general mediante un esquema la red informtica de tu escuela.
Evaluacin
Actividad: 1 Producto: Cuestionario. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Analiza de manera responsable la
Identifica los tipos de conexin
Clasifica los tipos de conexin de conexin por cable de una red
de una red informtica as como
redes informticas. informtica en el contexto
sus ventajas y desventajas.
acadmico.
C MC NC Calificacin otorgada por el
Autoevaluacin
docente
Compartidas
Segn sea la utilizacin por Exclusivas
parte de los usuarios. Privadas
Publicas
Cable de par
o s
trenzado (UTP)
Mtodo guiado. Cable coaxial
Fibra ptica
d e
Lser
Otras redes inalmbricas
Cliente - Servidor
e s
Bus
Estrella
Por topologa de red. Anillo
rbol
Malla
Mixta
BLOQUE 1 19
Redes segn su utilizacin.
a) Radio.
a) Cable UTP.
b) Infrarrojos.
b) Cable coaxial.
Mtodo de Conexin. c) Microondas.
c) Fibra ptica.
d) Laser.
e) Otras redes inalmbricas.
1. Red de Administracin Personal (Personal rea Network): Son redes pequeas, las cuales estn conformadas por
no ms de 8 computadoras, por ejemplo: caf internet.
2. Red de rea Local (Local rea Network): Una red de rea local es la interconexin de varias computadoras y sus
perifricos. Su extensin est limitada fsicamente a un edificio o a un entorno de 200 metros, utilizando
repetidores se puede ampliar su rango a un kilmetro. Su aplicacin ms importante se da en la interconexin de
computadoras personales y estaciones de trabajo en oficinas, escuelas, hospitales, fbricas, etc., debido a su
limitada dimensin, son redes muy rpidas. Una red de rea local puede utilizar medios fsicos o inalmbricos y
suelen incluir dispositivos de comunicacin tales como: HUB, Switch y Routers.
3. Red de rea Campus (Campus rea Network): Una CAN es una coleccin de LANs dispersadas geogrficamente
dentro de un campus (universitario, oficinas de gobierno, maquilas o industrias) pertenecientes a una misma
entidad en una rea delimitada en kilmetros.
4. Red de rea Metropolitana (Metropolitan rea Network): Es una red de alta velocidad que dando cobertura en un
rea geogrfica extensa, proporciona capacidad de integracin de mltiples servicios mediante la transmisin de
datos, voz y vdeo, sobre medios de transmisin tales como fibra ptica y par trenzado (UTP), conecta diversas
LAN cercanas geogrficamente cubriendo reas que en algunos casos no se limitan a un entorno metropolitano
sino que pueden llegar a una cobertura regional e incluso nacional mediante la interconexin de diferentes redes
de rea metropolitana entre s a alta velocidad. Una red de rea metropolitana puede ser pblica o privada.
5. Red de rea Amplia (Wide rea Network): Una Red de rea extensa (WAN) es un grupo de dispositivos, o varias
LAN, conectados en una rea geogrficamente mayor, a menudo por medio de lneas telefnicas u otro formato
de cableado como puede ser una lnea dedicada de alta velocidad, fibra o enlace va satlite. Su caracterstica
definitoria es que no tiene lmites en cuanto a su amplitud, internet es uno de los mayores ejemplos de WAN.
Actividad: 2
Lee detalladamente las instrucciones y escribe tus repuestas.
1) Llena la siguiente tabla, con la informacin requerida sobre los tipos de redes informticas
segn sea la utilizacin de los usuarios.
Redes Compartidas
Redes exclusivas
Redes privadas
Redes pblicas
BLOQUE 1 21
Actividad: 2 (continuacin)
Funcin Funcin
.
Funcin Funcin
BLOQUE 1 23
Evaluacin
Actividad: 2 Producto: Tabla. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Reflexiona de manera
Ilustra los tipos y clasificacin de
Describe los tipos y clasificacin responsable sobre el uso de los
redes informticas en un contexto
redes informtica. tipos de redes informticas en un
acadmico o laboral.
contexto acadmico y laboral.
Cierre
Actividad: 3
1) Selecciona una institucin acadmica donde cuenten con una red informtica.
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
e. Tomando como referencia el dibujo del punto anterior indica los tipos de red informtica que se utilizan en la
institucin y en cada departamento.
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
f. Representa de manera general mediante un dibujo la red informtica del Colegio de Bachilleres en el
estado, e indica los tipos de red que utiliza segn su cobertura. Comntalo con tus compaeros y participa
en una discusin grupal.
BLOQUE 1 25
Actividad: 3 (continuacin)
Desventajas:
Desventajas:
Desventajas:
Evaluacin
Actividad: 3 Producto: Tabla comparativa. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Inicio
Actividad: 1
Contesta las siguientes preguntas. Anota tus respuestas y participa en una discusin
grupal.
a. ______________________________________________
b. ______________________________________________
c. ______________________________________________
BLOQUE 1 27
Evaluacin
Actividad: 1 Producto: Cuestionario. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Desde hace relativamente poco tiempo, se est viviendo lo que puede significar
un revolucin en el uso de las tecnologas de la informacin tal y como lo
conocemos. Esta revolucin puede llegar a tener una importancia similar a la que
tuvo la adopcin de Internet por el gran pblico.
Las aplicaciones de las redes inalmbricas son infinitas. De momento van a crear una nueva forma de usar la
informacin, pues sta estar al alcance de todos a travs de Internet en cualquier lugar (en el que haya cobertura).
En un futuro cercano se reunificarn todo aquellos dispositivos con los que hoy contamos para dar paso a unos
nuevos que perfectamente podran llamarse Terminales Internet en los cuales estaran reunidas las funciones de
telfono mvil, agenda, terminal de vdeo, reproductor multimedia, ordenador porttil y un largo etctera.
Se podra dar lugar a una Internet paralela y gratuita la cual estara basada en las redes que altruistamente cada uno
de nosotros pondramos a disposicin de los dems al incorporarnos a las mismas como destino y origen de la
informacin.
Las tecnologas que son necesarias para llevar a cabo estos sistemas hoy
existen desde ayer, su precio es mnimo o al menos muy asequible y su
existencia maana slo depende de las estrategias comerciales de las
empresas que las poseen.
BLOQUE 1 29
Actividad: 2
Qu consideraciones debes tomar en cuenta para la instalacin de estas tecnologas inalmbricas (WiFi,
Bluetooth)?
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
Qu tan factibles es de acuerdo a las posibilidades tecnolgicas de que las redes Mesh y Grid, se
incorporen al contexto cotidiano, acadmico y laboral en Mxico?
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
1. Red Inalmbrica de rea Personal (Wireless Personal Area Networks): Es una red de computadoras para la
comunicacin entre distintos dispositivos (computadoras, telfonos celulares, PDA, dispositivos de audio,
impresoras, etc.). Estas redes normalmente son de unos pocos metros y para uso personal, existen tecnologas
basadas en HomeRF (estndar para conectar todos los telfonos mviles de la casa y las computadoras
mediante un aparato central) y Bluetooth (protocolo que sigue la especificacin IEEE 802.15.1).
2. Red inalmbrica de rea local (Wireless Local Area Network): En las redes de rea local podemos encontrar
tecnologas inalmbricas basadas en HiperLAN (del ingls, High Performance Radio LAN), tecnologas basadas en
Wi-Fi, que siguen el estndar IEEE 802.11 con diferentes variantes.
3. Red inalmbrica de rea metropolitana (Wireless Metropolitan Area Network): Para redes de rea
metropolitana se encuentran tecnologas basadas en WiMAX (Worldwide Interoperability for Microwave
Access, es decir, Interoperabilidad Mundial para Acceso con Microondas), un estndar de comunicacin
inalmbrica basado en la norma IEEE 802.16. WiMAX es un protocolo parecido a Wi-Fi, pero con ms
cobertura y ancho de banda.
4. Redes inalmbricas de rea extensa (WWAN): tienen el alcance ms amplio de todas las redes inalmbricas. Por
esta razn, todos los telfonos mviles estn conectados a una red inalmbrica de rea extensa. Las tecnologas
principales son:
GSM (Global System for Mobile Communication)
GPRS (General Packet Radio Service)
UMTS (Universal Mobile Telecommunication System)
BLOQUE 1 31
Se denomina Bluetooth al protocolo de comunicaciones diseado especialmente para dispositivos de bajo
consumo, con una cobertura baja y basada en transceptores de bajo costo. Los dispositivos que con mayor
frecuencia utilizan esta tecnologa pertenecen a sectores de las telecomunicaciones y la informtica personal,
como PDA, telfonos mviles, computadoras porttiles, impresoras o cmaras digitales. Bluetooth tiene la
ventaja de simplificar el descubrimiento y configuracin de los dispositivos, ya que stos pueden indicar a
otros los servicios que ofrecen, lo que redunda en la accesibilidad de los mismos sin un control explcito de
direcciones de red, permisos y otros aspectos tpicos de redes tradicionales.
Tecnologas
Redes
Redes inalambricas,
segun su cobertura
geogrfica
BLOQUE 1 33
Evaluacin
Producto: Mapa conceptual y
Actividad: 3 Puntaje:
conclusiones.
Saberes
Conceptual Procedimental Actitudinal
Elabora un mapa conceptual con
Asume una actitud responsable al
Clasifica las redes inalmbricas los diferentes tipos de redes
completar el mapa conceptual y
segn su cobertura geogrfica. inalmbricas.
emitir sus conclusiones.
Cierre
Actividad: 4
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
_________________________________________________________________________________________________
BLOQUE 1 35
Actividad: 4 (continuacin)
Qu es el Bluetooth, videotelefona y
Conexiones WiFi
Videoconferencia
Lo interesante Lo positivo Lo negativo Lo interesante Lo positivo Lo negativo
Evaluacin
Actividad: 4 Producto: Cuadro de recuperacin. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Muestra respeto a sus
Expresa mediante un resumen el compaeros durante la
Describe las tecnologas de
concepto y utilizacin de las presentacin de los videos y
redes inalmbricas WiFi y
tecnologas de redes inalmbricas valora la utilidad de la
Bluetooth.
WiFi y Bluetooth. comunicacin y transmisin de
informacin.
C MC NC Calificacin otorgada por el
Autoevaluacin
docente
Inicio
Actividad: 1
Topologas Caractersticas
Red en Bus
Red en Anillo
Red en Estrella
Estrella Jerrquica
Evaluacin
Actividad: 1 Producto: Cuadro sinptico. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
BLOQUE 1 37
Introduccin a las topologas de redes.
La topologa o forma lgica de una red se define como la forma de tender el cable a estaciones de trabajo
individuales; por muros, suelos y techos del edificio. Existe un nmero de factores a considerar para determinar cual
topologa es la ms apropiada para una situacin dada.
Las topologas ms comunes son:
Bus. Todos los dispositivos (tambin llamados nodos) comparten un mismo canal
de comunicaciones.
Sabas que
Anillo. En este caso los nodos estn unidos unos a otros formando un anillo. Un Nodo, Es un
punto de conexin,
ya sea de
Estrella. Todos los nodos estn conectados a un centro de comunicaciones redistribucin (como
(denominado HUB o concentrador) pero no entre s. un router, un switch o
un gateway) o de
Hbridas: El bus lineal, la estrella y el anillo se combinan algunas veces para formar destino
(computadoras,
combinaciones de redes hbridas.
servidores) para la
transmisin de datos.
Anillo en Estrella: Esta topologa se utiliza con el fin de facilitar la administracin de la
red. Fsicamente, la red es una estrella centralizada en un concentrador, mientras
que a nivel lgico, la red es un anillo.
"Bus" en Estrella: El fin es igual a la topologa anterior. En este caso la red es un "bus"
que se cablea fsicamente como una estrella por medio de concentradores.
Estrella Jerrquica: Esta estructura de cableado se utiliza en la mayor parte de las redes locales actuales, por
medio de concentradores dispuestos en cascada para formar una red jerrquica.
rbol: Esta estructura se utiliza en aplicaciones de televisin por cable, sobre la cual podran basarse las
futuras estructuras de redes que alcancen los hogares. Tambin se ha utilizado en aplicaciones de redes
locales analgicas de banda ancha.
Trama: Esta estructura de red es tpica de las WAN, pero tambin se puede utilizar en algunas aplicaciones de
redes locales (LAN). Las estaciones de trabajo estn conectadas cada una con todas las dems.
Red en Bus
Red en Anillo
Red en Estrella
Estrella Jerrquica
Evaluacin
Actividad: 2 Producto: Tabla descriptiva. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
BLOQUE 1 39
Ethernet.
Tecnologas Ethernet
10Base5 (Ethernet gruesa) Usa un cable coaxial grueso y tiene una velocidad de 10 Mbps los segmentos
pueden ser hasta 500 m en longitud con hasta 100 nodos.
10Base2 (Ethernet delgada). Usa un cable coaxial delgado y dobla ms fcilmente. Se hacen las conexiones
usando conectores de T, que son ms fciles para instalar y ms confiables. Es la ms barata y ms fcil
instalar pero los segmentos pueden ser solamente 200 m con 30 nodos.
10Base-T Cada estacin tiene una conexin con un HUB (centro). Los cables normalmente son los pares
trenzados. La desventaja es que los cables tienen un lmite de solamente 100 m, y el costo de un HUB puede
ser alto.
10Base-F. Usa la fibra ptica. Es cara pero buena para las conexiones entre edificios (los segmentos pueden
tener una longitud hasta 2000 m).
Velocidad de transmisin:
Velocidad a la que transmite la tecnologa.
Tipo de cable:
Medio de transmisin a nivel fsico, que usa la
tecnologa.
Longitud mxima:
Distancia mxima que puede haber entre dos nodos
adyacentes (sin estaciones repetidoras).
Topologa:
Determina la forma fsica de la red. Bus si se usan
conectores T (hoy slo usados con las tecnologas
ms antiguas) y estrella si se usan hubs (estrella de
difusin) o switches (estrella conmutada).
a) Con base en las caractersticas de las topologas de redes, cul consideras que se utilice en el centro de
cmputo de tu plantel, fundamenta la respuesta?
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
BLOQUE 1 41
Actividad: 3 (continuacin)
________________________ ________________________
__
________________________________
Evaluacin
Actividad: 3 Producto: Conclusiones. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Identifica las Topologas de Diferencia las topologas de redes Muestra un actitud positiva y
redes informticas informticas. activa en el trabajo colaborativo.
Tecnologas Ethernet
Velocidad de Distancia
Tecnologa Tipo de cable Topologa
transmisin mxima
1000BaseSX 1000Mbps Fibra ptica (multimodo) 550 m Estrella. Full Duplex (switch)
1000BaseLX 1000Mbps Fibra ptica (monomodo) 5000 m Estrella. Full Duplex (switch)
BLOQUE 1 43
Cierre
Actividad: 4
Forma equipos de cinco integrantes y contesta las siguientes preguntas. Escribe tus
respuestas y participa en un debate grupal.
a) El Ingeniero Pedro Duarte requiere instalar una red en un rea de 400 mts 2, para 80 computadoras, Qu
tecnologa de Ethernet deber utilizar?, por qu, y que aspectos debe considerar para seleccionar la
tecnologa Ethernet?
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
http://www.mailxmail.com/curso-redes-inalambricas-wi-fi-futuro-
comunicacion/introduccion-redes-inalambricas
http://technet.microsoft.com/es-es/library/cc784756(WS.10).aspx
http://www.desarrolloweb.com/de_interes/the-grid-nueva-super-red-redes-72.html
http://braianet.blogspot.com/2008/04/grid-la-red-ms-poderosa.html
http://www.monografias.com/trabajos15/topologias-
neural/topologias-neural.shtml
http://www.masadelante.com/faqs/lan
http://www.pcmag.com/article2/0,2817,2347539,00.asp
http://www.winmaxtradinggroup.com/
http://www.bluetooth.com/bluetooth/
http://www.desarrolloweb.com/de_interes/the-grid-nueva-super-red-
redes-72.html
http://www.cisco.com/
BLOQUE 1 45
46 ENTORNO DE REDES INFORMTICAS
Competencias profesionales:
1. Desarrolla documentos electrnicos, de acuerdo con los requerimientos establecidos (software).
2. Localiza, obtiene informacin y se comunica utilizando las tecnologas de la informacin y de comunicacin
(software).
Unidad de competencia:
Reconoce los elementos necesarios de software y hardware para la instalacin de una red informtica en un
contexto cotidiano, acadmico y laboral.
Valora la importancia de una red informtica como un canal de comunicacin y transmisin de informacin.
Inicio
Actividad: 1
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
4) Menciona tres rubros donde estandarizacin ISO, est presente en las redes informticas?
a) _________________________________________________________________________________________
b) _________________________________________________________________________________________
c) _________________________________________________________________________________________
5) Al enviar un documento a una impresora remota por medio de una red informtica, simula mediante un
dibujo la ruta virtual que sigue el documento desde la computadora (fuente) la cual lo enva hasta la
impresora (destino).
48
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
Actividad: 1 (continuacin)
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_________________________________________________________________________________________________
_______________________ Evaluacin
Actividad: 1 Producto: Cuestionario. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Reconoce la funcin de ISO, as Ilustra el uso del estndar ISO en un Es responsable al contestar el
como la del protocolo TCP/IP. contexto acadmico y laboral. cuestionario.
BLOQUE 2 49
Desarrollo
Introduccin al modelos de referencia de Interconexin de Sistemas Abiertos (OSI).
El modelo de referencia de Interconexin de Sistemas Abiertos (OSI, Open System Interconnection), es la norma
universal para protocolos de comunicacin lanzado en 1984. Fue propuesto por ISO y divide las tareas de la red en
siete niveles o capas, proporcionando as a los fabricantes estndares que aseguran mayor compatibilidad e
interoperatibilidad entre las distintas tecnologas de red producidas mundialmente.
ISO (International Organization for Standardization) es la entidad con mayor produccin y publicacin
de estndares a nivel mundial. Est compuesta de una red nacional de estandarizacin en 161 pases,
teniendo su Secretariado General en Ginebra, Suiza.
El ISO es una organizacin no gubernamental (ONG) que proporciona un enlace fundamental entre los sectores
pblicos y privados, proporcionando el enlace entre gobierno, instituciones educativas, y el sector privado.
El ISO permite alcanzar coincidencias acerca de soluciones a problemas internacionales que cumplen con los
requerimientos de negocios, as como de las ramas ms amplias de la sociedad.
En el modelo OSI, hay varios niveles de hardware y el software. Podemos examinar lo que hace cada nivel de la
jerarqua para ver como los sistemas se comunican por LAN.
50
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
- Nivel de Presentacin: En este nivel los protocolos son parte del sistema operativo y de la aplicacin que el usuario
acciona en la red.
El objetivo del nivel de presentacin es encargarse de la representacin de la informacin, de manera que aunque
distintos equipos puedan tener diferentes representaciones internas de caracteres (ASCII, Unicode, EBCDIC),
nmeros (little-endian tipo Intel, big-endian tipo Motorola), sonido o imgenes, los datos lleguen de manera
reconocible.
- Nivel de Sesin: Coordina el intercambio de informacin entre equipos, se llama as por la sesin de comunicacin
que establece y concluye. El objetivo del nivel es mantener y controlar el dilogo establecido entre las dos
computadoras que estn transmitiendo datos de cualquier ndole.
BLOQUE 2 51
el corazn de la comunicacin. Sus protocolos son TCP y UDP el primero orientado a conexin y el otro sin conexin
- Nivel de Red: Define protocolos para abrir y mantener un camino entre equipos de la red. Se ocupa del modo en que
se mueven los paquetes. El objetivo del nivel de red es hacer que los datos lleguen desde el origen al destino, aun
cuando ambos no estn conectados directamente.
Los dispositivos que facilitan tal tarea se denominan en castellano encaminadores, aunque es
ms frecuente encontrar el nombre ingls Routers y, en ocasiones enrutadores.
Adicionalmente la capa de red lleva un control de la congestin de red, que es el fenmeno
que se produce cuando una saturacin de un nodo tira abajo toda la red (similar a un atasco
en un cruce importante en una ciudad grande).
La PDU (Unidad de Datos del Protocolo, por sus siglas en ingls) de la capa 3 es el paquete.
- Nivel de Enlace de Datos: Define las reglas para enviar y recibir informacin a travs de la
Trama: conexin fsica entre dos sistemas. La capa de enlace de datos se ocupa del
direccionamiento fsico, de la topologa de la red, del acceso a la red, de la notificacin de
Es una unidad de
errores, de la distribucin ordenada de tramas y del control del flujo.
envo de datos.
Es el equivalente
de paquete de
datos o paquete Se hace un direccionamiento de los datos en la red ya sea en la distribucin adecuada
de red, en el desde un emisor a un receptor, la notificacin de errores, de la topologa de la red de
Nivel de enlace cualquier tipo. Tarjeta de Red que se encarga de que tengamos conexin, posee una
de datos del direccin MAC (control de acceso al medio) y la LLC (control de enlace lgico).
modelo OSI.
Los Switches realizan su funcin en este nivel siempre y cuando este encendido el nodo.
- Nivel Fsico: Define las caractersticas fsicas del sistema de cableado, abarca tambin los
mtodos de red disponibles, incluyendo Token Ring, Ethernet y ArcNet. El nivel Fsico del
modelo de referencia OSI se encarga de las conexiones fsicas de la computadora hacia la
red, tanto en lo que se refiere al medio fsico (medios guiados: cable coaxial, cable de par
trenzado, fibra ptica entre otros tipos de conexin cableada; medios no guiados: radio,
infrarrojos, microondas, lser y otras redes inalmbricas).
52
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
Actividad: 2
Nivel de Aplicacin
Nivel de Presentacin
Jerarqua del protocolo OSI
Nivel de Sesin
Nivel de Transporte
Nivel de Red
Nivel de Enlace de
Datos
Nivel Fsico
Evaluacin
Actividad: 2 Producto: Cuadro sinptico. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Identifica la funcin de cada una
Analiza la funcin de las Muestra inters y actitud positiva
de las capas/nieves del
capas/niveles del protocolo OSI. en el desarrollo de la actividad.
protocolo OSI.
C MC NC Calificacin otorgada por el
Autoevaluacin
docente
BLOQUE 2 53
Nivel de protocolo TCP/IP.
El siguiente nivel es el de Enlace, que normalmente es una red de rea local (Local-Area Network, LAN) Ethernet o una
lnea de datos en serie de una red de rea extendida (Wide-Area Network, WAN). El nivel Enlace utiliza sus propios
protocolos en funcin del medio especfico utilizado.
Latencia: El siguiente nivel es el nivel Red. El Protocolo de Internet funciona en este nivel transportando
paquetes a travs de los niveles inferiores hacia el destino. Sin embargo, el IP no ofrece una
Es la suma de entrega garantizada de los paquetes. Por esta razn, se le denomina sin conexin.
retardos
temporales dentro
de una red. Un TCP/IP fue diseado para
retardo es trabajar de modo transparente
producido por la a travs de prcticamente
demora en la cualquier tipo de medio del
propagacin y nivel Enlace o Fsico.
transmisin de
paquetes dentro
Para lograr una conexin
de la red.
confiable punto a punto,
Internet necesita un protocolo
tal como el Protocolo de
Control de Transmisin
(Transmission Control Protocol,
TCP), orientado a las conexiones.
54
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
TCP compensa las diferencias de latencia entre las diversas rutas por las que los paquetes de IP individuales pueden
haber atravesado la red.
Para verificar la entrega adecuada de todos los paquetes, TCP enva un acuse de recibo desde el destino al origen.
TCP tambin cuenta con los medios necesarios para evitar y recuperarse de la congestin en las redes.
Sin embargo, todo ello hace que una conexin TCP sea susceptible al tiempo del
Roundtrip Time:
viaje de ida y vuelta (Roundtrip Time, RTT) de la red.
Se aplica en el mundo de
El modelo de arquitectura de estos protocolos es ms simple que el modelo OSI, las telecomunicaciones y
como resultado de la agrupacin de diversas capas en una sola o bien por no usar redes informticas al
alguna de las capas propuestas en dicho modelo de referencia. tiempo que tarda un
paquete enviado desde
un emisor en volver a
As, por ejemplo, la capa de presentacin desaparece pues las funciones a definir en
este mismo emisor
ellas se incluyen en las propias aplicaciones. Lo mismo sucede con la capa de
habiendo pasado por el
sesin, cuyas funciones son incorporadas a la capa de transporte en los protocolos receptor de destino.
TCP/IP. Finalmente la capa de enlace de datos no suele usarse en dicho paquete de
protocolos.
En una red TCP/IP las computadoras se identifican mediante un nmero que se denomina direccin IP. Esta direccin
ha de estar dentro del rango de direcciones asignadas al organismo o empresa a la que pertenece, estos rangos son
concedidos por un organismo central de Internet, el NIC (Network Information Center).
Para entendernos mejor utilizamos las direcciones IP en formato decimal, representando el valor decimal de cada
octeto y separando con puntos:
129.10.2.3
La direccin de una mquina se compone de dos partes cuya longitud puede variar:
o Bits de red: Son los bits que definen la red a la que pertenece el equipo.
o Bits de host: Son los bits que distinguen a un equipo de otro dentro de una red.
Los bits de red siempre estn a la izquierda y los de host a la derecha, veamos un ejemplo sencillo:
La mscara de red es un nmero con el formato de una direccin IP que nos sirve para distinguir cuando una
mquina determinada pertenece a una subred dada, con lo que podemos averiguar si dos computadoras estn o no
BLOQUE 2 55
en la misma subred IP. En formato binario todas las mscaras de red tienen los "1" agrupados a la izquierda y los "0" a
la derecha.
Para determinar si dos computadoras estn en la misma subred, las IP de ambas computadoras se convierten al
sistema binario y se multiplican (.AND.) por 11111111.11111111.11111111.00000000, si los resultados son iguales
entonces pertenecen a la misma red.
Ejemplo:
Sea la direccin de una subred 150.214.141.0, con una mscara de red 255.255.255.0
150.214.141.32
150.214.141.138
150.214.142.23
150.214.142.23 10010110.1101010.10001110.00010111
255.255.255.0 11111111.1111111.11111111.00000000
______________________________________________________
150.214.142.0 10010110.1101010.10001110.00000000
Como vemos este resultado nos indica que dicho equipo no pertenece a la red sino que es de otra red en este caso la
red sera 150.214.142.0.
56
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
Actividad: 3
En binas, completa los siguientes cuadros de recuperacin, sobre los protocolos OSI y
TCP/IP y participa en un debate grupal.
1) Escribe la funcin de cada Capa o Nivel del protocolo TCP/IP, donde corresponda.
Capa/Nivel Funcin
Aplicacin
Transporte
Internet
Acceso a la red
BLOQUE 2 57
Actividad: 3 (continuacin)
Completa el siguiente cuadro de relacin sobre las funciones de los protocolos TCP/IP y
OSI y participa en un debate grupal.
Sistemas de
Nivel de Sesin
administracin de redes.
58
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
Evaluacin
Actividad: 3 Producto: Cuadro de recuperacin. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Cierre
Actividad: 4
En equipos de tres integrantes, realiza la siguiente investigacin.
Numero y ubicacin de la
IP Mascara de red Pertenece a la Red (Si/No)
computadora
2) Con respecto a las direcciones IP, investiga en internet sobre: Direcciones IPv4, y completa la siguiente tabla.
BLOQUE 2 59
Actividad: 4 (continuacin)
a) _______________________________________________________________________________________
_______________________________________________________________________________________
_______________________________________________________________________________________
b) _______________________________________________________________________________________
_______________________________________________________________________________________
_______________________________________________________________________________________
c) _______________________________________________________________________________________
_______________________________________________________________________________________
_______________________________________________________________________________________
3) Qu es una IP Fija?
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
4) Investiga la funcin de la direccin IPv6, comprala con la funcin de la direccin IPv4. Menciona las
similitudes y la ventaja de la IPv6 sobre la IPv4, escribe tus conclusiones.
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
Evaluacin
Actividad: 4 Producto: Reporte de investigacin. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
60
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
Secuencia didctica 2.
Cables y Conectores.
Inicio
Actividad: 1
Escribe el nombre de cada uno de los siguientes cables y conectores de una red
informtica.
Evaluacin
Actividad: 1 Producto: Cuadro de relacin. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
BLOQUE 2 61
Desarrollo
Los Sistemas de Cableado Estructurado deben emplear una Arquitectura de Sistemas Abiertos (OSA por sus siglas en
ingls) y soportar aplicaciones basadas en estndares como el EIA/TIA-568A, EIA/TIA-569, EIA/TIA-606, EIA/TIA-607
(de la Electronic Industries Association / Telecommunications Industry Association).
El estndar ms conocido de cableado estructurado en el mundo est definido por la EIA/TIA (Electronics Industries
Association/Telecomunications Industries Association) de Estados Unidos, y especifica el cableado estructurado
sobre cable de par trenzado UTP de categora 5, el estndar 568A.
Existe otro estndar producido por AT&T muchos antes de que la EIA/TIA fuera creada en 1985, el 258A, pero ahora
conocido bajo el nombre de EIA/TIA 568B.
Qu es el 568?
En el mundo de los sistemas de cableado estructurado el nmero crptico 568 al orden en que los hilos individuales
dentro del cable CAT 5 estn terminados.
62
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
Es de los ms antiguos en el mercado y en algunos tipos de aplicaciones es el ms comn, consiste en dos alambres
de cobre o a veces de aluminio, aislados con un grosor de 1 mm aproximado.
A pesar que las propiedades de transmisin de cables de par trenzado son inferiores y en especial
la sensibilidad ante perturbaciones extremas a las del cable coaxial, su gran adopcin se debe al
costo, su flexibilidad y facilidad de instalacin, as como las mejoras tecnolgicas constantes
introducidas en enlaces de mayor velocidad, longitud,
En este caso, cada par va recubierto por una malla conductora que acta
de apantalla frente a interferencias y ruido elctrico. Su impedancia es de
150 OHMIOS. El nivel de proteccin del STP ante perturbaciones
externas es mayor al ofrecido por UTP. Sin embargo es ms costoso y
requiere ms instalacin. La pantalla del STP para que sea ms eficaz
requiere una configuracin de interconexin con tierra (dotada de
continuidad hasta el terminal), con el STP se suele utilizar conectores
RJ49. Es utilizado generalmente en las instalaciones de procesos de
datos por su capacidad y sus buenas caractersticas contra las
radiaciones electromagnticas, pero el inconveniente es que es un cable
robusto, caro y difcil de instalar.
BLOQUE 2 63
CABLE DE PAR TRENZADO CON PANTALLA GLOBAL (FTP, Foiled Twisted Pair):
En este tipo de cable como en el UTP, sus pares no estn apantallados, pero s dispone de una apantalla
global para mejorar su nivel de proteccin ante interferencias externas. Su impedancia caracterstica tpica es
de 120 OHMIOS y sus propiedades de transmisin son ms parecidas a las del UTP. Adems puede utilizar
los mismos conectores RJ45.
Token Ring:
El EIA/TIA define el estndar EIA/TIA 568 para la instalacin de redes locales (LAN). Las redes Token Ring
El cable trenzado ms utilizado es el UTP sin apantallar que trabajan con las redes originalmente fueron
desarrolladas por IBM en
10Base-T de Ethernet, Token Ring, etc. La EIA/TIA-568 selecciona cuatro pares
los aos 1970s, con
trenzados en cada cable para acomodar las diversas necesidades de redes de topologa lgica en anillo
datos y telecomunicaciones. Existen dos clases de configuraciones para los pines y tcnica de acceso de
de los conectores del cable trenzado denominadas T568A y T568B. La paso de testigo.
configuracin ms utilizada es la T568A.
Categora 1: Cable de par trenzado sin apantallar, se adapta para los servicios de voz, pero no a los datos.
Categora 2: Cable de par trenzado sin apantallar, este cable tiene cuatro pares trenzados y est certificado para
transmisin de 4 Mbps
Categora 3: Cable de par trenzado que soporta velocidades de transmisin de 10 Mbps de Ethernet 10Base-T, la
transmisin en una red Token Ring es de 4 Mbps Este cable tiene cuatro pares.
Categora 4: Cable par trenzado certificado para velocidades de 16 Mbps Este cable tiene cuatro pares.
Categora 5: Es un cable de cobre par trenzado de cuatro hilos de 100 OHMIOS. La transmisin de este cable puede
es a 100 Mbps para soportar las nuevas tecnologas como ATM (Asynchronous Transfer Mode).
100VG AnyLan: Nuevo estndar Ethernet que soporta velocidades de 100 Mbps utilizando un nuevo mtodo de
acceso por prioridad de demandas sobre configuraciones de cableado par trenzado.
64
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
Actividad: 2
BLOQUE 2 65
Actividad: 2 (continuacin)
Descripcin:
Categora 1
Descripcin:
Categora 2
Descripcin:
Categora 3
Descripcin:
Categora 4
Descripcin:
Categora 5
66
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
Evaluacin
Actividad: 2 Producto: Grficos de recuperacin. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Estndar 802.3
En Septiembre de 1990, el IEEE aprob un aadido a la especificacin 802.3i, conocida generalmente como 10BaseT.
Estas lneas son mucho ms econmicas que las anteriores de cable coaxial, pueden ser instaladas sobre los
cableados telefnicos UTP ("Unshielded Twister Pairs") existentes, y utilizar los conectores telefnicos estndar RJ-45
(ISO 8877), lo que reduce enormemente el costo de instalacin.
La especificacin IEEE para Ethernet es la 802.3, que define que tipo de cableado se permite y cules son las
caractersticas de la seal que transporta. La especificacin 802.3 original utilizaba un cable coaxial grueso de 50
ohm, que permite transportar una seal de 10 Mbps a 500 m. Ms tarde se aadi la posibilidad de utilizar otros
tipos de cables: Coaxial delgado; pares de cables trenzados, y fibra ptica.
Los distintos estndares Ethernet tienen una denominacin que responde a la frmula general xBaseZ. La
designacin Base se refiere a "Baseband modulation", que es el mtodo de modulacin empleado. El primer nmero
X, indica la velocidad en Megabits por segundo sobre el canal (que es distinta de la velocidad disponible para datos,
ya que junto a estos se incluyen los "envoltorios"). La ltima cifra (o letra) Z, seala la longitud mxima del cable en
centenares de metros, o el tipo de tecnologa. Por ejemplo, T significa par trenzado "Twisted (pairs)", F fibra ptica
"Fiber", etc.
10 Mbps, banda base, cable telefnico UTP de 2 pares de categora 3, 4 o 5, con una impedancia caracterstica de
100 +/-15 ohms a 10 Mhz; no debe exceder 100 mts.
Cuando una red contenga cinco segmentos y cuatro repetidores, el nmero de segmentos coaxiales no debe ser
mayor que tres, el resto deben ser de enlace con DTEs (es lo que se conoce como regla 5-4-3). Dicho de otra
forma:
CSMA/CD:
Entre cualquier par de estaciones no debe haber ms de 5
segmentos, 4 repetidores y 3 conexiones hub-hub. Si se utilizan Las siglas que corresponden a
"Acceso Mltiple por Deteccin de
segmentos de fibra ptica, no deben exceder de 1640 pies (500
Portadora con Deteccin de
metros). Colisiones"), en este mtodo de
Cuando una red contenga cuatro segmentos y tres repetidores acceso CSMA/CD, los dispositivos
utilizando enlaces de fibra ptica, los segmentos no deben exceder de red que tienen datos para
transmitir funcionan en el modo
de 1000 mts. "escuchar antes de transmitir".
Esto significa que cuando un nodo
Existen varias opciones para el estndar 802.3 que se diferencian por desea enviar datos, primero debe
velocidad, tipo de cable y distancia de transmisin. determinar si los medios de red
estn ocupados o no.
1Base-5: Cable de par trenzado con una longitud extrema de 500
mts, a una velocidad de 1 Mbps.
BLOQUE 2 67
10Base-T: Cable de par trenzado con una longitud aproximada de 500 mts, a una velocidad de 10 Mbps.
100Base-T: (Ethernet Rpida) Cable de par trenzado, nuevo estndar que soporta velocidades de 100 Mbps que
utiliza el mtodo de acceso CSMA/CD.
100Base-T4: Fast Ethernet a 100 Mbps, banda base, que utiliza par trenzado de 4 pares de categora 3, 4 o 5.
Distancia mxima 100 mts.
100Base-TX: Fast Ethernet a 100 Mbps, banda base, utiliza par trenzado de 2 pares de categora 5. Distancia mxima
100 mts.
100Base-FX: Fast Ethernet a 100 Mbps que utiliza fibra ptica. Longitud mxima del segmento 2000 metros.
10GBaseT: En Junio de 2006 se aprob el estndar 10GBaseT. Como se desprende de su nombre, se refiere a
conexiones de 10 Gbit por segundo (10.000 Mbps) con una longitud mxima entre Hubs o repetidores (segmento) de
100 mts. Sin embargo, a la fecha de la publicacin del estndar ningn cable estandarizado cumpla con los
requisitos. El de categora 6 se adopt inicialmente para segmentos de 55 metros pero hubo que reducirla a 37 m. Se
espera que el cable de categora 7 cumpla plenamente con las exigencias de la nueva especificacin.
10Base-F: 10 Mbps, banda base, cable de fibra ptica. Longitud mxima del segmento 2000 mts.
68
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
Actividad: 3
Completa la siguiente tabla sobre el Estndar 802.3 para cables y participa en un debate
grupal.
Estndar 802.3, para cables. Velocidad Categora. Longitud mxima del segmento
1Base-5
10Base-T
100Base-T
100Base-T4
100Base-TX
100Base-FX
10GBaseT
10Base-F
Evaluacin
Actividad: 3 Producto: Cuadro sinptico. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Reconoce las diferentes Clasifica el estndar 802.3 por Asume una actitud responsable al
variaciones del cable, segn el velocidad, tipo de cable y distancia completar el cuadro sinptico y al
estndar 802.3 de transmisin. emitir sus comentarios.
BLOQUE 2 69
Cable coaxial.
10Base2 - cable coaxial delgado (denominado Thinnet o CheaperNet) es un cable delgado (6 mm. de
dimetro) que, por convencin, es blanco (o grisceo). Este cable es muy flexible y se puede utilizar en la
mayora de las redes, conectndolo directamente a la tarjeta de red. Es capaz de transportar una seal hasta
unos 185 metros, sin que se pierda la seal.
Forma parte de la familia RG-58 cuya impedancia (resistencia) es de 50 ohms. Los diferentes tipos de cable
coaxial delgado se diferencian por su parte central (ncleo).
10Base5 - cable coaxial grueso (Thicknet o Thick Ethernet tambin se denomina Cable Amarillo, ya que, por
convencin, es de color amarillo) es un cable protegido con un dimetro ms grueso (12 mm.) y 50 ohm de
impedancia. Se utiliz durante mucho tiempo en las redes Ethernet, motivo por el cual tambin se lo conoce
como "Cable Estndar Ethernet". Siendo que posee un ncleo con un dimetro ms grueso, es capaz de
transportar seales a travs de grandes distancias: hasta 500 metros sin perder la seal (y sin reamplificacin
de la seal).
70
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
Fibra ptica.
La Fibra ptica es una varilla delgada y flexible de vidrio u otro material transparente con un ndice de refraccin alto,
constituda de material dielctrico (material que no tiene conductividad como vidrio o plstico), es capaz de
concentrar, guiar y transmitir la luz con muy pocas prdidas incluso cuando est curvada. Est formada por dos
cilindros concntricos, el interior llamado ncleo (se construye de elevadsima pureza con el propsito de obtener una
mnima atenuacin) y el exterior llamado revestimiento que cubre el contorno (se construye con requisitos menos
rigurosos), ambos tienen diferente ndice de refraccin (n2 del revestimiento es de 0.2 a 0.3 % inferior al del ncleo n1).
BLOQUE 2 71
Aislamiento elctrico entre terminales
Al no existir componentes metlicos (conductores de electricidad) no se producen inducciones de corriente
en el cable, por tanto pueden ser instalados en lugares donde existen peligros de cortes elctricos.
Costo y mantenimiento
El costo de los cables de fibra ptica y la tecnologa asociada con su instalacin ha cado drsticamente en
los ltimos aos. Hoy en da, el costo de construccin de una planta de fibra ptica es comparable con una
planta de cobre. Adems, los costos de mantenimiento de una planta de fibra ptica son muy inferiores a los
de una planta de cobre.
72
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
Actividad: 4
Completa el esquema Descripcin del cable coaxial, contesta las preguntas y participa
en un debate grupal.
Descripcin:__________
____________________
____________________
____________________
10Base2 - cable ____________________
coaxial delgado ____________________
____________________
____________________
____________________
____________________
Cable coaxial
Descripcin:__________
____________________
____________________
____________________
10Base5 - cable ____________________
coaxial grueso ____________________
____________________
____________________
____________________
___________________
BLOQUE 2 73
Actividad: 4 (continuacin)
a. __________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
b. __________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
c. __________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
d. __________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
e. __________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
f. __________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
g. __________________________________________________________________________________________
__________________________________________________________________________________________
74 __________________________________________________________________________________________
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
Evaluacin
Actividad: 2 Producto: Esquema y cuestionario. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Muestra respeto a sus
Identifica los tipos de cable Clasifica los tipos de cable coaxial
compaeros en el desarrollo de la
coaxial, as como las ventajas de y las ventajas del uso de la fibra
actividad y durante el debate
la fibra ptica. ptica.
grupal.
C MC NC Calificacin otorgada por el
Autoevaluacin
docente
Conectores RJ45.
Los conectores del NIC RJ45 de un sistema estn diseados para conectar un cable UTP
(Unshielded Twisted Pair [par Trenzado sin Blindaje]) para red Ethernet equipado con
enchufes convencionales compatibles con el estndar RJ45. Se coloca, presionando un
extremo del cable UTP dentro del conector NIC hasta que el enchufe se asiente en su lugar.
Luego se conecta el otro extremo del cable a una placa de pared con enchufe RJ45 o a un
puerto RJ45 en un concentrador o central UTP, dependiendo de la configuracin de su red.
Patch panel
Es un arreglo de conectores hembra RJ45 que se utiliza para realizar conexiones cruzadas (diferente a cable cruzado)
entre los equipos activos y el cableado horizontal. Permite un gran manejo y
administracin de los servicios de la red, ya que cada punto de conexin del
patch panel maneja el servicio de una salida de telecomunicaciones, permite
interconexin entre equipos por tanto deben ser de primera calidad debido a
que por sus puntos transitan seales de alta velocidad.
Roseta
Posee un circuito impreso que soporta conectores RJ45 y conectores IDC de tipo 110 para
conectar los cables UTP slidos con la herramienta de impacto.
Usualmente de dos salidas, aunque existe tambin la versin reducida a una salida.
Las rosetas son de alta resistencia a los impactos, de bajo perfil y con un sencillo y seguro sistema de anclaje de la
tapa. Se puede ofrecer con soporte para 2, 4 6 rosetas estndar.
BLOQUE 2 75
Cierre
Actividad: 5
76
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
Actividad: 5 (continuacin)
BLOQUE 2 77
Actividad: 5 (continuacin)
3) Analiza con tus compaeros de equipo los datos del cuadro de recuperacin Elementos de
conectividad de Red (LAN), as como las fotografas documentadas en la investigacin, y
completa el siguiente cuadro de Estudio de Factibilidad y Propuestas.
Datos arrojados
Elementos de conectividad de Factibilidad SI/NO Propuesta en base al anlisis
de la
Red (LAN) (Porque) realizado.
investigacin
78
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
Actividad: 5 (continuacin)
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
Evaluacin
Actividad: 5 Producto: Reporte de investigacin. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Muestra una actitud positiva y
Identifica los elementos de
Evala los elementos de responsable en el desarrollo de la
conectorizacin de una red
conectividad de una red informtica investigacin. Adems muestra
informtica en un contexto
en diferentes contextos. respeto a sus compaeros
acadmico o laboral.
durante el debate grupal.
C MC NC Calificacin otorgada por el
Coevaluacin
docente
BLOQUE 2 79
Secuencia didctica 3.
Instalacin. Proyecto y flujo de trabajo.
Inicio
Actividad: 1
2) En los siguientes esquemas, escribe el tipo de cable que se utiliza, para establecer la conexin de red.
80
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
Actividad: 1 (continuacin)
______________
____________
2. Probador de cable Coaxial.
_____________
_____________
__________
Evaluacin
Actividad: 1 Producto: Cuestionario. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Asume una actitud responsable
Reconoce las diferencias entre Ilustra las herramientas para
durante el desarrollo de la
los cables UTP normal y construir cable UTP normal y
actividad y durante el debate
cruzado. cruzado.
grupal.
C MC NC Calificacin otorgada por el
Autoevaluacin
docente
BLOQUE 2 81
Proyecto de instalacin.
En primer lugar se ha de tener en cuenta las normativas laborales en cuanto a seguridad del trabajo se refiere. En la
operacin elctrica ha de cuidarse:
La instalacin consiste en la ejecucin ordenada segn las directrices del proyecto de instalacin de un conjunto de
tareas que revierten en proporcionar el servicio que el cliente que solicit la instalacin necesitaba.
82
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
Algunas de estas tareas se pueden superponer en el tiempo; es algo que habr que tener en cuenta al confeccionar el
calendario de instalacin. A continuacin describimos algunas de estas tareas:
A. Instalacin de las tomas de corriente. Esta tarea suele realizarla un electricista, pero desde el punto de vista
del proyecto hemos de asegurarnos que hay tomas de corriente, suficientes para alimentar todos los equipos
de comunicaciones.
B. Instalacin de rosetas y jacks. Es la instalacin de los puntos de red finales desde los que se conectarn los
equipos de comunicaciones sirvindose de latiguillos. La mayor parte de estas conexiones residirn en
canaletas o en armarios de cableado.
C. Tendido de los cables. Se trata de medir la distancia que debe recorrer cada cable y aadirle una longitud
prudente que nos permita trabajar cmodamente con l antes de cortarlo. Hemos de asegurarnos de que el
cable que utilizaremos tenga la certificacin necesaria.
D. Conectorizacin de los cables en los patch panels y en las rosetas utilizando las herramientas de crispado
apropiadas.
Las estaciones de la red se conectan a los dispositivos de red a travs de cables construidos con el
cdigo de colores y contactos de la tabla anterior en ambos extremos. El cable se confecciona de modo
semejante a la conexin a la roseta, aunque habr que cambiar la herramienta, que ahora tendr forma
de alicate. En el conector RJ45 los pines deben leerse con la pestaa del conector hacia abajo, de modo
que en esa posicin el pin nmero uno queda a la izquierda.
Sin embargo, cuando se quieren conectar dos computadoras directamente por sus tarjetas de red sin
ningn dispositivo intermedio se tiene que utilizar un cable cruzado, que altera el orden de los pares para
que lo que es recepcin en un extremo sea emisin en el otro y viceversa.
BLOQUE 2 83
En las siguientes tablas,
muestran las guas para
confeccionar el cable
UTP normal y cruzado,
bajo las normas de
cableado 568-A y 568-
B, respectivamente.
84
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
La roseta RJ45, la vamos a utilizar para
redes que tengan Hubs o Switch, es decir
se utilizan para unir las computadoras con
el Hubs o Switch de la red.
Actividad: 2
1) Observa con atencin los videos Armado de cable UTP cruzado y Armado de cable UTP
normal que va proyectar t profesor. En equipo de cinco, construye un cable UTP cruzado
y un cable UTP normal.
a) Elabora una bitcora de la prctica, adems realiza la filmacin y narracin del proceso de armado
de los cables.
_______________________________________________________________________________________
_______________________________________________________________________________________
_______________________________________________________________________________________
_______________________________________________________________________________________
_______________________________________________________________________________________
_______________________________________________________________________________________
Cable UTP.
4 Conectores RJ45.
Tenazas crimpadoras.
Tenazas cortadoras.
Cuter.
b) Realiza una exposicin sobre el proceso de construccin del cable, y muestra el video como
evidencia de la realizacin de la prctica.
BLOQUE 2 85
Actividad: 2 (continuacin)
2) Observa con atencin el video Conectorizacin del Jack RJ45 que va proyectar t profesor.
En equipo de cinco, conecta el Jack RJ45.
a) Elabora una bitcora de la prctica, adems realiza la filmacin y narracin del proceso de
Conectorizacin del Jack RJ45.
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
Cable UTP.
4 Conectores RJ45.
Ponchadora de Jack RJ45.
Tenazas cortadoras.
Cutter.
b) Realiza una exposicin sobre el Proceso de Conectorizacin del Jack JR45, y muestra el video como
evidencia de la realizacin de la prctica.
3) Escribe tus conclusiones sobre las prcticas: Construye un cable UTP cruzado y un cable UTP normal y
Conectorizacin del Jack RJ45.
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
86
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
Evaluacin
Actividad: 2 Producto: Bitcora de Practica. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Muestra una actitud positiva
Reconoce las normas 568-A y Elabora los cables UTP normal y
durante la prctica, tiene cuidado
568-B, para poder construir el cruzado, adems conecta el Jack
y da buen uso a los materiales
cable UTP norma y cruzado. RJ45.
utilizados.
C MC NC Calificacin otorgada por el
Coevaluacin
docente
F. Etiquetado y documentacin del cable y conectores. Todo cable debe ser etiquetado en ambos extremos as
como los conectores de patch panels y rosetas de modo que queden identificados unvocamente.
03RS02-05RS24
Este cable indicara que est tendido desde la roseta (RS) nmero 02 de la sala 03 hasta la roseta 24 de la
sala 05. Las rosetas en las salas 03 y 05 iran etiquetadas con 03RS02 y 05RS24 respectivamente.
BLOQUE 2 87
G. Instalacin de los adaptadores de red. Gran parte de los equipos informticos vienen ya con
la tarjeta de red instalada, pero esto no es as necesariamente. Las tarjetas de red (tambin
denominadas adaptadores de red, tarjetas de interfaz de red o NIC) actan como la interfaz
entre una computadora y el cable de red. La funcin de la tarjeta de red es la de preparar,
enviar y controlar los datos en la red. Convierte los datos enviados por el ordenador a un
formato que puede ser utilizado por el cable de red, transfiere los datos a otro ordenador y
controla a su vez el flujo de datos entre el ordenador y el cable. Tambin traduce los datos
que ingresan por el cable a bytes para que el CPU del ordenador pueda leerlos.
H. Instalacin de los dispositivos de red. Se trata de instalar los concentradores, conmutadores, puentes y
encaminadores. Algunos de estos dispositivos deben ser configurados antes de prestar sus servicios.
88
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
Puentes. Las conexiones puente sirven para enlazar o comunicar dos redes diferentes mediante
un puesto en la red, por ejemplo imaginemos que tenemos dos redes en una oficina, una tiene 3
puestos y una impresora en el segmento 192.168.1.x y la otra en el segmento 192.168.0.x pues bien,
mediante un puente de red todos los recursos sern accesibles por todos los equipos.
BLOQUE 2 89
Enrutador (Router). El enrutador (router), es un dispositivo de hardware para
interconexin de red de computadoras que opera en la capa
Firewall: es un
tres (nivel de red). dispositivo que funciona
como cortafuegos entre
Un router es un dispositivo para la interconexin de redes redes, permitiendo o
informticas que permite asegurar el enrutamiento de paquetes denegando las
entre redes o determinar la ruta que debe tomar el paquete de transmisiones de una
datos. red a la otra.
Un uso tpico es situarlo
entre una red local y la
El router ADSL es un dispositivo que permite conectar uno o varios equipos o incluso red Internet, como
una red de rea local (LAN). dispositivo de seguridad
para evitar que los
Diagrama de una red simple con un modem 2Wire que acta como enrutador intrusos puedan
Firewall y DHCP. acceder a informacin
confidencial.
DHCP, significa Protocolo de configuracin de host dinmico. Es un protocolo que
permite que un equipo conectado a una red pueda obtener su configuracin
(principalmente, su configuracin de red) en forma dinmica (es decir, sin
intervencin particular).
Slo tiene que especificarle al equipo, mediante DHCP, que encuentre una direccin IP de manera independiente. El
objetivo principal es simplificar la administracin de la red.
Puerta de enlace, ya que proporciona salida hacia el exterior a una red local.
Enrutador: cuando le llega un paquete procedente de Internet, lo dirige hacia la interfaz destino por el camino
correspondiente, es decir, es capaz de encaminar paquetes IP.
Mdem ADSL: modula las seales enviadas desde la
red local para que puedan transmitirse por la lnea
ADSL y demodula las seales recibidas por sta para
que los equipos de la LAN puedan interpretarlos. De
hecho, existen configuraciones formadas por un
mdem ADSL y un router que hacen la misma
funcin que un router ADSL.
Punto de acceso wireless: algunos router ADSL
permiten la comunicacin va Wireless (sin cables)
con los equipos de la red local.
90
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
Actividad: 3
Con respecto a la lectura del tema Proyecto de instalacin, el cual dice que en primer
lugar se debe considerara las normativas laborales en cuanto a seguridad del trabajo se
refiere. Escribe en el siguiente mapa conceptual que se debe considerara durante la
operacin de corriente elctrica y posteriormente en lo que corresponde a los
procedimientos laborales.
Proyecto de
Instalacin
Operacin de Procedimientos
corriente elctrica laborales
BLOQUE 2 91
Evaluacin
Actividad: 3 Producto: Diagrama. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Identifica las normas laborales Aplica el diagrama de flujo de Lleva a cabo la actividad de
en cuanto a seguridad del trabajo durante una instalacin de forma ordenada, y cumple con
trabajo se refiere. red. los requerimientos establecidos.
Las redes punto a punto son aquellas que responden a un tipo de arquitectura de red en las que cada canal de datos
se usa para comunicar nicamente dos nodos, en contraposicin a las redes multipunto, en las cuales cada canal de
datos se puede usar para comunicarse con diversos nodos.
En una red punto a punto, los dispositivos en red actan como socios iguales, o pares entre s. Como pares, cada
dispositivo puede tomar el rol de esclavo o la funcin de maestro. En un momento, el dispositivo A, por ejemplo,
puede hacer una peticin de un mensaje / dato del dispositivo B, y este es el que le responde enviando el mensaje /
dato al dispositivo A. El dispositivo A funciona como esclavo, mientras que B funciona como maestro. Un momento
despus los dispositivos A y B pueden revertir los roles: B, como esclavo, hace una solicitud a A y A, como maestro,
responde a la solicitud de B. A y B permanecen en una relacin reciproca o par entre ellos.
Las redes punto a punto son relativamente fciles de instalar y operar. A medida que las redes crecen, las relaciones
punto a punto se vuelven ms difciles de coordinar y operar. Su eficiencia decrece rpidamente a medida que la
cantidad de dispositivos en la red aumenta.
Los enlaces que interconectan los nodos de una red punto a punto se pueden clasificar en tres tipos segn el sentido
de las comunicaciones que transportan:
Viene ahora el momento de configurar ambos equipos para que puedan "entenderse" entre s, y dicha configuracin
no consiste ms que en asignarle a cada uno una direccin IP que le sirva de identificador en dicha red.
En el otro ordenador ser todo igual, a excepcin de la direccin IP que en este caso deber ser por ejemplo:
192.168.0.2 y por supuesto la mscara de subred, la misma. Tras dar en Aceptar el ordenador se reiniciar y la red
habr quedado activada.
Una vez reiniciado el equipo, debern estar encendidas las lucecitas verdes de la tarjeta de red de ambos (una fija y la
otra parpadeando); pero adems si queremos comprobar que la red funciona, tendremos que ir a Inicio-Ejecutar y en
la ventanita tecleamos el siguiente comando: ping 192.168.0.2 (suponiendo que estamos en la mquina 192.168.0.1)
lo que har que si todo funciona correctamente, la respuesta sea algo parecido a: "Respuesta desde 192......", pero si
no funcionase bien respondera algo como: "Tiempo de espera agotado...".
92
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
Lo normal es que todo funcione a la primera, y en caso negativo, revisa el cable que has fabricado porque podra
suceder que algn cable estuviese mal.
Tras estar configurada la red, t podras acceder de una a la otra mquina mediante la utilidad de "Compartir", pues si
picas en una carpeta con botn derecho vers que te aparece la opcin de Compartirla, con lo cual estara accesible
al otro equipo.
Actividad: 4
1) Observa con atencin el video Como conectar una red Punto a Punto y la presentacin
Configuracin de una red punto a punto, que va proyectar t profesor. En equipo de cinco,
realiza la prctica Conexin de red punto a punto.
a) Elabora una bitcora de la prctica Conexin de red Punto a Punto, adems realiza la filmacin y
narracin del proceso de conexin.
___________________________________________________________________________________________
___________________________________________________________________________________________
__________________________________________________________________________________________
b) Demuestra a tus compaeros la comunicacin entre las dos computadoras y muestra el video como
evidencia de la realizacin de la prctica.
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
____________________
BLOQUE 2 93
Actividad: 4 (continuacin)
3. Observa con atencin el video Conexin por medio de Switch. En equipo de cinco realiza la
prctica Conexin de varias computadoras por medio del Switch en la cual lleves a cabo la
conexin de al menos tres computadoras.
c) Elabora una bitcora de la prctica Conexin de varias computadoras por medio del Switch, adems
realiza la filmacin y narracin del proceso de conexin.
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
d) Demuestra a tus compaeros la comunicacin entre las computadoras mediante el Switch y muestra el
video como evidencia de la realizacin de la prctica.
4. Escribe tus conclusiones sobre la prctica: Cmo llevar a cabo la conexin de varias computadoras
por medio del Switch.
_________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
________
Evaluacin
Actividad: 4 Producto: Reporte de prctica. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Reconoce los parmetros
Evidencia tolerancia y respeto
necesarios para llevar a cabo la Realiza la conexin de dos o ms
durante el desarrollo de la
conexin de una red punto a computadoras estableciendo la
prctica y participa de manera
punto, una red por medio de comunicacin entre ellas.
activa durante la exposicin.
Switch.
C MC NC Calificacin otorgada por el
Coevaluacin
docente
94
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
Packet Tracer es la herramienta de aprendizaje y simulacin de redes interactiva para los instructores y alumnos de
Cisco CCNA.
Esta herramienta les permite a los usuarios crear topologas de red, configurar dispositivos, insertar paquetes y
simular una red con mltiples representaciones visuales. Packet Tracer se enfoca en apoyar mejor los protocolos de
redes que se ensean en el currculum de CCNA.
Este producto tiene el propsito de ser usado como un producto educativo que brinda exposicin a la interfaz
comando lnea de los dispositivos de Cisco para practicar y aprender por descubrimiento.
El simulador de redes Packet Tracer de Cisco System, herramienta fundamental si estas cursando el CCNA o te
dedicas al networking. En este programa te creas la topologa fsica de la red simplemente arrastrando los dispositivos
a la pantalla. Luego clickando en ellos entras a sus consolas de configuracin. All estn soportados todos los
comandos del Cisco IOS e incluso funciona el "tabcompletion". Una vez completada la configuracin fsica y lgica de
la red puedes hacer simulaciones de conectividad (pings, traceroutes, etc.) todo ello desde las propias consolas
incluidas.
BLOQUE 2 95
Reconocimiento de la interfaz grfica
2. Partes principales de la interfaz general de Packet Tracer, identifique cada una de ellas en el simulador.
3. Como podr observar en la parte inferior izquierda de la ventana del simulador, aparecen una serie de
dispositivos en una forma general. Al seleccionar un dispositivo de esta rea, en la parte de dispositivos
especficos aparecern los modelos de los equipos pertenecientes al grupo general.
5. Conexiones, tienen todas las conocidas, desde automticas, que detectan el tipo correcto entre dispositivos,
hasta punto a punto (Cooper Straight - through), cruzadas (Cooper Crossover), consola (console), fibra ptica
(fiber), telfono (telephone), Serial DCE y Serial DTE.
96
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
6. La barra de acceso comn provee herramientas para la manipulacin de los dispositivos, las cuales se detallan a
continuacin. El orden de descripcin es el mismo orden en que aparecen los iconos de la barra.
Notas, permite agregar notas que enriquecen de conocimiento, del rea de trabajo.
Inspector, permite visualizar la tabla correspondiente al dispositivo seleccionado, entre ellas ARP,
MAC y ROUTER.
Mensaje Simple UDP, permite crear paquete del tipo ICMP entre dispositivos.
Ejercicio 1:
1. Seleccione en el rea de dispositivos generales el grupo de Routers con un clic y escoja el modelo 2620XM, note
que al dar un clic sobre el dispositivo especifico el cursor cambia de una flecha a un signo ms al posicionarse
en el rea de trabajo. Luego en el rea de trabajo con un clic posicione el Router.
2. Coloque tres Router mas del mismo modelo al rea de trabajo, para ello presione la tecla CTRL antes de
seleccionar el dispositivo especifico, En ese momento podr agregar cuantos dispositivos desee, del mismo que
selecciono. Para terminar pulse la tecla ESC, o bien dando un clic sobre el botn del dispositivo que selecciono.
BLOQUE 2 97
4. Elimine un Router, para ello utilice en botn que se encuentra en la barra de acceso comn y luego
seleccione el dispositivo a eliminar.
5. Elimine los dos Router restantes, solo que esta vez sombree los dispositivos con el cursor y de un clic derecho
en ellos para eliminarlos.
7. Interconecte los dispositivos como se muestra en la figura, para ello de un clic derecho en ubicado en el
rea de los dispositivos generales y seleccione el tipo de cable apropiado, luego de un clic derecho al dispositivo
a interconectar, donde se desplegara una ventana con las interfaces del dispositivo. Utilice las interfaces Fast
Ethernet para todos los dispositivos.
8. Conectados todos los dispositivos, visualice los puntos en los extremos de las conexiones de color verde y rojo,
estos representa actividad y no actividad respectivamente, esto significa que en los tramos con puntos verdes
estn habilitados para enviar y/o recibir paquetes, mientras en los puntos rojos que intervienen los Router no hay
actividad ya que estos deben de ser configurados.
Ejercicio 2:
Coloque el puntero del ratn sobre cualquier dispositivo sin dar clic, se desplegara un recuadro con
informacin. Qu clase de informacin es?
Asigne direcciones IP y mascara de subred a los dispositivos finales PC0, PC1, PC2 y al servidor segn la
tabla, para esto de un clic derecho al dispositivo, luego clic a la pestaa Desktop, IP Configuracin.
Luego nuevamente clic derecho a la PC0, pestaa Desktop, Command. En esta ventana haga Ping a la PC2.
Fue exitoso el ping?
Siempre en PC0 haga pin al servidor. Fue exitoso el ping?, si no lo fue A qu se debe?
98
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
Modo de simulacin
1. Hay dos modos que nos presenta Packet Tracer, uno el modo real, en donde se crean las configuraciones y se
dispone la posicin de los dispositivos; y el modo simulacin en el cual se visualiza el trfico de la red construida.
Ejercicio 3:
Cambie al modo de simulacin haciendo clic derecho en el cronometro que se encuentra en la parte inferior
derecha del simulador. En la figura se visualiza el reloj y el cronometro para el cambio de modo.
Detn la simulacin con el botn Auto capture/Play, de clic derecho en el botn Edit filter y deje seleccionado
nicamente los paquetes ICMP.
BLOQUE 2 99
Cierre
Actividad: 5
En equipo de cinco, utiliza el programa Cisco Packet Tracer, para simular la instalacin de
la red del centro de cmputo de tu escuela, lleva a cabo la exposicin de la simulacin, y
escribe tus conclusiones sobre el uso del Simulador Cisco Packet Tracer.
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
__________________________________________________________________________________________________
Evaluacin
__________________________________________________________________________________________________
Actividad: 5 Producto: Reporte de prctica. Puntaje:
__________________________________________________________________________________________________
Saberes
Conceptual
______________________ Procedimental Actitudinal
100
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
asasasasas
http://www.mailxmail.com/curso-redes-inalambricas-wi-fi-futuro-
comunicacion/introduccion-redes-inalambricas
http://technet.microsoft.com/es-es/library/cc784756(WS.10).aspx
http://www.desarrolloweb.com/de_interes/the-grid-nueva-super-red-redes-72.html
http://braianet.blogspot.com/2008/04/grid-la-red-ms-poderosa.html
http://www.monografias.com/trabajos15/topologias-
neural/topologias-neural.shtml
http://www.masadelante.com/faqs/lan
http://www.pcmag.com/article2/0,2817,2347539,00.asp
http://www.winmaxtradinggroup.com/
http://www.bluetooth.com/bluetooth/
http://www.desarrolloweb.com/de_interes/the-grid-nueva-super-red-
redes-72.html
http://www.cisco.com/
http://www.cisco.com/web/learning/netacad/course_catalog/PacketTracer.html
http://www.garciagaston.com.ar/verpost.php?id_noticia=112
http://www.garciagaston.com.ar/verpost.php?id_noticia=120
BLOQUE 2 101
102
ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA
Competencias profesionales:
1. Desarrolla documentos electrnicos, de acuerdo con los requerimientos establecidos (software).
2. Localiza, obtiene informacin y se comunica utilizando las tecnologas de la informacin y de comunicacin
(software).
7. Disea y actualiza pginas Web, de acuerdo con los requerimientos del usuario (multimedia).
Unidad de competencia:
Disea pginas web utilizando las herramientas de programas integrados, contribuyendo de manera responsable a
la comunicacin global en diferentes contextos.
Inicio
Actividad: 1
Evaluacin
Actividad: 1 Producto: Cuestionario. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
C MC NC
Autoevaluacin Calificacin otorgada por el Docente
------------------------
Introduccin al Dreamweaver.
Se pueden utilizar varios mtodos para crear un sitio Web; ste es uno de ellos:
Adems, debes tener en cuenta los requisitos tcnicos como el acceso de los usuarios, las limitaciones del
navegador, los plugins o la descarga de archivos. Una vez que hayas organizado la informacin y determinado una
estructura, podrs comenzar a crear el sitio.
BLOQUE 3 105
4) Adicin de contenido a las pginas.
Implementa activos y elementos de diseo, como
texto, imgenes, imgenes de sustitucin, mapas de
imgenes, colores, pelculas, sonido, vnculos HTML,
mens de salto y mucho ms. Puede utilizar
funciones de creacin de pginas incrustadas para
dichos elementos, como ttulos y fondos, escribir
directamente en la pgina o importar contenido desde
otros documentos.
La codificacin manual de pginas Web es otro mtodo de crear pginas. Dreamweaver ofrece sencillas
herramientas de edicin visual, pero tambin incluye un entorno de codificacin ms sofisticado. Puede utilizar el
mtodo que prefiera, o una combinacin de ambos, para crear y editar sus pginas.
Nota: Los JavaBeans Puede establecer que los registros de la pgina aparezcan de uno en uno o en grupos,
son un modelo de mostrar varias pginas de registros, aadir vnculos especiales para pasar de una
componentes creado pgina de registros a la siguiente (o a la anterior) y crear contadores para que los
por Sun Microsystems usuarios puedan llevar un control de los registros. Puede incorporar lgica de
para la construccin de aplicaciones o empresarial mediante tecnologas como Adobe ColdFusion y
aplicaciones en Java. servicios Web. Si necesita ms flexibilidad, puede crear sus propios comportamientos de
servidor y formularios interactivos.
8) Comprobacin y publicacin.
BLOQUE 3 107
Actividad: 2
Completa la siguiente tabla sobre los pasos para crear una pgina web.
Descripcin
Comprobacin y publicacin.
Evaluacin
Actividad: 2 Producto: Tabla descriptiva. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Examina los pasos que son
Reconoce los pasos necesarios Se interesa por realizar la
necesarios para disear una pgina
para crear una pgina web. actividad con eficacia.
web.
C MC NC Calificacin otorgada por el
Autoevaluacin
docente
El espacio de trabajo de Dreamweaver permite ver las propiedades de los documentos y los objetos. Adems, coloca
muchas de las operaciones ms frecuentes en barras de herramientas para que pueda realizar cambios en los
documentos rpidamente.
En Windows, Dreamweaver proporciona un diseo integrado en una nica ventana. En el espacio de trabajo
integrado, todas las ventanas y paneles estn integrados en una nica ventana de la aplicacin de mayor tamao.
Escritorio.
BLOQUE 3 109
Para cerrar Dreamweaver CS4, podemos utilizar cualquiera de las siguientes operaciones:
Hacer clic en el botn cerrar , en la esquina superior derecha, como en cualquier ventana de Windows.
Pulsar la combinacin de teclas Alt + F4.
Pulsar la combinacin de teclas Ctrl + Q.
Hacer clic sobre el men Archivo y elegir la opcin Salir.
Para abrir un documento Nuevo, puedes utilizar cualquiera de las siguientes operaciones:
Hacer clic en el botn Nuevo de la barra de herramientas estndar (si est visible).
Pulsar la combinacin de teclas Ctrl + N.
Hacer clic sobre el men Archivo y elegir la opcin Nuevo.
Despus de esto aparecer una nueva ventana, en la que debers elegir la Categora Pgina en Blanco.
En la segunda columna seleccionamos HTML, observamos que hay muchos diseos ya creados que podemos
elegir, para nuestro primer ejemplo elegimos en Diseo ninguno. A continuacin pulsamos el botn Crear.
BLOQUE 3 111
Para Guardar un documento, puedes utilizar cualquiera de las siguientes operaciones.
Hacer clic en el botn Guardar de la barra de herramientas
estndar.
Pulsar la combinacin de teclas Ctrl + S.
Hacer clic sobre el men Archivo y elegir la opcin Guardar.
Dreamweaver incluye la posibilidad de, en el caso de estar trabajando
simultneamente con varios documentos, poder guardar todos de golpe,
sin la necesidad de hacerlo uno por uno. Para guardar todo puedes
realizar cualquiera de las siguientes operaciones.
Hacer clic en el botn Guardar Todo de la barra de herramientas
estndar.
Hacer clic sobre el men Archivo y elegir la opcin Guardar Todo.
Al tener varios documentos abiertos es fcil olvidarse de todas las modificaciones hechas en cada uno de ellos.
Debes tener mucho cuidado al utilizar la opcin guardar todo, ya que en ocasiones es posible no desear guardar los
cambios en todos los documentos modificados. Por ello es conveniente que al principio no utilices esta opcin, al
menos hasta que te hayas habituado a manejar el programa. De todas formas, observa que cuando hay cambios sin
guardar aparece un * tras el nombre del documento.
En Windows, Dreamweaver proporciona un diseo integrado en una nica ventana. En el espacio de trabajo
integrado, todas las ventanas y paneles estn integrados en una nica ventana de la aplicacin de mayor tamao.
Nota:
Dreamweaver ofrece
otros muchos paneles,
inspectores y ventanas.
Para abrir los paneles,
inspectores y ventanas,
utilice el men Ventana.
La ventana de bienvenida. Permite abrir un documento reciente o crear un documento nuevo. Desde la pantalla de
bienvenida, tambin puede profundizar sus conocimientos sobre Dreamweaver mediante una visita guiada o un
tutorial del producto.
Barra de la aplicacin. A lo largo de su parte superior, la ventana de la aplicacin contiene un conmutador de
espacios de trabajo, mens (slo Windows) y otros controles de aplicacin.
Barra de herramientas Documento. Contiene botones que proporcionan opciones para diferentes vistas de la
ventana de documento (como la vista Diseo y la vista Cdigo), diversas opciones de visualizacin y algunas
operaciones comunes como la obtencin de una vista previa en un navegador.
Barra de herramientas Estndar. (No se muestra en el diseo de espacio de trabajo predeterminado.) Contiene
botones para las operaciones ms habituales de los mens Archivo y Edicin: Nuevo, Abrir, Examinar en Brigde,
Guardar, Guardar todo, Imprimir cdigo, Cortar, Copiar, Pegar, Deshacer y Rehacer. Para mostrar la barra de
herramientas Estndar, seleccione Ver > Barras de herramientas > Estndar.
Barra de herramientas Codificacin. (Slo se muestra en la vista Cdigo.) Contiene botones que le permiten
realizar numerosas operaciones de codificacin estndar.
BLOQUE 3 113
Barra de herramientas Representacin de estilos. (Oculta de manera predeterminada.) Contiene botones
que le permiten ver cmo aparecera el diseo en distintos tipos de medios si utilizase hojas de estilos.
dependientes de los medios. Tambin contiene un botn que le permite activar o desactivar estilos de hojas
de estilos en cascada (CSS).
Ventana de documento. Muestra el documento actual mientras lo est creando y editando.
Inspector de propiedades. Permite ver y cambiar diversas propiedades del objeto o texto seleccionado.
Cada objeto tiene propiedades distintas. El inspector de propiedades no est ampliado de forma
predeterminada en el diseo del espacio de trabajo del codificador.
Selector de etiquetas. Situado en la barra de estado de la parte inferior de la ventana de documento.
Muestra la jerarqua de etiquetas que rodea a la seleccin actual. Da clic en cualquier etiqueta de la
jerarqua para seleccionar la etiqueta y todo su contenido.
Paneles. Ayudan a supervisar y modificar el trabajo realizado. Ejemplos de paneles son el panel Insertar, el
panel Estilos CSS y el panel Archivos. Para ampliar un panel, da doble clic en su ficha.
Panel Insertar. Contiene botones para la insercin de diversos tipos de objeto, como imgenes, tablas y
elementos multimedia, en un documento. Cada objeto es un fragmento de cdigo HTML que te permite
establecer diversos atributos al insertarlo. Por ejemplo, puedes insertar una tabla haciendo clic en el botn
Tabla del panel Insertar. Si se prefiere, puede insertar objetos utilizando el men Insertar en lugar del panel
Insertar.
Panel Archivos. Permite administrar los archivos y las carpetas, tanto si forman parte de un sitio de
Dreamweaver como si se encuentran en un servidor remoto. El panel Archivos tambin proporciona acceso
a todos los archivos del disco local, como ocurre en el Explorador de Windows (Windows) o en el Finder
(Macintosh).
Ventana de documento.
La ventana de documento muestra el documento actual. Puede elegir entre una de las vistas siguientes:
Vista Diseo. Un entorno para el diseo visual de la pgina, la edicin visual y el desarrollo rpido de
aplicaciones. En esta vista, Dreamweaver muestra una representacin visual del documento completamente
editable, similar a la que aparecera en un navegador.
Vista Cdigo. Un entorno de codificacin manual para escribir y editar cdigo HTML, Java Script, cdigo de
lenguaje de servidor, como por ejemplo PHP o ColdFusion Markup Language (CFML), y otros tipos de
cdigo.
Vista de cdigo dividida. Versin dividida de la vista Cdigo que le permite desplazarse por el trabajo
realizado en diferentes secciones del documento a la vez.
Vistas Cdigo y Diseo. Le permite ver las dos vistas, Cdigo y Diseo, para el mismo documento en una
sola ventana.
Vista en vivo. La Vista en vivo, que es similar a la vista Diseo, muestra una representacin ms realista de la
apariencia que tendr el documento en un navegador y le permite interactuar con el documento de la misma
forma que lo hara en un navegador. La Vista en vivo no es editable. No obstante, puede realizar
modificaciones en la vista Cdigo y actualizar la Vista en vivo para ver los cambios.
Vista Cdigo en vivo. Slo est disponible al visualizar un documento en la Vista en vivo. La vista Cdigo en
vivo muestra el cdigo que un navegador utiliza para ejecutar la pgina y cambia dinmicamente conforme
se interacta con la pgina en la Vista en vivo. La vista Cdigo en vivo no es editable.
Actividad: 3
1. Sobre el tema de los Elementos del espacio de trabajo, escribe en el parntesis, la letra que
identifique a cada elemento del espacio de trabajo.
Elementos del espacio
de trabajo.
Barra de
( ) herramientas
documento
Selector de
( )
etiquetas
Grupos de
( )
paneles
Panel
( )
Archivos
Ventana de
( )
documento
Inspector de
( )
propiedades
Barra de
( )
aplicaciones
Conmutador
( ) de espacios
de trabajo
BLOQUE 3 115
Actividad: 3 (continuacin)
2. Con respecto al tema Abrir y guardar documentos, escribe la funcin de cada elemento.
Elemento Funcin
3. En el tema Introduccin a la ventana del documento se estudiaron las diferentes vistas del documento, a
continuacin describe de cada una de ellas.
Vistas Descripcin
Vista Diseo.
Vista Cdigo.
Vista en vivo.
Identifica los elementos de la ventana Conceptualiza las diferentes vistas de la Muestra apertura e inters al realizar la
de documento del Dreamweaver. venta de documentos. actividad.
Herramientas de documento.
La barra de herramientas Documento contiene botones que le permiten cambiar rpidamente entre diferentes vistas
del documento. La barra de herramientas contiene tambin algunos comandos y opciones relativos a la visualizacin
del documento y a su transferencia entre los sitios local y remoto. La siguiente ilustracin muestra la barra de
herramientas de documento ampliada.
A. Mostrar vista de cdigo B. Mostrar vistas de cdigo y diseo C. Mostrar vista de diseo D. Vista en vivo E. Vista
Cdigo en vivo F. Ttulo del documento G. Administracin de archivos H. Vista previa/Depurar en explorador I. Actualizar
vista de diseo J. Ver opciones K. Ayudas visuales L. Validar formato M. Comprobar compatibilidad con navegadores
BLOQUE 3 117
J. Ver opciones. Permite definir las opciones de las vistas Cdigo y Diseo y Nota:
establecer qu vista desea que aparezca en la parte superior de la ventana. Las La actualizacin tambin
opciones del men corresponden a la vista actual: la vista Diseo, la vista Cdigo o actualiza funciones de
ambas. cdigo que dependen
K. Ayudas visuales. Permite utilizar distintas ayudas visuales para el diseo de las del DOM (modelo de
pginas. objeto de documento),
L. Validar formato. Permite validar el documento actual o una etiqueta seleccionada. como la capacidad para
M. Comprobar compatibilidad con navegadores. Le permite comprobar si el CSS es seleccionar las etiquetas
compatible con diferentes navegadores. inicial y final de un
bloque de cdigo.
La barra de herramientas Estndar contiene botones para las operaciones ms habituales de los mens Archivo y
Edicin: Nuevo, Abrir, Examinar en Brigde, Guardar, Guardar todo, Imprimir cdigo, Cortar, Copiar, Pegar, Deshacer y
Rehacer. Estos botones se utilizan del mismo modo que los comandos de men equivalentes.
Barra de estado.
La barra de estado, situada en la parte inferior de la ventana de documento, proporciona informacin adicional sobre
el documento que est creando.
A. Selector de etiquetas. Muestra la jerarqua de etiquetas que rodea a la seleccin actual. Haga clic en cualquier
etiqueta de la jerarqua para seleccionar la etiqueta y todo su contenido. Haga clic en <body> para seleccionar
todo el cuerpo del documento. Para definir los atributos clase o ID para una etiqueta en el selector de etiquetas,
haga clic con el botn de derecho del ratn (Windows) o mantenga presionada la tecla Control y haga clic
(Macintosh) en la etiqueta y elija una clase o una ID del men contextual.
B. Herramienta Seleccionar. Activa y desactiva la herramienta Mano.
C. Herramienta Mano. Permite hacer clic en el documento y arrastrarlo por la ventana de documento.
D. Herramienta Zoom y men emergente Establecer nivel de aumento. Permiten establecer un nivel de aumento
para el documento.
E. Men emergente Tamao de ventana. (No disponible en la vista Cdigo.) Permite cambiar el tamao de la
ventana de documento a dimensiones predeterminadas o personalizadas.
F. Tamao del documento y tiempo de descarga. Muestra la estimacin del tamao del documento y del tiempo de
descarga de la pgina, incluidos todos los archivos dependientes, como imgenes y otros archivos multimedia.
G. Indicador de codificacin. Muestra la codificacin del texto del documento actual.
Tambin puedes modificar la barra de herramientas Codificacin para que muestre ms botones
(como Ajustar texto, Caracteres ocultos y Sangra automtica) u ocultar botones que no desea
utilizar.
Para ello, no obstante, deber editar el archivo XML que genera la barra de herramientas. Para
ms informacin, consulte Ampliacin de Dreamweaver.
La barra de herramientas Representacin de estilos (oculta de manera predeterminada) contiene botones que le
permiten ver cmo aparecera el diseo en distintos tipos de medios si utilizase hojas de estilos dependientes de los
medios.
Tambin contiene un botn con el que es posible activar o desactivar los estilos CSS. Para mostrar la barra de
herramientas, seleccione Ver > Barras de herramientas > Representacin de estilos.
Esta barra de herramientas slo funciona si los documentos utilizan hojas de estilos dependientes de los medios. Por
ejemplo, una hoja de estilos puede especificar una regla para imprimir y otra regla distinta para los dispositivos de
mano.
De manera predeterminada, Dreamweaver muestra el diseo para una pantalla (que muestra cmo se representa una
pgina en la pantalla del equipo).
Puedes ver las representaciones para los diferentes soportes haciendo clic en los correspondientes botones de la
barra de herramientas Representacin de estilos.
BLOQUE 3 119
A. Representar tipo de medio Screen. Muestra cmo
aparece la pgina en la pantalla de un equipo.
B. Representar tipo de medio Print. Muestra cmo aparece
la pgina en una hoja de papel impresa.
C. Representar tipo de medio Handheld. Muestra cmo
aparece la pgina en un dispositivo de mano, como un
telfono mvil o un dispositivo BlackBerry.
D. Representar tipo de medio Projection. Muestra cmo
aparece la pgina en un dispositivo de proyeccin.
E. Representar tipo de medio TTY. Muestra cmo aparece la pgina en un teletipo.
F. Representar tipo de medio TV. Muestra cmo aparece la pgina en la pantalla de televisin.
G. Alternar visualizacin de estilos CSS. Le permite activar o desactivar estilos CSS. Este botn funciona de manera
independiente a los dems botones de medios.
H. Hojas de estilos de tiempo de diseo. Le permite especificar una hoja de estilos de tiempo de diseo.
Actividad: 4
I. Escribe el numero del nombre del botn de la Barra de herramientas del documento en el icono que
corresponda.
8. Vista previa/Depurar en
7. Administracin de archivos
explorador
II. Escribe en el inciso que corresponde el nombre de los elementos de la barra de estado.
A) E)
B) F)
C) G)
D) H)
BLOQUE 3 121
Actividad: 4 (continuacin)
V. Escribe en el parntesis que correcto, la letra del icono que corresponde a la definicin de
cada elemento de la barra de herramientas de representacin de estilos.
Evaluacin
Actividad: 4 Producto: Actividades diversas. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Reconoce los elementos de la Distingue los diferentes elementos Muestra apertura y respeto para
ventana de documento del de las barras del entorno de trabajo escuchar las opiniones de sus
Dreamweaver. del Dreamweaver. compaeros y docente.
C MC NC Calificacin otorgada por el
Autoevaluacin
docente
El inspector de propiedades permite examinar y editar las propiedades ms comunes del elemento de pgina
seleccionado actualmente, como texto o un objeto insertado.
Este panel puede mostrar dos tipos de propiedades, HTML y CSS, que podemos aplicar a los diferentes elementos de
la pgina Web que estemos diseando.
El contenido del inspector de propiedades es distinto en funcin del elemento seleccionado. Por ejemplo, si
selecciona una imagen de la pgina, el inspector de propiedades cambiar para mostrar las propiedades de la
imagen (por ejemplo, la ruta de archivo de la imagen, el ancho y el alto de la imagen, el borde que rodea la imagen en
caso de que lo haya, etc.).
El inspector de propiedades se encuentra, de manera predeterminada, en el borde inferior del espacio de trabajo,
aunque puede desacoplarlo y convertirlo en un panel flotante en el espacio de trabajo.
BLOQUE 3 123
Panel Insertar.
A. Categora Comn. Permite crear e insertar los objetos que se utilizan con
ms frecuencia, como las imgenes y las tablas.
B. Categora Diseo. Permite insertar tablas, elementos de tabla, etiquetas div,
marcos y widgets de Spry. Tambin puede elegir dos vistas para tablas:
Estndar (valor predeterminado) y Tablas expandidas.
C. Categora Formularios. Contiene botones que permiten crear formularios e
insertar elementos de formulario, incluidos widgets de validacin de Spry.
D. Categora Datos. Permite insertar objetos de datos de Spry y otros
elementos dinmicos, como juegos de registros, regiones repetidas y grabar
formularios de insercin y actualizacin.
E. Categora Spry. Contiene botones para crear pginas de Spry, incluidos
objetos de datos y widgets de Spry.
F. Categora InContext Editing. Contiene botones para la creacin de pginas
de InContext Editing, incluidos botones para Regiones editables, Regiones
repetidas y la administracin de clases CSS.
G. Categora Texto. Permite insertar diversas etiquetas de formato de texto y
listas, como b, em, p, h1 y ul.
H. Categora Favoritos. Permite agrupar y organizar los botones del panel
Insertar que utiliza con ms frecuencia en un lugar comn.
I. Categoras de cdigo de servidor. Slo estn disponibles para las pginas
que emplean un lenguaje de servidor determinado, como ASP, CFML Basic,
CFML Flow, CFML Advanced, y PHP. Cada una de estas categoras contiene
objetos de cdigo de servidor que pueden insertarse en la vista Cdigo.
BLOQUE 3 125
Actividad: 5
1. En el inspector tenemos las propiedades HTML y CSS, identifica cada uno de los siguientes iconos, a
continuacin escribe una H si pertenecen a la propiedad HTML, una C si pertenecen a la propiedad CSS y
HC si pertenecen a ambas propiedades.
Descripcin Categora
Contiene botones para crear pginas de Spry, incluidos objetos de datos y
widgets de Spry.
Permite insertar objetos de datos de Spry y otros elementos dinmicos,
como juegos de registros, regiones repetidas y grabar formularios de
insercin y actualizacin.
Contiene botones que permiten crear formularios e insertar elementos de
formulario, incluidos widgets de validacin de Spry.
Permite insertar tablas, elementos de tabla, etiquetas div, marcos y widgets
de Spry. Tambin puede elegir dos vistas para tablas: Estndar (valor
predeterminado) y Tablas expandidas.
Permite crear e insertar los objetos que se utilizan con ms frecuencia,
como las imgenes y las tablas.
Permite insertar diversas etiquetas de formato de texto y listas, como b, em,
p, h1 y ul.
Panel archivos.
Utiliza el panel Archivos para ver y administrar los archivos del sitio de
Dreamweaver.
Para sitios de Dreamweaver, tambin puede personalizar el panel Archivos cambiando la vista (sitio local o sitio
remoto) que aparece de forma predeterminada en el panel contrado.
Sitio local
Nota: Para definir un
sitio de Dreamweaver, La forma habitual de crear un sitio consiste en crear una carpeta en el disco local. Los
slo tiene que configurar documentos HTML normalmente se crean dentro de dicha carpeta, mientras que para
una carpeta local. Sin contener las imgenes, las animaciones, archivos de tipos especfico, etc., se deben
embargo, para transferir crear nuevas carpetas dentro de sta, con el objetivo de tener una mejor organizacin
archivos a un servidor de los archivos a la hora de trabajar. Esto es lo que se conoce como sitio local.
Web o desarrollar
aplicaciones Web, Sitio Remoto
tambin debe aadir
datos para un sitio El sitio local y el sitio remoto tienen la misma estructura. El sitio local es la copia del
remoto y un servidor de sitio con la que trabajaremos, y los cambios los actualizaremos en el sitio remoto.
prueba.
Despus se podrn copiar los archivos en un servidor web, en el denominado sitio
remoto, lo que equivale a publicar el sitio, de modo que la gente podr verlo en
Internet.
BLOQUE 3 127
Sitios de Dreamweaver
En Dreamweaver, el trmino sitio se emplea para referirse a una ubicacin de almacenamiento local o remoto de los
documentos que pertenecen a un sitio Web.
Un sitio de Dreamweaver permite organizar y administrar todos los documentos Web, cargar el sitio en un servidor
Web, controlar y mantener vnculos y administrar y compartir archivos. Para aprovechar al mximo las funciones de
Dreamweaver, debe definir un sitio.
Un sitio de Dreamweaver consta de un mximo de tres partes o carpetas, segn el entorno de desarrollo y el tipo de
sitio Web que se desarrolle:
Carpeta raz local. Almacena los archivos con los que est trabajando. Dreamweaver se refiere a esta carpeta
como el sitio local. Esta carpeta suele encontrarse en el equipo local, pero tambin se puede encontrar en
un servidor de red.
Carpeta remota. Almacena los archivos para pruebas, produccin, colaboracin, etc. Dreamweaver se refiere
a esta carpeta como el sitio remoto en el panel Archivos. En general, la carpeta remota suele colocarse en el
equipo donde se ejecuta el servidor Web. La carpeta remota incluye los archivos a los que los usuarios
acceden en Internet. Las carpetas locales y remotas permiten transferir archivos entre el disco duro local y el
servidor Web, lo cual facilita la administracin de los archivos en los sitios de Dreamweaver. Se trabaja en
archivos en la carpeta local y se publican en la carpeta remota cuando se desea que otras personas los
puedan ver.
El panel Estilos CSS le permite supervisar las reglas y propiedades CSS que afectan a un elemento de pgina
actualmente seleccionado (modo Actual) o las reglas y propiedades que
afectan a todo un documento (modo Todo).
Un botn situado en la parte superior del panel Estilos CSS te permite cambiar
entre estos dos modos. El panel Estilos CSS tambin te permite modificar
propiedades CSS tanto en modo Todo como en modo Actual.
Puede cambiar el tamao de cualquiera de los paneles arrastrando los bordes que los separan.
BLOQUE 3 129
En modo Todo, el panel Estilos CSS muestra dos secciones:
Panel Todas las reglas, el cual muestra una lista de reglas definidas en el
documento actual, as como las reglas definidas en las hojas de estilo
adjuntas al documento actual.
Panel Propiedades, permite editar propiedades CSS para cualquier regla
seleccionada en el panel Todas las reglas.
Todos los cambios que realice en el panel Propiedades se aplican de forma inmediata; de este modo, puede
previsualizar el trabajo a medida que lo vaya llevando a cabo.
Guas visuales.
Dreamweaver proporciona varios tipos de guas visuales para ayudarte a disear documentos y predecir de forma
aproximada cul ser su apariencia en los navegadores. Puede seguir uno de estos procedimientos:
Utilizar las reglas y guas para proporcionar una pista visual que
permita colocar y cambiar el tamao de los elementos de pgina
con precisin.
Las marcas de cuadrcula de la pgina le ayudan a alinear los elementos PA y, cuando est activada la funcin de
ajuste, permiten ajustar automticamente los elementos PA con el punto ms prximo de la cuadrcula al moverlas o
ajustar su tamao. (Los dems objetos, como las imgenes y los prrafos, no se ajustan a la cuadrcula.) El ajuste
funciona independientemente de que la cuadrcula est visible.
Actividad: 6
Funcin
Sitio en Dreamweaver.
Carpeta remota.
2. En el cuadro de dilogo Administrar sitios, encontramos varias opciones. Escribe en nmero de la opcin en
el parntesis que corresponda.
BLOQUE 3 131
Actividad: 6 (continuacin)
Evaluacin
Actividad: 5 Producto: Mapa conceptual. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Reconoce los elementos Participa de manera activa y
Administra la informacin necesaria
necesarios para la responsable durante el desarrollo
para una pgina web.
administracin de sitios web. de la actividad.
C MC NC Calificacin otorgada por el
Autoevaluacin
docente
Inicio
Actividad: 1
Responde las siguientes preguntas.
Evaluacin
Actividad: 1 Producto: Cuestionario. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
C MC NC
Autoevaluacin Calificacin otorgada por el Docente
BLOQUE 3 133
Cambio de vista en la ventana de documento.
La ventana de documento permite visualizar documentos en la vista Cdigo, la vista Cdigo dividida, la vista Diseo,
las vistas Cdigo y Diseo (vista Dividida) o en la Vista en vivo. Tambin puede
optar por visualizar la vista de cdigo dividida o las vistas Cdigo y Diseo
horizontal o verticalmente. (La visualizacin predeterminada es la horizontal.)
Vista Diseo.
Vista de Cdigo
No permite tener directamente una referencia visual de cmo va quedando el documento segn se va modificando el
cdigo.
Permite dividir la ventana en dos zonas: Cdigo y Diseo, La zona superior muestra el
cdigo fuente, y la inferior el editor visual. Cuando se realiza un cambio en alguna de las
zonas, este cambio se aplica directamente sobre la otra.
NOTA:
Si cambia el tamao de la
ventana de documento o
de la ventana de la
aplicacin, o bien cambia
el diseo del espacio de
trabajo, Dreamweaver
mantendr la relacin de
divisin para que las dos
vistas estn siempre
visibles.
Elija uno de los tamaos del men emergente tamao de ventana situado en la
parte inferior de la ventana de documento.
NOTA:
Si no desea asignar un
El tamao de la ventana indicado corresponde a las dimensiones internas de la tamao tan preciso,
ventana del navegador, sin bordes. El tamao del monitor figura entre parntesis. Por utilice los mtodos
ejemplo, la opcin 536 x 196 (640 x 480, Predeterminado) es el tamao de ventana estndar de su sistema
que se debe utilizar si los visitantes van a hacer uso de Microsoft Internet Explorer o operativo, como arrastrar
Netscape Navigator en su configuracin predeterminada con un monitor de 640 x 480. la esquina inferior
derecha de una ventana.
En Windows, los documentos contenidos en la ventana de documento se maximizan
de manera predeterminada y no es posible cambiar el tamao de un documento
maximizado.
BLOQUE 3 135
Para que el documento no est maximizado, haga clic en el botn de
anulacin de la maximizacin, situado en la esquina superior derecha del
documento.
Informes en Dreamweaver.
Dreamweaver permite ejecutar informes para buscar contenido, solucionar problemas o probar el contenido. Puede
generar los siguientes tipos de informes:
Actividad: 2
Desarrolla el ejercicio prctico en el centro de cmputo.
/ Diseo
Vistas en la
ventana de Cdigo
documento
Dividir
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
/
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
3. Realiza el siguiente ejercicio prctico en el centro de cmputo, visualiza las vistas de cdigo, diseo y
dividir, anota tus conclusiones.
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
_____________________________________________________________________________________________
Evaluacin
Actividad: 2 Producto: Ejercicio prctico. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
BLOQUE 3 137
Elaboracin de pginas con CSS.
Adobe Dreamweaver CS4 incluye numerosas funciones diseadas para facilitar la creacin de estilos y diseos
para pginas Web mediante hojas de estilos en cascada (CSS, Cascading Style Sheets).
Los estilos CSS ofrecen un mayor control sobre el diseo de la pgina Web y reducen el tamao del archivo.
Las hojas de estilos en cascada (CSS,) son un conjunto de reglas de formato que determinan el aspecto del contenido
de una pgina Web. La utilizacin de estilos CSS para aplicar formato a una pgina permite separar el contenido de la
presentacin.
El contenido de la pgina (el cdigo HTML) reside en el archivo HTML, mientras que las reglas CSS que definen la
presentacin del cdigo residen en otro archivo (una hoja de estilos externa) o en otra parte del documento HTML
(normalmente, en la seccin head).
La separacin del contenido y la presentacin hace que resulte mucho ms fcil mantener el aspecto del sitio desde
una ubicacin central, ya que no es necesario actualizar las propiedades de las distintas pginas cuando se desea
realizar algn cambio. La separacin del contenido y la presentacin tambin depura y simplifica el cdigo HTML, lo
que disminuye el tiempo de carga en los navegadores y agiliza la navegacin para personas con problemas de
accesibilidad (por ejemplo, para los usuarios que utilicen lectores de pantalla).
El lenguaje CSS ofrece gran flexibilidad y control para lograr el aspecto exacto que desea para la pgina. Con CSS,
puede controlar numerosas propiedades del texto, entre ellas las fuentes y los tamaos de fuente especficos; negrita,
cursiva, subrayado y sombras de texto; color de texto y de fondo; color y subrayado de vnculos; etc. Si utiliza CSS para
controlar las fuentes, tambin conseguir un tratamiento ms coherente del diseo y el aspecto de la pgina en
mltiples navegadores.
Adems de para dar formato al texto, puede utilizar CSS para definir el formato y la NOTA: HTML, siglas de
posicin de elementos de nivel de bloque (block-level) de una pgina Web. Un HyperText Markup Language
elemento de nivel de bloque es un elemento de contenido independiente que (Lenguaje de Marcado de
normalmente est separado por una nueva lnea en el cdigo HTML y que tiene Hipertexto), es el lenguaje de
visualmente el formato de un bloque. marcado predominante para
la elaboracin de pginas
web. Es usado para describir
Por ejemplo, las etiquetas h1, p y div generan elementos de nivel de bloque en una
la estructura y el contenido
pgina Web. Puede ajustar mrgenes y bordes para elementos de nivel de bloque, en forma de texto, as como
situarlos en una ubicacin concreta, aadirles color de fondo, colocar texto flotante para complementar el texto
alrededor de ellos, etc. La manipulacin de elementos de nivel de bloque es, en con objetos tales como
definitiva, la forma en que se establece el diseo de las pginas con CSS. imgenes.
h1 {
font-size: 16 pixels;
font-family: Helvetica;
font-weight:bold;
}
Cada declaracin consta de dos partes: la propiedad (por ejemplo, font-family) y el valor (por ejemplo, Helvetica).
En la regla CSS anterior, se ha creado un estilo concreto para las etiquetas h1: el texto de todas las etiquetas h1
vinculadas a este estilo tendr un tamao de 16 pxeles, fuente Helvetica y negrita.
El estilo (que procede de una regla o un conjunto de reglas) reside en un lugar independiente del texto al que aplica
formato (normalmente en una hoja de estilos externa o en la seccin head de un documento HTML).
Por consiguiente, una regla para las etiquetas h1 puede aplicarse a muchas
etiquetas a la vez (y, en el caso de las hojas de estilos externas, la regla puede
aplicarse a muchas etiquetas a la vez de distintas pginas).
Puede crear una regla CSS para automatizar la aplicacin de formato a Etiquetas HTML o rangos de texto
identificados mediante un atributo clase o ID.
Site el punto de insercin en el documento y siga uno de estos procedimientos para abrir el cuadro de dilogo:
Nueva Regla CSS.
BLOQUE 3 139
En el cuadro de dilogo Nueva Regla CSS, especifique el tipo de selector para la regla CSS que desea crear:
Para crear un estilo personalizado que pueda aplicarse como atributo clase a cualquier elemento HTML,
seleccione la opcin Clase del men emergente Tipo de selector e introduzca un nombre para el estilo en el
cuadro de texto Nombre del selector.
Se pueden definir las categoras, Tipo, Fondo, Bloque, cuadro, Borde, Lista, Posicin y Extensiones.
Puede definir propiedades de reglas CSS, como la fuente del texto, la imagen y el color de fondo, las propiedades de
espaciado y diseo y el aspecto de los elementos de las listas.
BLOQUE 3 141
Despus de definir las propiedades de Reglas CSS y Categoras que vamos a utilizar, damos clic en ya
Centramos el texto.
BLOQUE 3 143
Actividad: 3
En binas realiza la siguiente prctica en el centro de cmputo: Utiliza una nueva regla CSS
y elije Etiqueta del selector contextual para la regla CSS, posteriormente elige el nombre
del selector body, y a continuacin define en la regla para body las categoras tipo y
fondo. Guarda la etiqueta y mustrala a tu profesor.
2. Menciona los puntos donde encontraste una mayor dificultad para desarrollar la Etiqueta.
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
Evaluacin
Actividad: 3 Producto: Ejercicio prctico. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Un diseo de pgina CSS utiliza el formato de hojas de estilos en cascada, en lugar de las tablas o marcos HTML
tradicionales, para organizar el contenido de un sitio Web. El elemento bsico del diseo CSS es la etiqueta div, una
etiqueta HTML que, en la mayora de los casos, acta como contenedor de texto, imgenes y otros elementos de
pgina. Cuando crea un diseo CSS, coloca etiquetas div en la pgina, aade contenido a las mismas y las sita en
distintos lugares. A diferencia de las celdas de tabla, que slo pueden situarse en algn lugar dentro de las filas y
columnas de la tabla, las etiquetas div aparecen en cualquier lugar de una pgina Web. Puede situar etiquetas div de
forma absoluta (especificando las coordenadas (x, y) o de forma relativa (especificando su distancia con respecto a
otros elementos de la pgina).
La creacin de diseos CSS desde cero puede ser una tarea difcil debido a la gran cantidad de formas de hacerlo
que existen. Puede crear un diseo CSS sencillo de dos columnas estableciendo elementos flotantes, mrgenes,
rellenos y otras propiedades CSS mediante un nmero casi infinito de combinaciones. Adems, el problema de la
reproduccin en distintos navegadores hace que determinados diseos CSS se muestren correctamente en algunos
navegadores y no en otros. Dreamweaver
facilita la creacin de pginas con
diseos CSS con ms de 30 diseos
predefinidos que funcionan en distintos
navegadores.
La utilizacin de los diseos CSS predefinidos que vienen con Dreamweaver es la forma ms fcil de crear una pgina
con un diseo CSS, pero tambin puede crear diseos CSS mediante los elementos con posicin absoluta
(elementos PA) de Dreamweaver. En Dreamweaver, un elemento PA es un elemento de pgina HTML (en concreto,
una etiqueta div o cualquier otra etiqueta) que tiene una posicin absoluta asignada. Sin embargo, la limitacin de los
elementos PA de Dreamweaver radica precisamente en que tienen una posicin absoluta, lo que hace que sus
posiciones nunca se ajusten a la pgina en funcin del tamao del navegador.
Si se considera un usuario avanzado, tambin puede insertar etiquetas div de forma manual y aplicarles estilos de
posicin CSS para crear los diseos de las pginas.
BLOQUE 3 145
Los diseos CSS predefinidos ofrecen los siguientes tipos de columnas: NOTA: Debe seleccionar
un tipo de pgina HTML
Fija. El ancho de columna se especifica en pxeles. La columna no cambia de para el diseo. Por
tamao en funcin del tamao del navegador o de la configuracin del texto ejemplo, puede
del visitante del sitio. seleccionar HTML,
ColdFusion,
Elstica. El ancho de columna se especifica en una unidad de medida (ems) PHP, etc. No pueden
relacionada con el tamao del texto. El diseo se adapta si el visitante del sitio crearse pginas
ActionScript, CSS,
cambia la configuracin del texto, pero no en funcin del tamao de la
Library Item, JavaScript,
ventana del navegador. XML, XSLT ni ColdFusion
Flotante. El ancho de columna se especifica como porcentaje del tamao del Component con un diseo
CSS. Los tipos de pgina
navegador del visitante. El diseo se adapta si el visitante del sitio amplia o de la categora Otro del
reduce el navegador, pero no en funcin de la configuracin del texto. cuadro de dilogo Nuevo
Hbrida. Las columnas son una combinacin de las tres opciones anteriores. documento tampoco
pueden incluir diseos de
Por ejemplo, el diseo dos columnas hbridas, barra lateral derecha tiene una pgina CSS.
columna principal que se ajusta al tamao del navegador y una columna
elstica a la derecha que se ajusta al tamao de la configuracin del texto
del visitante del sitio.
Aadir a Head. Aade cdigo CSS para el diseo al encabezado de la pgina que se va a crear.
Crear nuevo archivo. Aade cdigo CSS para el diseo a una nueva hoja
de estilos CSS externa y la adjunta a la pgina que se va a crear.
Vincular a archivo existente. Permite especificar un archivo CSS existente
que ya contiene reglas CSS necesarias para el diseo. Esta opcin es
especialmente til cuando desea utilizar el mismo diseo CSS (las reglas
CSS para el mismo se encuentran en un nico archivo) en varios
documentos.
Puede crear diseos de pgina insertando manualmente etiquetas div y aplicando a stas estilos de posicin CSS.
Una etiqueta div es una etiqueta que define las divisiones lgicas existentes en el contenido de una pgina Web.
Puede utilizar etiquetas div para centrar bloques de contenido, crear efectos de columna y crear diferentes reas de
color, entre otras posibilidades.
Si no est familiarizado con la utilizacin de etiquetas div y de hojas de estilos en cascada (CSS) para crear pginas
Web, puede crear un diseo CSS basado en uno de los diseos predefinidos que se suministran con Dreamweaver.
Si no se siente cmodo utilizando cdigo CSS pero s con el uso de tablas, tambin puede probar a utilizar tablas.
Puede utilizar etiquetas div para crear bloques de diseo CSS e insertarlas en el documento. Esto resulta til si ha
adjuntado al documento una hoja de estilos CSS con estilos de posicin. Dreamweaver le permite insertar
rpidamente una etiqueta div y aplicar a sta estilos existentes.
1. En la ventana de documento, site el punto de insercin en el lugar donde desea que aparezca la etiqueta div.
2. Siga uno de estos procedimientos:
Seleccione Insertar > Objetos de diseo >
Etiqueta Div.
En la categora Diseo del panel Insertar, haga
clic en el botn Insertar etiqueta Div.
3. Defina cualquiera de las opciones siguientes:
Insertar. Permite seleccionar la ubicacin de la
etiqueta div y el nombre de la etiqueta si no es
una etiqueta nueva.
Clase. Muestra el estilo de la clase aplicado
actualmente a la etiqueta. Si ha adjuntado una hoja de estilos, las clases de la hoja de estilos aparecern en
la lista. Utilice este men emergente para seleccionar el estilo que desea aplicar a la etiqueta.
ID. Permite modificar el nombre utilizado para identificar la etiqueta div. Si ha adjuntado una hoja de estilos,
aparecern en la lista los ID definidos en la hoja de estilos. No aparecen en la lista los ID de bloques que ya
estn en el documento.
Nueva regla CSS. Abre el cuadro de dilogo Nueva regla CSS.
La etiqueta div tendr el aspecto de un cuadro en el documento con texto de marcador de posicin. Al desplazar el
puntero sobre el borde del cuadro, Dreamweaver lo resaltar.
Despus de insertar una etiqueta div, puede manipularla o aadir contenido a ella.
Cuando se asignan bordes a etiquetas div, o cuando se selecciona Contornos de diseo CSS, las etiquetas div tienen
bordes visibles. (La opcin Contornos de diseo CSS est seleccionada de forma predeterminada en el men Ver >
Ayudas visuales.) Cuando el puntero se pasa por encima de una etiqueta div, Dreamweaver la resalta. Puede cambiar
el color de resaltado o desactivar el resaltado.
Cuando se selecciona una etiqueta div, puede ver y editar sus reglas en el panel
Estilos CSS. Para aadir contenido a la etiqueta div tambin puede situar el punto de
insercin dentro de la etiqueta div y, a continuacin, aadir el contenido como lo hara
en una pgina.
BLOQUE 3 147
148 EDITOR DE PGINAS WEB
Actividad: 4
Evaluacin
Actividad: 4 Producto: Ejercicio prctico. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
C MC NC
Coevaluacin Calificacin otorgada por el Docente
BLOQUE 3 149
Maquetacin de pginas con HTML.
Adobe Dreamweaver CS4 incorpora herramientas que le permiten crear pginas Web mediante tablas y marcos
HTML. La aplicacin tambin incluye reglas, guas y una cuadrcula que le permite disear pginas y colocar
elementos con precisin.
Establecimiento de reglas
La cuadrcula muestra una serie de lneas horizontales y verticales en la ventana de documento. Resulta til para
colocar objetos con precisin. Puede hacer que los elementos de la pgina con posicin absoluta se ajusten
automticamente a la cuadrcula cuando los mueva y cambiar la cuadrcula o controlar el comportamiento de ajuste
especificando una configuracin. El ajuste funciona independientemente de si la cuadrcula se encuentra o no visible.
Tablas
Si no ve el ancho de una columna o de una tabla, esta tabla o columna no tiene un ancho especificado en el cdigo
HTML. Si aparecen dos nmeros, el ancho visual que aparece en la vista de diseo no coincide con el ancho
especificado en el cdigo HTML. Esto puede ocurrir al cambiar el tamao de una tabla arrastrando la esquina inferior
derecha o al aadir contenido a la celda cuyo ancho es superior al establecido.
A la hora de dar formato a tablas en la vista Diseo, puede definir propiedades que se apliquen a toda la tabla o a
filas, columnas o celdas seleccionadas de la misma. Al definir el valor de una propiedad como, por ejemplo, el color
de fondo o la alineacin, para toda la tabla y otro valor para celdas individuales, el formato de celda tiene prioridad
sobre el formato de fila, que a su vez tiene prioridad sobre el formato de tabla.
Celdas.
Filas.
Tabla.
Por ejemplo, si establece un color de fondo azul para una sola celda y, a continuacin, establece el color de fondo de
toda la tabla como amarillo, la celda azul no cambiar a amarillo, ya que el formato de celda tiene prioridad sobre el
formato de tabla.
BLOQUE 3 151
Divisin y combinacin de celdas de tabla
Podr combinar cualquier nmero de celdas contiguas, siempre que toda la seleccin sea una lnea o un rectngulo
de celdas, para obtener una sola celda que se extienda a lo largo de varias columnas o filas. Una celda puede
dividirse en las filas o columnas que sean necesarias, aunque haya sido combinada anteriormente. Dreamweaver
reestructura automticamente la tabla (aadiendo los atributos colspan o rowspan que sean necesarios) para crear el
diseo especificado.
En el siguiente ejemplo, las celdas en la mitad de las dos primeras filas se han combinado en una nica celda que
ocupa dos filas.
Quinto. Damos clic en el botn Aceptar y tenemos nuestra tabla de cinco filas por cuatro columnas.
Seis. Para llevar a cabo la combinacin de celdas debemos primero seleccionarlas. En este caso en particular
seleccionamos tres columnas.
BLOQUE 3 153
Siete. De la misma forma como combinamos las celdas del punto anterior, ahora lo hacemos con las dos primeras
celdas de la primera columna, posteriormente obtenemos:
Ocho. Vamos a insertar una imagen en el espacio formado por la combinacin de las celdas del punto anterior. Antes
que nada es necesario identificar el icono de imagen.
A continuacin debemos indicar la ubicacin de la imagen.
Nota. Despus de insertar la imagen se mueven los tamaos de las celdas de tal forma que veras lo siguiente.
Una vez que hayamos modificado el tamao de las celdas, tenemos listo el espacio para insertar el contenido de nuestra
pgina web.
Diez. A continuacin estamos listos para insertar la informacin a nuestra pgina web, posteriormente podemos utilizar la Regla
CSS para darle formato al contenido.
BLOQUE 3 155
Actividad: 4
Descripcin:
/
Establecimiento
de Reglas
Descripcin:
Maquetacin de Establecimiento
pginas con de Guias de
HMTL Diseo
Descripcin:
Utilidad de
Cuadriculas
Evaluacin
Actividad: 4 Producto: Diagrama. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Reconoce las herramientas de Analiza el uso de las herramientas de Muestra una actitud respetuosa
maquetacin de pginas HTML. diseo de pginas web. durante la realizacin de la prctica.
C MC NC
Calificacin otorgada por el
Autoevaluacin
Docente
En binas realiza la siguiente prctica en el centro de cmputo, utilizando tablas crea una
pgina web informativa sobre El Calentamiento Global, posteriormente muestra la
pgina mediante una exposicin.
Evaluacin
Actividad: 5 Producto: Ejercicio prctico. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
BLOQUE 3 157
Utilizacin de marcos.
Un marco es una zona de una ventana de navegador que puede mostrar un documento HTML independiente de lo
que se muestra en el resto de la ventana. Los marcos permiten dividir la ventana de un navegador en varias regiones,
cada una las cuales puede mostrar un
documento HTML diferente. Por lo general,
un marco muestra un documento que
contiene controles de navegacin, mientras
que otro muestra un documento con
contenido.
Para ver un conjunto de marcos en un navegador, introduzca el URL del archivo de conjunto de marcos; el navegador
abre entonces los documentos que deben mostrarse en los marcos. El archivo de conjunto de marcos de un sitio
suele llamarse index.html. As, cuando el visitante no especifica ningn nombre de archivo, este archivo se muestra de
forma predeterminada.
Utilice el comando Ortografa para revisar la ortografa del documento actual. El comando Ortografa no tiene en
cuenta las etiquetas HTML ni los valores de atributo.
Tambin puede aadir texto de documentos de Microsoft Excel a un documento de Dreamweaver importando el
contenido del archivo de Excel en una pgina Web.
Seleccione Archivo > Importar> Importar datos de tabla o bien Insertar > Objetos de tabla > Importar datos de
tabla.
Localice el archivo deseado o introduzca su nombre en el cuadro de texto.
Seleccione el delimitador empleado cuando se guard el archivo como texto delimitado. Las opciones
disponibles son: Tabulacin, Coma, Punto y coma, Dos puntos y Otro.
Si selecciona Otro, aparecer un campo en blanco al lado de la opcin, Introduzca el carcter empleado como
delimitador.
Utilice las restantes opciones para aplicar formato o definir la tabla en la que se importarn los datos y haga clic
en Aceptar.
BLOQUE 3 159
Importacin de documentos de Microsoft Office (slo Windows).
Puede insertar contenido de un documento de Microsoft Word o Excel a una pgina Web nueva o existente. Al
importar un documento de Word o Excel, Dreamweaver
recibe el HTML convertido y lo inserta en la pgina Web.
El tamao de archivo, una vez que Dreamweaver recibe
el HTML convertido, debe ser inferior a 300 KB.
Cierre
Actividad: 6
En binas realiza la siguiente prctica en el centro de cmputo, disea una pgina web
sobre un tema de la actualidad, que sirva de apoyo a una Institucin Educativa.
Posteriormente muestra la pgina mediante una exposicin.
Evaluacin
Actividad: 5 Producto: Ejercicio prctico. Puntaje:
Saberes
Conceptual Procedimental Actitudinal
Organiza el contenido para el Disea una pgina web sobre algn Muestra una actitud positiva en el
diseo una pgina web, mediante el tema de actualidad, empresa o desarrollo de la prctica y es
Dreamweaver. institucin. respetuoso durante la exposicin.
www.es.wikipedia.org/wiki/HTML
www.webestilo.com/html/
www.php.net/index.php
help.adobe.com/.../Dreamweaver/.../WSc78c5058ca073340dcda9110b
www.aulaclic.es/dreamweaver-cs4/t_1_5.htm
BLOQUE 3 161
Sitios WEB recomendados:
http://www.mailxmail.com/curso-redes-inalambricas-wi-fi-futuro-comunicacion/introduccion-redes-inalambricas
http://technet.microsoft.com/es-es/library/cc784756(WS.10).aspx
http://www.desarrolloweb.com/de_interes/the-grid-nueva-super-red-redes-72.html
http://braianet.blogspot.com/2008/04/grid-la-red-ms-poderosa.html
http://www.monografias.com/trabajos15/topologias-neural/topologias-neural.shtml
http://www.masadelante.com/faqs/lan
http://www.pcmag.com/article2/0,2817,2347539,00.asp
http://www.winmaxtradinggroup.com/
http://www.bluetooth.com/bluetooth/
http://www.desarrolloweb.com/de_interes/the-grid-nueva-super-red-redes-72.html
http://www.cisco.com/
http://www.mailxmail.com/curso-redes-inalambricas-wi-fi-futuro-comunicacion/introduccion-redes-inalambricas
http://technet.microsoft.com/es-es/library/cc784756(WS.10).aspx
http://www.desarrolloweb.com/de_interes/the-grid-nueva-super-red-redes-72.html
http://braianet.blogspot.com/2008/04/grid-la-red-ms-poderosa.html
http://www.monografias.com/trabajos15/topologias-neural/topologias-neural.shtml
http://www.masadelante.com/faqs/lan
http://www.pcmag.com/article2/0,2817,2347539,00.asp
http://www.winmaxtradinggroup.com/
http://www.bluetooth.com/bluetooth/
http://www.desarrolloweb.com/de_interes/the-grid-nueva-super-red-redes-72.html
http://www.cisco.com/
http://www.cisco.com/web/learning/netacad/course_catalog/PacketTracer.html
http://www.garciagaston.com.ar/verpost.php?id_noticia=112
http://www.garciagaston.com.ar/verpost.php?id_noticia=120
Manual-Dreamweaver-cs4-espanol-By-Reparaciondepc.cl
www.es.wikipedia.org/wiki/HTML
www.webestilo.com/html/
www.php.net/index.php
help.adobe.com/.../Dreamweaver/.../WSc78c5058ca073340dcda9110b
www.aulaclic.es/dreamweaver-cs4/t_1_5.htm