NVO TICS CPT3S Cobach Sonora Nava

2 PRELIMINARES

Esta publicación se terminó de imprimir durante el mes de junio de 2010.

Diseñada en Dirección Académica del Colegio de Bachilleres del Estado de Sonora

Blvd. Agustín de Vildósola; Sector Sur. Hermosillo, Sonora, México

La edición consta de 1,035 ejemplares.

COLEGIO DE BACHILLERES

DEL ESTADO DE SONORA

Director General

Mtro. Jorge Luis Ibarra Mendívil

Director Académico

Profr. Julio Alfonso Martínez Romero

Director de Administración y Finanzas

C.P. Jesús Urbano Limón Tapia

Director de Planeación

Mtro. Pedro Hernández Peña

NUEVAS TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN

Módulo de Aprendizaje.

Copyright ©, 2010 por Colegio de Bachilleres

del Estado de Sonora

todos los derechos reservados.

Primera edición 2010. Impreso en México.

DIRECCIÓN ACADÉMICA

Departamento de Desarrollo Curricular

Blvd. Agustín de Vildósola, Sector Sur

Hermosillo, Sonora. México. C.P. 83280

Registro ISBN, en trámite.

COMISIÓN ELABORADORA:

Elaborador:

Ricardo Revilla Reyes

Revisión Disciplinaria:

Iliana Magdalena Manzo

María Enedina Duarte Camacho

Corrección de Estilo:

Glenda Margarita Heguerty López

Apoyo Metodológico:

María Enedina Duarte Camacho

Supervisión Académica:

Diana Irene Valenzuela López

Guadalupe González Ramírez

Diseño:

Joaquín Rivas Samaniego

María Jesús Jiménez Duarte

Grupo Editorial:

Bernardino Huerta Valdez

Cynthia Deyanira Meneses Avalos

Francisco Peralta Varela

Ana Isabel Ramírez Vásquez

Coordinación Técnica:

Claudia Yolanda Lugo Peñúñuri

Coordinación General:

Profr. Julio Alfonso Martínez Romero

3 PRELIMINARES

Ubicación Curricular

COMPONENTE:

FORMACIÓN PARA EL

TRABAJO

CAPACITACIÓN PARA EL

TRABAJO:

INFORMÁTICA

HORAS SEMANALES:

03

CRÉDITOS:

03

DATOS DEL ALUMNO

Nombre: _______________________________________________________________

Plantel: __________________________________________________________________

Grupo: _________________ Turno: _____________ Teléfono:___________________

E-mail: _________________________________________________________________

Domicilio: ______________________________________________________________

_______________________________________________________________________

4 PRELIMINARES

5 PRELIMINARES

Presentación ........................................................................................................................................................... 7

Mapa de asignatura ................................................................................................................................................ 8

BLOQUE 1. ENTORNO DE REDES INFORMÁTICAS .............................................................................. 9

Secuencia didáctica 1. Introducción a redes informáticas. ............................................................................... 10

Introducción a redes informáticas. ................................................................................................................... 11

Ventajas de una red.......................................................................................................................................... 11

Los objetivos de una red. ................................................................................................................................. 12

Características de una red ............................................................................................................................... 12

Componentes de una red ................................................................................................................................ 12

Secuencia didáctica 2. Clasificación de redes informáticas por método guiado .............................................. 17

Tipos de redes informáticas ............................................................................................................................. 19

Redes según su utilización .............................................................................................................................. 20

Relación entre redes según su cobertura geográfica y método de conexión ................................................ 20

Redes según su cobertura geográfica ............................................................................................................ 21

Secuencia didáctica 3. Clasificación de redes informáticas por método no guiado ......................................... 27

Introducción a redes inalámbricas ................................................................................................................... 28

Redes inalámbrica según su cobertura geográfica ........................................................................................ 31

Secuencia didáctica 4. Topología de redes informáticas .................................................................................. 37

Introducción a las topologías de redes ........................................................................................................... 38

Ethernet ............................................................................................................................................................. 40

BLOQUE 2. ELEMENTOS E INSTALACIÓN DE UNA RED INFORMÁTICA ............................................. 47

Secuencia didáctica 1. Proyecto de Instalación del modelo OSI ...................................................................... 48

Introducción al modelo de referencia de Interconexión de Sistemas Abiertos (OSI) .................................... 50

Jerarquía del protocolo OSI ............................................................................................................................. 51

Nivel de protocolo TCP/IP ................................................................................................................................ 54

Direcciones IP y mascaras de red ................................................................................................................... 55

Secuencia didáctica 2. Cables y Conectores .................................................................................................... 61

Introducción a cables y conectores ................................................................................................................. 62

Sistemas de cableado estructurado ................................................................................................................ 62

Estándar 802.3 ................................................................................................................................................. 67

Cable Coaxial ................................................................................................................................................... 70

Fibra óptica ....................................................................................................................................................... 71

Conectores RJ45 .............................................................................................................................................. 75

Secuencia didáctica 3. Instalación. Proyecto y flujo de trabajo ......................................................................... 80

Proyecto de Instalación .................................................................................................................................... 82

Flujo de trabajo de la instalación ..................................................................................................................... 82

Redes punto a punto ........................................................................................................................................ 92

Simulador Cisco Packet Tracer ........................................................................................................................ 95

Índice

6 PRELIMINARES

BLOQUE 3. EDITOR DE PÁGINAS WEB ................................................................................................. 103

Secuencia didáctica 1. Introducción al programa Dreamweaver ...................................................................... 104

Introducción al Dreamweaver .......................................................................................................................... 105

Opciones básicas de trabajo .......................................................................................................................... 109

Entorno de trabajo ........................................................................................................................................... 113

Ventana de Documento ................................................................................................................................... 114

Herramientas de Documento .......................................................................................................................... 117

Barra de herramientas Estándar ..................................................................................................................... 118

Barra de Estado ............................................................................................................................................... 118

Herramientas de Codificación ......................................................................................................................... 119

Herramientas de Representación de Estilos ................................................................................................... 119

Descripción general del Inspector de Propiedades ...................................................................................... 123

Panel Insertar ................................................................................................................................................... 124

Panel de Archivos ............................................................................................................................................ 128

Panel de Estilo CSS ......................................................................................................................................... 129

Guías Visuales ................................................................................................................................................. 130

Secuencia Didáctica 2. Entorno de Trabajo Dreamweaver. .............................................................................. 133

Cambio de Vista de la Ventana de Documento .............................................................................................. 134

Informes en Dreamweaver .............................................................................................................................. 136

Elaboración de páginas con CSS ................................................................................................................... 138

Diseño de páginas con CSS ........................................................................................................................... 145

Utilización de Etiquetas Div ............................................................................................................................. 146

Maquetación de páginas con HTML ............................................................................................................... 150

Presentación del contenido en tablas ............................................................................................................. 151

Utilización de Marcos ...................................................................................................................................... 158

Revisión y corrección de ortográfica ............................................................................................................... 159

Importación de datos de Tabla ....................................................................................................................... 159

Importación de documentos de Microsoft Office (sólo Windows) ................................................................. 160

Bibliografía.............................................................................................................................................................. 163

Índice (continuación)

“Una competencia es la integración de habilidades, conocimientos y actitudes en un contexto específico”.

El enfoque en competencias considera que los conocimientos por sí mismos no son lo más importante, sino el uso

que se hace de ellos en situaciones específicas de la vida personal, social y profesional. De este modo, las

competencias requieren una base sólida de conocimientos y ciertas habilidades, los cuales se integran para un

mismo propósito en un determinado contexto.

El presente Módulo de Aprendizaje de la asignatura Nuevas Tecnologías de la Información y Comunicación, es una

herramienta de suma importancia, que propiciará tu desarrollo como persona visionaria, competente e innovadora,

características que se establecen en los objetivos de la Reforma Integral de Educación Media Superior que

actualmente se está implementando a nivel nacional.

El Módulo de aprendizaje es uno de los apoyos didácticos que el Colegio de Bachilleres te ofrece con la intención de

estar acorde a los nuevos tiempos, a las nuevas políticas educativas, además de lo que demandan los escenarios

local, nacional e internacional; el módulo se encuentra organizado a través de bloques de aprendizaje y secuencias

didácticas. Una secuencia didáctica es un conjunto de actividades, organizadas en tres momentos: Inicio, desarrollo y

cierre. En el inicio desarrollarás actividades que te permitirán identificar y recuperar las experiencias, los saberes, las

preconcepciones y los conocimientos que ya has adquirido a través de tu formación, mismos que te ayudarán a

abordar con facilidad el tema que se presenta en el desarrollo, donde realizarás actividades que introducen nuevos

conocimientos dándote la oportunidad de contextualizarlos en situaciones de la vida cotidiana, con la finalidad de que

tu aprendizaje sea significativo.

Posteriormente se encuentra el momento de cierre de la secuencia didáctica, donde integrarás todos los saberes que

realizaste en las actividades de inicio y desarrollo.

En todas las actividades de los tres momentos se consideran los saberes conceptuales, procedimentales y

actitudinales. De acuerdo a las características y del propósito de las actividades, éstas se desarrollan de forma

individual, binas o equipos.

Para el desarrollo del trabajo deberás utilizar diversos recursos, desde material bibliográfico, videos, investigación de

campo, etc.

La retroalimentación 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 aclararás dudas o bien fortalecerás lo aprendido; además en este

momento, el docente podrá tener una visión general del logro de los aprendizajes del grupo.

Recuerda que la evaluación en el enfoque en competencias es un proceso continuo, que permite recabar evidencias a

través de tu trabajo, donde se tomarán en cuenta los tres saberes: el conceptual, procedimental y actitudinal con el

propósito de que apoyado por tu maestro mejores el aprendizaje. Es necesario que realices la autoevaluación, este

ejercicio permite que valores tu actuación y reconozcas tus posibilidades, limitaciones y cambios necesarios para

mejorar tu aprendizaje.

Así también, es recomendable la coevaluación, proceso donde de manera conjunta valoran su actuación, con la

finalidad de fomentar la participación, reflexión y crítica ante situaciones de sus aprendizajes, promoviendo las

actitudes de responsabilidad e integración 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 preparación profesional.

Para que contribuyas en ello, es indispensable que asumas una nueva visión y actitud en cuanto a tu rol, es decir, de

ser receptor de contenidos, ahora construirás tu propio conocimiento a través de la problematización y

contextualización de los mismos, situación que te permitirá: Aprender a conocer, aprender a hacer, aprender a ser y

aprender a vivir juntos.

Presentación

8 PRELIMINARES

Nuevas tecnologías de la

información y comunicación

Tiempo asignado: 15 horas

Competencias profesionales:

1. Desarrolla documentos electrónicos, de acuerdo con los requerimientos establecidos (software).

2. Localiza, obtiene información y se comunica utilizando las tecnologías de la información y de comunicación

(software).

6. Instala, configura y resuelve problemas de redes de área local, de acuerdo con especificaciones técnicas de

diseño y del usuario (hardware).

7. Administra los recursos de una red de área local, de acuerdo con las políticas de uso establecidas (hardware).

Unidad de competencia:

• Reconoce los conceptos básicos, el software y hardware de una red informática determinando su topología y

métodos de conexión en un contexto cotidiano, académico y laboral.

• Valora la importancia de una red informática como un canal de comunicación y transmisión de información.

Atributos a desarrollar en el bloque:

1. Enfrenta las dificultades que se le presentan y es consciente de sus valores, fortalezas y debilidades.

2. Administra los recursos disponibles teniendo en cuenta las restricciones para el logro de sus metas.

3. Elige alternativas y cursos de acción con base en criterios sustentados y en el marco de un proyecto de vida.

4. Aplica distintas estrategias comunicativas según quienes sean sus interlocutores, el contexto en el que se

encuentra y los objetivos que persigue.

5. Maneja las tecnologías de la información y la comunicación para obtener información y expresar ideas.

6. Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como cada uno de sus pasos

contribuye al alcance de un objetivo.

7. Ordena información de acuerdo a categorías, jerarquías y relaciones.

8. Utiliza las tecnologías de la información y comunicación para procesar e interpretar información.

9. Elige las fuentes de información más relevantes para un propósito específico y discrimina entre ellas de acuerdo

a su relevancia y confiabilidad.

10. Estructura ideas y argumentos de manera clara, coherente y sintética.

11. Define metas y da seguimiento a sus procesos de construcción de conocimiento.

12. Articula saberes de diversos campos y establece relaciones entre ellos y su vida cotidiana.

13. Identifica las actividades que le resultan de menor y mayor interés y dificultad, reconociendo y controlando sus

reacciones frente a retos y obstáculos.

14. Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un curso de

acción con pasos específicos.

15. Aporta puntos de vista con apertura y considera los de otras personas de manera reflexiva.

16. Asume una actitud constructiva, congruente con los conocimientos y habilidades con los que cuenta dentro de

distintos equipos de trabajo.

BLOQUE 1. Entorno de Redes Informáticas.

10 ENTORNO DE REDES INFORMÁTICAS

Secuencia didáctica 1.

Introducción a redes Informáticas.

Inicio

Evaluación

Actividad: 1 Producto: Cuestionario. Puntaje:

Saberes

Conceptual Procedimental Actitudinal

Ubica el concepto red informática

en su entorno.

Ilustra el uso de la red informática

en un contexto académico y laboral.

Es responsable al contestar el

cuestionario.

Autoevaluación C MC NC Calificación otorgada por el

docente

Responde las siguientes preguntas y participa en un debate grupal; expresa tu opinión y

experiencias sobre el tema solicitado. Escribe tus respuestas.

1. ¿Qué es una red informática?

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

2. Menciona tres actividades en las que utilices una red informática, como medio de comunicación para

compartir información y recursos.

a)________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

b)________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

c)________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

Actividad: 1

11 BLOQUE 1

Desarrollo

Introducción a redes informáticas.

Una red informática la podemos definir, básicamente como un conjunto de computadoras comunicadas entre sí,

capaces de compartir recursos comunes. Su estructura física la constituyen dos o más computadoras que comparten

el hardware (impresoras, sistemas de almacenamiento, etc.) y software (aplicaciones, archivos, datos, etc.).

Desde una perspectiva más comunicativa, podemos decir que existe una red informática cuando se involucra el ser

humano, la tecnología y las instituciones que mantienen los servicios de comunicación.

El objetivo de las redes informáticas es compartir información y recursos entre equipos interconectados

independientemente de su ubicación geográfica, estableciéndose así como un poderoso medio de comunicación.

Ventajas de una red.

Las ventajas de compartir el hardware y software a

través de red informática son:

Compartir periféricos.

Transferir Archivos entre los equipos.

Centralizar programas de gestión, como los de

finanzas y contabilidad. Los usuarios pueden

acceder al mismo programa para trabajar en él

simultáneamente.

Realizar copias de seguridad

automáticamente.

Enviar y recibir correo electrónico.

Utilizar los distintos servicios que ofrece

Internet.

En equipos de cinco integrantes desarrolla la siguiente actividad.

En la lectura anterior “Introducción a redes informáticas”, mencionamos las ventajas de una red

informática, a continuación analiza y comenta con tus compañeros sobre las posibles desventajas de

una red informática y que consecuencias traen consigo, llena la siguiente tabla y participa en un

debate grupal.

Desventajas Consecuencias

Actividad: 2

http://www.monografias.com/Computacion/Hardware/

http://www.monografias.com/trabajos11/trimpres/trimpres.shtml

http://www.monografias.com/trabajos11/teosis/teosis.shtml

http://www.monografias.com/trabajos12/dispalm/dispalm.shtml

http://www.monografias.com/Computacion/Software/

http://www.monografias.com/trabajos7/arch/arch.shtml

http://ads.us.e-planning.net/ei/3/29e9/cfa010f10016a577?rnd=0.6821899475475274&pb=72f7423a9d3f935b&fi=258e36e55e86b44d&kw=perspectiva

http://www.monografias.com/trabajos13/trainsti/trainsti.shtml


Evaluación

Actividad: 2 Producto: Cuadro de Recuperación. Puntaje:

Saberes


Reconoce las ventajas y

desventajas de una red

informática.

Analiza las ventajas concluyendo

con ello las desventajas de una red

informática.

Muestra apertura y respeto para

escuchar las opiniones de sus

compañeros y docente.

Coevaluación

C MC NC Calificación otorgada por el

docente

Objetivos de una red son:

a) Hacer que todos los programas, datos y equipo estén disponibles para cualquiera de la red que así lo solicite

sin importar la localización física del recurso y del usuario.

b) Proporcionar una alta fiabilidad, al contar con fuentes alternativas de suministro.

c) Otro objetivo es el ahorro económico. Los ordenadores pequeños tienen una mejor relación de

costo/rendimiento, comparada con la ofrecida por las maquinas grandes.

d) Proporcionar un poderoso medio de comunicación entre personas que se encuentran muy alejadas entre sí.

Características de una red.

1. Comparte uno o varios medios de transmisión comunes.

2. Alta velocidad de transferencia. Esta se incrementa cada día más, por el uso de tecnologías cada vez más

sofisticadas.

3. Flexibilidad es un concepto cada vez más importante y debe ser entendido por la capacidad de las redes para

adaptarse a las necesidades de los usuarios.

4. Seguridad en la infraestructura de equipo y de sus componentes dentro de los ambientes e instalaciones.

5. Operatividad debe ser soportada sobre principio de fácil instalación y manipulación de los componentes de la red

informática.

Componentes de una red.

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 información o servicios al resto de los puestos de una red, la clase de

información o servicios que ofrezca determina el tipo de servidor que es: servidor de impresión, de archivos, de

páginas web, de correo, etc.

Clasificación de servidores de redes.

Existen tres clasificaciones con respecto a la política de los servidores, dependiendo esto de la planificación

estructural del hardware y de la flexibilidad logística socioeconómica de la organización:

Servidores de archivos dedicados: Éste servidor se caracteriza por estar consagrado completamente a los

servicios y demás operaciones sistemáticas de las diversas estaciones de trabajo que posea la red.

Ejemplo: Supercomputadora, Mainframe.

Servidores de archivos no dedicados: No se encuentra dedicado exclusivamente a las operaciones

sistemáticas de las estaciones de trabajo con que cuente la red, es decir, este servidor ofrece los servicios

de un servidor como tal y a su vez en paralelo desempeña las actividades habituales que ejecuta un

computador. Ejemplo: Microcomputadores.

Cliente – Servidor: Son dispositivos de procesamiento, que funcionan para múltiples usuarios. Ejemplo:

Minicomputadoras.

13 BLOQUE 1

b) Cliente: Computadora que accede a la información de los servidores o utiliza sus servicios. Ejemplo: cada vez

que estamos viendo una página web nos estamos comportando como clientes. También seremos clientes si

utilizamos el servicio de impresión de un ordenador remoto en la red.

c) Estación de Trabajo: Computadora que se encuentra conectada físicamente el servidor por medio de algún tipo

de cable.

d) Sistema operativo de red: Es el sistema (Software) que se encarga de administrar y controlar en forma general la

red.

e) Los equipos de computo de una red informática comparten información (archivos), recursos (CD-ROM,

impresoras, etc.) y servicios (acceso a internet, e-mail, chat, juegos), etc.

Evaluación

Actividad: 3 Producto: Tabla. Puntaje:

Saberes


Identifica los objetivos,

características y elementos de

una red informática.

Ilustra los objetivos, características y

elementos de una red informática.

Muestra interés y actitud positiva

en el desarrollo de la actividad.

Autoevaluación


docente

Lleva a cabo un análisis de la lectura “Introducción a redes informáticas”, a continuación

completa la siguiente tabla y participa en un debate grupal.

Re

d

In

fo

rm

át

ic

a

Objetivos

Características

Componentes

Actividad: 3


Evaluación

Actividad: 4 Producto: Reporte de Investigación. Puntaje:

Saberes


Reconoce la función de un

sistema operativo de red

informática.

Analiza los servicios de los

sistemas operativos de redes

informáticas.

Muestra una actitud respetuosa

durante su participación en el

debate.

Coevaluación


docente

En equipo de cinco integrantes, investiga los servicios de los sistemas operativos que se

mencionan a continuación, escribe tus resultados en el área correspondiente. Comenta

con tus compañeros y participa en un debate.

Sistema Operativo NOVELL

NETWARE

Servicios de Archivos

Seguridad

Servicios de Impresión

Servicios de Red

Sistema Operativo MICROSOFT

WINDOWS NT

Servicios de Archivos

Seguridad

Servicios de Impresión

Servicios de Red

Actividad: 4

http://www.abadiadigital.com/imagenes/windows-nt-4.0.jpg

http://1.bp.blogspot.com/_Y2DxgCD1lkM/SuXRhsmPAaI/AAAAAAAAABc/MXy26Ie7ZUw/s1600/NovellLogo.jpg

15 BLOQUE 1

Cierre

Responde las siguientes preguntas y participa en un debate grupal. Escribe tus

respuestas.

a) Menciona cinco aplicaciones de una red informática en un contexto académico y laboral.

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

b) Menciona las ventajas y desventajas de una red informática en tu entorno.

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

c) Compara las características de los servicios que ofrecen los sistema operativos para redes informáticas,

antes mencionadas y determina cual es el más funcional y porque.

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

Actividad: 5


Evaluación


Saberes


Identifica la aplicación de red

informática en un contexto

académico y laboral.

Evalúa la utilidad de la red



Utiliza la comunicación por medio

de redes informáticas de manera

ética y responsable.

Autoevaluación


docente

d) En la siguiente imagen sobre el modelo Cliente-Servidor, indica quien es el Servidor y quien el

Cliente.

e) De acuerdo con la definición antes mencionada sobre Servidor Dedicado y Servidor No Dedicado,

menciona un ejemplo de cada uno.

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

Actividad: 5 (continuación)

ontinuación

17 BLOQUE 1


Clasificación redes Informáticas por método guiado.

Inicio

Responde las siguientes preguntas en donde expreses tu opinión y experiencias sobre el

tema solicitado. Escribe tus respuestas y participa en un debate grupal.

1) ¿Qué método de conexión de red informática se utiliza en el centro de cómputo de tu escuela? ¿Estás de

acuerdo con el método utilizado, por qué?

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

2) Menciona tres ventajas que tiene el uso de cable en una red informática.

a. ___________________________________________________________________________________________

b. ___________________________________________________________________________________________

c. ___________________________________________________________________________________________

3) Menciona tres desventajas que tiene el uso de cable en una red informática.

a. ___________________________________________________________________________________________

b. ___________________________________________________________________________________________

c. ___________________________________________________________________________________________

4) Menciona las conexiones inalámbricas que se detectan en tu escuela.

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

_____________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

Actividad: 1


Evaluación


Saberes


Identifica los tipos de conexión

de una red informática así como

sus ventajas y desventajas.

Clasifica los tipos de conexión de

redes informáticas.

Analiza de manera responsable la

conexión por cable de una red

informática en el contexto

académico.

Autoevaluación


docente

5) Representa de manera general mediante un esquema la red informática de tu escuela.


Continuación.

19 BLOQUE 1

Desarrollo

Tipos redes informáticas.

Según sea la utilización por

parte de los usuarios.

Según su cobertura geográfica.

Por método de conexión.

De acuerdo a su funcionalidad

Por topología de red.

Por la direccionalidad de los

datos (Tipos de transmisión)

Compartidas

Exclusivas

Privadas

Publicas

PAN (Red de área personal)

LAN (Red de área local)

CAN (Red de área de campus)

MAN (Red de área Metropolitana)

WAN (Red de área amplia)

WPAN (Red inalámbrica de área personal)

WLAN (Red inalámbrica de área local)

WMAN (Red inalámbrica de área Metropolitana)

WWAN (Red inalámbrica de área amplia)

Método guiado.

Método no guiado

Cable de par

trenzado (UTP)

Cable coaxial

Fibra óptica

Radio

Infrarrojos

Microondas

Láser

Otras redes inalámbricas

Cliente - Servidor

P2P

P4P

Bus

Estrella

Anillo

Árbol

Malla

Mixta

Simplex (unidireccionales)

Half-Duplex (Bidireccionales)

Ti

po

s

de

R

ed

es

Re

la

ci

ón


Redes según su utilización.

Las redes informáticas según su utilización pueden ser:

Redes Compartidas, aquellas a las que se une un gran número de usuarios, compartiendo todas las

necesidades de transmisión.

Redes exclusivas, aquellas que por motivo de seguridad, velocidad o ausencia de otro tipo de red, conectan

dos o más puntos de forma exclusiva. Este tipo de red puede estructurarse en redes punto a punto o redes

multipunto.

Redes privadas, aquellas que son gestionadas por personas particulares, empresa u organizaciones de índole

privado, en este tipo de red solo tienen acceso los equipos de los propietarios.

Redes públicas, aquellas que pertenecen a organismos estatales y se encuentran abiertas a cualquier usuario

que lo solicite mediante el correspondiente contrato.

Relación entre redes según su cobertura geográfica y método de conexión

1. Red de Administración

Personal.

2. Red de Área Local.

3. Red de Área Campus.

4. Red de Área

Metropolitana.

5. Red de área amplia.

1. Red inalámbrica de área personal.

2. Red inalámbrica de área local.

3. Red inalámbrica de área

Metropolitana.

4. Red inalámbrica de área amplia.

a) Cable UTP.

b) Cable coaxial.

c) Fibra óptica.

a) Radio.

b) Infrarrojos.

c) Microondas.

d) Laser.

e) Otras redes inalámbricas.

Método de Conexión.

Clasificación según su

cobertura geográfica.

http://www.monografias.com/trabajos/seguinfo/seguinfo.shtml

http://ads.us.e-planning.net/ei/3/29e9/cfa010f10016a577?rnd=0.5584339118639549&pb=2d59c7d6ad113ee8&fi=2b0c3e8faee33c52&kw=más

http://www.monografias.com/trabajos11/empre/empre.shtml

http://www.monografias.com/trabajos6/napro/napro.shtml

http://www.monografias.com/trabajos6/cont/cont.shtml

http://www.monografias.com/Computacion/Redes/

http://www.monografias.com/Administracion_y_Finanzas/index.shtml

21 BLOQUE 1

Redes según su cobertura geográfica.

1. Red de Administración Personal (Personal Área Network): Son redes pequeñas, las cuales están conformadas por

no más de 8 computadoras, por ejemplo: café internet.

2. Red de Área Local (Local Área Network): Una red de área local es la interconexión de varias computadoras y sus

periféricos. Su extensión está limitada físicamente a un edificio o a un entorno de 200 metros, utilizando

repetidores se puede ampliar su rango a un kilómetro. Su aplicación más importante se da en la interconexión de

computadoras personales y estaciones de trabajo en oficinas, escuelas, hospitales, fábricas, etc., debido a su

limitada dimensión, son redes muy rápidas. Una red de área local puede utilizar medios físicos o inalámbricos y

suelen incluir dispositivos de comunicación tales como: HUB, Switch y Routers.

3. Red de Área Campus (Campus Área Network): Una CAN es una colección de LANs dispersadas geográficamente

dentro de un campus (universitario, oficinas de gobierno, maquilas o industrias) pertenecientes a una misma

entidad en una área delimitada en kilómetros.

4. Red de Área Metropolitana (Metropolitan Área Network): Es una red de alta velocidad que dando cobertura en un

área geográfica extensa, proporciona capacidad de integración de múltiples servicios mediante la transmisión de

datos, voz y vídeo, sobre medios de transmisión tales como fibra óptica y par trenzado (UTP), conecta diversas

LAN cercanas geográficamente 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 interconexión de diferentes redes

de área metropolitana entre sí a alta velocidad. Una red de área metropolitana puede ser pública 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 geográficamente mayor, a menudo por medio de líneas telefónicas u otro formato

de cableado como puede ser una línea dedicada de alta velocidad, fibra o enlace vía satélite. Su característica

definitoria es que no tiene límites en cuanto a su amplitud, internet es uno de los mayores ejemplos de WAN.

Lee detalladamente las instrucciones y escribe tus repuestas.

1) Llena la siguiente tabla, con la información requerida sobre los tipos de redes informáticas

según sea la utilización de los usuarios.

Tipo de Red Lo que sabia Lo que aprendí Ejemplo

Redes Compartidas

Redes exclusivas

Redes privadas

Redes públicas

Actividad: 2


http://www.monografias.com/Administracion_y_Finanzas/index.shtml

http://ads.us.e-planning.net/ei/3/29e9/cfa010f10016a577?rnd=0.00305010260827282&pb=39c27e20da46581d&fi=41fd68544f357b20&kw=más

http://www.monografias.com/Computacion/Internet/


2) En el siguiente mapa, escribe la función de los tipos de redes según su utilización.


Tipos de redes según sea la

utilización.

Función

.

Función

Función Función

23 BLOQUE 1

3) Completa el gráfico de recuperación sobre red informática de acuerdo a su cobertura

geográfica.

Tipo de Red según su

cobertura geográfica Lo que sabia Lo que aprendí Alcance geográfico



Cierre

Evaluación


Saberes


Describe los tipos y clasificación

redes informática.

Ilustra los tipos y clasificación de

redes informáticas en un contexto

académico o laboral.

Reflexiona de manera

responsable sobre el uso de los

tipos de redes informáticas en un

contexto académico y laboral.

Autoevaluación


docente

En equipo de cinco integrantes, realiza la siguiente práctica:

1) Selecciona una institución académica donde cuenten con una red informática.

a. Menciona los departamentos que conforman la Institución.

__________________________________________________________________________________________

b. En qué departamento está ubicado el equipo principal de la red informática.

__________________________________________________________________________________________

c. Cuantos equipos de cómputo tiene cada departamento.

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

Actividad: 3

25 BLOQUE 1

d. Dibuja la distribución de los equipos cómputo de la red informática de la institución, escribe el

nombre de los departamentos y la distancia que hay al equipo principal de la red.

e. Tomando como referencia el dibujo del punto anterior indica los tipos de red informática que se utilizan en la

institución y en cada departamento.

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

f. Representa de manera general mediante un dibujo la red informática del Colegio de Bachilleres en el

estado, e indica los tipos de red que utiliza según su cobertura. Coméntalo con tus compañeros y participa

en una discusión grupal.



Evaluación

Actividad: 3 Producto: Tabla comparativa. Puntaje:

Saberes


Reconoce los tipos de red es

informáticas, según su cobertura.

Investiga y representa mediante

dibujos los tipos de redes

informáticas en un contexto


Valora el uso de la tecnología de

la comunicación mediante redes

informáticas.

Coevaluación


docente

2) Con respecto a las tecnologías de la información y comunicación, con la ayuda de tu profesor

compara la década de los 80 con la actualidad, en el contexto académico, laboral y cotidiano.

Con base en lo anterior menciona cinco ventajas y cinco desventajas en cada contexto. Participa

en un debate grupal.

Tecnologías de la Información y Comunicación

Década de los 80 Actualmente

Contexto cotidiano: Contexto cotidiano: Ventajas:

Desventajas:

Contexto académico: Contexto académico: Ventajas:

Desventajas:

Contexto Laboral: Contexto Laboral: Ventajas:

Desventajas:


27 BLOQUE 1


Clasificación de redes Informáticas por método no guiado.

Inicio

Contesta las siguientes preguntas. Anota tus respuestas y participa en una discusión

grupal.

1. ¿Qué entiendes por red inalámbrica?

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

2. Menciona tres equipos de uso cotidiano que utilicen tecnología inalámbrica:

a. ______________________________________________

b. ______________________________________________

c. ______________________________________________

3. ¿Qué es la WIFI y en dónde se aplica?

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

4. ¿Qué es Bluetooth y en dónde se aplica?

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

5. Menciona tres (3) ventajas y tres (3) desventajas del uso de la red inalámbrica:

a. ______________________________________________

b. ______________________________________________

c. ______________________________________________

a. ______________________________________________

b. ______________________________________________

c. ______________________________________________

Actividad: 1


Introducción a redes inalámbricas.

Desde hace relativamente poco tiempo, se está viviendo lo que puede significar

un revolución en el uso de las tecnologías de la información tal y como lo

conocemos. Esta revolución puede llegar a tener una importancia similar a la que

tuvo la adopción de Internet por el gran público.

De una forma callada, las redes inalámbricas o Wireless Networks, se están

introduciendo en el mercado de consumo gracias a unos precios populares y a

un conjunto de entusiastas, mayoritariamente particulares, que han visto las

enormes posibilidades de esta tecnología.

Las aplicaciones de las redes inalámbricas son infinitas. De momento van a crear una nueva forma de usar la

información, pues ésta estará al alcance de todos a través de Internet en cualquier lugar (en el que haya cobertura).

En un futuro cercano se reunificarán todo aquellos dispositivos con los que hoy contamos para dar paso a unos

nuevos que perfectamente podrían llamarse Terminales Internet en los cuales estarían reunidas las funciones de

teléfono móvil, agenda, terminal de vídeo, reproductor multimedia, ordenador portátil y un largo etcétera.

Se podría dar lugar a una Internet paralela y gratuita la cual estaría basada en las redes que altruistamente cada uno

de nosotros pondríamos a disposición de los demás al incorporarnos a las mismas como destino y origen de la

información.

En un futuro también cercano la conjugación de las redes Mesh, con las

redes inalámbricas y las redes Grid podría llevar a cabo al nacimiento de

nuevas formas de computación que permitan realizar cálculos

inimaginables.

En las grandes ciudades por fin se podría llevar a cabo un control

definitivo del tráfico con el fin de evitar atascos, limitando la velocidad

máxima y/o indicando rutas alternativas en tiempo real.

Las tecnologías que son necesarias para llevar a cabo estos sistemas hoy

existen desde ayer, su precio es mínimo o al menos muy asequible y su

existencia mañana sólo depende de las estrategias comerciales de las

empresas que las poseen.

Las tecnologías de interconexión inalámbrica van desde redes de voz y

datos globales, que permiten a los usuarios establecer conexiones

inalámbricas a través de largas distancias, hasta las tecnologías de luz

infrarroja y radiofrecuencia que están optimizadas para conexiones

inalámbricas a distancias cortas.

Evaluación


Saberes


Reconoce las conexiones de

redes informáticas inalámbricas.

Diferencia los métodos de conexión

no guiados en una red informática.

Se percata de la importancia del

uso responsable de las redes

inalámbricas.

Autoevaluación


docente

http://images.google.com.mx/imgres?imgurl=http://www.ifuturo.org/comun/ficheroBlog.asp?id=1365&imgrefurl=http://www.ifuturo.org/es/blog/mostrar_post.asp?post=315&usg=__akQnZMz-Uu52yyox1Q1igl3V-SM=&h=1112&w=1131&sz=65&hl=es&start=27&itbs=1&tbnid=3u2xZZsnuINNLM:&tbnh=147&tbnw=150&prev=/images?q=redes+inalambricas&gbv=2&ndsp=21&hl=es&sa=N&start=21

29 BLOQUE 1

Entre los dispositivos comúnmente utilizados para la interconexión inalámbrica se

encuentran los equipos portátiles, equipo de escritorio, asistentes digitales

personales (PDA), teléfonos celulares, equipos con lápiz y localizadores. Las

tecnologías inalámbricas tienen muchos usos prácticos. Por ejemplo, los usuarios

de móviles pueden usar su teléfono celular para tener acceso al correo electrónico.

Las personas que viajan con equipos portátiles pueden conectarse a Internet a

través de estaciones base instaladas en aeropuertos, estaciones de ferrocarril y

otros lugares públicos. En casa, los usuarios pueden conectar dispositivos a su

equipo de escritorio para sincronizar datos y transferir archivos.

Para reducir los costos, asegurar la interoperabilidad y promover la adopción

general de tecnologías inalámbricas, organizaciones como el Institute of Electrical

and Electronics Engineers (IEEE), el Grupo de trabajo de ingeniería de Internet

(IETF), Wireless Ethernet Compatibility Alliance (WECA) y la Unión Internacional de

Telecomunicaciones (UIT) están participando en varios grandes proyectos de

estandarización. Por ejemplo, los grupos de trabajo de IEEE están definiendo el

modo en que la información se transfiere de un dispositivo a otro (si se utilizan

ondas de radio o luz infrarroja, por ejemplo) y cómo y cuándo un medio de

transmisión debe utilizarse para las comunicaciones. En el desarrollo de los

estándares de interconexión inalámbrica, organizaciones como el IEEE se centran en la administración de energía, el

ancho de banda, la seguridad y los aspectos que son únicos a la interconexión inalámbrica.

La tecnología GRID, reja, malla o cuadricula según las diversas traducciones, es

un nuevo paradigma de computación distribuida en el cual todos los recursos de

un número indeterminado de computadoras( ya sea cómputo, almacenamiento y

aplicaciones específicas) son englobados para ser tratados de manera virtual

como una única súper computadora, sin estar sujetos a un control centralizado,

por eso mucho expertos ya pronostican que la tecnología GRID transformará el

mundo de las TIC de la misma manera que Internet cambió el modo en que

personas y empresas se comunicaban y compartían información.

Básicamente, las redes Grid tratan de conectar múltiples sistemas heterogéneos de

forma que los recursos e información almacenada en los mismos se puedan

compartir. Así, se consigue optimizar los recursos al ponerlos en común para cargas

de trabajo de gran capacidad y facilita la colaboración de empresas con socios

comerciales y proveedores, así como la participación de diferentes organizaciones

dispersas geográficamente en un mismo proyecto.

Hasta el momento se ha utilizado principalmente en universidades y centros de

investigación ya que la increíble disponibilidad de recursos que las GRID

proporcionan son fundamentales para trabajar en física, matemáticas, geología,

medicina, ingeniería, entre muchas otras aplicaciones.

Transformar grandes cantidades de información en conocimiento es una tarea

sumamente compleja y costosa, pero a través de estas nuevas redes el mismo se

podría simplificar y economizar hasta límites impensados.

En Argentina la primera implementación de esta tecnología se produjo en un

proyecto conjunto de las Universidades de Buenos Aires y la Universidad Nacional

de Cuyo, a través del cual se busco que amabas casas de altos estudios pudieran

compartir la capacidad de cómputo para ser aplicado a la resolución de problemas

científicos.

Datos curiosos

Redes Mesh:

Tecnología, que aspira

a competir con la

telefonía móvil. Las

redes mesh que en

castellano se pueden

traducir por redes

malladas y que

consisten en coser

varias zonas con

cobertura wi-fi para

ampliar el área cubierta.

¿Sabías que…

La red grid permitirá enviar

datos a una velocidad

10.000 veces superior a la

de los estándares

actuales. Para darnos una

idea, a esa velocidad

bajarse una película en

DVD llevaría apenas 5

segundos, y transferir la discografía completa en

mp3 de los Stones desde

Gran Bretaña a Japón,

tardaría dos segundos.

http://mexfull.files.wordpress.com/2008/04/grid-2.jpg

http://portal.educ.ar/noticias/educacion-y-sociedad/la-tecnologia-grid-desembarca.php


En equipos de cinco, analicen la posibilidad de utilizar solo la tecnología inalámbrica

(WiFi, Bluetooth) en una institución académica o en una empresa. Escribe y comenta las

respuestas con tus compañeros, participa en una discusión grupal.

¿Qué consideraciones debes tomar en cuenta para la instalación de estas tecnologías inalámbricas (WiFi,

Bluetooth)?

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

¿Cuál es la utilidad de tecnología Bluetooth?

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

¿Qué ventajas y desventajas presentaría contestándola con las redes informáticas de método guiado?

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

¿Qué beneficios te brinda la tecnología WiFi y Bluetooth, en tu entorno cotidiano y académico?

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

¿Qué tan factibles es de acuerdo a las posibilidades tecnológicas de que las redes Mesh y Grid, se

incorporen al contexto cotidiano, académico y laboral en México?

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

Actividad: 2

31 BLOQUE 1

Redes inalámbricas según su cobertura geográfica.

1. Red Inalámbrica de Área Personal (Wireless Personal Area Networks): Es una red de computadoras para la

comunicación entre distintos dispositivos (computadoras, teléfonos celulares, PDA, dispositivos de audio,

impresoras, etc.). Estas redes normalmente son de unos pocos metros y para uso personal, existen tecnologías

basadas en HomeRF (estándar para conectar todos los teléfonos móviles de la casa y las computadoras

mediante un aparato central) y Bluetooth (protocolo que sigue la especificación IEEE 802.15.1).

2. Red inalámbrica de área local (Wireless Local Area Network): En las redes de área local podemos encontrar

tecnologías inalámbricas basadas en HiperLAN (del inglés, High Performance Radio LAN), tecnologías basadas en

Wi-Fi, que siguen el estándar IEEE 802.11 con diferentes variantes.

3. Red inalámbrica de área metropolitana (Wireless Metropolitan Area Network): Para redes de área

metropolitana se encuentran tecnologías basadas en WiMAX (Worldwide Interoperability for Microwave

Access, es decir, Interoperabilidad Mundial para Acceso con Microondas), un estándar de comunicación

inalámbrica basado en la norma IEEE 802.16. WiMAX es un protocolo parecido a Wi-Fi, pero con más

cobertura y ancho de banda.

4. Redes inalámbricas de área extensa (WWAN): tienen el alcance más amplio de todas las redes inalámbricas. Por

esta razón, todos los teléfonos móviles están conectados a una red inalámbrica de área extensa. Las tecnologías

principales son:

GSM (Global System for Mobile Communication)

GPRS (General Packet Radio Service)

UMTS (Universal Mobile Telecommunication System)

Evaluación


Saberes


Diferencia las tecnologías de

redes inalámbricas.

Debate el uso de las tecnologías

inalámbricas, en un entorno

cotidiano, académico y contextual.

Participa de manera activa y

responsable en el análisis de

redes inalámbricas.

Coevaluación


docente

http://images.google.it/imgres?imgurl=http://telematicsnews.files.wordpress.com/2009/05/wimax-logo.jpg&imgrefurl=http://telematicsnews.wordpress.com/2009/05/05/&usg=__hxVib2q67XFF5wM98jBNowfziqE=&h=323&w=304&sz=21&hl=en&start=1&um=1&tbnid=fsL1GBsx-s9rJM:&tbnh=118&tbnw=111&prev=/images?q=wimax+logo&hl=en&um=1

http://es.wikipedia.org/wiki/Tel%C3%A9fonos_celulares

http://es.wikipedia.org/wiki/PDA

http://es.wikipedia.org/wiki/Impresora

http://es.wikipedia.org/wiki/HomeRF

http://es.wikipedia.org/wiki/Bluetooth

http://es.wikipedia.org/w/index.php?title=HiperLAN&action=edit&redlink=1

http://es.wikipedia.org/wiki/Wi-Fi

http://es.wikipedia.org/wiki/WiMAX

http://es.wikipedia.org/wiki/Ancho_de_banda

http://es.kioskea.net/contents/telephonie-mobile/gsm.php3

http://es.kioskea.net/contents/telephonie-mobile/gprs.php3


¿Sabías que…

TCP/IP son las siglas de

Protocolo de Control de

Transmisión/Protocolo de

Internet.

El TCP garantiza la

entrega de datos.

El Protocolo de Internet

(IP) utiliza direcciones que

son series de cuatro

números octetos (byte)

con un formato de punto

decimal, por ejemplo:

69.5.163.59

Los Protocolos de

Aplicación como HTTP y

FTP se basan y utilizan

TCP/IP.

Se denomina Bluetooth al protocolo de comunicaciones diseñado 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 tecnología pertenecen a sectores de las telecomunicaciones y la informática personal,

como PDA, teléfonos móviles, computadoras portátiles, impresoras o cámaras digitales. Bluetooth tiene la

ventaja de simplificar el descubrimiento y configuración 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 explícito de

direcciones de red, permisos y otros aspectos típicos de redes tradicionales.

Cuando hablamos de WIFI nos referimos a una de las

tecnologías de comunicación inalámbrica mediante ondas

más utilizada hoy en día. WIFI, también llamada WLAN

(wireless lan, red inalámbrica) o estándar IEEE 802.11.

WIFI no es una abreviatura de Wireless Fidelity,

simplemente es un nombre comercial.

En la actualidad podemos encontrarnos con dos tipos de

comunicación WIFI:

802.11b, que emite a 11 Mb/seg, y

802.11g, más rápida, a 54 MB/seg.

De hecho, son su velocidad y alcance (unos 100-150

metros en hardware asequible) lo convierten en una

fórmula perfecta para el acceso a internet sin cables.

Para tener una red inalámbrica en casa sólo

necesitaremos un punto de acceso, que se conectaría al módem, y un dispositivo WIFI que se conectaría en

nuestro aparato. Existen terminales WIFI que se conectan al PC por

USB, pero son las tarjetas PCI (que se insertan directamente en la placa

base) las recomendables, nos permite ahorrar espacio físico de trabajo

y mayor rapidez. Para portátiles podemos encontrar tarjetas PCMI

externas, aunque muchos de los aparatos ya se venden con tarjeta

integrada.

En cualquiera de los casos es aconsejable mantener el punto de acceso

en un lugar alto para que la recepción/emisión sea más fluida. Incluso si

encontramos que nuestra velocidad no es tan alta como debería, quizás

sea debido a que los dispositivos no se encuentren adecuadamente

situados o puedan existir barreras entre ellos (como paredes, metal o

puertas).

Los protocolos de comunicaciones definen las reglas para la transmisión

y recepción de la información entre los nodos de la red, de modo que

para que dos nodos se puedan comunicar entre si es necesario que

ambos empleen la misma configuración de protocolos. Entre los

protocolos propios de una red de área local podemos distinguir dos

principales grupos. Por un lado están los protocolos de los niveles

físicos y de enlace, niveles 1 y 2 del modelo OSI, que definen las

funciones asociadas con el uso del medio de transmisión: envío de los

datos a nivel de bits y trama, y el modo de acceso de los nodos al

medio. Estos protocolos vienen unívocamente determinados por el tipo

de red (Ethernet, Token Ring, etc.). El segundo grupo de protocolos se

refiere a aquellos que realizan las funciones de los niveles de red y

transporte, niveles 3 y 4 de OSI, es decir los que se encargan

básicamente del encaminamiento de la información y garantizar una

comunicación extremo a extremo libre de errores.

http://www.masadelante.com/faq-protocolo-de-aplicacion.htm

http://www.masadelante.com/faq-protocolo-de-aplicacion.htm

http://es.wikipedia.org/wiki/Protocolo_de_comunicaciones

http://es.wikipedia.org/wiki/Transceptor

http://es.wikipedia.org/wiki/Inform%C3%A1tica

http://es.wikipedia.org/wiki/PDA

http://es.wikipedia.org/wiki/Tel%C3%A9fono_m%C3%B3vil

http://es.wikipedia.org/wiki/Impresora

http://es.wikipedia.org/wiki/C%C3%A1mara_digital

33 BLOQUE 1

a) Realiza un análisis de la lectura anterior y competa el siguiente diagrama de redes

inalámbricas según su cobertura geográfica.

b) Escribe tus conclusiones, comenta con tus compañeros.

________________________________________________________________________________________

________________________________________________________________________________________

________________________________________________________________________________________

________________________________________________________________________________________

Redes inalambricas,

segun su cobertura

geográfica

Actividad: 3

Redes

Tecnologías


Evaluación

Actividad: 3 Producto: Mapa conceptual y

conclusiones. Puntaje:

Saberes


Clasifica las redes inalámbricas

según su cobertura geográfica.

Elabora un mapa conceptual con

los diferentes tipos de redes

inalámbricas.

Asume una actitud responsable al

completar el mapa conceptual y

emitir sus conclusiones.

Autoevaluación


docente

Cierre

Observa con atención los videos “Que es el Bluetooth, Videotelefonía y Videoconferencia”

y “Conexiones WiFi” que te proyectara tu profesor. Elabora un resumen de cada video y

comenta con tus compañeros.

1) Elabora un resumen del video titulado “Que es el Bluetooth, videotelefonía y Videoconferencia”.

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

Actividad: 4

35 BLOQUE 1

2) Elabora un resumen del video Titulado “Conexiones WiFi”.

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

_________________________________________________________________________________________________



Evaluación

Actividad: 4 Producto: Cuadro de recuperación. Puntaje:

Saberes


Describe las tecnologías de

redes inalámbricas WiFi y

Bluetooth.

Expresa mediante un resumen el

concepto y utilización de las

tecnologías de redes inalámbricas

WiFi y Bluetooth.

Muestra respeto a sus

compañeros durante la

presentación de los videos y

valora la utilidad de la

comunicación y transmisión de

información.

Autoevaluación


docente

3) Completa el siguiente cuadro de recuperación sobre los videos “Que es el Bluetooth,

Videotelefonía y Videoconferencia” y “Conexiones WiFi”.

“Qué es el Bluetooth, videotelefonía y

Videoconferencia” “Conexiones WiFi”

Lo interesante Lo positivo Lo negativo Lo interesante Lo positivo Lo negativo


37 BLOQUE 1


Topología de redes informáticas.

Inicio

Evaluación

Actividad: 1 Producto: Cuadro sinóptico. Puntaje:

Saberes


Reconoce las diferentes

características de las topologías

de redes informáticas.

Menciona las características de las

diferentes topologías de redes.

Muestra una actitud positiva y

responsable en la elaboración de

la actividad.

Autoevaluación


docente

Completa el cuadro sinóptico, escribe tres características de las diferentes Topologías

de Redes, y participa en un debate grupal.

Topologías Características

Red en Bus

Red en Anillo

Red en Estrella

Estrella Jerárquica

Actividad: 1


¿Sabías que…

Un Nodo, Es un

punto de conexión,

ya sea de

redistribución (como

un router, un switch o

un gateway) o de

destino

(computadoras,

servidores) para la

transmisión de datos.

Introducción a las topologías de redes.

La topología o forma lógica 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 número de factores a considerar para determinar cual

topología es la más apropiada para una situación dada.

Las topologías más comunes son:

Bus. Todos los dispositivos (también llamados nodos) comparten un mismo canal

de comunicaciones.

Anillo. En este caso los nodos están unidos unos a otros formando un anillo.

Estrella. Todos los nodos están conectados a un centro de comunicaciones

(denominado HUB o concentrador) pero no entre sí.

Híbridas: El bus lineal, la estrella y el anillo se combinan algunas veces para formar

combinaciones de redes híbridas.

Anillo en Estrella: Esta topología se utiliza con el fin de facilitar la administración de la

red. Físicamente, la red es una estrella centralizada en un concentrador, mientras

que a nivel lógico, la red es un anillo.

"Bus" en Estrella: El fin es igual a la topología anterior. En este caso la red es un "bus"

que se cablea físicamente como una estrella por medio de concentradores.

Estrella Jerárquica: 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 jerárquica.

Árbol: Esta estructura se utiliza en aplicaciones de televisión por cable, sobre la cual podrían basarse las

futuras estructuras de redes que alcancen los hogares. También se ha utilizado en aplicaciones de redes

locales analógicas de banda ancha.

Trama: Esta estructura de red es típica de las WAN, pero también se puede utilizar en algunas aplicaciones de

redes locales (LAN). Las estaciones de trabajo están conectadas cada una con todas las demás.

http://www.monografias.com/trabajos15/topologias-neural/topologias-neural.shtml

http://www.monografias.com/trabajos15/logica-metodologia/logica-metodologia.shtml


http://www.monografias.com/trabajos6/elsu/elsu.shtml


http://www.monografias.com/trabajos36/administracion-y-gerencia/administracion-y-gerencia.shtml

http://www.monografias.com/trabajos15/todorov/todorov.shtml#INTRO

http://www.monografias.com/trabajos37/historia-television/historia-television.shtml

http://www.monografias.com/trabajos15/todorov/todorov.shtml#INTRO

http://www.monografias.com/trabajos15/redes-clasif/redes-clasif.shtml

39 BLOQUE 1

Evaluación

Actividad: 2 Producto: Tabla descriptiva. Puntaje:

Saberes



topologías de redes

informáticas.

Recopila información de diferentes

fuentes y las compara con sus

conocimientos previos, sobre

topologías de redes.

Evidencia tolerancia y respeto al

compartir la información con sus

compañeros.

Autoevaluación


docente

Investiga las características de las diferentes Topologías de Redes, completa la siguiente

tabla y participa en un debate grupal.

Topologías Lo que se Lo que investigue

fuente 1

Lo que investigue

fuente 2 Mi conclusión

Red en Bus

Red en Anillo

Red en Estrella

Estrella Jerárquica

Actividad: 2


Ethernet.

Es un estándar de redes de computadoras de área local con

acceso al medio por contienda CSMA/CD. El nombre viene del

concepto físico de ether. Ethernet define las características de

cableado y señalización de nivel físico y los formatos de tramas

de datos del nivel de enlace de datos del modelo OSI.

La Ethernet se tomó como base para la redacción del estándar

internacional IEEE 802.3. Usualmente se toman Ethernet e IEEE

802.3 como sinónimos. Ambas se diferencian en uno de los

campos de la trama de datos. Las tramas Ethernet e IEEE 802.3

pueden coexistir en la misma red.

Ethernet, fue desarrollado conjuntamente por las empresas

Xerox, DEC**, e Intel. La especificación original fue realizada

para ser usada con cable coaxial, sin embargo se suele usar

con bastante frecuencia el cable de par trenzado.

Tecnologías 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 más fácilmente. Se hacen las conexiones

usando conectores de T, que son más fáciles para instalar y más confiables. Es la más barata y más fácil

instalar pero los segmentos pueden ser solamente 200 m con 30 nodos.

10Base-T Cada estación tiene una conexión con un HUB (centro). Los cables normalmente son los pares

trenzados. La desventaja es que los cables tienen un límite 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).

Las tecnologías Ethernet que existen se diferencian en estos conceptos:

Velocidad de transmisión:

Velocidad a la que transmite la tecnología.

Tipo de cable:

Medio de transmisión a nivel físico, que usa la

tecnología.

Longitud máxima:

Distancia máxima que puede haber entre dos nodos

adyacentes (sin estaciones repetidoras).

Topología:

Determina la forma física de la red. Bus si se usan

conectores T (hoy sólo usados con las tecnologías

más antiguas) y estrella si se usan hubs (estrella de

difusión) o switches (estrella conmutada).

http://es.wikipedia.org/wiki/Red_de_%C3%A1rea_local

http://es.wikipedia.org/wiki/CSMA/CD

http://es.wikipedia.org/wiki/%C3%89ter_(f%C3%ADsica)

http://es.wikipedia.org/wiki/Nivel_f%C3%ADsico

http://es.wikipedia.org/wiki/Trama_de_red

http://es.wikipedia.org/wiki/Trama_de_red

http://es.wikipedia.org/wiki/Nivel_de_enlace_de_datos

http://es.wikipedia.org/wiki/Modelo_OSI

http://es.wikipedia.org/wiki/IEEE_802.3

41 BLOQUE 1

En binas contesta las siguientes preguntas. Escribe tus respuestas y participa en un

debate grupal.

a) Con base en las características de las topologías de redes, ¿cuál consideras que se utilice en el centro de

cómputo de tu plantel, fundamenta la respuesta?

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

Actividad: 3


Evaluación

Actividad: 3 Producto: Conclusiones. Puntaje:

Saberes


Identifica las Topologías de

redes informáticas

Diferencia las topologías de redes

informáticas.

Muestra un actitud positiva y

activa en el trabajo colaborativo.

Coevaluación


docente

b) Identifica las siguientes topologías de redes.


________________________

__ ________________________

________________________________

43 BLOQUE 1

A continuación, se especifican las tecnologías más importantes:

Tecnologías Ethernet

Tecnología Velocidad de

transmisión Tipo de cable

Distancia

máxima Topología

10Base2 10 Mbps Coaxial 185 m Bus (Conector T)

10BaseT 10 Mbps Par Trenzado 100 m Estrella (Hub o Switch)

10BaseF 10 Mbps Fibra óptica 2000 m Estrella (Hub o Switch)

100BaseT4 100Mbps Par Trenzado (categoría 3UTP) 100 m Estrella. Half Duplex (hub) y Full

Duplex (switch)

100BaseTX 100Mbps Par Trenzado (categoría 5UTP) 100 m Estrella. Half Duplex (hub) y Full

Duplex (switch)

100BaseFX 100Mbps Fibra óptica 2000 m No permite el uso de hubs

1000BaseT 1000Mbps 4 Pares Trenzados (categoría

5e ó 6UTP ) 100 m Estrella. Full Duplex (switch)

1000BaseSX 1000Mbps Fibra óptica (multimodo) 550 m Estrella. Full Duplex (switch)

1000BaseLX 1000Mbps Fibra óptica (monomodo) 5000 m Estrella. Full Duplex (switch)


Cierre

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 mts2

, para 80 computadoras, ¿Qué

tecnología de Ethernet deberá utilizar?, ¿por qué, y que aspectos debe considerar para seleccionar la

tecnología Ethernet?

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

Actividad: 4

45 BLOQUE 1

Evaluación

Actividad: 4 Producto: Resolución de

problemas. Puntaje:

Saberes


Identifica las tecnologías de

Ethernet, y las Topologías de

redes informáticas

Aplica a través de un ejercicio de

análisis las tecnologías de Ethernet.

Respeta las opiniones y muestra

un actitud positiva en el trabajo

colaborativo.

Coevaluación


docente

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

















(software).


• Reconoce los elementos necesarios de software y hardware para la instalación de una red informática en un

contexto cotidiano, académico y laboral.

• Valora la importancia de una red informática como un canal de comunicación y transmisión de información.

















12. Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un curso de acción

con pasos específicos.




BLOQUE 2. Elementos e instalación de

una red informática.

48 ELEMENTOS E INSTALACIÓN DE UNA RED INFORMÁTICA


Proyecto de instalación del modelo OSI.

Inicio

En binas, contesta las siguientes preguntas y participa en un debate grupal.

1) ¿Cuál es la función de ISO (International Organization for Standardization)?

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

2) ¿Qué tan importante es la Organización Internacional de Estandarización, en la Educación en México?

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

3) ¿Qué pasaría con la industria maquiladora establecida en nuestro territorio, si México no reconociera a la

ISO?

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

4) ¿Menciona tres rubros donde estandarización ISO, esté presente en las redes informáticas?

a) _________________________________________________________________________________________

b) _________________________________________________________________________________________

c) _________________________________________________________________________________________

5) Al enviar un documento a una impresora remota por medio de una red informática, simula mediante un

dibujo la ruta virtual que sigue el documento desde la computadora (fuente) la cual lo envía hasta la

impresora (destino).

Actividad: 1

asasasasas

49 BLOQUE 2

Evaluación


Saberes


Reconoce la función de ISO, así

como la del protocolo TCP/IP.

Ilustra el uso del estándar ISO en un


Es responsable al contestar el

cuestionario.

Coevaluación C MC NC Calificación otorgada por el

docente

6) Explica cual es la función del protocol TCP/IP.

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_________________________________________________________________________________________________

_______________________



Desarrollo

Introducción al modelos de referencia de Interconexión de Sistemas Abiertos (OSI).

El modelo de referencia de Interconexión de Sistemas Abiertos (OSI, Open System Interconnection), es la norma

universal para protocolos de comunicación lanzado en 1984. Fue propuesto por ISO y divide las tareas de la red en

siete niveles o capas, proporcionando así a los fabricantes estándares que aseguran mayor compatibilidad e

interoperatibilidad entre las distintas tecnologías de red producidas mundialmente.

ISO (International Organization for Standardization) es la entidad con mayor producción y publicación

de estándares a nivel mundial. Está compuesta de una red nacional de estandarización en 161 países,

teniendo su Secretariado General en Ginebra, Suiza.

El ISO es una organización no gubernamental (ONG) que proporciona un enlace fundamental entre los sectores

públicos 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 más amplias de la sociedad.

Hace unos cuantos años parecía como si la mayor parte de los

fabricantes de computadoras y software fueran a seguir las

especificaciones de la Organización internacional para el estándar.

El modelo de referencia de Interconexión de Sistemas Abiertos

(OSI) define como los fabricantes pueden crear productos que

funcionen con los productos de otros vendedores sin la necesidad

de controladores especiales o equipamientos opcional.

Su objetivo es la apertura. El único problema para implantar el

modelo ISO/OSI fue que muchas compañías ya habían

desarrollado métodos para interconectar sus hardware y software

con otros sistemas. Aunque pidieron un soporte futuro para los

estándares OSI, sus propios métodos estaban a menudo tan

atrincherados que el acercamiento hacia OSI era lento o

inexistente. Novell y otras compañías de redes expandieron sus

propios estándares para ofrecer soporte a otros sistemas, y

relegaron los sistemas abiertos a un segundo plano. Sin embargo,

los estándares OSI ofrecen un modo útil para comparar la

interconexión de redes entre varios vendedores.

En el modelo OSI, hay varios niveles de hardware y el software. Podemos examinar lo que hace cada nivel de la

jerarquía para ver como los sistemas se comunican por LAN.

http://www.dimerca.co.cr/blog/wp-content/uploads/2008/11/iso-logo.jpg

asasasasas

51 BLOQUE 2

Jerarquía del protocolo OSI.

Cada nivel de la jerarquía de protocolos OSI

tiene una función específica y define un nivel de

comunicaciones entre sistemas.

Cuando se define un proceso de red, como la

petición de un archivo por un servidor, se

empieza en el punto desde el que el servidor

hizo la petición.

Entonces, la petición va bajando a través de la

jerarquía y es convertida en cada nivel para

poder ser enviada por la red.

- Nivel de Aplicación: El sistema operativo de

red y sus aplicaciones se hacen disponibles a

los usuarios.

En este nivel se definen los protocolos que

utilizan las aplicaciones para intercambiar

datos, como correo electrónico (POP y SMTP),

gestores de bases de datos y servidor de ficheros (FTP).

- Nivel de Presentación: En este nivel los protocolos son parte del sistema operativo y de la aplicación que el usuario

acciona en la red.

El objetivo del nivel de presentación es encargarse de la representación de la información, de manera que aunque

distintos equipos puedan tener diferentes representaciones internas de caracteres (ASCII, Unicode, EBCDIC),

números (little-endian tipo Intel, big-endian tipo Motorola), sonido o imágenes, los datos lleguen de manera

reconocible.

- Nivel de Sesión: Coordina el intercambio de información entre equipos, se llama así por la sesión de comunicación

que establece y concluye. El objetivo del nivel es mantener y controlar el diálogo establecido entre las dos

computadoras que están transmitiendo datos de cualquier índole.

- Nivel de Transporte: Nivel encargado de efectuar el transporte

de los datos (que se encuentran dentro del paquete) de la

máquina origen a la de destino, independizándolo del tipo de

red física que se esté utilizando. Su función básica es aceptar

los datos enviados por las capas superiores, dividirlos en

pequeñas partes si es necesario, y pasarlos a la capa de red.

En el caso del modelo OSI, también se asegura que lleguen

correctamente al otro lado de la comunicación. Otra

característica a destacar es que debe aislar a las capas

superiores de las distintas posibles implementaciones de

tecnologías de red en las capas inferiores, lo que la convierte en

http://es.wikipedia.org/wiki/Correo_electr%C3%B3nico

http://es.wikipedia.org/wiki/POP

http://es.wikipedia.org/wiki/SMTP

http://es.wikipedia.org/w/index.php?title=Servidor_de_ficheros&action=edit&redlink=1

http://es.wikipedia.org/wiki/File_Transfer_Protocol

http://es.wikipedia.org/wiki/C%C3%B3digo_ASCII

http://es.wikipedia.org/wiki/Unicode

http://es.wikipedia.org/wiki/EBCDIC

http://es.wikipedia.org/wiki/Little-endian

http://es.wikipedia.org/wiki/Big-endian


el corazón de la comunicación. Sus protocolos son TCP y UDP el primero orientado a conexión y el otro sin conexión

- 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 estén conectados directamente.

Los dispositivos que facilitan tal tarea se denominan en castellano encaminadores, aunque es

más frecuente encontrar el nombre inglés Routers y, en ocasiones enrutadores.

Adicionalmente la capa de red lleva un control de la congestión de red, que es el fenómeno

que se produce cuando una saturación 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 inglés) de la capa 3 es el paquete.

- Nivel de Enlace de Datos: Define las reglas para enviar y recibir información a través de la

conexión física entre dos sistemas. La capa de enlace de datos se ocupa del

direccionamiento físico, de la topología de la red, del acceso a la red, de la notificación de

errores, de la distribución ordenada de tramas y del control del flujo.

Se hace un direccionamiento de los datos en la red ya sea en la distribución adecuada

desde un emisor a un receptor, la notificación de errores, de la topología de la red de

cualquier tipo. Tarjeta de Red que se encarga de que tengamos conexión, posee una

dirección MAC (control de acceso al medio) y la LLC (control de enlace lógico).

Los Switches realizan su función en este nivel siempre y cuando este encendido el nodo.

- Nivel Físico: Define las características físicas del sistema de cableado, abarca también los

métodos de red disponibles, incluyendo Token Ring, Ethernet y ArcNet. El nivel Físico del

modelo de referencia OSI se encarga de las conexiones físicas de la computadora hacia la

red, tanto en lo que se refiere al medio físico (medios guiados: cable coaxial, cable de par

trenzado, fibra óptica entre otros tipos de conexión cableada; medios no guiados: radio,

infrarrojos, microondas, láser y otras redes inalámbricas).

Trama:

Es una unidad de

envío de datos.

Es el equivalente

de paquete de

datos o paquete

de red, en el

Nivel de enlace

de datos del

modelo OSI.

http://es.wikipedia.org/wiki/Encaminador

http://es.wikipedia.org/wiki/Congesti%C3%B3n_de_red

http://es.wikipedia.org/wiki/Modelo_OSI#Unidades_de_datos

http://es.wikipedia.org/wiki/Paquete_de_red

http://es.wikipedia.org/wiki/Direcci%C3%B3n_MAC

http://es.wikipedia.org/wiki/Control_de_enlace_l%C3%B3gico

http://es.wikipedia.org/wiki/Cable_coaxial

http://es.wikipedia.org/wiki/Par_trenzado

http://es.wikipedia.org/wiki/Par_trenzado

http://es.wikipedia.org/wiki/Fibra_%C3%B3ptica

http://es.wikipedia.org/wiki/Cableado_estructurado

http://es.wikipedia.org/wiki/Red_por_radio

http://es.wikipedia.org/wiki/Red_por_infrarrojos

http://es.wikipedia.org/wiki/Red_por_microondas

http://es.wikipedia.org/w/index.php?title=Red_por_l%C3%A1ser&action=edit&redlink=1

http://es.wikipedia.org/wiki/Red_inal%C3%A1mbrica





http://es.wikipedia.org/wiki/Modelo_OSI

http://images.google.com.mx/imgres?imgurl=http://www.forat.info/wp-content/uploads/2008/02/router-linksys-wrt554gc-de.jpg&imgrefurl=http://www.forat.info/2008/03/01/servidor-web-en-linux-debian-12-abriendo-puertos-en-nuestro-router/&usg=__qvasT7YWp5zMVLsXMInKW7Dh7CQ=&h=397&w=350&sz=11&hl=es&start=19&itbs=1&tbnid=THH8fpxKd81aiM:&tbnh=124&tbnw=109&prev=/images?q=router&hl=es&gbv=2&ndsp=21&tbs=isch:1

asasasasas

53 BLOQUE 2

Evaluación


Saberes


Identifica la función de cada una

de las capas/nieves del

protocolo OSI.

Analiza la función de las

capas/niveles del protocolo OSI.



Autoevaluación


docente

Completa el siguiente cuadro sinóptico, “Capas del Protocolo OSI”.

Je

rarq

uía d

el p

ro

to

co

lo

O

SI

Capa o Nivel Función

Nivel de Aplicación

Nivel de Presentación

Nivel de Sesión

Nivel de Transporte

Nivel de Red

Nivel de Enlace de

Datos

Nivel Físico

Actividad: 2


Nivel de protocolo TCP/IP.

Las conexiones TCP/IP se diseñaron para trabajar en los cuatro

niveles inferiores del modelo de referencia de Interconexión de

Sistemas Abiertos (Open System Interconnection, OSI) ISO de siete

niveles. Los cuatro niveles son: Físico, Enlace, Red y Transporte.

Las aplicaciones basadas en IP, tales como la Web, el correo

electrónico o los sistemas de administración de redes, residen en

los tres niveles superiores del modelo OSI. Estos tres niveles se

consideran frecuentemente como un único nivel Aplicación.

La comprensión a grandes rasgos de los niveles de protocolo ayuda

a explicar cómo interactúan los protocolos TCP/IP a la hora de

ofrecer una conexión.

El nivel inferior, o Físico, es el medio que transporta las señales

eléctricas u ópticas: un cable, una conexión inalámbrica o una

conexión de fibra óptica.

El siguiente nivel es el de Enlace, que normalmente es una red de área local (Local-Area Network, LAN) Ethernet o una

línea de datos en serie de una red de área extendida (Wide-Area Network, WAN). El nivel Enlace utiliza sus propios

protocolos en función del medio específico utilizado.

El siguiente nivel es el nivel Red. El Protocolo de Internet funciona en este nivel transportando

paquetes a través de los niveles inferiores hacia el destino. Sin embargo, el IP no ofrece una

entrega garantizada de los paquetes. Por esta razón, se le denomina „sin conexión‟.

TCP/IP fue diseñado para

trabajar de modo transparente

a través de prácticamente

cualquier tipo de medio del

nivel Enlace o Físico.

Para lograr una conexión

confiable „punto a punto‟,

Internet necesita un protocolo

tal como el Protocolo de

Control de Transmisión

(Transmission Control Protocol,

TCP), orientado a las conexiones.

TCP funciona en el cuarto nivel, el nivel Transporte.

TCP logra una conexión confiable enviando y

realizando el seguimiento de todos los paquetes,

retransmitiendo los paquetes perdidos, y enviando los

paquetes en el orden adecuado al destino y a la

Aplicación.

Latencia:

Es la suma de

retardos

temporales dentro

de una red. Un

retardo es

producido por la

demora en la

propagación y

transmisión de

paquetes dentro

de la red.

http://meryg.files.wordpress.com/2008/11/tcp-ip-osi.gif

http://es.wikipedia.org/wiki/Red_de_computadoras

http://es.wikipedia.org/wiki/Propagaci%C3%B3n_(ondas_de_radio)

http://es.wikipedia.org/wiki/Paquete_de_datos

asasasasas

55 BLOQUE 2

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 envía un acuse de recibo desde el destino al origen.

TCP también cuenta con los medios necesarios para evitar y recuperarse de la congestión en las redes.

Sin embargo, todo ello hace que una conexión TCP sea susceptible al tiempo del

viaje de ida y vuelta (Roundtrip Time, RTT) de la red.

El modelo de arquitectura de estos protocolos es más simple que el modelo OSI,

como resultado de la agrupación de diversas capas en una sola o bien por no usar

alguna de las capas propuestas en dicho modelo de referencia.

Así, por ejemplo, la capa de presentación desaparece pues las funciones a definir en

ellas se incluyen en las propias aplicaciones. Lo mismo sucede con la capa de

sesión, cuyas funciones son incorporadas a la capa de transporte en los protocolos

TCP/IP. Finalmente la capa de enlace de datos no suele usarse en dicho paquete de

protocolos.

De esta forma nos quedamos con un modelo en cuatro niveles/capas.

Direcciones IP y máscaras de red.

En una red TCP/IP las computadoras se identifican mediante un número que se denomina dirección IP. Esta dirección

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).

Una dirección IP está formada por 32 bits, que se agrupan en octetos:

01000001 00001010 00000010 00000011

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 dirección de una máquina 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 están a la izquierda y los de host a la derecha, veamos un ejemplo sencillo:

Bits de Red Bits de Host

10010110 11010110 10001101 11000101

150.214.141. 197

La máscara de red es un número con el formato de una dirección IP que nos sirve para distinguir cuando una

máquina determinada pertenece a una subred dada, con lo que podemos averiguar si dos computadoras están o no

Roundtrip Time:

Se aplica en el mundo de

las telecomunicaciones y

redes informáticas al

tiempo que tarda un

paquete enviado desde

un emisor en volver a

este mismo emisor

habiendo pasado por el

receptor de destino.

http://www.mailxmail.com/curso-que-son-redes/direcciones-ip-mascaras-red

http://es.wikipedia.org/wiki/Paquete

http://es.wikipedia.org/wiki/Emisor


en la misma subred IP. En formato binario todas las máscaras de red tienen los "1" agrupados a la izquierda y los "0" a

la derecha.

11111111 11111111 11111111 00000000

255 255 255 0

Para determinar si dos computadoras están 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 dirección de una subred 150.214.141.0, con una máscara de red 255.255.255.0

Comprobar cuales de estas direcciones pertenece a dicha red:

150.214.141.32

150.214.141.138

150.214.142.23

Convertimos a sistema Binario.

150.214.141.32 10010110.1101010.10001101.10000000

150.214.141.138 10010110.1101010.10001101.10001010

150.214.142.23 10010110.1101010.10001110.00010111

255.255.255.0 11111111.1111111.11111111.00000000

150.214.141.0 10010110.1101010.10001101.00000000

150.214.141.32 10010110.1101010.10001101.10000000

255.255.255.0 11111111.1111111.11111111.00000000

____________________________________________________

150.214.141.0 10010110.1101010.10001101.00000000

Luego hace la misma operación con la dirección IP destino.

150.214.141.138 10010110.1101010.10001101.10001010

255.255.255.0 11111111.1111111.11111111.00000000

______________________________________________________

150.214.141.0 10010110.1101010.10001101.00000000

El resultado que obtenemos ambas veces es la dirección de red, esto no indica

que los dos equipos están dentro de la misma red.

Vamos a hacerlo con la otra dirección IP.

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 sería 150.214.142.0.

¿Cuántas direcciones IP

puede haber?

En síntesis, la versión 4 de

las direcciones IP debería

permitir unos 4.300 millones

de direcciones

(256*256*256*256), pero

hay algunas direcciones

que están reservadas; por

ejemplo, las direcciones

'127.x.x.x' se utilizan para

pruebas locales de la

misma máquina, la

'192.168.x.x' para internas

de oficina, la '10.x.x.x' para

redes mucho mayores pero

también locales/internas,

etc.

asasasasas

57 BLOQUE 2

En binas, completa los siguientes cuadros de recuperación, sobre los protocolos OSI y

TCP/IP y participa en un debate grupal.

1) Escribe la función de cada Capa o Nivel del protocolo TCP/IP, donde corresponda.

Capa/Nivel Función

Aplicación

Transporte

Internet

Acceso a la red

Actividad: 3


Completa el siguiente cuadro de relación sobre las funciones de los protocolos TCP/IP y

OSI y participa en un debate grupal.

Modelo OSI Funciones Modelo FTP/IP Aplicaciones IP



WEB

Nivel de Presentación

Correo Electrónico

Nivel de Sesión

Sistemas de

administración de redes.

Nivel de Transporte

Nivel de Transporte

Nivel de Red

Nivel de Internet

Nivel de Enlace de Datos

Nivel de acceso a la red

Normalmente es una red

de área local (Local-Área

Network, LAN) Ethernet o

una línea de datos en

serie de una red de área

extendida (Wide-Área

Network, WAN).

Nivel Físico

Medio que transporta las

señales eléctricas u

ópticas: un cable, una

conexión inalámbrica o

una conexión de fibra

óptica.


asasasasas

59 BLOQUE 2

Evaluación


Saberes


Identifica las funciones del

protocolo TCP/IP.

Compara las funciones de cada

capa de los protocolos OSI y

TCP/IP


durante su participación en el

debate.

Coevaluación


docente

Cierre

En equipos de tres integrantes, realiza la siguiente investigación.

1) Selecciona cinco computadoras de diferentes departamentos de tu escuela, completa la siguiente tabla y

comprueba que pertenezcan a la subred 192.168.1.150, con máscara de red 255.255.255.0, realiza las

operaciones correspondientes.

Numero y ubicación de la

computadora IP Mascara de red Pertenece a la Red (Si/No)

2) Con respecto a las direcciones IP, investiga en internet sobre: Direcciones IPv4, y completa la siguiente tabla.

CLASE No

de REDES No

de HOST MASCARA DE RED

A

B

C

D

E

Actividad: 4


Evaluación

Actividad: 4 Producto: Reporte de investigación. Puntaje:

Saberes


Identifica la aplicación de la

direcciones IP en un contexto


Aplica el uso de las direcciones IP


Muestra una actitud positiva en el

grupo al realizar las tareas

asignadas, durante la

investigación.


docente

3) En lo que se refiere a la Asignación de dirección IP, menciona y explica los 3 métodos de

Asignación de IP.

a) _______________________________________________________________________________________

_______________________________________________________________________________________

_______________________________________________________________________________________

b) _______________________________________________________________________________________

_______________________________________________________________________________________

_______________________________________________________________________________________

c) _______________________________________________________________________________________

_______________________________________________________________________________________

_______________________________________________________________________________________

3) ¿Qué es una IP Fija?

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

4) Investiga la función de la dirección IPv6, compárala con la función de la dirección IPv4. Menciona las

similitudes y la ventaja de la IPv6 sobre la IPv4, escribe tus conclusiones.

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________


asasasasas

61 BLOQUE 2


Cables y Conectores.

Inicio

Evaluación

Actividad: 1 Producto: Cuadro de relación. Puntaje:

Saberes


Identifica los cables y

conectores de una red

informática.

Selecciona los cables y conectores

de una red informática.

Es atento al seleccionar los

cables y conectores.


docente

Escribe el nombre de cada uno de los siguientes cables y conectores de una red

informática.

Actividad: 1

__________________

____________________

____________________

__________________

_

____________________

_____________________

http://images.google.com.mx/imgres?imgurl=http://www.ciudadwireless.com/images/UTP-CAT5E-O-001CW.jpg&imgrefurl=http://www.ciudadwireless.com/lazsa_cable_cat5e_para_exterior-p-1639.html&usg=__LmX0Bfi9sCbzKSPqjhmqwImtmt0=&h=368&w=416&sz=7&hl=es&start=2&itbs=1&tbnid=dJ2Soxj8QAO_wM:&tbnh=111&tbnw=125&prev=/images?q=cable+utp+categoria+5&hl=es&gbv=2&tbs=isch:1

http://images.google.com.mx/imgres?imgurl=http://www.lafactoriawifi.com/85-145-large/conector-rj45-para-cable-utp-categoria-5.jpg&imgrefurl=http://www.lafactoriawifi.com/product.php?id_product=85&usg=__IFHA3YT4YmNEnsJNXVLKhGFJ3dQ=&h=300&w=300&sz=16&hl=es&start=6&itbs=1&tbnid=sK0OXoNNnUKh_M:&tbnh=116&tbnw=116&prev=/images?q=cable+utp+categoria+5&hl=es&gbv=2&tbs=isch:1

http://images.google.com.mx/imgres?imgurl=http://www.matels.com/catalogo/images/0-RG6.jpg&imgrefurl=http://www.matels.com/catalogo/index.php?currency=MEX&manufacturers_id=11&sort=2a&filter_id=43&osCsid=80e263f5a0cb0188526ee7a746606af9&usg=__TszT-fWsFjhi5bELPJslN6jlgCg=&h=300&w=400&sz=20&hl=es&start=3&itbs=1&tbnid=14cpciBfZ2u4wM:&tbnh=93&tbnw=124&prev=/images?q=cable+coaxial&hl=es&gbv=2&tbs=isch:1

http://images.google.com.mx/imgres?imgurl=http://www.ordenadores-y-portatiles.com/images/cable-fibra-optica.jpg&imgrefurl=http://www.ordenadores-y-portatiles.com/fibra-optica.html&usg=__qbKksxKdSjXpfvKoTN9owwxCXso=&h=300&w=300&sz=15&hl=es&start=6&um=1&itbs=1&tbnid=sEEgmFJxeNy7dM:&tbnh=116&tbnw=116&prev=/images?q=fibra+optica&um=1&hl=es&sa=N&rlz=1T4TSNA_en___MX364&tbs=isch:1

http://images.google.com.mx/imgres?imgurl=http://lnx.boyreparaciones.com/tienda/images/99.jpg&imgrefurl=http://lnx.boyreparaciones.com/tienda/index.php?currency=Pta&cPath=30&osCsid=e14303b126f6fc02e4bfb5ef496b8eaf&usg=__MakJo1DWeVOGjiBDHWLUT3AQJ7Q=&h=400&w=400&sz=8&hl=es&start=9&um=1&itbs=1&tbnid=5TWhLGIjxuPh2M:&tbnh=124&tbnw=124&prev=/images?q=roseta+rj45&um=1&hl=es&rlz=1T4TSNA_en___MX364&tbs=isch:1

http://images.google.com.mx/imgres?imgurl=http://www.planetronic.es/images/RC04.jpg&imgrefurl=http://www.planetronic.es/accesorios-rack-19-pasacables-anillas-c-76_742_757.html&usg=__DFC4R0Blk3TOLzEAQTSPbSLZxU0=&h=270&w=250&sz=12&hl=es&start=2&um=1&itbs=1&tbnid=2Pz2XwoOEno31M:&tbnh=113&tbnw=105&prev=/images?q=conector+cable+coaxial&um=1&hl=es&sa=N&rlz=1T4TSNA_en___MX364&tbs=isch:1


Desarrollo

Introducción a cables y conectores.

Es una forma ordenada y planeada de realizar cableados que

permiten conectar teléfonos, equipo de procesamiento de datos,

computadoras personales, conmutadores, redes de área local (LAN)

y equipo de oficina entre sí.

Al mismo tiempo permite conducir señales de control como son:

sistemas de seguridad y acceso, control de iluminación, control

ambiental, etc. El objetivo primordial es proveer de un sistema total

de transporte de información a través de un medio común.

Sistemas de cableado estructurado.

Los Sistemas de Cableado Estructurado deben emplear una Arquitectura de Sistemas Abiertos (OSA por sus siglas en

inglés) y soportar aplicaciones basadas en estándares como el EIA/TIA-568A, EIA/TIA-569, EIA/TIA-606, EIA/TIA-607

(de la Electronic Industries Association / Telecommunications Industry Association).

Entre las características generales de un sistema de cableado

estructurado destacan las siguientes:

• Soporta múltiples ambientes de computo:

• LAN's (Ethernet, Fast Ethernet, Token-ring, Arcnet, FDDI/TP-

PMD).

• Datos discretos (Mainframes, mini computadoras).

• Voz/Datos integrados (PBX, Centrex, ISDN).

• Video (señales en banda base, ejemplos: seguridad de

edificios); (señales en banda amplia, ejemplos.: TV en

escritorio).

El estándar más 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 categoría 5, el estándar 568A.

Existe otro estándar 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 número críptico 568 al orden en que los hilos individuales

dentro del cable CAT 5 están terminados.

asasasasas

63 BLOQUE 2

Cable par trenzado

Es de los más antiguos en el mercado y en algunos tipos de aplicaciones es el más común, consiste en dos alambres

de cobre o a veces de aluminio, aislados con un grosor de 1 mm aproximado.

Los alambres se trenzan con el propósito de reducir la

interferencia eléctrica de pares similares cercanos. Los pares

trenzados se agrupan bajo una cubierta común de PVC

(Policloruro de Vinilo) en cables multipares de pares trenzados

(de 2, 4, 8,.., hasta 300 pares).

Un ejemplo de par trenzado es el sistema de telefonía, ya que

la mayoría de aparatos se conectan a la central telefónica por

intermedio de un par trenzado. Actualmente se han convertido

en un estándar, de hecho en el ámbito de las

redes LAN, como medio de transmisión en

las redes de acceso a usuarios (típicamente cables de 2 ó 4 pares trenzados).

A pesar que las propiedades de transmisión de cables de par trenzado son inferiores y en especial

la sensibilidad ante perturbaciones extremas a las del cable coaxial, su gran adopción se debe al

costo, su flexibilidad y facilidad de instalación, así como las mejoras tecnológicas constantes

introducidas en enlaces de mayor velocidad, longitud,

Clasificación del cable par trenzado

• CABLE DE PAR TRENZADO NO APANTALLADO (UTP, Unshielded Twisted

Pair):

Cable de pares trenzados más simple y empleado, sin ningún tipo de

apantalla adicional y con una impedancia característica de 100 Ohmios.

El conector más frecuente con el UTP es el RJ45, parecido al utilizado en

teléfonos RJ11 (pero un poco más grande), aunque también puede

usarse otro (RJ11, DB25, DB11, etc.), dependiendo del adaptador de red.

Es sin duda el que hasta ahora ha sido mejor aceptado, por su costo

accesibilidad y fácil instalación. Sus dos alambres de cobre torcidos

aislados con plástico PVC, han demostrado un buen desempeño en las

aplicaciones de hoy. Sin embargo a altas velocidades puede resultar

vulnerable a las interferencias electromagnéticas del medio ambiente.

• CABLE DE PAR TRENZADO APANTALLADOS (STP, kshielded Twisted Pair):

En este caso, cada par va recubierto por una malla conductora que actúa

de apantalla frente a interferencias y ruido eléctrico. Su impedancia es de

150 OHMIOS. El nivel de protección del STP ante perturbaciones

externas es mayor al ofrecido por UTP. Sin embargo es más costoso y

requiere más instalación. La pantalla del STP para que sea más eficaz

requiere una configuración de interconexión 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 características contra las

radiaciones electromagnéticas, pero el inconveniente es que es un cable

robusto, caro y difícil de instalar.

Cable apantallado:

Se llama cable

apantallado a un tipo de

cable recubierto por una

malla o un tubo

metálico, que actúa de

jaula de Faraday para

evitar el acople de

ruidos y otras

interferencias, tanto del

entorno hacia el cable,

como del cable al

entorno.

http://images.google.com.mx/imgres?imgurl=http://webs.um.es/barzana/II/Ii09_images/dgwzmf82_69txzjz5fs.jpg&imgrefurl=http://webs.um.es/barzana/II/Ii09.html&usg=__cgrm3im9wWgzvOujWZoUQrpJEU8=&h=300&w=298&sz=7&hl=es&start=1&um=1&itbs=1&tbnid=ykOqLy35J6ZrMM:&tbnh=116&tbnw=115&prev=/images?q=cable+par+trenzado&um=1&hl=es&gbv=2&tbs=isch:1

http://es.wikipedia.org/wiki/Cable

http://es.wikipedia.org/wiki/Jaula_de_Faraday

http://es.wikipedia.org/wiki/Acople

http://es.wikipedia.org/wiki/Ruido


• CABLE DE PAR TRENZADO CON PANTALLA GLOBAL (FTP, Foiled Twisted Pair):

En este tipo de cable como en el UTP, sus pares no están apantallados, pero sí dispone de una apantalla

global para mejorar su nivel de protección ante interferencias externas. Su impedancia característica típica es

de 120 OHMIOS y sus propiedades de transmisión son más parecidas a las del UTP. Además puede utilizar

los mismos conectores RJ45.

El EIA/TIA define el estándar EIA/TIA 568 para la instalación de redes locales (LAN).

El cable trenzado más utilizado es el UTP sin apantallar que trabajan con las redes

10Base-T de Ethernet, Token Ring, etc. La EIA/TIA-568 selecciona cuatro pares

trenzados en cada cable para acomodar las diversas necesidades de redes de

datos y telecomunicaciones. Existen dos clases de configuraciones para los pines

de los conectores del cable trenzado denominadas T568A y T568B. La

configuración más utilizada es la T568A.

El cable par trenzado se maneja por categorías de cable:

Categoría 1: Cable de par trenzado sin apantallar, se adapta para los servicios de voz, pero no a los datos.

Categoría 2: Cable de par trenzado sin apantallar, este cable tiene cuatro pares trenzados y está certificado para

transmisión de 4 Mbps

Categoría 3: Cable de par trenzado que soporta velocidades de transmisión de 10 Mbps de Ethernet 10Base-T, la

transmisión en una red Token Ring es de 4 Mbps Este cable tiene cuatro pares.

Categoría 4: Cable par trenzado certificado para velocidades de 16 Mbps Este cable tiene cuatro pares.

Categoría 5: Es un cable de cobre par trenzado de cuatro hilos de 100 OHMIOS. La transmisión de este cable puede

es a 100 Mbps para soportar las nuevas tecnologías como ATM (Asynchronous Transfer Mode).

100VG AnyLan: Nuevo estándar Ethernet que soporta velocidades de 100 Mbps utilizando un nuevo método de

acceso por prioridad de demandas sobre configuraciones de cableado par trenzado.

Token Ring:

Las redes Token Ring

originalmente fueron

desarrolladas por IBM en

los años 1970s, con

topología lógica en anillo

y técnica de acceso de

paso de testigo.


http://www.monografias.com/trabajos15/logica-metodologia/logica-metodologia.shtml

asasasasas

65 BLOQUE 2

Completa el siguiente cuadro “Clasificación del cable par trenzado”.

CABLE PAR TRENZADO NO APANTALLADO (UTP)

• Descripción. ________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

CABLE PAR TRENZADO APANTALLADO (STP)

• Descripción ________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

CABLE DE PAR TRENZADO CON PANTALLA GLOBAL (FTP)

• Descripción ________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

Actividad: 2


Completa el siguiente cuadro “Categorías del cable par trenzado”.

Categoría 1

• Descripción:

Categoría 2

• Descripción:

Categoría 3

• Descripción:

Categoría 4

• Descripción:

Categoría 5

• Descripción:


asasasasas

67 BLOQUE 2

Evaluación

Actividad: 2 Producto: Gráficos de recuperación. Puntaje:

Saberes


Identifica la clasificación y las

categorías del cable par

trenzado.

Selecciona el cable necesario para

la conexión de una red informática

en un contexto académico, laboral y

cotidiano.

Colabora de manera positiva a la

realización del cuadro sinóptico en

forma ordenada.


docente

Estándar 802.3

En Septiembre de 1990, el IEEE aprobó un añadido a la especificación 802.3i, conocida generalmente como 10BaseT.

Estas líneas son mucho más económicas que las anteriores de cable coaxial, pueden ser instaladas sobre los

cableados telefónicos UTP ("Unshielded Twister Pairs") existentes, y utilizar los conectores telefónicos estándar RJ-45

(ISO 8877), lo que reduce enormemente el costo de instalación.

La especificación IEEE para Ethernet es la 802.3, que define que tipo de cableado se permite y cuáles son las

características de la señal que transporta. La especificación 802.3 original utilizaba un cable coaxial grueso de 50

ohm, que permite transportar una señal de 10 Mbps a 500 m. Más tarde se añadió la posibilidad de utilizar otros

tipos de cables: Coaxial delgado; pares de cables trenzados, y fibra óptica.

Los distintos estándares Ethernet tienen una denominación que responde a la fórmula general xBaseZ. La

designación Base se refiere a "Baseband modulation", que es el método de modulación empleado. El primer número

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, señala la longitud máxima del cable en

centenares de metros, o el tipo de tecnología. Por ejemplo, T significa par trenzado "Twisted (pairs)", F fibra óptica

"Fiber", etc.

10 Mbps, banda base, cable telefónico UTP de 2 pares de categoría 3, 4 o 5, con una impedancia característica de

100 +/-15 ohms a 10 Mhz; no debe exceder 100 mts.

Cuando una red contenga cinco segmentos y cuatro repetidores, el número 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:

Entre cualquier par de estaciones no debe haber más de 5

segmentos, 4 repetidores y 3 conexiones hub-hub. Si se utilizan

segmentos de fibra óptica, no deben exceder de 1640 pies (500

metros).

Cuando una red contenga cuatro segmentos y tres repetidores

utilizando enlaces de fibra óptica, los segmentos no deben exceder

de 1000 mts.

Existen varias opciones para el estándar 802.3 que se diferencian por

velocidad, tipo de cable y distancia de transmisión.

1Base-5: Cable de par trenzado con una longitud extrema de 500

mts, a una velocidad de 1 Mbps.

CSMA/CD:

Las siglas que corresponden a

"Acceso Múltiple por Detección de

Portadora con Detección de

Colisiones"), en este método de

acceso CSMA/CD, los dispositivos

de red que tienen datos para

transmitir funcionan en el modo

"escuchar antes de transmitir".

Esto significa que cuando un nodo

desea enviar datos, primero debe

determinar si los medios de red

están ocupados o no.


10Base-T: Cable de par trenzado con una longitud aproximada de 500 mts, a una velocidad de 10 Mbps.

100Base-T: (Ethernet Rápida) Cable de par trenzado, nuevo estándar que soporta velocidades de 100 Mbps que

utiliza el método de acceso CSMA/CD.

100Base-T4: Fast Ethernet a 100 Mbps, banda base, que utiliza par trenzado de 4 pares de categoría 3, 4 o 5.

Distancia máxima 100 mts.

100Base-TX: Fast Ethernet a 100 Mbps, banda base, utiliza par trenzado de 2 pares de categoría 5. Distancia máxima

100 mts.

100Base-FX: Fast Ethernet a 100 Mbps que utiliza fibra óptica. Longitud máxima del segmento 2000 metros.

10GBaseT: En Junio de 2006 se aprobó el estándar 10GBaseT. Como se desprende de su nombre, se refiere a

conexiones de 10 Gbit por segundo (10.000 Mbps) con una longitud máxima entre Hubs o repetidores (segmento) de

100 mts. Sin embargo, a la fecha de la publicación del estándar ningún cable estandarizado cumplía con los

requisitos. El de categoría 6 se adoptó inicialmente para segmentos de 55 metros pero hubo que reducirla a 37 m. Se

espera que el cable de categoría 7 cumpla plenamente con las exigencias de la nueva especificación.

10Base-F: 10 Mbps, banda base, cable de fibra óptica. Longitud máxima del segmento 2000 mts.

Restricciones para la conexión de cables para redes 10BASE-T y 100BASE–TX:

Para redes 10BASE-T, utilice cables y conectores de Categoría 3 o mayor.

Para redes 100BASE-T, utilice cables y conectores de Categoría 5 ó mayor.

La longitud máxima del cable (de una estación de trabajo a un concentrador) es de 100 mts.

Para redes 10BASE-T, el número máximo de concentradores conectados consecutivamente en un segmento

de la red es cuatro.


http://www.monografias.com/trabajos34/el-trabajo/el-trabajo.shtml

asasasasas

69 BLOQUE 2

Evaluación


Saberes



variaciones del cable, según el

estándar 802.3

Clasifica el estándar 802.3 por

velocidad, tipo de cable y distancia

de transmisión.


completar el cuadro sinóptico y al

emitir sus comentarios.

Autoevaluación


docente

Completa la siguiente tabla sobre el Estándar 802.3 para cables y participa en un debate

grupal.

Estándar 802.3, para cables. Velocidad Categoría. Longitud máxima del segmento

1Base-5

10Base-T

100Base-T

100Base-T4

100Base-TX

100Base-FX

10GBaseT

10Base-F

Actividad: 3


Cable coaxial.

El cable coaxial consiste de un núcleo sólido de

cobre rodeado por un aislante, una combinación

de blindaje y alambre de tierra y alguna otra

cubierta protectora. En el pasado del cable

coaxial tenía rasgos de transmisión superiores (10

Mbps) que el cable par trenzado, pero ahora las

técnicas de transmisión para el par trenzado

igualan o superan los rasgos de transmisión del

cable coaxial.

Sin embargo, el cable coaxial puede conectar

dispositivos a través de distancias más largas que

el cable par trenzado. Mientras que el cable

coaxial es más común para redes del tipo

ETHERNET y ARCENET, el par trenzado y la fibra

óptica son más comúnmente utilizados en estos

días. Los nuevos estándares para cable

estructurado llaman al cable par trenzado capaz

de manejar velocidades de transmisión de 100Mbps (10 veces más que el cable coaxial). El cable coaxial no interfiere

con señales externas y puede transportar de forma eficiente señales en un gran ancho de banda con menor

atenuación que un cable normal. Pero tiene una limitación fundamental: atenúa las altas frecuencias la pérdida de

frecuencia, expresada en decibelios por unidad de longitud, crece proporcional a la raíz cuadrada de la frecuencia de

la señal). Por lo tanto podemos decir que el coaxial tiene una limitación para transportar señales de alta frecuencia en

largas distancias ya que a partir de una cierta distancia el ruido superará a la señal. Esto obliga a usar amplificadores,

que introducen ruido y aumenta el costo de la red.

Normalmente se utilizan dos tipos de cables coaxiales:

10Base2 - cable coaxial delgado (denominado Thinnet o CheaperNet) es un cable delgado (6 mm. de

diámetro) que, por convención, es blanco (o grisáceo). Este cable es muy flexible y se puede utilizar en la

mayoría de las redes, conectándolo directamente a la tarjeta de red. Es capaz de transportar una señal hasta

unos 185 metros, sin que se pierda la señal.

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 (núcleo).

10Base5 - cable coaxial grueso (Thicknet o Thick Ethernet también se denomina Cable Amarillo, ya que, por

convención, es de color amarillo) es un cable protegido con un diámetro más grueso (12 mm.) y 50 ohm de

impedancia. Se utilizó durante mucho tiempo en las redes Ethernet, motivo por el cual también se lo conoce

como "Cable Estándar Ethernet". Siendo que posee un núcleo con un diámetro más grueso, es capaz de

transportar señales a través de grandes distancias: hasta 500 metros sin perder la señal (y sin reamplificación

de la señal).

asasasasas

71 BLOQUE 2

Fibra óptica.

La fibra óptica es un medio de transmisión empleado habitualmente en redes de datos; un

hilo muy fino de material transparente, vidrio o materiales plásticos, por el que se envían

pulsos de luz que representan los datos a transmitir. El haz de luz queda completamente

confinado y se propaga por el núcleo de la fibra. Las fibras se utilizan ampliamente en

telecomunicaciones, ya que permiten enviar gran cantidad de datos a una gran distancia,

con velocidades similares a las de radio y/o cable. Son el medio de transmisión por

excelencia al ser inmune a las interferencias electromagnéticas, también se utilizan para

redes locales, en donde se necesite una alta confiabilidad y fiabilidad.

La Fibra Óptica es una varilla delgada y flexible de vidrio u otro material transparente con un índice de refracción alto,

constituída de material dieléctrico (material que no tiene conductividad como vidrio o plástico), es capaz de

concentrar, guiar y transmitir la luz con muy pocas pérdidas incluso cuando esté curvada. Está formada por dos

cilindros concéntricos, el interior llamado núcleo (se construye de elevadísima pureza con el propósito de obtener una

mínima atenuación) y el exterior llamado revestimiento que cubre el contorno (se construye con requisitos menos

rigurosos), ambos tienen diferente índice de refracción (n2 del revestimiento es de 0.2 a 0.3 % inferior al del núcleo n

1).

El diámetro exterior del revestimiento es de 0.1 mm. Aproximadamente y el diámetro

del núcleo que transmite la luz es próximo a 10 ó 50 micrómetros. Adicionalmente

incluye una cubierta externa adecuada para cada uso llamado recubrimiento.

Ventajas de la tecnología de la fibra óptica.

Baja Atenuación

Las fibras ópticas son el medio físico con menor atenuación. Por lo tanto se pueden

establecer enlaces directos sin repetidores, de 100 a 200 Km. con el consiguiente

aumento de la fiabilidad y economía en los equipamientos.

Gran ancho de banda

La capacidad de transmisión es muy elevada, además pueden propagarse

simultáneamente ondas ópticas de varias longitudes de onda que se traduce en un

mayor rendimiento de los sistemas. De hecho 2 fibras ópticas serían capaces de

transportar, todas las conversaciones telefónicas de un país, con equipos de

transmisión capaces de manejar tal cantidad de información (entre 100 MHz/Km a

10 GHz/Km).

Peso y tamaño reducidos

El diámetro de una fibra óptica es similar al de un cabello humano. Un cable de 64 fibras ópticas, tiene un

diámetro total de 15 a 20 mm. y un peso medio de 250 Kg/km. Si comparamos estos valores con los de un

cable de 900 pares calibre 0.4 (peso 4,000 Kg/Km y diámetro 40 a 50 mm) se observan ventajas de facilidad y

costo de instalación, siendo ventajoso su uso en sistemas de ductos congestionados, cuartos de

computadoras o el interior de aviones.

Gran flexibilidad y recursos disponibles

Los cables de fibra óptica se pueden construir totalmente con materiales dieléctricos, la materia prima

utilizada en la fabricación es el dióxido de silicio que es uno de los recursos más abundantes en la superficie

terrestre.

Atenuación.

Se denomina

atenuación de una

señal, sea esta

acústica, eléctrica u

óptica, a la pérdida

de potencia sufrida

por la misma al

transitar por cualquier

medio de transmisión

http://es.wikipedia.org/wiki/Medio_de_transmisi%C3%B3n

http://es.wikipedia.org/wiki/Redes_de_datos

http://es.wikipedia.org/wiki/Hilo

http://es.wikipedia.org/wiki/Vidrio

http://es.wikipedia.org/wiki/Pl%C3%A1stico

http://es.wikipedia.org/wiki/Pulso

http://es.wikipedia.org/wiki/Luz

http://es.wikipedia.org/wiki/N%C3%BAcleo

http://es.wikipedia.org/wiki/Telecomunicaciones

http://images.google.com.mx/imgres?imgurl=http://2.bp.blogspot.com/_S-s_F-Qrkcg/SSnv6iUMeAI/AAAAAAAAAF8/jWlH9huutXw/s400/Instalacion aerea de fibra optica.jpg&imgrefurl=http://estebane19.blogspot.com/&usg=__4Hw_9xAEPyUyEUa-GnnESEGLa6w=&h=269&w=400&sz=27&hl=es&start=22&um=1&itbs=1&tbnid=a3PWTK9TSDlbVM:&tbnh=83&tbnw=124&prev=/images?q=fibra+optica&start=21&um=1&hl=es&sa=N&rlz=1T4TSNA_en___MX364&ndsp=21&tbs=isch:1

http://es.wikipedia.org/wiki/Potencia

http://es.wikipedia.org/wiki/Medio_de_transmisi%C3%B3n


Aislamiento eléctrico entre terminales

Al no existir componentes metálicos (conductores de electricidad) no se producen inducciones de corriente

en el cable, por tanto pueden ser instalados en lugares donde existen peligros de cortes eléctricos.

Ausencia de radiación emitida

Las fibras ópticas transmiten luz y no emiten radiaciones electromagnéticas que puedan interferir con equipos

electrónicos, tampoco se ve afectada por radiaciones emitidas por otros medios, por lo tanto constituyen el

medio más seguro para transmitir información de muy alta calidad sin degradación.

Costo y mantenimiento

El costo de los cables de fibra óptica y la tecnología asociada con su instalación ha caído drásticamente en

los últimos años. Hoy en día, el costo de construcción de una planta de fibra óptica es comparable con una

planta de cobre. Además, los costos de mantenimiento de una planta de fibra óptica son muy inferiores a los

de una planta de cobre.

asasasasas

73 BLOQUE 2

Completa el esquema “Descripción del cable coaxial”, contesta las preguntas y participa

en un debate grupal.

1) Esquema “Descripción del Cable coaxial”.

2) ¿En qué consiste el cable coaxial?

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

Cable coaxial

10Base2 - cable coaxial delgado

Descripción:______________________________________________________________________________________________________________________________________________________________________________________________

10Base5 - cable

coaxial grueso

Descripción:_____________________________________________________________________________________________________________________________________________________________________________________________

Actividad: 4


3. Menciona y explica las ventajas del la fibra óptica.

a. __________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

b. __________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

c. __________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

d. __________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

e. __________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

f. __________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

g. __________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________


asasasasas

75 BLOQUE 2

Evaluación

Actividad: 2 Producto: Esquema y cuestionario. Puntaje:

Saberes


Identifica los tipos de cable

coaxial, así como las ventajas de

la fibra óptica.

Clasifica los tipos de cable coaxial

y las ventajas del uso de la fibra

óptica.

Muestra respeto a sus

compañeros en el desarrollo de la

actividad y durante el debate

grupal.

Autoevaluación


docente

Conectores RJ45.

Los conectores del NIC RJ45 de un sistema están diseñados para conectar un cable UTP

(Unshielded Twisted Pair [par Trenzado sin Blindaje]) para red Ethernet equipado con

enchufes convencionales compatibles con el estándar 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 configuración 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

administración de los servicios de la red, ya que cada punto de conexión del

patch panel maneja el servicio de una salida de telecomunicaciones, permite

interconexión entre equipos por tanto deben ser de primera calidad debido a

que por sus puntos transitan señales de alta velocidad.

La idea del patch panel además de seguir estándares de redes, es la de

estructurar o manejar los cables que interconectan equipos en una red, de una

mejor manera.

Roseta

Posee un circuito impreso que soporta conectores RJ45 y conectores IDC de tipo 110 para

conectar los cables UTP sólidos con la herramienta de impacto.

Usualmente de dos salidas, aunque existe también la versión reducida a una salida.

Las rosetas son modulares permitiendo instalarlas en tres tipos de soporte:

Los embutidos permiten conexiones en ángulo:(reduce la tensión de patch cord. su

perfil saliente y reduce la posibilidad de introducción de partículas en la roseta) y

soportan 4 u 8 rosetas, o planos con combinaciones de 2, 4, 6 ó 12 rosetas.

En el modelo de embutir plano, hay opciones mixtas para instalar rosetas del tipo anterior (RJ45) con jacks

tipo Token Ring (802.5), Dual ST, Dual SC o tapas ciegas.

Los soportes superficiales permiten fijar estas cajas en prácticamente cualquier superficie.

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 estándar.


http://www.monografias.com/trabajos12/giga/giga.shtml

http://images.google.com.mx/imgres?imgurl=http://albertxo.wikispaces.com/file/view/rj45_01.jpg/31706917/rj45_01.jpg&imgrefurl=http://albertxo.wikispaces.com/Conexi%C3%B3n+de+2+pc+por+cable+cruzado&usg=__ReVoOAp-BUus_-2C2ZkEb3AjllE=&h=500&w=500&sz=24&hl=es&start=2&itbs=1&tbnid=VBA_e4T7xLsqKM:&tbnh=130&tbnw=130&prev=/images?q=conector+rj45&hl=es&gbv=2&tbs=isch:1

http://images.google.com.mx/imgres?imgurl=http://i34.tinypic.com/348lx05.jpg&imgrefurl=http://www.taringa.net/posts/info/1622690/Armado-de-Roseta-RJ45.html&usg=__u70qdw3fD_9Ja_JF6wntlizWRb0=&h=283&w=275&sz=9&hl=es&start=2&itbs=1&tbnid=BYJbb3w7rkyNmM:&tbnh=114&tbnw=111&prev=/images?q=roseta+rj45&hl=es&gbv=2&tbs=isch:1


Cierre

En equipo de cinco integrantes, realiza la siguiente investigación:

1) Selecciona un centro de cómputo de tu localidad, observa y analiza cuidadosamente su red informática, y a

continuación completa el cuadro de recuperación “Elementos de conectividad de Red Informática LAN”.

Elementos de conectividad de Red (LAN) Escribe las repuestas en esta columna.

¿Cuantos metros cuadrados tiene el área de cómputo?

¿Con cuantas computadoras cuenta en Centro de

Computo?

¿Qué tipo de Cable (Par trenzado, Coaxial, Fibra óptica)

utilizan y cuantos metros aproximadamente?

¿Cuál clasificación (UTP, STP, FTP) de cable usan?

¿Cuál es la categoría (1, 2, 3, 4, 5) de los cables?

¿Qué estándar 802.3 (10Base-T, 100Base-T,..) utilizan?

¿Identifica cuantos cables UTP normales utilizan y

cuantos UTP cruzados?

¿Utilizan rosetas RJ45, cuantas?, de no ser así,

investiga la razón.

En cuanto al Patch Panel, ¿lo utilizan? y ¿por qué?

Actividad: 5

asasasasas

77 BLOQUE 2

2) Solicita autorización para tomar fotografías de los elementos de Conectorización, con la

finalidad de documentar la investigación.



3) Analiza con tus compañeros de equipo los datos del cuadro de recuperación “Elementos de

conectividad de Red (LAN)”, así como las fotografías documentadas en la investigación, y

completa el siguiente cuadro de “Estudio de Factibilidad y Propuestas”.

Elementos de conectividad de

Red (LAN)

Datos arrojados

de la

investigación

Factibilidad SI/NO

(Porque)

Propuesta en base al análisis

realizado.

¿Cuantos metros cuadrados

tiene el área de cómputo?

¿Con cuantas computadoras

cuenta en Centro de Computo?

¿Qué tipo de Cable (Par

trenzado, Coaxial, Fibra óptica)

utilizan y cuantos metros

aproximadamente?

¿Cuál clasificación (UTP, STP,

FTP) de cable usan?

¿Cuál es la categoría (1, 2, 3, 4,

5) de los cables?

¿Qué estándar 802.3 (10Base-T,

100Base-T,..) utilizan?

¿Identifica cuantos cables UTP

normales utilizan y cuantos UTP

cruzados?

¿Utilizan rosetas RJ45,

cuantas?, de no ser así investiga

la razón.

En cuanto al Patch Panel, ¿Lo

utilizan? y ¿Por qué?


asasasasas

79 BLOQUE 2

Evaluación

Actividad: 5 Producto: Reporte de investigación. Puntaje:

Saberes


Identifica los elementos de

conectorización de una red


académico o laboral.

Evalúa los elementos de

conectividad de una red informática

en diferentes contextos.


responsable en el desarrollo de la

investigación. Además muestra

respeto a sus compañeros

durante el debate grupal.

Coevaluación


docente

4) Con base en el cuadro de “Estudio de Factibilidad y Propuestas”, escribe tus conclusiones y

participa en un debate grupal.

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________




Instalación. Proyecto y flujo de trabajo.

Inicio

Contesta las siguientes preguntas y participa en un debate grupal.

1) ¿Qué diferencia existe entre un cable UTP normal y un UTP cruzado?

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

2) En los siguientes esquemas, escribe el tipo de cable que se utiliza, para establecer la conexión de red.

Actividad: 1

Utiliza cable UTP: ____________

Utiliza cable UTP: ______________

http://www.mailxmail.com/curso-redes-area-local/instalacion-proyecto-flujo-trabajo

asasasasas

81 BLOQUE 2

Evaluación


Saberes


Reconoce las diferencias entre

los cables UTP normal y

cruzado.

Ilustra las herramientas para

construir cable UTP normal y

cruzado.

Asume una actitud responsable

durante el desarrollo de la

actividad y durante el debate

grupal.

Autoevaluación


docente

3) Basado en la lista de la izquierda, escribe el nombre de la herramienta para construir

cables UTP y Coaxial, en la figura que corresponda.


_____________

____________

______________

Herramientas para construir cable UTP

y Coaxial.

1. Crimpadora de cable UTP.

2. Probador de cable Coaxial.

3. Probador de cable UTP.

4. Ponchadora de Jack RJ45 o de

Patch Panel.

5. Crimpadora de Cable Coaxial.

_____________

_____________

__________

http://images.google.com.mx/imgres?imgurl=http://www.tonerdisk.es/productos/CRIMPADORA RJ45.jpg&imgrefurl=http://www.tonerdisk.es/?idsubcat=7657&lang=es&usg=__DvelXv_VewRZTYdO2QbhQw5CdOE=&h=441&w=371&sz=8&hl=es&start=1&itbs=1&tbnid=eUMRUmiTdil3qM:&tbnh=127&tbnw=107&prev=/images?q=crimpadora&hl=es&gbv=2&tbs=isch:1

http://images.google.com.mx/imgres?imgurl=http://tvcenlinea.com/tienda/catalog/images/PITS-UTP-3.gif&imgrefurl=http://tvcenlinea.com/tienda/catalog/default.php?manufacturers_id=259&osCsid=2&usg=__Yj_ESDihCVGFWDJ-gTCFyPK1SSU=&h=200&w=200&sz=6&hl=es&start=12&itbs=1&tbnid=gI58H-qj44z0vM:&tbnh=104&tbnw=104&prev=/images?q=probador+de+cable+utp&hl=es&gbv=2&tbs=isch:1

http://images.google.com.mx/imgres?imgurl=http://www.juntaex.es/consejerias/infraestructuras-desarrollo-tecnologico/dg-telecomunicaciones-redes/intranet/images/grimparosetaa.jpg&imgrefurl=http://www.juntaex.es/consejerias/infraestructuras-desarrollo-tecnologico/dg-telecomunicaciones-redes/intranet/cableados-ides-idweb.html&usg=__pxvqUD9OgtQZjNS8kE0yYtSAACs=&h=60&w=200&sz=16&hl=es&start=24&um=1&itbs=1&tbnid=xcMFq7Jphgj1CM:&tbnh=31&tbnw=104&prev=/images?q=crimpadora+para+roseta+utp+45&start=21&um=1&hl=es&sa=N&rlz=1T4TSNA_en___MX364&ndsp=21&tbs=isch:1

http://images.google.com.mx/imgres?imgurl=http://www.tac.cl/cph_upl/pro_282f0b5479.jpg&imgrefurl=http://www.tac.cl/productos.php?mod=tag&tag=TESTER&usg=__lrNEzongIUHzwM4RfsadvvZeUws=&h=288&w=288&sz=10&hl=es&start=5&um=1&itbs=1&tbnid=ZnKw0YVvRsQUCM:&tbnh=115&tbnw=115&prev=/images?q=probador+para+cable+coaxial&um=1&hl=es&rlz=1T4TSNA_en___MX364&tbs=isch:1


Proyecto de instalación.

En primer lugar se ha de tener en cuenta las normativas laborales en cuanto a seguridad del trabajo se refiere. En la

operación eléctrica ha de cuidarse:

No trabajar con dispositivos encendidos que estén con la carcasa abierta.

Utilizar los instrumentos de medida adecuados a las características de las señales con las que se trabaja, no

es lo mismo medir los 5 V en un componente electrónico que los 220 V de fuerza en la red eléctrica.

Conectar a tierra todos los equipamientos de la red.

No perforar ni dañar ninguna línea tanto de fuerza como de datos o de voz.

Localizar todas las líneas eléctricas, así como motores y fuentes de interferencia antes de comenzar con la

instalación de transporte de datos.

En los procedimientos laborales ha de tenerse en cuenta:

Asegurarse bien de las medidas de la longitud de los cables antes de cortarlos.

Utilizar protecciones adecuadas al trabajo que se realiza: gafas protectoras, guantes, etcétera.

Asegurarse de que no se dañará ninguna infraestructura al realizar perforaciones en paredes, suelos o

techos.

Limpieza.

Flujo de trabajo de la instalación.

La instalación consiste en la ejecución ordenada según las directrices del proyecto de instalación de un conjunto de

tareas que revierten en proporcionar el servicio que el cliente que solicitó la instalación necesitaba.

asasasasas

83 BLOQUE 2

Algunas de estas tareas se pueden superponer en el tiempo; es algo que habrá que tener en cuenta al confeccionar el

calendario de instalación. A continuación describimos algunas de estas tareas:

A. Instalación 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. Instalación de rosetas y jacks. Es la instalación de los puntos de red finales desde los que se conectarán los

equipos de comunicaciones sirviéndose de latiguillos. La mayor parte de estas conexiones residirán en

canaletas o en armarios de cableado.

C. Tendido de los cables. Se trata de medir la distancia que debe recorrer cada cable y añadirle una longitud

prudente que nos permita trabajar cómodamente con él antes de cortarlo. Hemos de asegurarnos de que el

cable que utilizaremos tenga la certificación necesaria.

D. Conectorización de los cables en los patch panels y en las rosetas utilizando las herramientas de crispado

apropiadas.

Confección del cable RJ45

Las estaciones de la red se conectan a los dispositivos de red a través de cables construidos con el

código de colores y contactos de la tabla anterior en ambos extremos. El cable se confecciona de modo

semejante a la conexión 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 pestaña del conector hacia abajo, de modo

que en esa posición el pin número uno queda a la izquierda.

Cable UTP normal y cruzado.

Sin embargo, cuando se quieren conectar dos computadoras directamente por sus tarjetas de red sin

ningún dispositivo intermedio se tiene que utilizar un cable cruzado, que altera el orden de los pares para

que lo que es recepción en un extremo sea emisión en el otro y viceversa.


En las siguientes tablas,

muestran las guías para

confeccionar el cable

UTP normal y cruzado,

bajo las normas de

cableado 568-A y 568-

B, respectivamente.

El cable UTP normal

(568-A), lo vamos a

utilizar para redes entre

dos computadoras o

para interconectar Hubs

o Switch entre sí.

El cable UTP cruzado (568-

A), lo vamos a utilizar para

redes que tengan Hubs o

Switch, es decir para unir las

computadoras con las

rosetas y éstas con el Hubs

o Switch.

asasasasas

85 BLOQUE 2

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.

1) Observa con atención 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 bitácora de la práctica, además realiza la filmación y narración del proceso de armado

de los cables.

_______________________________________________________________________________________

_______________________________________________________________________________________

_______________________________________________________________________________________

_______________________________________________________________________________________

_______________________________________________________________________________________

_______________________________________________________________________________________

Material requerido para la práctica.

Cable UTP.

4 Conectores RJ45.

Tenazas crimpadoras.

Tenazas cortadoras.

Cuter.

b) Realiza una exposición sobre el proceso de construcción del cable, y muestra el video como

evidencia de la realización de la práctica.

Actividad: 2


2) Observa con atención el video “Conectorización del Jack RJ45” que va proyectar tú profesor.

En equipo de cinco, conecta el Jack RJ45.

a) Elabora una bitácora de la práctica, además realiza la filmación y narración del proceso de

“Conectorización del Jack RJ45”.

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

Material requerido para la práctica.

Cable UTP.

4 Conectores RJ45.

Ponchadora de Jack RJ45.

Tenazas cortadoras.

Cutter.

b) Realiza una exposición sobre el Proceso de “Conectorización del Jack JR45”, y muestra el video como


3) Escribe tus conclusiones sobre las prácticas: “Construye un cable UTP cruzado y un cable UTP normal” y

“Conectorización del Jack RJ45”.

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________


asasasasas

87 BLOQUE 2

Evaluación

Actividad: 2 Producto: Bitácora de Practica. Puntaje:

Saberes


Reconoce las normas 568-A y

568-B, para poder construir el

cable UTP norma y cruzado.

Elabora los cables UTP normal y

cruzado, además conecta el Jack

RJ45.

Muestra una actitud positiva

durante la práctica, tiene cuidado

y da buen uso a los materiales

utilizados.

Coevaluación


docente

E. Probado de los cables instalados. Cada cable construido y conectorizado debe

ser inmediatamente probado para asegurarse de que cumplirá correctamente su

función.

F. Etiquetado y documentación 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 unívocamente.

La norma EIA/TIA-606 especifica que cada terminación de

hardware debe tener alguna etiqueta que lo identifique de

manera exclusiva. Un cable tiene dos terminadores, por

tanto, cada uno de estos extremos recibirá un nombre.

No es recomendable la utilización de un sistema de

etiquetado con relación a un momento concreto, es mejor,

utilizar nomenclaturas neutras. Por ejemplo, si etiquetamos

un PC como <<PC de Dirección>>, y luego cambia el

lugar del edificio en donde se ubica la Dirección, habría

que cambiar también el etiquetado, sin embargo, se trata

de que el etiquetado sea fijo.

Se recomienda la utilización de etiquetas que incluyan un identificador de sala y un identificador de conector,

así se sabe todo sobre el cable: dónde empieza y dónde acaba. Por ejemplo, se podría etiquetar un cable

con el siguiente identificador:

03RS02-05RS24

Este cable indicaría que está tendido desde la roseta (RS) número 02 de la sala 03 hasta la roseta 24 de la

sala 05. Las rosetas en las salas 03 y 05 irían etiquetadas con 03RS02 y 05RS24 respectivamente.

http://images.google.com.mx/imgres?imgurl=http://images04.olx.com.ve/ui/2/09/33/34250633_6.jpg&imgrefurl=http://caracas.olx.com.ve/tester-para-redes-rj-45-rj-11-cableado-estructurado-guia-de-redes-y-cables-utp-iid-34250633&usg=__YoC922hjFVf9VSZ9DTC4aqOz8OQ=&h=545&w=545&sz=29&hl=es&start=5&um=1&itbs=1&tbnid=bWLNxwCPitYr_M:&tbnh=133&tbnw=133&prev=/images?q=probador+cables+utp&um=1&hl=es&rlz=1T4TSNA_en___MX364&tbs=isch:1


G. Instalación de los adaptadores de red. Gran parte de los equipos informáticos vienen ya con

la tarjeta de red instalada, pero esto no es así necesariamente. Las tarjetas de red (también

denominadas adaptadores de red, tarjetas de interfaz de red o NIC) actúan como la interfaz

entre una computadora y el cable de red. La función 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. También traduce los datos

que ingresan por el cable a bytes para que el CPU del ordenador pueda leerlos.

H. Instalación 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.

Concentradores. Un concentrador (hub) es un

elemento de hardware que permite concentrar

el tráfico de red que proviene de múltiples

hosts y regenerar la señal. El concentrador es

una entidad que cuenta con determinada

cantidad de puertos (posee tantos puertos

como equipos a conectar entre sí,

generalmente 4, 8, 16 ó 32). Su único objetivo

es recuperar los datos binarios que ingresan a

un puerto y enviarlos a los demás puertos. Al

igual que un repetidor, el concentrador

funciona en el nivel 1 del modelo OSI. Es por ello que a veces se lo denomina repetidor

multipuertos.

Existen diferentes categorías de concentradores (hubs): concentradores "activos": Están

conectados a una fuente de alimentación eléctrica y permiten regenerar la señal que se

envía a los diferentes puertos; puertos "pasivos": Simplemente envían la señal a todos

los hosts conectados, sin amplificarla.

Conexión de múltiples concentradores.

Es posible conectar varios concentradores (hubs) entre sí para

centralizar un gran número de equipos. Esto se denomina conexión

en cadena margarita (daisy chains en inglés). Para ello, sólo es

necesario conectar los concentradores mediante un cable cruzado,

es decir un cable que conecta los puertos de entrada/salida de un

extremo a aquéllos del otro extremo.

Los concentradores generalmente tienen un puerto especial llamado

"enlace ascendente" para conectar dos concentradores mediante un

cable de conexión. Algunos concentradores también pueden cruzar

o descruzar automáticamente sus puertos, en función de que se

Host:

El término Host, es usado

en informática para

referirse a las

computadoras

conectadas a la red, que

proveen y/o utilizan

servicios a/de ella. Los

usuarios deben utilizar

hosts para tener acceso

a la red. En general, son

computadoras mono o

multiusuario que ofrecen

servicios de transferencia

de archivos, conexión

remota, servidores de

base de datos, servidores

WWW, etc.

http://es.kioskea.net/contents/base/binaire.php3

http://es.kioskea.net/contents/lan/repeteurs.php3

http://es.kioskea.net/contents/internet/tcpip.php3

http://es.kioskea.net/contents/elec/rj45croise.php3

http://es.wikipedia.org/wiki/Inform%C3%A1tica

http://images.google.com.mx/imgres?imgurl=http://pic.leech.it/i/22982/77c1e584tarjeta20d.jpg&imgrefurl=http://www.gavitec.net/?act=ver&id=46&usg=__eTvz942wqKK5keChq3wJYiqovHY=&h=339&w=300&sz=11&hl=es&start=21&um=1&itbs=1&tbnid=R5751W6L5mY3pM:&tbnh=119&tbnw=105&prev=/images?q=instalacion+de+tarjeta+de+red&um=1&hl=es&rlz=1T4TSNA_en___MX364&tbs=isch:1

asasasasas

89 BLOQUE 2

encuentren conectados a un host o a un concentrador.

Conmutadores. Es un pequeño dispositivo de hardware que se une a varios equipos juntos dentro

de una red de área local (LAN). Técnicamente, los conmutadores de red operan en la capa o nivel

dos (Data Link Layer) del modelo OSI.

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 serán accesibles por todos los equipos.

http://3.bp.blogspot.com/_A_2BW1VLoWA/SvmwdlExdTI/AAAAAAAAACw/c9waz3gnh9I/s1600-h/bridge.jpg


Enrutador (Router). El enrutador (router), es un dispositivo de hardware para

interconexión de red de computadoras que opera en la capa

tres (nivel de red).

Un router es un dispositivo para la interconexión de redes

informáticas que permite asegurar el enrutamiento de paquetes

entre redes o determinar la ruta que debe tomar el paquete de

datos.

El router ADSL es un dispositivo que permite conectar uno o varios equipos o incluso

una red de área local (LAN).

Diagrama de una red simple con un modem 2Wire que actúa como enrutador

Firewall y DHCP.

DHCP, significa Protocolo de configuración de host dinámico. Es un protocolo que

permite que un equipo conectado a una red pueda obtener su configuración

(principalmente, su configuración de red) en forma dinámica (es decir, sin

intervención particular).

Sólo tiene que especificarle al equipo, mediante DHCP, que encuentre una dirección IP de manera independiente. El

objetivo principal es simplificar la administración de la red.

Realiza las funciones de:

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.

Módem ADSL: modula las señales enviadas desde la

red local para que puedan transmitirse por la línea

ADSL y demodula las señales recibidas por ésta para

que los equipos de la LAN puedan interpretarlos. De

hecho, existen configuraciones formadas por un

módem ADSL y un router que hacen la misma

función que un router ADSL.

Punto de acceso wireless: algunos router ADSL

permiten la comunicación vía Wireless (sin cables)

con los equipos de la red local.

Como se puede ver, los avances tecnológicos han

conseguido introducir la funcionalidad de cuatro equipos en

uno sólo.

I. Configuración del software de red en clientes y servidores de la red.

Firewall: es un

dispositivo que funciona

como cortafuegos entre

redes, permitiendo o

denegando las

transmisiones de una

red a la otra.

Un uso típico es situarlo

entre una red local y la

red Internet, como dispositivo de seguridad

para evitar que los

intrusos puedan

acceder a información

confidencial.

http://images.google.com.mx/imgres?imgurl=http://darkub.files.wordpress.com/2008/01/router.jpg&imgrefurl=http://darkub.wordpress.com/2008/01/19/diferentes-tipos-de-dispositivos-de-redes/&usg=__IHTjp0Jl6v5CYXl7IP48aHh1MOw=&h=300&w=328&sz=14&hl=es&start=5&um=1&itbs=1&tbnid=MFjK9rOY41KrZM:&tbnh=108&tbnw=118&prev=/images?q=router&um=1&hl=es&sa=N&rlz=1T4TSNA_en___MX364&tbs=isch:1

http://es.wikipedia.org/wiki/Hardware

http://es.wikipedia.org/wiki/Red_de_ordenadores

http://es.wikipedia.org/wiki/Nivel_de_red

http://es.wikipedia.org/wiki/LAN

http://es.wikipedia.org/wiki/Firewall

http://es.kioskea.net/contents/internet/ip.php3

http://es.wikipedia.org/wiki/Puerta_de_enlace

http://es.wikipedia.org/wiki/Router

http://es.wikipedia.org/w/index.php?title=M%C3%B3dem_ADSL&action=edit&redlink=1

http://es.wikipedia.org/wiki/Punto_de_acceso

http://es.wikipedia.org/wiki/Wireless

asasasasas

91 BLOQUE 2

Con respecto a la lectura del tema “Proyecto de instalación”, 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

operación de corriente eléctrica y posteriormente en lo que corresponde a los

procedimientos laborales.

Proyecto de Instalación

Operación de corriente eléctrica

Procedimientos laborales

Actividad: 3


Evaluación

Actividad: 3 Producto: Diagrama. Puntaje:

Saberes


Identifica las normas laborales

en cuanto a seguridad del

trabajo se refiere.

Aplica el diagrama de flujo de

trabajo durante una instalación de

red.

Lleva a cabo la actividad de

forma ordenada, y cumple con

los requerimientos establecidos.


docente

Redes punto a punto.

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 contraposición 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 actúan como socios iguales, o pares entre sí. Como pares, cada

dispositivo puede tomar el rol de esclavo o la función de maestro. En un momento, el dispositivo A, por ejemplo,

puede hacer una petición 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

después 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 relación reciproca o par entre ellos.

Las redes punto a punto son relativamente fáciles de instalar y operar. A medida que las redes crecen, las relaciones

punto a punto se vuelven más difíciles de coordinar y operar. Su eficiencia decrece rápidamente 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 según el sentido

de las comunicaciones que transportan:

Simplex.- La transacción sólo se efectúa en un solo sentido.

Half-dúplex.- La transacción se realiza en ambos sentidos, pero de forma alternativa, es decir solo uno puede

transmitir en un momento dado, no pudiendo transmitir los dos al mismo tiempo.

Full-Dúplex.- La transacción se puede llevar a cabo en ambos sentidos simultáneamente.

Configuración de ambos equipos

Viene ahora el momento de configurar ambos equipos para que puedan "entenderse" entre sí, y dicha configuración

no consiste más que en asignarle a cada uno una dirección IP que le sirva de identificador en dicha red.

Debes ir a Inicio-Configuración-Conexiones de red y en la tarjeta de red pica en Propiedades y te vas a configurar el

Protocolo TCP/IP y en la línea que pone “Especificar una dirección IP”, le pones una que puede ser: 192.168.0.1 y en

la “Máscara de subred” tiene que estar: 255.255.255.0 (normalmente ya estará puesto automáticamente).

En el otro ordenador será todo igual, a excepción de la dirección IP que en este caso deberá ser por ejemplo:

192.168.0.2 y por supuesto la máscara de subred, la misma. Tras dar en Aceptar el ordenador se reiniciará y la red

habrá quedado activada.

Una vez reiniciado el equipo, deberán estar encendidas las lucecitas verdes de la tarjeta de red de ambos (una fija y la

otra parpadeando); pero además 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 máquina 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 respondería algo como: "Tiempo de espera agotado...".

http://es.wikipedia.org/wiki/Arquitectura_de_red

http://es.wikipedia.org/wiki/Canal_de_datos

http://es.wikipedia.org/wiki/Redes_multipunto

asasasasas

93 BLOQUE 2

Lo normal es que todo funcione a la primera, y en caso negativo, revisa el cable que has fabricado porque podría

suceder que algún cable estuviese mal.

Tras estar configurada la red, tú podrías acceder de una a la otra máquina mediante la utilidad de "Compartir", pues si

picas en una carpeta con botón derecho verás que te aparece la opción de Compartirla, con lo cual estaría accesible

al otro equipo.

1) Observa con atención el video “Como conectar una red Punto a Punto” y la presentación

“Configuración de una red punto a punto”, que va proyectar tú profesor. En equipo de cinco,

realiza la práctica “Conexión de red punto a punto”.

a) Elabora una bitácora de la práctica “Conexión de red Punto a Punto”, además realiza la filmación y

narración del proceso de conexión.

___________________________________________________________________________________________

___________________________________________________________________________________________

__________________________________________________________________________________________

b) Demuestra a tus compañeros la comunicación entre las dos computadoras y muestra el video como


2) Escribe tus conclusiones sobre la práctica: “Conexión de red Punto a Punto”.

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

____________________

Actividad: 4


Evaluación

Actividad: 4 Producto: Reporte de práctica. Puntaje:

Saberes


Reconoce los parámetros

necesarios para llevar a cabo la

conexión de una red punto a

punto, una red por medio de

Switch.

Realiza la conexión de dos o más

computadoras estableciendo la

comunicación entre ellas.

Evidencia tolerancia y respeto

durante el desarrollo de la

práctica y participa de manera

activa durante la exposición.


docente

3. Observa con atención el video “Conexión por medio de Switch”. En equipo de cinco realiza la

práctica “Conexión de varias computadoras por medio del Switch” en la cual lleves a cabo la

conexión de al menos tres computadoras.

c) Elabora una bitácora de la práctica “Conexión de varias computadoras por medio del Switch”, además

realiza la filmación y narración del proceso de conexión.

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

d) Demuestra a tus compañeros la comunicación entre las computadoras mediante el Switch y muestra el

video como evidencia de la realización de la práctica.

4. Escribe tus conclusiones sobre la práctica: “Cómo llevar a cabo la conexión de varias computadoras

por medio del Switch”.

_________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

__________________________________________________________________________________________

________


asasasasas

95 BLOQUE 2

Simulador Cisco Packet Tracer.

Packet Tracer es la herramienta de aprendizaje y simulación de redes interactiva para los instructores y alumnos de

Cisco CCNA.

Esta herramienta les permite a los usuarios crear topologías de red, configurar dispositivos, insertar paquetes y

simular una red con múltiples representaciones visuales. Packet Tracer se enfoca en apoyar mejor los protocolos de

redes que se enseñan en el currículum de CCNA.

Este producto tiene el propósito de ser usado como un producto educativo que brinda exposición a la interfaz

comando – línea 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 topología física de la red simplemente arrastrando los dispositivos

a la pantalla. Luego clickando en ellos entras a sus consolas de configuración. Allí están soportados todos los

comandos del Cisco IOS e incluso funciona el "tabcompletion". Una vez completada la configuración física y lógica de

la red puedes hacer simulaciones de conectividad (pings, traceroutes, etc.) todo ello desde las propias consolas

incluidas.


Reconocimiento de la interfaz gráfica

1. Inicie el programa Packet Tracer 5.2.

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

específicos aparecerán los modelos de los equipos pertenecientes al grupo general.

4. Identifique los tipos y modelos de dispositivos que contiene el simulador.

5. Conexiones, tienen todas las conocidas, desde automáticas, que detectan el tipo correcto entre dispositivos,

hasta punto a punto (Cooper Straight - through), cruzadas (Cooper Crossover), consola (console), fibra óptica

(fiber), teléfono (telephone), Serial DCE y Serial DTE.

asasasasas

97 BLOQUE 2

6. La barra de acceso común provee herramientas para la manipulación de los dispositivos, las cuales se detallan a

continuación. El orden de descripción es el mismo orden en que aparecen los iconos de la barra.

Selección de dispositivos y conexiones, no selecciona conexiones wireless.

Movimiento de Rejilla, moviliza los dispositivos alrededor del área de trabajo.

Notas, permite agregar notas que enriquecen de conocimiento, del área de trabajo.

Eliminar, permite eliminar cualquier dispositivo, conexión (excepto wireless) y notas.

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.

Mensaje Complejos UDP, permite crear paquetes personalizados entre dispositivos.

Colocación e interconexión de 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 más 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 botón del dispositivo que selecciono.

3. Coloque en el área de trabajo los dispositivos que se muestran en la figura.


4. Elimine un Router, para ello utilice en botón que se encuentra en la barra de acceso común 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.

6. Posicione nuevamente tres Router modelo 1841 en el mismo lugar.

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

están 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 ratón sobre cualquier dispositivo sin dar clic, se desplegara un recuadro con

información. ¿Qué clase de información es?

Asigne direcciones IP y mascara de subred a los dispositivos finales PC0, PC1, PC2 y al servidor según la

tabla, para esto de un clic derecho al dispositivo, luego clic a la pestaña Desktop, IP Configuración.

PC0 PC1 PC2 Servidor

IP 192.168.0.2 192.168.0.3 192.168.0.4 10.0.0.2

Mascara 255.255.255.0 255.255.255.0 255.255.255.0 255.0.0.0

Luego nuevamente clic derecho a la PC0, pestaña 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?

asasasasas

99 BLOQUE 2

Modo de simulación

1. Hay dos modos que nos presenta Packet Tracer, uno el modo real, en donde se crean las configuraciones y se

dispone la posición de los dispositivos; y el modo simulación en el cual se visualiza el tráfico de la red construida.

Ejercicio 3:

Cambie al modo de simulación 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.

Aumente la velocidad de simulación con la barra de desplazamiento.

Inicia la simulación con el botón Auto capture/Play y describa lo que sucede.

Detén la simulación con el botón Auto capture/Play, de clic derecho en el botón Edit filter y deje seleccionado

únicamente los paquetes ICMP.


Cierre

Evaluación

Actividad: 5 Producto: Reporte de práctica. Puntaje:

Saberes


Identifica los elementos del

Simulador de redes de Cisco.

Realiza la simulación de una red

informática mediante el uso del

simulador de Cisco.

Muestra un actitud positiva y

activa en el trabajo colaborativo.


docente

En equipo de cinco, utiliza el programa Cisco Packet Tracer, para simular la instalación de

la red del centro de cómputo de tu escuela, lleva a cabo la exposición de la simulación, y

escribe tus conclusiones sobre el uso del Simulador Cisco Packet Tracer.

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

______________________

Actividad: 5

asasasasas

101 BLOQUE 2


http://www.mailxmail.com/curso-redes-inalambricas-wi-fi-futuro-

comunicacion/introduccion-redes-inalambricas




http://www.monografias.com/trabajos15/topologias-

neural/topologias-neural.shtml





http://www.desarrolloweb.com/de_interes/the-grid-nueva-super-red-

redes-72.html


http://www.cisco.com/web/learning/netacad/course_catalog/PacketTracer.html

http://www.garciagaston.com.ar/verpost.php?id_noticia=112




















(software).

7. Diseña y actualiza páginas Web, de acuerdo con los requerimientos del usuario (multimedia).


Diseña páginas web utilizando las herramientas de programas integrados, contribuyendo de manera responsable a

la comunicación global en diferentes contextos.


1. Enfrenta las dificultades que se le presentan y es consciente de sus valores, fortalezas y debilidades.

2. Administra los recursos disponibles teniendo en cuenta las restricciones para el logro de sus metas.
















14. Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un curso de acción

con pasos específicos.




BLOQUE 3. Editor de páginas web.

104 EDITOR DE PÁGINAS WEB


Introducción al programa Dreamweaver CS4.

Inicio

Evaluación


Saberes


Reconoce la diferencia entre una

página y un sitio web, así como

identificar los lenguajes de

marcado y programación.

Analiza las diferencias entre una

página web y un sitio web.

Con atención realiza la actividad

solicitada.

Autoevaluación

C MC NC

Calificación otorgada por el Docente

Responde las siguientes preguntas.

1. ¿Qué es una página web?

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

2. ¿Qué tipo de información se puede utilizar en una página web?

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

3. Menciona el lenguaje de marcado implementado por World Wide Web, para la creación de páginas web.

______________________________________________________________________________________________

4. Menciona dos lenguajes de programación para la creación de páginas web.

______________________________________________________________________________________________

5. ¿Qué diferencia existe entre una página web y un sitio web?

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

6. Menciona tres programas para la creación de páginas web.

______________________________________________________________________________________________

______________________________________________________________________________________________

------------------------

Actividad: 1

105 BLOQUE 3

Desarrollo

Introducción al Dreamweaver.

El espacio de trabajo de Adobe® Dreamweaver® CS4 contiene barras de herramientas,

inspectores y paneles que le permiten crear páginas Web. Puede personalizar el aspecto

general y el comportamiento del espacio de trabajo.

Flujo de trabajo de Dreamweaver.

Se pueden utilizar varios métodos para crear un sitio Web; éste es uno de ellos:

1) Planificación y configuración del sitio.

Determina la ubicación de los archivos y examina las necesidades del sitio, el perfil de la audiencia y sus objetivos.

Además, debes tener en cuenta los requisitos técnicos como el acceso de los usuarios, las limitaciones del

navegador, los plugins o la descarga de archivos. Una vez que hayas organizado la información y determinado una

estructura, podrás comenzar a crear el sitio.

2) Organización y administración de los archivos del sitio.

En el panel Archivos puede añadir, borrar y cambiar el nombre

de los archivos y carpetas fácilmente con el fin de modificar la

organización según resulte necesario. Allí encontrarás

numerosas herramientas que te ayudarán a administrar el

sitio, transferir archivos desde y hacia un servidor remoto,

configurar un proceso de Protección/desprotección que evite

que se sobrescriban archivos y sincronizar los archivos de los

sitios local y remoto.

El panel Activos permite organizar fácilmente los activos de un

sitio, que se pueden arrastrar directamente desde el panel

hasta un documento de Dreamweaver. Puede utilizar

Dreamweaver para administrar diversos aspectos de tus sitios

de Adobe® Contribute®.

3) Diseño de las páginas Web.

Elije el diseño más apropiado, o combina las opciones de diseño de Dreamweaver para

definir el aspecto de tu sitio.

En la creación de su diseño puede utilizar elementos PA, estilos de posición CSS o diseños

CSS predefinidos de Dreamweaver. Las herramientas de tabla te permiten diseñar páginas

rápidamente y, posteriormente, reorganizar la estructura de las mismas. Para mostrar varios

documentos de forma simultánea en un navegador, pueden utilizarse marcos para diseñar

los documentos. Por último, se puede crear páginas nuevas basadas en una plantilla de

Dreamweaver y actualizar su diseño de forma automática cuando cambie la plantilla.

Nota: CSS, son hojas

de estilo en cascada

(en inglés Cascading

Style Sheets), CSS es

un lenguaje usado para

definir la presentación

de un documento

estructurado escrito en

HTML o XML

http://images.google.com.mx/imgres?imgurl=http://img40.xooimage.com/files/3/7/2/dreamweaver-109330d.png&imgrefurl=http://www.taringa.net/posts/taringa/2886260/Manual-De-Dreamweaver-cs4-(Muy-Bueno).html&usg=__cEkYp6qQldp_v7oI1B4iM3Z8Rj8=&h=512&w=512&sz=119&hl=es&start=10&um=1&itbs=1&tbnid=fbY2ulnClkqFhM:&tbnh=131&tbnw=131&prev=/images?q=logo+dreamweaver+cs4&um=1&hl=es&sa=N&rlz=1W1TSNA_en___MX363&tbs=isch:1


4) Adición de contenido a las páginas.

Implementa activos y elementos de diseño, como

texto, imágenes, imágenes de sustitución, mapas de

imágenes, colores, películas, sonido, vínculos HTML,

menús de salto y mucho más. Puede utilizar

funciones de creación de páginas incrustadas para

dichos elementos, como títulos y fondos, escribir

directamente en la página o importar contenido desde

otros documentos.

Dreamweaver también proporciona comportamientos

para llevar a cabo tareas en respuesta a eventos

específicos, como la validación de un formulario

cuando el visitante hace clic en el botón Enviar o abrir

una segunda ventana del navegador cuando la

página principal ha terminado de cargarse.

Por último, Dreamweaver incluye herramientas para

maximizar el rendimiento del sitio Web y para la

comprobación de las páginas, con objeto de

garantizar su compatibilidad con navegadores Web

distintos.

5) Creación de páginas mediante la introducción manual de código.

La codificación manual de páginas Web es otro método de crear páginas. Dreamweaver ofrece sencillas

herramientas de edición visual, pero también incluye un entorno de codificación más sofisticado. Puede utilizar el

método que prefiera, o una combinación de ambos, para crear y editar sus páginas.

107 BLOQUE 3

6) Configuración de una aplicación Web para contenido dinámico.

Muchos sitios Web contienen páginas dinámicas que

permiten a los visitantes ver información almacenada en

bases de datos y que suelen permitirles añadir y editar

información. Para crear esas páginas, debes configurar

primero un servidor y una aplicación Web, crear o

modificar un sitio de Dreamweaver y conectarse a una

base de datos.

7) Creación de páginas dinámicas.

En Dreamweaver se pueden definir diversas fuentes de

contenido dinámico, incluidos juegos de registros

extraídos de bases de datos, parámetros de formularios y

componentes JavaBeans. Para añadir el contenido

dinámico a una página, basta con arrastrarlo a ella.

Puede establecer que los registros de la página aparezcan de uno en uno o en grupos,

mostrar varias páginas de registros, añadir vínculos especiales para pasar de una

página de registros a la siguiente (o a la anterior) y crear contadores para que los

usuarios puedan llevar un control de los registros. Puede incorporar lógica de

aplicaciones o empresarial mediante tecnologías como Adobe® ColdFusion® y

servicios Web. Si necesita más flexibilidad, puede crear sus propios comportamientos de

servidor y formularios interactivos.

8) Comprobación y publicación.

La comprobación de las páginas es un proceso continuo que se lleva a cabo

durante todo el ciclo de desarrollo. Al final del ciclo, publicará el sitio en un

servidor. Muchos desarrolladores también programan operaciones de

mantenimiento periódico para asegurarse de que el sitio se mantiene actualizado y

operativo.

Nota: Los JavaBeans

son un modelo de

componentes creado

por Sun Microsystems

para la construcción de

aplicaciones en Java.

Adobe® ColdFusion®.

Permite a los

desarrolladores crear,

implantar y mantener de

forma rápida

aplicaciones de Internet

eficaces para la

empresa.

http://es.wikipedia.org/wiki/Sun_Microsystems

http://es.wikipedia.org/wiki/Lenguaje_de_programaci%C3%B3n_Java


Evaluación

Actividad: 2 Producto: Tabla descriptiva. Puntaje:

Saberes


Reconoce los pasos necesarios

para crear una página web.

Examina los pasos que son

necesarios para diseñar una página

web.

Se interesa por realizar la

actividad con eficacia.

Autoevaluación


docente

Completa la siguiente tabla sobre los pasos para crear una página web.

Descripción

Planificación y configuración del sitio.

Organización y administración de los archivos del

sitio.

Diseño de las páginas Web.

Adición de contenido a las páginas.

Creación de páginas mediante la introducción manual

de código.

Configuración de una aplicación Web para contenido

dinámico.

Creación de páginas dinámicas.

Comprobación y publicación.

Actividad: 2

109 BLOQUE 3

Introducción al diseño del espacio de trabajo

El espacio de trabajo de Dreamweaver permite ver las propiedades de los documentos y los objetos. Además, coloca

muchas de las operaciones más frecuentes en barras de herramientas para que pueda realizar cambios en los

documentos rápidamente.

En Windows®, Dreamweaver proporciona un diseño integrado en una única ventana. En el espacio de trabajo

integrado, todas las ventanas y paneles están integrados en una única ventana de la aplicación de mayor tamaño.

Opciones básicas de trabajo

Arrancar y cerrar Dreamweaver CS4

Veamos las dos formas básicas de arrancar

Dreamweaver CS4.

Desde el botón Inicio (Windows Vista y

Windows 7) situado, normalmente, en la esquina

inferior izquierda de la pantalla. Colocar el cursor

y hacer clic sobre el botón Inicio, se despliega

un menú. Al colocar el cursor sobre Todos los

programas aparece otra lista con los programas

que hay instalados en tu ordenador, buscar

Adobe Dreamweaver CS4 y haz clic sobre él

para arrancar el programa.

Desde el icono de Dreamweaver CS4 del

Escritorio.


Para cerrar Dreamweaver CS4, podemos utilizar cualquiera de las siguientes operaciones:

Hacer clic en el botón cerrar , en la esquina superior derecha, como en cualquier ventana de Windows.

Pulsar la combinación de teclas Alt + F4.

Pulsar la combinación de teclas Ctrl + Q.

Hacer clic sobre el menú Archivo y elegir la opción Salir.

111 BLOQUE 3

Abrir y Guardar documentos

Para abrir un documento, puedes utilizar cualquiera de las siguientes operaciones:

Hacer clic en el botón abrir de la barra de herramientas estándar (si está visible).

Pulsar la combinación de teclas Ctrl + O.

Hacer clic sobre el menú Archivo y elegir la opción Abrir.

Hacer doble clic sobre el Archivo en la ventana del sitio.

Hacer clic derecho sobre el Archivo en el explorador de Windows, y elegir la opción Abrir con → Adobe Dreamweaver

CS4.

Para abrir un documento Nuevo, puedes utilizar cualquiera de las siguientes operaciones:

Hacer clic en el botón Nuevo de la barra de herramientas estándar (si está visible).

Pulsar la combinación de teclas Ctrl + N.

Hacer clic sobre el menú Archivo y elegir la opción Nuevo.

Después de esto aparecerá una nueva ventana, en la que deberás elegir la Categoría Página en Blanco.

En la segunda columna seleccionamos HTML, observamos que hay muchos diseños ya creados que podemos

elegir, para nuestro primer ejemplo elegimos en Diseño ninguno. A continuación pulsamos el botón Crear.


Para Guardar un documento, puedes utilizar cualquiera de las siguientes operaciones.

Hacer clic en el botón Guardar de la barra de herramientas

estándar.

Pulsar la combinación de teclas Ctrl + S.

Hacer clic sobre el menú Archivo y elegir la opción Guardar.

Dreamweaver incluye la posibilidad de, en el caso de estar trabajando

simultáneamente 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 botón Guardar Todo de la barra de herramientas

estándar.

Hacer clic sobre el menú Archivo y elegir la opción Guardar Todo.

Al tener varios documentos abiertos es fácil olvidarse de todas las modificaciones hechas en cada uno de ellos.

Debes tener mucho cuidado al utilizar la opción 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 opción, 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.

113 BLOQUE 3

Entorno de trabajo.

En Windows®, Dreamweaver proporciona un diseño integrado en una única ventana. En el espacio de trabajo

integrado, todas las ventanas y paneles están integrados en una única ventana de la aplicación de mayor tamaño.

A. Barra de aplicaciones B. Barra de herramientas Documento C. Ventana de documento D.

Grupos de paneles E. Conmutador de espacios de trabajo F. Selector de etiquetas G. Inspector

de propiedades H. Panel Archivos.

Introducción a los elementos del espacio de trabajo

El espacio de trabajo incluye los siguientes elementos.

La ventana de bienvenida. Permite abrir un documento reciente o crear un documento nuevo. Desde la pantalla de

bienvenida, también puede profundizar sus conocimientos sobre Dreamweaver mediante una visita guiada o un

tutorial del producto.

Barra de la aplicación. A lo largo de su parte superior, la ventana de la aplicación contiene un conmutador de

espacios de trabajo, menús (sólo Windows) y otros controles de aplicación.

Barra de herramientas Documento. Contiene botones que proporcionan opciones para diferentes vistas de la

ventana de documento (como la vista Diseño y la vista Código), diversas opciones de visualización y algunas

operaciones comunes como la obtención de una vista previa en un navegador.

Barra de herramientas Estándar. (No se muestra en el diseño de espacio de trabajo predeterminado.) Contiene

botones para las operaciones más habituales de los menús Archivo y Edición: Nuevo, Abrir, Examinar en Brigde,

Guardar, Guardar todo, Imprimir código, Cortar, Copiar, Pegar, Deshacer y Rehacer. Para mostrar la barra de

herramientas Estándar, seleccione Ver > Barras de herramientas > Estándar.

Barra de herramientas Codificación. (Sólo se muestra en la vista Código.) Contiene botones que le permiten

realizar numerosas operaciones de codificación estándar.

Nota:

Dreamweaver ofrece

otros muchos paneles,

inspectores y ventanas.

Para abrir los paneles,

inspectores y ventanas,

utilice el menú Ventana.


Barra de herramientas Representación de estilos. (Oculta de manera predeterminada.) Contiene botones

que le permiten ver cómo aparecería el diseño en distintos tipos de medios si utilizase hojas de estilos.

dependientes de los medios. También contiene un botón 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 diseño 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 jerarquía de etiquetas que rodea a la selección actual. Da clic en cualquier etiqueta de la

jerarquía 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 inserción de diversos tipos de objeto, como imágenes, tablas y

elementos multimedia, en un documento. Cada objeto es un fragmento de código HTML que te permite

establecer diversos atributos al insertarlo. Por ejemplo, puedes insertar una tabla haciendo clic en el botón

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 también 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 Diseño. Un entorno para el diseño visual de la página, la edición visual y el desarrollo rápido de

aplicaciones. En esta vista, Dreamweaver muestra una representación visual del documento completamente

editable, similar a la que aparecería en un navegador.

Vista Código. Un entorno de codificación manual para escribir y editar código HTML, Java Script, código de

lenguaje de servidor, como por ejemplo PHP o ColdFusion Markup Language (CFML), y otros tipos de

código.

Vista de código dividida. Versión dividida de la vista Código que le permite desplazarse por el trabajo

realizado en diferentes secciones del documento a la vez.

Vistas Código y Diseño. Le permite ver las dos vistas, Código y Diseño, para el mismo documento en una

sola ventana.

Vista en vivo. La Vista en vivo, que es similar a la vista Diseño, muestra una representación más realista de la

apariencia que tendrá el documento en un navegador y le permite interactuar con el documento de la misma

forma que lo haría en un navegador. La Vista en vivo no es editable. No obstante, puede realizar

modificaciones en la vista Código y actualizar la Vista en vivo para ver los cambios.

Vista Código en vivo. Sólo está disponible al visualizar un documento en la Vista en vivo. La vista Código en

vivo muestra el código que un navegador utiliza para ejecutar la página y cambia dinámicamente conforme

se interactúa con la página en la Vista en vivo. La vista Código en vivo no es editable.

115 BLOQUE 3

Cuando una ventana de documento está maximizada (configuración predeterminada), aparecen fichas en la parte

superior de la misma con los nombres de archivo de todos los documentos abiertos. Recuerda que Dreamweaver

muestra un asterisco después del nombre del archivo si ha realizado cambios que no has guardado todavía.

Para cambiar a un documento, da clic en su ficha.

Dreamweaver también muestra la barra de herramientas Archivos relacionados

debajo de la ficha del documento (o debajo de la barra de título del documento

si estás viendo documentos en ventanas independientes). Los documentos

relacionados son documentos asociados al documento actual, como archivos

CSS o archivos Java Script. Para abrir uno de los archivos relacionados en la

ventana de documento, haga clic en su nombre de archivo en la barra de

herramientas Archivos relacionados.

Nota: JavaScript es un

lenguaje de scripting

basado en objetos,

utilizado para acceder a

objetos en aplicaciones.

Completa los siguientes cuadros y participa en un debate grupal.

1. Sobre el tema de los “Elementos del espacio de trabajo”, escribe en el paréntesis, 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

Actividad: 3

http://es.wikipedia.org/wiki/Script_(inform%C3%A1tica)


2. Con respecto al tema “Abrir y guardar documentos”, escribe la función de cada elemento.

Elemento Función

3. En el tema “Introducción a la ventana del documento” se estudiaron las diferentes vistas del documento, a

continuación describe de cada una de ellas.

Vistas Descripción

Vista Diseño.

Vista Código.

Vista de código dividida.

Vistas Código y Diseño.

Vista en vivo.

Vista Código en vivo.


117 BLOQUE 3

Evaluación


Saberes


Identifica los elementos de la ventana

de documento del Dreamweaver.

Conceptualiza las diferentes vistas de la

venta de documentos.

Muestra apertura e interés al realizar la

actividad.

Autoevaluación


docente

Herramientas de documento.

La barra de herramientas Documento contiene botones que le permiten cambiar rápidamente entre diferentes vistas

del documento. La barra de herramientas contiene también algunos comandos y opciones relativos a la visualización

del documento y a su transferencia entre los sitios local y remoto. La siguiente ilustración muestra la barra de

herramientas de documento ampliada.

A. Mostrar vista de código B. Mostrar vistas de código y diseño C. Mostrar vista de diseño D. Vista en vivo E. Vista

Código en vivo F. Título del documento G. Administración de archivos H. Vista previa/Depurar en explorador I. Actualizar

vista de diseño J. Ver opciones K. Ayudas visuales L. Validar formato M. Comprobar compatibilidad con navegadores

En la barra de herramientas Documento, aparecen las siguientes opciones:

A. Mostrar vista de código. Sólo muestra la vista Código en la ventana de

documento.

B. Mostrar vistas de código y diseño. Divide la ventana de documento entre las

vistas Código y Diseño. Cuando seleccione esta vista combinada, se encontrará

disponible la opción Vista de diseño encima del menú Ver.

C. Mostrar vista de diseño. Sólo muestra la vista Diseño en la ventana de

documento.

D. Vista en vivo. Muestra una vista del documento no editable, interactiva y basada

en navegador.

E. Vista Código en vivo. Muestra el código en sí utilizado por el navegador para

ejecutar la página.

F. Título del documento. Permite introducir un título para el documento, que

parecerá en la barra de título del navegador. Si el documento ya tiene título, éste

aparecerá en dicho campo.

G. Administración de archivos. Muestra el menú emergente Administración de

archivos.

H. Vista previa/Depurar en explorador. Le permite obtener una vista previa o depurar

el documento en un navegador. Seleccione un navegador en el menú emergente.

I. Actualizar vista de diseño. Actualiza la vista Diseño tras realizar cambios en la vista

Código. Los cambios realizados en la vista Código no aparecerán de forma

automática en la vista Diseño hasta que se efectúen determinadas acciones, como

guardar el archivo o hacer clic en este botón.

Nota:

Si trabaja con XML,

JavaScript, CSS u otros

tipos de archivos

basados en código, no

podrá ver los archivos

en la vista Diseño y los

botones Diseño y Dividir

aparecerán atenuados.


J. Ver opciones. Permite definir las opciones de las vistas Código y Diseño y

establecer qué vista desea que aparezca en la parte superior de la ventana. Las

opciones del menú corresponden a la vista actual: la vista Diseño, la vista Código o

ambas.

K. Ayudas visuales. Permite utilizar distintas ayudas visuales para el diseño de las

páginas.

L. Validar formato. Permite validar el documento actual o una etiqueta seleccionada.

M. Comprobar compatibilidad con navegadores. Le permite comprobar si el CSS es

compatible con diferentes navegadores.

Barra de herramientas Estándar.

La barra de herramientas Estándar contiene botones para las operaciones más habituales de los menús Archivo y

Edición: Nuevo, Abrir, Examinar en Brigde, Guardar, Guardar todo, Imprimir código, Cortar, Copiar, Pegar, Deshacer y

Rehacer. Estos botones se utilizan del mismo modo que los comandos de menú equivalentes.

A. Nuevo, B. Abrir, C. Examinar en Brigde, D. Guardar,

E. Guardar todo, F. Imprimir código, G. Cortar,

H. Copiar, I. Pegar, J. Deshacer y K. Rehacer.

Barra de estado.

La barra de estado, situada en la parte inferior de la ventana de documento, proporciona información adicional sobre

el documento que está creando.

A. Selector de etiquetas B. Herramienta Seleccionar C. Herramienta Mano D. Herramienta Zoom

E. Establecer nivel de aumento F. Menú emergente Tamaño de ventana

G. Tamaño del documento y tiempo de descarga estimado H. Indicador de codificación.

A. Selector de etiquetas. Muestra la jerarquía de etiquetas que rodea a la selección actual. Haga clic en cualquier

etiqueta de la jerarquía 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 botón de derecho del ratón (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 Tamaño de ventana. (No disponible en la vista Código.) Permite cambiar el tamaño de la

ventana de documento a dimensiones predeterminadas o personalizadas.

F. Tamaño del documento y tiempo de descarga. Muestra la estimación del tamaño del documento y del tiempo de

descarga de la página, incluidos todos los archivos dependientes, como imágenes y otros archivos multimedia.

G. Indicador de codificación. Muestra la codificación del texto del documento actual.

Nota:

La actualización también

actualiza funciones de

código que dependen

del DOM (modelo de

objeto de documento),

como la capacidad para

seleccionar las etiquetas

inicial y final de un

bloque de código.

119 BLOQUE 3

Herramientas de Codificación.

La barra de herramientas Codificación contiene botones que le permiten realizar numerosas

operaciones de codificación estándar, como ampliar y contraer las selecciones de código,

resaltar código no válido, insertar o eliminar comentarios, aplicar sangría al código e insertar

fragmentos de código utilizados recientemente.

La barra de herramientas Codificación aparece verticalmente en la parte izquierda de la ventana

de documento y sólo está visible cuando se muestra la vista Código.

No puedes desacoplar ni mover la barra de herramientas Codificación, pero sí puedes ocultarla

(Ver > Barras de herramientas > Codificación).

También puedes modificar la barra de herramientas Codificación para que muestre más botones

(como Ajustar texto, Caracteres ocultos y Sangría automática) u ocultar botones que no desea

utilizar.

Para ello, no obstante, deberá editar el archivo XML que genera la barra de herramientas. Para

más información, consulte Ampliación de Dreamweaver.

A. Abrir documentos, B. Mostrar navegador de código, C. Contraer etiqueta completa,

D. Contraer selección. E. Expandir Todo, F. Seleccionar etiqueta padre, G. Equilibrar llaves,

H. Números de líneas, I. Resaltar código no válido, J. Alerta de errores de sintaxis, K. Aplicar

comentario. L. Quitar comentario, M. Ajuste de etiqueta, N. Fragmentos recientes, O. Mover o

convertir CSS.

Herramientas de Representación de Estilos.

La barra de herramientas Representación de estilos (oculta de manera predeterminada) contiene botones que le

permiten ver cómo aparecería el diseño en distintos tipos de medios si utilizase hojas de estilos dependientes de los

medios.

También contiene un botón con el que es posible activar o desactivar los estilos CSS. Para mostrar la barra de

herramientas, seleccione Ver > Barras de herramientas > Representación de estilos.

Esta barra de herramientas sólo 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 diseño para una pantalla (que muestra cómo se representa una

página en la pantalla del equipo).

Puedes ver las representaciones para los diferentes soportes haciendo clic en los correspondientes botones de la

barra de herramientas Representación de estilos.


A. Representar tipo de medio Screen. Muestra cómo

aparece la página en la pantalla de un equipo.

B. Representar tipo de medio Print. Muestra cómo aparece

la página en una hoja de papel impresa.

C. Representar tipo de medio Handheld. Muestra cómo

aparece la página en un dispositivo de mano, como un

teléfono móvil o un dispositivo BlackBerry.

D. Representar tipo de medio Projection. Muestra cómo

aparece la página en un dispositivo de proyección.

E. Representar tipo de medio TTY. Muestra cómo aparece la página en un teletipo.

F. Representar tipo de medio TV. Muestra cómo aparece la página en la pantalla de televisión.

G. Alternar visualización de estilos CSS. Le permite activar o desactivar estilos CSS. Este botón funciona de manera

independiente a los demás botones de medios.

H. Hojas de estilos de tiempo de diseño. Le permite especificar una hoja de estilos de tiempo de diseño.

Completa las siguientes tablas y participa en un debate grupal.

I. Escribe el numero del nombre del botón de la “Barra de herramientas del documento” en el icono que

corresponda.

1. Mostrar vistas de código y

diseño 2. Título del documento

3. Vista en vivo 4. Ver opciones

5. Actualizar vista de diseño 6. Mostrar vista de código

7. Administración de archivos 8. Vista previa/Depurar en

explorador

9. Vista Código en vivo 10. Mostrar vista de diseño

11. Validar formato 12. Ayudas visuales

13. Comprobar compatibilidad

con navegadores

Actividad: 4

121 BLOQUE 3

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)

III. ¿Cuál es la función de la barra de herramientas de codificación?

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

IV. Menciona cinco botones de la barra de herramientas de codificación.

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________

__________________________________________________________________________________________________



Evaluación

Actividad: 4 Producto: Actividades diversas. Puntaje:

Saberes


Reconoce los elementos de la

ventana de documento del

Dreamweaver.

Distingue los diferentes elementos

de las barras del entorno de trabajo

del Dreamweaver.

Muestra apertura y respeto para

escuchar las opiniones de sus

compañeros y docente.

Autoevaluación


docente

V. Escribe en el paréntesis que correcto, la letra del icono que corresponde a la definición de

cada elemento de la barra de herramientas de representación de estilos.

Muestra cómo aparece la página en la

pantalla de un equipo. ( ) ( )

Muestra cómo aparece la página en un

dispositivo de proyección.


teletipo. ( ) ( )

Le permite activar o desactivar estilos

CSS. Este botón funciona de manera

independiente a los demás botones de

medios.


dispositivo de mano, como un teléfono

móvil o un dispositivo BlackBerry.

( ) ( )

Muestra cómo aparece la página en

una hoja de papel impresa.

Le permite especificar una hoja de estilos

de tiempo de diseño. ( ) ( )

Muestra cómo aparece la página en la

pantalla de televisión.


123 BLOQUE 3

Descripción general del inspector de propiedades.

El inspector de propiedades permite examinar y editar las propiedades más comunes del elemento de página

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 página Web que estemos diseñando.

El contenido del inspector de propiedades es distinto en función del elemento seleccionado. Por ejemplo, si

selecciona una imagen de la página, 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.


Panel Insertar.

El panel Insertar contiene botones para crear e insertar objetos como

tablas, imágenes y vínculos. Los botones están ordenados en diferentes

categorías, entre las que puede cambiar seleccionando la categoría

deseada del menú desplegable Categoría. Si el documento actual

contiene código de servidor, como los documentos ASP o CFML,

aparecen también otras categorías.

Algunas categorías tienen botones con menús emergentes. Al seleccionar

una opción de un menú emergente, dicha opción se convierte en la

acción predeterminada del botón. Por ejemplo, si selecciona Marcador de

posición de imagen en el menú emergente del botón Imagen, la siguiente

vez que haga clic en el botón Imagen, Dreamweaver insertará un

marcador de posición de imagen. Siempre que seleccione una nueva

opción del menú emergente cambiará la acción predeterminada del

botón.

El panel Insertar está organizado en las categorías siguientes:

A. Categoría Común. Permite crear e insertar los objetos que se utilizan con

más frecuencia, como las imágenes y las tablas.

B. Categoría Diseño. Permite insertar tablas, elementos de tabla, etiquetas div,

marcos y widgets de Spry. También puede elegir dos vistas para tablas:

Estándar (valor predeterminado) y Tablas expandidas.

C. Categoría Formularios. Contiene botones que permiten crear formularios e

insertar elementos de formulario, incluidos widgets de validación de Spry.

D. Categoría Datos. Permite insertar objetos de datos de Spry y otros

elementos dinámicos, como juegos de registros, regiones repetidas y grabar

formularios de inserción y actualización.

E. Categoría Spry. Contiene botones para crear páginas de Spry, incluidos

objetos de datos y widgets de Spry.

F. Categoría InContext Editing. Contiene botones para la creación de páginas

de InContext Editing, incluidos botones para Regiones editables, Regiones

repetidas y la administración de clases CSS.

G. Categoría Texto. Permite insertar diversas etiquetas de formato de texto y

listas, como b, em, p, h1 y ul.

H. Categoría Favoritos. Permite agrupar y organizar los botones del panel

Insertar que utiliza con más frecuencia en un lugar común.

I. Categorías de código de servidor. Sólo están disponibles para las páginas

que emplean un lenguaje de servidor determinado, como ASP, CFML Basic,

CFML Flow, CFML Advanced, y PHP. Cada una de estas categorías contiene

objetos de código de servidor que pueden insertarse en la vista Código.

125 BLOQUE 3

A diferencia de otros paneles de Dreamweaver, el panel Insertar se puede

arrastrar fuera de su posición de acoplamiento predeterminada y colocarse en

una posición horizontal en la parte superior de la ventana de documento.

Al hacerlo, cambia de panel a barra de

herramientas (aunque no puede ocultarla y

mostrarla como el resto de barras de

herramientas).

Nota:

Adobe Spry es una

biblioteca JavaScript que

proporciona a los

diseñadores construir

páginas que proporcionan

una experiencia más

interactiva.


/

Completa las siguientes tablas y participa en un debate grupal.

1. En el inspector tenemos las propiedades HTML y CSS, identifica cada uno de los siguientes iconos, a

continuación escribe una H si pertenecen a la propiedad HTML, una C si pertenecen a la propiedad CSS y

HC si pertenecen a ambas propiedades.

2. Con respecto al panel Insertar, escribe en la tabla la categoría según la descripción.

Descripción Categoría

Contiene botones para crear páginas de Spry, incluidos objetos de datos y

widgets de Spry.

Permite insertar objetos de datos de Spry y otros elementos dinámicos,

como juegos de registros, regiones repetidas y grabar formularios de

inserción y actualización.

Contiene botones que permiten crear formularios e insertar elementos de

formulario, incluidos widgets de validación de Spry.

Permite insertar tablas, elementos de tabla, etiquetas div, marcos y widgets

de Spry. También puede elegir dos vistas para tablas: Estándar (valor

predeterminado) y Tablas expandidas.

Permite crear e insertar los objetos que se utilizan con más frecuencia,

como las imágenes y las tablas.

Permite insertar diversas etiquetas de formato de texto y listas, como b, em,

p, h1 y ul.

Actividad: 5

127 BLOQUE 3

Evaluación


Saberes


Identifica los elementos del

inspector de propiedades del

Dreamweaver.

Diferencia los elementos del

inspector de propiedades del

dreamweaver.



Autoevaluación


docente

Panel archivos.

Utiliza el panel Archivos para ver y administrar los archivos del sitio de

Dreamweaver.

Al visualizar sitios, archivos o carpetas en el panel Archivos, puede

cambiar el tamaño del área de visualización y expandir o contraer el panel

Archivos.

Cuando el panel Archivos se contrae, muestra el contenido del sitio local,

el sitio remoto, el servidor de prueba o el depósito SVN como una lista de

archivos. Cuando está ampliado, además del sitio local, muestra el sitio

remoto o el servidor de prueba o el depósito SVN.

Para sitios de Dreamweaver, también puede personalizar el panel Archivos cambiando la vista (sitio local o sitio

remoto) que aparece de forma predeterminada en el panel contraído.

Sitio local

La forma habitual de crear un sitio consiste en crear una carpeta en el disco local. Los

documentos HTML normalmente se crean dentro de dicha carpeta, mientras que para

contener las imágenes, las animaciones, archivos de tipos específico, etc., se deben

crear nuevas carpetas dentro de ésta, con el objetivo de tener una mejor organización

de los archivos a la hora de trabajar. Esto es lo que se conoce como sitio local.

Sitio Remoto

El sitio local y el sitio remoto tienen la misma estructura. El sitio local es la copia del

sitio con la que trabajaremos, y los cambios los actualizaremos en el sitio remoto.

Después se podrán 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.

Nota: Para definir un

sitio de Dreamweaver,

sólo tiene que configurar

una carpeta local. Sin

embargo, para transferir

archivos a un servidor

Web o desarrollar

aplicaciones Web,

también debe añadir

datos para un sitio

remoto y un servidor de

prueba.


Sitios de Dreamweaver

En Dreamweaver, el término “sitio” se emplea para referirse a una ubicación 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 vínculos y administrar y compartir archivos. Para aprovechar al máximo las funciones de

Dreamweaver, debe definir un sitio.

Un sitio de Dreamweaver consta de un máximo de tres partes o carpetas, según el entorno de desarrollo y el tipo de

sitio Web que se desarrolle:

Carpeta raíz 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 también se puede encontrar en

un servidor de red.

Carpeta remota. Almacena los archivos para pruebas, producción, colaboración, 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 administración 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.

Carpeta de servidor de prueba. Es la carpeta en la que Dreamweaver procesa páginas dinámicas.

Utilización del cuadro de diálogo Administrar sitios

Utilice el cuadro de diálogo Administrar sitios para crear

un nuevo sitio, editar, duplicar, eliminar un sitio o importar

o exportar la configuración de un sitio.

1. Seleccione Sitio > Administrar sitios y seleccione un

sitio de la lista de la izquierda.

2. Haga clic en un botón para seleccionar una de las

opciones y haga clic en Listo.

Nuevo. Permite crear un sitio nuevo.

Editar. Sirve para modificar un sitio existente.

Duplicar. Crea una copia del sitio seleccionado. La

copia aparece en la ventana de lista de sitios.

Quitar. Elimina el sitio seleccionado; no podrá

deshacer esta acción.

Exportar. Permite exportar la configuración de un sitio

como archivo XML (*.ste).

Importar. Permite seleccionar un archivo de configuración de un sitio (*.ste).

129 BLOQUE 3

Panel estilos CSS.

El panel Estilos CSS le permite supervisar las reglas y propiedades CSS que afectan a un elemento de página

actualmente seleccionado (modo Actual) o las reglas y propiedades que

afectan a todo un documento (modo Todo).

Un botón situado en la parte superior del panel Estilos CSS te permite cambiar

entre estos dos modos. El panel Estilos CSS también te permite modificar

propiedades CSS tanto en modo Todo como en modo Actual.

Puede cambiar el tamaño de cualquiera de los paneles arrastrando los bordes que los separan.

En modo Actual, el panel Estilos CSS muestra tres secciones:

Panel Selección, que muestra las propiedades de CSS de la

selección actual del documento.

Panel Reglas, que muestra la ubicación de las propiedades

seleccionadas (o una cascada de reglas para la etiqueta.

seleccionada, en función de la selección).

Panel Propiedades, que le permite editar las propiedades CSS al

definir reglas para la selección.


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.

Guías visuales.

Dreamweaver proporciona varios tipos de guías visuales para ayudarte a diseñar documentos y predecir de forma

aproximada cuál será su apariencia en los navegadores. Puede seguir uno de estos procedimientos:

Ajustar instantáneamente el tamaño deseado para una ventana

de documento y comprobar si caben los elementos en la página.

Utilizar una imagen de rastreo como fondo de la página para

ayudarle a copiar un diseño creado en una aplicación de edición

de ilustraciones o imágenes como Adobe® Photoshop® o

Adobe® Fireworks®.

Utilizar las reglas y guías para proporcionar una pista visual que

permita colocar y cambiar el tamaño de los elementos de página

con precisión.

Utilizar la cuadrícula para lograr una mayor precisión en la

colocación y ajuste del tamaño de elementos con posición

absoluta (elementos PA).

Las marcas de cuadrícula de la página le ayudan a alinear los elementos PA y, cuando está activada la función de

ajuste, permiten ajustar automáticamente los elementos PA con el punto más próximo de la cuadrícula al moverlas o

ajustar su tamaño. (Los demás objetos, como las imágenes y los párrafos, no se ajustan a la cuadrícula.) El ajuste

funciona independientemente de que la cuadrícula esté visible.

131 BLOQUE 3

Cierre

En binas contesta las siguientes cuestiones y participa en un debate grupal.

1. En el tema “Sitios en Dreamweaver”, completa la siguiente tabla.

Función

Sitio en Dreamweaver.

Carpeta raíz local.

Carpeta remota.

Carpeta de servidor de prueba.

2. En el cuadro de diálogo Administrar sitios, encontramos varias opciones. Escribe en número de la opción en

el paréntesis que corresponda.

1. Exportar ( )

Sirve para modificar un sitio existente.

2. Quitar ( ) Elimina el sitio seleccionado; no podrá deshacer esta

acción.

3. Nuevo ( )

Permite exportar la configuración de un sitio como

archivo XML (*.ste).

4. Duplicar ( ) Permite seleccionar un archivo de configuración de un

sitio (*.ste).

5. Importar ( ) Crea una copia del sitio seleccionado. La copia aparece

en la ventana de lista de sitios.

6. Editar ( )

Permite crear un sitio nuevo.

Actividad: 6


/

Evaluación

Actividad: 5 Producto: Mapa conceptual. Puntaje:

Saberes


Reconoce los elementos

necesarios para la

administración de sitios web.

Administra la información necesaria

para una página web.

Participa de manera activa y

responsable durante el desarrollo

de la actividad.

Autoevaluación


docente

3. Elabora un mapa conceptual sobre el panel Estilos CSS.


133 BLOQUE 3


Entorno de trabajo del Dreamweaver CS4.

Inicio

Evaluación


Saberes


Reconoce los elementos del

entorno de trabajo del

Dreamweaver.

Analiza las funciones del panel insertar

y del inspector de propiedades.


responder el cuestionario.

Autoevaluación C MC NC


Responde las siguientes preguntas.

1. ¿Qué diferencia existe entre la vista de diseño y la vista de código?

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

2. Menciona cinco botones de la barra de herramientas de documentos.

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

3. ¿Cuál es la función de la barra de herramientas de estado?

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

4. ¿Cuál es la función de los botones que contiene el panel insertar?

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

5. ¿Qué información muestra el Inspector de propiedades?

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

Actividad: 1


Cambio de vista en la ventana de documento.

La ventana de documento permite visualizar documentos en la vista Código, la vista Código dividida, la vista Diseño,

las vistas Código y Diseño (vista Dividida) o en la Vista en vivo. También puede

optar por visualizar la vista de código dividida o las vistas Código y Diseño

horizontal o verticalmente. (La visualización predeterminada es la horizontal.)

Vista Diseño.

Permite trabajar con el editor visual.

Vista de Código

Se utiliza para poder trabajar en un entorno totalmente de programación, de código fuente.

No permite tener directamente una referencia visual de cómo va quedando el documento según se va modificando el

código.

135 BLOQUE 3

Vista Dividir

Permite dividir la ventana en dos zonas: Código y Diseño, La zona superior muestra el

código 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.

Cambio del tamaño de la ventana de documento

La barra de estado muestra las dimensiones actuales de la ventana de documento

(en píxeles).

Para diseñar una página cuyo mejor aspecto se logra con un tamaño específico,

puede ajustar la ventana de documento con cualquiera de los tamaños

predeterminados, editar dichos tamaños o crear otros nuevos.

Establecimiento de un tamaño predeterminado para la ventana de documento.

Elija uno de los tamaños del menú emergente tamaño de ventana situado en la

parte inferior de la ventana de documento.

Modificación de los valores que aparecen en el menú emergente tamaño de

ventana.

El tamaño de la ventana indicado corresponde a las dimensiones internas de la

ventana del navegador, sin bordes. El tamaño del monitor figura entre paréntesis. Por

ejemplo, la opción “536 x 196 (640 x 480, Predeterminado)” es el tamaño de ventana

que se debe utilizar si los visitantes van a hacer uso de Microsoft Internet Explorer o

Netscape Navigator en su configuración predeterminada con un monitor de 640 x 480.

En Windows, los documentos contenidos en la ventana de documento se maximizan

de manera predeterminada y no es posible cambiar el tamaño de un documento

maximizado.

NOTA:

Si cambia el tamaño de la

ventana de documento o

de la ventana de la

aplicación, o bien cambia

el diseño del espacio de

trabajo, Dreamweaver

mantendrá la relación de

división para que las dos

vistas estén siempre

visibles.

NOTA:

Si no desea asignar un

tamaño tan preciso,

utilice los métodos

estándar de su sistema

operativo, como arrastrar

la esquina inferior

derecha de una ventana.


Para que el documento no esté maximizado, haga clic en el botón de

anulación de la maximización, 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:

Buscar. Permite buscar etiquetas, atributos y texto específico en las etiquetas.

Referencia. Le permite buscar información de referencia que puede resultar útil.

Validación. Permite comprobar si existen errores de código o de sintaxis.

Compatibilidad con navegadores. Permite probar el código HTML en los documentos para comprobar si hay

alguna etiqueta o atributo que sean incompatibles con los navegadores de destino.

Verificador de vínculos. Permite encontrar y arreglar vínculos rotos, externos y huérfanos.

Informes de sitios. Permite mejorar el flujo de trabajo y probar los atributos HTML del sitio. Los informes de flujo

de trabajo incluyen información sobre protección, sobre documentos modificados recientemente y sobre

Design Notes; los informes HTML incluyen etiquetas de fuentes anidadas combinables, la opción de

accesibilidad, texto alternativo que falta, etiquetas anidadas repetidas, etiquetas vacías eliminables y

documentos sin título.

Registro FTP. Permite ver toda la actividad de transferencia de archivos mediante FTP.

Depuración del servidor. Le permite ver información para depurar una aplicación de Adobe® ColdFusion®.

/

Desarrolla el ejercicio práctico en el centro de cómputo.

1. Completa el siguiente mapa conceptual “Cambio de vista en la ventana de documento”,

describe la utilidad de cada vista de la ventada de documentos.

Vistas en la ventana de documento

Diseño

Código

Dividir

Actividad: 2

Utilidad de la Vista.

137 BLOQUE 3

/

Evaluación

Actividad: 2 Producto: Ejercicio práctico. Puntaje:

Saberes


Identifica las diferentes vistas de un

documento y los diferentes reportes

que genera el Dreamweaver.

Examina las diferentes vistas de un

documento en Dreamweaver.


responsable en la elaboración de la

actividad.


Docente

2. Realiza el siguiente ejercicio práctico en el centro de cómputo, en el cual compruebes la

utilidad de los informes en Dreamweaver, anota tus conclusiones y posteriormente participa en

un debate grupal.

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

3. Realiza el siguiente ejercicio práctico en el centro de cómputo, visualiza las vistas de código, diseño y

dividir, anota tus conclusiones.

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________

_____________________________________________________________________________________________



Elaboración de páginas con CSS.

Adobe® Dreamweaver® CS4 incluye numerosas funciones diseñadas para facilitar la creación de estilos y diseños

para páginas Web mediante hojas de estilos en cascada (CSS, Cascading Style Sheets).

Los estilos CSS ofrecen un mayor control sobre el diseño de la página Web y reducen el tamaño del archivo.

Aspectos básicos de las hojas de estilos en cascada.

Hojas de estilos en cascada

Las hojas de estilos en cascada (CSS,) son un conjunto de reglas de formato que determinan el aspecto del contenido

de una página Web. La utilización de estilos CSS para aplicar formato a una página permite separar el contenido de la

presentación.

El contenido de la página (el código HTML) reside en el archivo HTML, mientras que las reglas CSS que definen la

presentación del código residen en otro archivo (una hoja de estilos externa) o en otra parte del documento HTML

(normalmente, en la sección head).

La separación del contenido y la presentación hace que resulte mucho más fácil mantener el aspecto del sitio desde

una ubicación central, ya que no es necesario actualizar las propiedades de las distintas páginas cuando se desea

realizar algún cambio. La separación del contenido y la presentación también depura y simplifica el código HTML, lo

que disminuye el tiempo de carga en los navegadores y agiliza la navegación 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 página. Con CSS,

puede controlar numerosas propiedades del texto, entre ellas las fuentes y los tamaños de fuente específicos; negrita,

cursiva, subrayado y sombras de texto; color de texto y de fondo; color y subrayado de vínculos; etc. Si utiliza CSS para

controlar las fuentes, también conseguirá un tratamiento más coherente del diseño y el aspecto de la página en

múltiples navegadores.

Además de para dar formato al texto, puede utilizar CSS para definir el formato y la

posición de elementos de nivel de bloque (block-level) de una página Web. Un

elemento de nivel de bloque es un elemento de contenido independiente que

normalmente está separado por una nueva línea en el código HTML y que tiene

visualmente el formato de un bloque.

Por ejemplo, las etiquetas h1, p y div generan elementos de nivel de bloque en una

página Web. Puede ajustar márgenes y bordes para elementos de nivel de bloque,

situarlos en una ubicación concreta, añadirles color de fondo, colocar texto flotante

alrededor de ellos, etc. La manipulación de elementos de nivel de bloque es, en

definitiva, la forma en que se establece el diseño de las páginas con CSS.

NOTA: HTML, siglas de

HyperText Markup Language

(Lenguaje de Marcado de

Hipertexto), es el lenguaje de

marcado predominante para

la elaboración de páginas

web. Es usado para describir

la estructura y el contenido

en forma de texto, así como

para complementar el texto

con objetos tales como

imágenes.

http://es.wikipedia.org/wiki/Lenguaje_de_marcado

http://es.wikipedia.org/wiki/Lenguaje_de_marcado

http://es.wikipedia.org/wiki/P%C3%A1ginas_web

http://es.wikipedia.org/wiki/P%C3%A1ginas_web

139 BLOQUE 3

Descripción de Reglas CSS

Una regla de formato CSS consta de dos

partes: el Selector y la Declaración (o, en la

mayoría de los casos, un bloque de

declaraciones). El selector es un término (por

ejemplo p, h1, un nombre de clase o un

identificador) que identifica el elemento con

formato; el bloque de declaraciones define

cuáles son las propiedades de estilo. En el

siguiente ejemplo, h1 es el selector y el

código comprendido entre las llaves ({}) es

el bloque de declaraciones:

h1 {

font-size: 16 pixels;

font-family: Helvetica;

font-weight:bold;

}

Cada declaración 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 tamaño de 16 píxeles, 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 sección 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 páginas).

De este modo, CSS proporciona una capacidad de actualización

extremadamente sencilla. Al actualizar una regla CSS en un lugar, el formato

de todos los elementos que usan ese estilo definido se actualiza

automáticamente con el nuevo estilo.

Creación de una nueva regla CSS

Puede crear una regla CSS para automatizar la aplicación de formato a Etiquetas HTML o rangos de texto

identificados mediante un atributo clase o ID.

Sitúe el punto de inserción en el documento y siga uno de estos procedimientos para abrir el cuadro de diálogo:

Nueva Regla CSS.

Opción del inspector de

propiedades para iniciar una

nueva regla, después

seleccionar Editar Regla.


En el cuadro de diálogo 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 opción Clase del menú emergente Tipo de selector e introduzca un nombre para el estilo en el

cuadro de texto Nombre del selector.

Los nombres de clase deben

comenzar por un punto y pueden

contener cualquier combinación

alfanumérica (por ejemplo .myhead1).

Si no introduce el punto inicial,

Dreamweaver lo hará de forma

automática.

Para definir el formato de una etiqueta

que contenga un atributo ID concreto,

seleccione la opción ID del menú

emergente Tipo de selector e

introduzca el ID (por ejemplo,

containerDIV) en el cuadro de texto

Nombre del selector.

Los ID deben comenzar por un signo

de almohadilla (#) y pueden contener

cualquier combinación alfanumérica

(por ejemplo #myID1). Si no

introduce la almohadilla inicial,

Dreamweaver la introducirá de forma

automática.

Para redefinir el formato predeterminado de una

etiqueta HTML específica, seleccione la opción

Etiqueta del menú emergente Tipo de selector y,

seguidamente, introduzca una etiqueta HTML en

el cuadro de texto Nombre del selector o elija

una en el menú emergente.

Para definir una regla compuesta que afecte a

dos o más etiquetas, clases o ID

simultáneamente, seleccione la opción

Compuesto e introduzca los selectores para la

regla compuesta. Por ejemplo, si introduce div p,

la regla afectará a todos los elementos p

situados dentro de etiquetas div. Un área de

texto descriptivo explica exactamente a qué

elementos afecta la regla conforme se añaden o

eliminan selectores.

141 BLOQUE 3

Definición de regla para body

Se pueden definir las categorías, Tipo, Fondo, Bloque, cuadro, Borde, Lista, Posición y Extensiones.

Definición para regla estilo en línea categoría Tipo.

Definición de propiedades CSS

Puede definir propiedades de reglas CSS, como la fuente del texto, la imagen y el color de fondo, las propiedades de

espaciado y diseño y el aspecto de los elementos de las listas.


Después de definir las propiedades de Reglas CSS y Categorías que vamos a utilizar, damos clic en y a

continuación podemos utilizar la Nueva Regla CSS o directamente en

Definimos regla CSS, categoría Tipo.

Uso de la categoría Fondo.

143 BLOQUE 3

Escribimos el texto de la Etiqueta.

Centramos el texto.


Evaluación


Saberes


Selecciona los elementos

necesarios de una regla CSS para

implementar una Etiqueta.

Practica el uso de reglas CSS para la

elaboración de páginas web.

Asume una actitud responsable

durante el desarrollo de la práctica y

al emitir sus conclusiones.

Coevaluación

C MC NC Calificación otorgada por

el Docente

En binas realiza la siguiente práctica en el centro de cómputo: Utiliza una nueva regla CSS

y elije Etiqueta del selector contextual para la regla CSS, posteriormente elige el nombre

del selector body, y a continuación define en la regla para body las categorías tipo y

fondo. Guarda la etiqueta y muéstrala a tu profesor.

1. Elabora un reporte de la práctica.

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

2. Menciona los puntos donde encontraste una mayor dificultad para desarrollar la Etiqueta.

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

3. Escribe tus conclusiones.

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

Actividad: 3

145 BLOQUE 3

Diseño de páginas con CSS.

Acerca del diseño de páginas con CSS

Un diseño de página 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 básico del diseño CSS es la etiqueta div, una

etiqueta HTML que, en la mayoría de los casos, actúa como contenedor de texto, imágenes y otros elementos de

página. Cuando crea un diseño CSS, coloca etiquetas div en la página, añade contenido a las mismas y las sitúa en

distintos lugares. A diferencia de las celdas de tabla, que sólo pueden situarse en algún lugar dentro de las filas y

columnas de la tabla, las etiquetas div aparecen en cualquier lugar de una página 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 página).

La creación de diseños CSS desde cero puede ser una tarea difícil debido a la gran cantidad de formas de hacerlo

que existen. Puede crear un diseño CSS sencillo de dos columnas estableciendo elementos flotantes, márgenes,

rellenos y otras propiedades CSS mediante un número casi infinito de combinaciones. Además, el problema de la

reproducción en distintos navegadores hace que determinados diseños CSS se muestren correctamente en algunos

navegadores y no en otros. Dreamweaver

facilita la creación de páginas con

diseños CSS con más de 30 diseños

predefinidos que funcionan en distintos

navegadores.

La utilización de los diseños CSS predefinidos que vienen con Dreamweaver es la forma más fácil de crear una página

con un diseño CSS, pero también puede crear diseños CSS mediante los elementos con posición absoluta

(elementos PA) de Dreamweaver. En Dreamweaver, un elemento PA es un elemento de página HTML (en concreto,

una etiqueta div o cualquier otra etiqueta) que tiene una posición absoluta asignada. Sin embargo, la limitación de los

elementos PA de Dreamweaver radica precisamente en que tienen una posición absoluta, lo que hace que sus

posiciones nunca se ajusten a la página en función del tamaño del navegador.

Si se considera un usuario avanzado, también puede insertar etiquetas div de forma manual y aplicarles estilos de

posición CSS para crear los diseños de las páginas.

Creación de una página con un diseño CSS

1. Seleccione Archivo > Nuevo.

2. En el cuadro de diálogo Nuevo

documento, seleccione la

categoría Página en blanco

(selección predeterminada).

3. En Tipo de página, seleccione el

tipo de página que desea crear.

4. En Diseño, seleccione el diseño

CSS que desea utilizar. Puede

elegir entre más de 30 diseños

distintos. La ventana Vista previa

muestra el diseño y ofrece una

breve descripción del diseño

seleccionado.


Los diseños CSS predefinidos ofrecen los siguientes tipos de columnas:

Fija. El ancho de columna se especifica en píxeles. La columna no cambia de

tamaño en función del tamaño del navegador o de la configuración del texto

del visitante del sitio.

Elástica. El ancho de columna se especifica en una unidad de medida (ems)

relacionada con el tamaño del texto. El diseño se adapta si el visitante del sitio

cambia la configuración del texto, pero no en función del tamaño de la

ventana del navegador.

Flotante. El ancho de columna se especifica como porcentaje del tamaño del

navegador del visitante. El diseño se adapta si el visitante del sitio amplia o

reduce el navegador, pero no en función de la configuración del texto.

Híbrida. Las columnas son una combinación de las tres opciones anteriores.

Por ejemplo, el diseño dos columnas híbridas, barra lateral derecha tiene una

columna principal que se ajusta al tamaño del navegador y una columna

elástica a la derecha que se ajusta al tamaño de la configuración del texto

del visitante del sitio.

5. Selecciona un tipo de documento del menú emergente DocType.

6. Selecciona una ubicación para el código CSS del diseño en el menú

emergente Diseño CSS en.

Añadir a Head. Añade código CSS para el diseño al encabezado de la página que se va a crear.

Crear nuevo archivo. Añade código CSS para el diseño a una nueva hoja

de estilos CSS externa y la adjunta a la página que se va a crear.

Vincular a archivo existente. Permite especificar un archivo CSS existente

que ya contiene reglas CSS necesarias para el diseño. Esta opción es

especialmente útil cuando desea utilizar el mismo diseño CSS (las reglas

CSS para el mismo se encuentran en un único archivo) en varios

documentos.

Utilización de etiquetas div.

Acerca de la utilización de etiquetas div

Puede crear diseños de página insertando manualmente etiquetas div y aplicando a éstas estilos de posición CSS.

Una etiqueta div es una etiqueta que define las divisiones lógicas existentes en el contenido de una página 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 utilización de etiquetas div y de hojas de estilos en cascada (CSS) para crear páginas

Web, puede crear un diseño CSS basado en uno de los diseños predefinidos que se suministran con Dreamweaver.

Si no se siente cómodo utilizando código CSS pero sí con el uso de tablas, también puede probar a utilizar tablas.

NOTA: Debe seleccionar

un tipo de página HTML

para el diseño. Por

ejemplo, puede

seleccionar HTML,

ColdFusion®,

PHP, etc. No pueden

crearse páginas

ActionScript™, CSS,

Library Item, JavaScript,

XML, XSLT ni ColdFusion

Component con un diseño

CSS. Los tipos de página

de la categoría Otro del

cuadro de diálogo Nuevo

documento tampoco

pueden incluir diseños de

página CSS.

147 BLOQUE 3

Inserción de etiquetas div

Puede utilizar etiquetas div para crear bloques de diseño CSS e insertarlas en el documento. Esto resulta útil si ha

adjuntado al documento una hoja de estilos CSS con estilos de posición. Dreamweaver le permite insertar

rápidamente una etiqueta div y aplicar a ésta estilos existentes.

1. En la ventana de documento, sitúe el punto de inserción en el lugar donde desea que aparezca la etiqueta div.

2. Siga uno de estos procedimientos:

Seleccione Insertar > Objetos de diseño >

Etiqueta Div.

En la categoría Diseño del panel Insertar, haga

clic en el botón Insertar etiqueta Div.

3. Defina cualquiera de las opciones siguientes:

Insertar. Permite seleccionar la ubicación 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 aparecerán 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,

aparecerán en la lista los ID definidos en la hoja de estilos. No aparecen en la lista los ID de bloques que ya

están en el documento.

Nueva regla CSS. Abre el cuadro de diálogo Nueva regla CSS.

4. Haz clic en Aceptar.

La etiqueta div tendrá el aspecto de un cuadro en el documento con texto de marcador de posición. Al desplazar el

puntero sobre el borde del cuadro, Dreamweaver lo resaltará.

Edición de etiquetas Div

Después de insertar una etiqueta div, puede manipularla o añadir contenido a ella.

Cuando se asignan bordes a etiquetas div, o cuando se selecciona Contornos de diseño CSS, las etiquetas div tienen

bordes visibles. (La opción Contornos de diseño 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 añadir contenido a la etiqueta div también puede situar el punto de

inserción dentro de la etiqueta div y, a continuación, añadir el contenido como lo haría

en una página.

149 BLOQUE 3

/

Evaluación


Saberes


Selecciona los elementos

necesarios para implementar una

Etiqueta Div.

Practica el uso de Etiquetas Div para la


Muestra interés en la realización de

la práctica.

Coevaluación

C MC NC


En binas realiza el siguiente ejercicio práctico en el centro de cómputo, utilizando el menú

Insertar elije Objetos de diseño, posteriormente elige Etiquetas Div, define las categorías.

Posteriormente crea una Etiqueta Div.


______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

2. Menciona las diferencias entre una Etiqueta y una Etiqueta Div.

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________


______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

Actividad: 4


Maquetación de páginas con HTML.

Adobe® Dreamweaver® CS4 incorpora herramientas que le permiten crear páginas Web mediante tablas y marcos

HTML. La aplicación también incluye reglas, guías y una cuadrícula que le permite diseñar páginas y colocar

elementos con precisión.

Establecimiento de reglas

Las reglas ayudan a medir, organizar y

planificar el diseño. Pueden aparecer en los

bordes izquierdo y superior de la página,

expresadas en píxeles, pulgadas o centímetros.

Establecimiento de guías de diseño

Las guías son líneas que puede

arrastrar sobre el documento

desde las reglas. Con ellas puede

situar y alinear objetos de forma

más precisa. También puede

utilizar guías para medir el tamaño

de los elementos de la página o

emular los pliegues (áreas visibles)

de los navegadores Web.

Utilización de la cuadrícula de diseño

La cuadrícula muestra una serie de líneas horizontales y verticales en la ventana de documento. Resulta útil para

colocar objetos con precisión. Puede hacer que los elementos de la página con posición absoluta se ajusten

automáticamente a la cuadrícula cuando los mueva y cambiar la cuadrícula o controlar el comportamiento de ajuste

especificando una configuración. El ajuste funciona independientemente de si la cuadrícula se encuentra o no visible.

151 BLOQUE 3

Presentación del contenido en tablas.

Tablas

Las tablas constituyen una herramienta muy eficaz

para presentar datos de tabla y establecer el

diseño de texto y gráficos en una página HTML.

Una tabla consta de una o varias filas, cada una

de las cuales consta, a su vez, de una o más

celdas.

Aunque las columnas no suelen especificarse

explícitamente en el código HTML, Dreamweaver

permite manipular tanto columnas como filas y

celdas.

Dreamweaver muestra el ancho de la tabla y de

cada columna cuando se selecciona una tabla o

cuando el punto de inserción está en ella. Junto a

los anchos se encuentran flechas para el menú de

encabezado de la tabla y los menús de

encabezado de las columnas.

Utilice los menús para acceder rápidamente a

comandos relacionados con tablas, puede activar

o desactivar los anchos y los menús.

Si no ve el ancho de una columna o de una tabla, esta tabla o columna no tiene un ancho especificado en el código

HTML. Si aparecen dos números, el ancho visual que aparece en la vista de diseño no coincide con el ancho

especificado en el código HTML. Esto puede ocurrir al cambiar el tamaño de una tabla arrastrando la esquina inferior

derecha o al añadir contenido a la celda cuyo ancho es superior al establecido.

Prioridad de formato de tabla en HTML

A la hora de dar formato a tablas en la vista Diseño, 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 alineación, 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.

El orden de prioridad en el formato de tabla es el siguiente:

Celdas.

Filas.

Tabla.

Por ejemplo, si establece un color de fondo azul para una sola celda y, a continuación, 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.


División y combinación de celdas de tabla

Podrá combinar cualquier número de celdas contiguas, siempre que toda la selección sea una línea o un rectángulo

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 automáticamente la tabla (añadiendo los atributos colspan o rowspan que sean necesarios) para crear el

diseño 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.

A) Combina las celdas seleccionadas

usando extensores.

B) Divide las celdas en filas o columnas.

Uso de tablas, en el diseño de páginas web.

Primero. Seleccionamos Crear nuevo HTML.

Segundo. seleccionamos Clásico.

Tercero. seleccionamos el icono de Tabla.

153 BLOQUE 3

Cuarto. Para el tamaño de la tabla, determinamos

primero el número de filas y columnas, posteriormente

indicamos el ancho de nuestra tabla, el grosor del

borde, relleno celda, espacio entre celdas y

seleccionamos el encabezado.

Quinto. Damos clic en el botón Aceptar y tenemos nuestra tabla de cinco filas por cuatro columnas.

Seis. Para llevar a cabo la combinación de celdas debemos primero seleccionarlas. En este caso en particular

seleccionamos tres columnas.

Después identificamos en el Inspector de Propiedades el icono Combinar Celdas, después

de dar clic, obtenemos lo siguiente:


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 combinación de las celdas del punto anterior. Antes

que nada es necesario identificar el icono de imagen.

A continuación debemos indicar la ubicación de la imagen.

Seleccionamos la imagen y damos clic en el botón

Aceptar, y escribimos el texto alternativo y la

descripción larga.

De nuevo damos clic en el botón Aceptar, y de

esta forma

obtenemos nuestra

imagen en las celdas

seleccionadas.

Nota. Después de insertar la imagen se mueven los tamaños de las celdas de tal forma que veras lo siguiente.

En el siguiente paso lo vamos a ajustar.

155 BLOQUE 3

Nueve. Ahora vamos a insertar un texto, recordemos que en el punto seis combinamos tres celdas de la primera fila, solo que

ahora además vamos a combinar

las celdas la fila dos, para

posteriormente insertar nuestro

texto. Antes debemos ajustar el

tamaño de nuestras celdas y lo

vamos hacer de la siguiente

manera.

Una vez que hayamos modificado el tamaño de las celdas, tenemos listo el espacio para insertar el contenido de nuestra

página web.

Diez. A continuación estamos listos para insertar la información a nuestra página web, posteriormente podemos utilizar la Regla

CSS para darle formato al contenido.

Nota: Para tener una vista previa pulsa la tecla F12.


/

Evaluación

Actividad: 4 Producto: Diagrama. Puntaje:

Saberes


Reconoce las herramientas de

maquetación de páginas HTML.

Analiza el uso de las herramientas de

diseño de páginas web.


durante la realización de la práctica.

Autoevaluación


Docente

Completa el siguiente mapa conceptual y participa en un debate grupal.

1. En el tema “Maquetación de Paginas HTML”, incorpora tres herramientas fundamentales para

la creación de páginas web, mismas que se presentan en el siguiente diagrama. Describe la

función de cada una de ellas.

Maquetación de páginas con

HMTL

Establecimiento de Reglas

Establecimiento de Guias de

Diseño

Utilidad de Cuadriculas

Actividad: 4

Descripción:

Descripción:

Descripción:

157 BLOQUE 3

/

Evaluación


Saberes


Reconoce los elementos de una

tabla.

Practica el uso de tablas para la



durante su participación en la

exposición.

Coevaluación


Docente

En binas realiza la siguiente práctica en el centro de cómputo, utilizando tablas crea una

página web informativa sobre “El Calentamiento Global”, posteriormente muestra la

página mediante una exposición.


______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________


______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

______________________________________________________________________________________________

Actividad: 5


Utilización de marcos.

Funcionamiento de los marcos y los conjuntos 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 navegación, mientras

que otro muestra un documento con

contenido.

Un conjunto de marcos es un archivo HTML

que define el diseño y las propiedades de

un grupo de marcos, que incluyen el

número, el tamaño, la ubicación de los

marcos y el URL de la página que aparece

inicialmente en cada marco.

El archivo de conjunto de marcos no incluye

el contenido HTML que se muestra en el navegador, excepto en la sección noframes. El archivo únicamente ofrece al

navegador información sobre cómo debe mostrarse un conjunto de marcos y los documentos que deben incluirse en

los marcos.

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 ningún nombre de archivo, este archivo se muestra de

forma predeterminada.

159 BLOQUE 3

Revisión y corrección ortográfica.

Utilice el comando Ortografía para revisar la ortografía del documento actual. El comando Ortografía no tiene en

cuenta las etiquetas HTML ni los valores de atributo.

De forma predeterminada, el corrector ortográfico utiliza el

diccionario de inglés de Estados Unidos. Para cambiar el

diccionario, seleccione Edición > Preferencias > General

(Windows) o Dreamweaver > Preferencias > General

(Macintosh) y, a continuación, seleccione el diccionario que

desea utilizar en el menú emergente Diccionario ortográfico.

Importación de datos de tabla

Puede importar datos de tabla en el documento guardando en

primer lugar los archivos (por ejemplo, archivos de Microsoft

Excel o archivos de base de datos) en formato de texto

delimitado.

Puede importar y aplicar formato a datos de tabla e importar

texto de documentos HTML de Microsoft Word.

También puede añadir texto de documentos de Microsoft Excel a un documento de Dreamweaver importando el

contenido del archivo de Excel en una página 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: Tabulación, Coma, Punto y coma, Dos puntos y Otro.

Si selecciona Otro, aparecerá un campo en blanco al lado de la opción, Introduzca el carácter empleado como

delimitador.

Utilice las restantes opciones para aplicar formato o definir la tabla en la que se importarán los datos y haga clic

en Aceptar.


Importación de documentos de Microsoft Office (sólo Windows).

Puede insertar contenido de un documento de Microsoft Word o Excel a una página Web nueva o existente. Al

importar un documento de Word o Excel, Dreamweaver

recibe el HTML convertido y lo inserta en la página Web.

El tamaño de archivo, una vez que Dreamweaver recibe

el HTML convertido, debe ser inferior a 300 KB.

En lugar de importar todo el contenido de un archivo,

también es posible pegar fragmentos de un documento

de Word y conservar el formato.

Cierre

Evaluación


Saberes


Organiza el contenido para el

diseño una página web, mediante el

Dreamweaver.

Diseña una página web sobre algún

tema de actualidad, empresa o

institución.

Muestra una actitud positiva en el

desarrollo de la práctica y es

respetuoso durante la exposición.

Coevaluación


docente

En binas realiza la siguiente práctica en el centro de cómputo, diseña una página web

sobre un tema de la actualidad, que sirva de apoyo a una Institución Educativa.

Posteriormente muestra la página mediante una exposición.


_______________________________________________________________________________________________

_______________________________________________________________________________________________

_______________________________________________________________________________________________

_______________________________________________________________________________________________

_______________________________________________________________________________________________

_______________________________________________________________________________________________


_______________________________________________________________________________________________

_______________________________________________________________________________________________

_______________________________________________________________________________________________

______________________________________________________________________________________________

Actividad: 6

161 BLOQUE 3



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


Sitios WEB recomendados:























http://www.cisco.com/web/learning/netacad/course_catalog/PacketTracer.html



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

http://www.aulaclic.es/dreamweaver-cs4/t_1_5.htm

NVO TICS CPT3S Cobach Sonora Nava

Documents

Transcript of NVO TICS CPT3S Cobach Sonora Nava