Vous êtes sur la page 1sur 162

COLEGIO DE BACHILLERES DEL ESTADO DE SONORA

Director General Profr. Julio Alfonso Martnez Romero Director Acadmico Mtro. Vctor Manuel Gmez Blanco Director de Administracin y Finanzas C.P. Jess Urbano Limn Tapia Director de Planeacin Mtro. Pedro Hernndez Pea

NUEVAS TECNOLOGAS DE LA INFORMACIN Y COMUNICACIN Mdulo de Aprendizaje. Copyright , 2010 por Colegio de Bachilleres del Estado de Sonora todos los derechos reservados. Segunda edicin 2011. Impreso en Mxico. DIRECCIN ACADMICA Departamento de Desarrollo Curricular Blvd. Agustn de Vildsola, Sector Sur Hermosillo, Sonora. Mxico. C.P. 83280

COMISIN ELABORADORA:

Elaborador: Ricardo Revilla Reyes Revisin Disciplinaria: Iliana Magdalena Manzo Mara Enedina Duarte Camacho Correccin de Estilo: Glenda Margarita Heguerty Lpez Apoyo Metodolgico: Mara Enedina Duarte Camacho Supervisin Acadmica: Mtra. Luz Mara Grijalva Daz Diseo: Joaqun Rivas Samaniego Mara Jess Jimnez Duarte Edicin: Francisco Peralta Varela Coordinacin Tcnica: Claudia Yolanda Lugo Peuri Diana Irene Valenzuela Lpez Coordinacin General: Mtro. Vctor Manuel Gmez Blanco

Esta publicacin se termin de imprimir durante el mes de junio de 2011. Diseada en Direccin Acadmica del Colegio de Bachilleres del Estado de Sonora Blvd. Agustn de Vildsola; Sector Sur. Hermosillo, Sonora, Mxico La edicin consta de 1,417 ejemplares.

PRELIMINARES

DATOS DEL ALUMNO


Nombre: _______________________________________________________________ Plantel: __________________________________________________________________ Grupo: _________________ Turno: _____________ Telfono:___________________ E-mail: _________________________________________________________________ Domicilio: ______________________________________________________________ _______________________________________________________________________

Ubicacin Curricular

COMPONENTE:

HORAS SEMANALES:

FORMACIN PARA EL TRABAJO

03

CAPACITACIN PARA EL TRABAJO:

CRDITOS:

03

INFORMTICA

PRELIMINARES

PRELIMINARES

ndice
Presentacin ...........................................................................................................................................................7 Mapa de asignatura ................................................................................................................................................8 BLOQUE 1. ENTORNO DE REDES INFORMTICAS ..............................................................................9 Introduccin ................................................................ ............................................... Secuencia didctica 1. Introduccin a redes informticas. ............................................................................... 10 Introduccin a redes informticas. ...................................................................................................................11 Ventajas de una red..........................................................................................................................................11 Los objetivos de una red. .................................................................................................................................12 Caractersticas de una red ...............................................................................................................................12 Componentes de una red ................................................................................................................................12 informticas .............................................. Secuencia didctica 2. Clasificacin de redes informticas por mtodo guiado .............................................. 17 Tipos de redes informticas .............................................................................................................................19 Redes segn su utilizacin ..............................................................................................................................20 Relacin entre redes segn su cobertura geogrfica y mtodo de conexin ................................................20 Redes segn su cobertura geogrfica ............................................................................................................21 Secuencia didctica 3. Clasificacin de redes informticas por mtodo no guiado ......................................... 27 ......................................... Introduccin a redes inalmbricas ...................................................................................................................28 Redes inalmbrica segn su cobertura geogrfica ........................................................................................31 ................................................................ .................................................. Secuencia didctica 4. Topologa de redes informticas .................................................................................. 37 Introduccin a las topologas de redes ...........................................................................................................38 Ethernet.............................................................................................................................................................40

BLOQUE 2. ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA .............................................47 Secuencia didctica 1. Proyecto de Instalacin del modelo OSI ...................................................................... 48 ...................................................................... ................................ Introduccin al modelo de referencia de Interconexin de Sistemas Abiertos (OSI) ....................................50 Jerarqua del protocolo OSI .............................................................................................................................51 Nivel de protocolo TCP/IP ................................................................................................................................54 Direcciones IP y mascaras de red ...................................................................................................................55 .................................................................................................... ................................................................ Secuencia didctica 2. Cables y Conectores.................................................................................................... 61 Introduccin a cables y conectores .................................................................................................................62 Sistemas de cableado estructurado ................................................................................................................62 Estndar 802.3 .................................................................................................................................................67 Cable Coaxial ...................................................................................................................................................70 Fibra ptica .......................................................................................................................................................71 Conectores RJ45 ..............................................................................................................................................75 Secuencia didctica 3. Instalacin. Proyecto y flujo de trabajo ......................................................................... 80 ......................................................................... ................................ Proyecto de Instalacin ....................................................................................................................................82 Flujo de trabajo de la instalacin .....................................................................................................................82 Redes punto a punto ........................................................................................................................................92 Simulador Cisco Packet Tracer ........................................................................................................................95

PRELIMINARES

ndice (continuacin)
BLOQUE 3. EDITOR DE PGINAS WEB ................................................................................................. 103 ................................................................ ...................................... Secuencia didctica 1. Introduccin al programa Dreamweaver ...................................................................... 104 Introduccin al Dreamweaver.......................................................................................................................... 105 Opciones bsicas de trabajo .......................................................................................................................... 109 Entorno de trabajo ........................................................................................................................................... 113 Ventana de Documento ................................................................................................................................... 114 Herramientas de Documento .......................................................................................................................... 117 Barra de herramientas Estndar ..................................................................................................................... 118 Barra de Estado ............................................................................................................................................... 118 Herramientas de Codificacin ......................................................................................................................... 119 Herramientas de Representacin de Estilos................................................................................................... 119 Descripcin general del Inspector de Propiedades ...................................................................................... 123 Panel Insertar ................................................................................................................................................... 124 Panel de Archivos ............................................................................................................................................ 128 Panel de Estilo CSS ......................................................................................................................................... 129 Guas Visuales ................................................................................................................................................. 130 ................................................................ .............................................. Secuencia Didctica 2. Entorno de Trabajo Dreamweaver. .............................................................................. 133 Cambio de Vista de la Ventana de Documento .............................................................................................. 134 Informes en Dreamweaver .............................................................................................................................. 136 Elaboracin de pginas con CSS ................................................................................................................... 138 Diseo de pginas con CSS ........................................................................................................................... 145 Utilizacin de Etiquetas Div ............................................................................................................................. 146 Maquetacin de pginas con HTML ............................................................................................................... 150 Presentacin del contenido en tablas ............................................................................................................. 151 Utilizacin de Marcos ...................................................................................................................................... 158 Revisin y correccin de ortogrfica ............................................................................................................... 159 Importacin de datos de Tabla ....................................................................................................................... 159 Importacin de documentos de Microsoft Office (slo Windows) ................................................................. 160

Bibliografa.............................................................................................................................................................. 163

PRELIMINARES

Presentacin
Una competencia es la integracin de habilidades, conocimientos y actitudes en un contexto especfico. El enfoque en competencias considera que los conocimientos por s mismos no son lo ms importante, sino el uso que se hace de ellos en situaciones especficas de la vida personal, social y profesional. De este modo, las competencias requieren una base slida de conocimientos y ciertas habilidades, los cuales se integran para un mismo propsito en un determinado contexto. El presente Mdulo de Aprendizaje de la asignatura Nuevas Tecnologas de la Informacin y Comunicacin, es una herramienta de suma importancia, que propiciar tu desarrollo como persona visionaria, competente e innovadora, caractersticas que se establecen en los objetivos de la Reforma Integral de Educacin Media Superior que actualmente se est implementando a nivel nacional. El Mdulo de aprendizaje es uno de los apoyos didcticos que el Colegio de Bachilleres te ofrece con la intencin de estar acorde a los nuevos tiempos, a las nuevas polticas educativas, adems de lo que demandan los escenarios local, nacional e internacional; el mdulo se encuentra organizado a travs de bloques de aprendizaje y secuencias didcticas. Una secuencia didctica es un conjunto de actividades, organizadas en tres momentos: Inicio, desarrollo y cierre. En el inicio desarrollars actividades que te permitirn identificar y recuperar las experiencias, los saberes, las preconcepciones y los conocimientos que ya has adquirido a travs de tu formacin, mismos que te ayudarn a abordar con facilidad el tema que se presenta en el desarrollo, donde realizars actividades que introducen nuevos conocimientos dndote 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 didctica, donde integrars 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 caractersticas y del propsito de las actividades, stas se desarrollan de forma individual, binas o equipos. Para el desarrollo del trabajo debers utilizar diversos recursos, desde material bibliogrfico, videos, investigacin de campo, etc. La retroalimentacin de tus conocimientos es de suma importancia, de ah que se te invita a participar de forma activa, de esta forma aclarars dudas o bien fortalecers lo aprendido; adems en este momento, el docente podr tener una visin general del logro de los aprendizajes del grupo. Recuerda que la evaluacin en el enfoque en competencias es un proceso continuo, que permite recabar evidencias a travs de tu trabajo, donde se tomarn en cuenta los tres saberes: el conceptual, procedimental y actitudinal con el propsito de que apoyado por tu maestro mejores el aprendizaje. Es necesario que realices la autoevaluacin, este ejercicio permite que valores tu actuacin y reconozcas tus posibilidades, limitaciones y cambios necesarios para mejorar tu aprendizaje. As tambin, es recomendable la coevaluacin, proceso donde de manera conjunta valoran su actuacin, con la finalidad de fomentar la participacin, reflexin y crtica ante situaciones de sus aprendizajes, promoviendo las actitudes de responsabilidad e integracin del grupo. Nuestra sociedad necesita individuos a nivel medio superior con conocimientos, habilidades, actitudes y valores, que les permitan integrarse y desarrollarse de manera satisfactoria en el mundo social, profesional y laboral. Para que contribuyas en ello, es indispensable que asumas una nueva visin y actitud en cuanto a tu rol, es decir, de ser receptor de contenidos, ahora construirs tu propio conocimiento a travs de la problematizacin y contextualizacin de los mismos, situacin que te permitir: Aprender a conocer, aprender a hacer, aprender a ser y aprender a vivir juntos.

Nuevas tecnologas de la informacin y comunicacin

PRELIMINARES

Competencias profesionales:
1. 2. 6. 7.

Desarrolla documentos electrnicos, de acuerdo con los requerimientos establecidos (software). Localiza, obtiene informacin y se comunica utilizando las tecnologas de la informacin y de comunicacin (software). Instala, configura y resuelve problemas de redes de rea local, de acuerdo con especificaciones tcnicas de diseo y del usuario (hardware). Administra los recursos de una red de rea local, de acuerdo con las polticas de uso establecidas (hardware).

Unidad de competencia:

Reconoce los conceptos bsicos, el software y hardware de una red informtica determinando su topologa y mtodos de conexin en un contexto cotidiano, acadmico y laboral. Valora la importancia de una red informtica como un canal de comunicacin y transmisin de informacin.

Atributos a desarrollar en el bloque:


1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16.

Enfrenta las dificultades que se le presentan y es consciente de sus valores, fortalezas y debilidades. Administra los recursos disponibles teniendo en cuenta las restricciones para el logro de sus metas. Elige alternativas y cursos de accin con base en criterios sustentados y en el marco de un proyecto de vida. Aplica distintas estrategias comunicativas segn quienes sean sus interlocutores, el contexto en el que se encuentra y los objetivos que persigue. Maneja las tecnologas de la informacin y la comunicacin para obtener informacin y expresar ideas. Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como cada uno de sus pasos contribuye al alcance de un objetivo. Ordena informacin de acuerdo a categoras, jerarquas y relaciones. Utiliza las tecnologas de la informacin y comunicacin para procesar e interpretar informacin. Elige las fuentes de informacin ms relevantes para un propsito especfico y discrimina entre ellas de acuerdo a su relevancia y confiabilidad. Estructura ideas y argumentos de manera clara, coherente y sinttica. Define metas y da seguimiento a sus procesos de construccin de conocimiento. Articula saberes de diversos campos y establece relaciones entre ellos y su vida cotidiana. Identifica las actividades que le resultan de menor y mayor inters y dificultad, reconociendo y controlando sus reacciones frente a retos y obstculos. Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un curso de accin con pasos especficos. Aporta puntos de vista con apertura y considera los de otras personas de manera reflexiva. 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 Informticas.

Tiempo asignado: 15 horas

Secuencia didctica 1. Introduccin a redes Informticas. Inicio


Actividad: 1
Responde las siguientes preguntas y participa en un debate grupal; expresa tu opinin y experiencias sobre el tema solicitado. Escribe tus respuestas. 1. Qu es una red informtica? __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ 2. Menciona tres actividades en las que utilices una red informtica, como medio de comunicacin para compartir informacin y recursos.

a)________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ b)________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ c)________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________

Evaluacin Actividad: 1 Conceptual Ubica el concepto red informtica en su entorno. Autoevaluacin Producto: Cuestionario. Saberes Procedimental Ilustra el uso de la red informtica en un contexto acadmico y laboral. C MC NC Puntaje: Actitudinal Es responsable al contestar el cuestionario.

Calificacin otorgada por el docente

10 ENTORNO DE REDES INFORMTICAS

Desarrollo
Introduccin a redes informticas.
Una red informtica la podemos definir, bsicamente como un conjunto de computadoras comunicadas entre s, capaces de compartir recursos comunes. Su estructura fsica la constituyen dos o ms computadoras que comparten el hardware (impresoras, sistemas de almacenamiento, etc.) y software (aplicaciones, archivos, datos, etc.). Desde una perspectiva ms comunicativa, podemos decir que existe una red informtica cuando se involucra el ser humano, la tecnologa y las instituciones que mantienen los servicios de comunicacin. El objetivo de las redes informticas es compartir informacin y recursos entre equipos interconectados independientemente de su ubicacin geogrfica, establecindose as como un poderoso medio de comunicacin. Ventajas de una red. Las ventajas de compartir el hardware y software a travs de red informtica son: Compartir perifricos. Transferir Archivos entre los equipos. Centralizar programas de gestin, como los de finanzas y contabilidad. Los usuarios pueden acceder al mismo programa para trabajar en l simultneamente. Realizar copias de seguridad automticamente. Enviar y recibir correo electrnico. Utilizar los distintos servicios que ofrece Internet.

Actividad: 2
En equipos de cinco integrantes desarrolla la siguiente actividad. En la lectura anterior Introduccin a redes informticas, mencionamos las ventajas de una red informtica, a continuacin analiza y comenta con tus compaeros sobre las posibles desventajas de una red informtica y que consecuencias traen consigo, llena la siguiente tabla y participa en un debate grupal. Desventajas Consecuencias

BLOQUE 1

11

Evaluacin Actividad: 2 Conceptual Reconoce las ventajas y desventajas de una red informtica. Coevaluacin Producto: Cuadro de Recuperacin. Saberes Procedimental Analiza las ventajas concluyendo con ello las desventajas de una red informtica. C MC NC Puntaje: Actitudinal Muestra apertura y respeto para escuchar las opiniones de sus compaeros y docente.

Calificacin otorgada por el docente

Objetivos de una red son: a) Hacer que todos los programas, datos y equipo estn disponibles para cualquiera de la red que as lo solicite sin importar la localizacin fsica del recurso y del usuario. b) Proporcionar una alta fiabilidad, al contar con fuentes alternativas de suministro. c) Otro objetivo es el ahorro econmico. Los ordenadores pequeos tienen una mejor relacin de costo/rendimiento, comparada con la ofrecida por las maquinas grandes. d) Proporcionar un poderoso medio de comunicacin entre personas que se encuentran muy alejadas entre s. Caractersticas de una red. 1. 2. 3. 4. 5. Comparte uno o varios medios de transmisin comunes. Alta velocidad de transferencia. Esta se incrementa cada da ms, por el uso de tecnologas cada vez ms sofisticadas. Flexibilidad es un concepto cada vez ms importante y debe ser entendido por la capacidad de las redes para adaptarse a las necesidades de los usuarios. Seguridad en la infraestructura de equipo y de sus componentes dentro de los ambientes e instalaciones. Operatividad debe ser soportada sobre principio de fcil instalacin y manipulacin de los componentes de la red informtica.

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 informacin o servicios al resto de los puestos de una red, la clase de informacin o servicios que ofrezca determina el tipo de servidor que es: servidor de impresin, de archivos, de pginas web, de correo, etc. Clasificacin de servidores de redes. Existen tres clasificaciones con respecto a la poltica de los servidores, dependiendo esto de la planificacin estructural del hardware y de la flexibilidad logstica socioeconmica de la organizacin: Servidores de archivos dedicados: ste servidor se caracteriza por estar consagrado completamente a los servicios y dems operaciones sistemticas de las diversas estaciones de trabajo que posea la red. Ejemplo: Supercomputadora, Mainframe. Servidores de archivos no dedicados: No se encuentra dedicado exclusivamente a las operaciones sistemticas 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 desempea las actividades habituales que ejecuta un computador. Ejemplo: Microcomputadores. Cliente Servidor: Son dispositivos de procesamiento, que funcionan para mltiples usuarios. Ejemplo: Minicomputadoras.

12

ENTORNO DE REDES INFORMTICAS

b) Cliente: Computadora que accede a la informacin de los servidores o utiliza sus servicios. Ejemplo: cada vez que estamos viendo una pgina web nos estamos comportando como clientes. Tambin seremos clientes si utilizamos el servicio de impresin de un ordenador remoto en la red. c) Estacin de Trabajo: Computadora que se encuentra conectada fsicamente el servidor por medio de algn 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 informtica comparten informacin (archivos), recursos (CD-ROM, impresoras, etc.) y servicios (acceso a internet, e-mail, chat, juegos), etc.

Actividad: 3
Lleva a cabo un anlisis de la lectura Introduccin a redes informticas, a continuacin completa la siguiente tabla y participa en un debate grupal.

Objetivos

BLOQUE 1

R e d I n f o r m t i c a Caractersticas Componentes
Evaluacin Actividad: 3 Conceptual Identifica los objetivos, caractersticas y elementos de una red informtica. Autoevaluacin Producto: Tabla. Saberes Procedimental Ilustra los objetivos, caractersticas y elementos de una red informtica. C MC NC Actitudinal Muestra inters y actitud positiva en el desarrollo de la actividad. Puntaje: Calificacin otorgada por el docente

13

Actividad: 4
En equipo de cinco integrantes, investiga los servicios de los sistemas operativos que se mencionan a continuacin, escribe tus resultados en el rea correspondiente. Comenta con tus compaeros y participa en un debate.

Sistema Operativo NOVELL

NETWARE

Servicios de Archivos

Seguridad

Servicios de Impresin

Servicios de Red

Sistema Operativo MICROSOFT

WINDOWS NT

Servicios de Archivos

Seguridad

Servicios de Impresin

Servicios de Red

Evaluacin Actividad: 4 Conceptual Reconoce la funcin de un sistema operativo de red informtica. Coevaluacin Producto: Reporte de Investigacin. Saberes Procedimental Analiza los servicios de los sistemas operativos de redes informticas. C MC NC Actitudinal Muestra una actitud respetuosa durante su participacin en el debate. Puntaje:

Calificacin otorgada por el docente

14

ENTORNO DE REDES INFORMTICAS

Cierre
Actividad: 5
Responde las siguientes preguntas y participa en un debate grupal. Escribe tus respuestas. a) Menciona cinco aplicaciones de una red informtica en un contexto acadmico y laboral. _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ b) Menciona las ventajas y desventajas de una red informtica en tu entorno. _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ c) Compara las caractersticas de los servicios que ofrecen los sistema operativos para redes informticas, antes mencionadas y determina cual es el ms funcional y porque. _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ ____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________

BLOQUE 1

15

Actividad: 5 (continuacin) ontinuacin


Cliente.

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

e) De acuerdo con la definicin antes mencionada sobre Servidor Dedicado y Servidor No Dedicado, menciona un ejemplo de cada uno. _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________

Evaluacin Actividad: 5 Conceptual Identifica la aplicacin de red informtica en un contexto acadmico y laboral. Autoevaluacin Producto: Cuestionario. Saberes Procedimental Evala la utilidad de la red informtica en un contexto acadmico y laboral. C MC NC Puntaje: Actitudinal Utiliza la comunicacin por medio de redes informticas de manera tica y responsable. Calificacin otorgada por el docente

16

ENTORNO DE REDES INFORMTICAS

Secuencia didctica 2. Clasificacin redes Informticas por mtodo guiado. Inicio


Actividad: 1
Responde las siguientes preguntas en donde expreses tu opinin y experiencias sobre el tema solicitado. Escribe tus respuestas y participa en un debate grupal. 1) Qu mtodo de conexin de red informtica se utiliza en el centro de cmputo de tu escuela? Ests de acuerdo con el mtodo utilizado, por qu? ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ 2) Menciona tres ventajas que tiene el uso de cable en una red informtica. a. ___________________________________________________________________________________________ b. ___________________________________________________________________________________________ c. ___________________________________________________________________________________________ 3) Menciona tres desventajas que tiene el uso de cable en una red informtica. a. ___________________________________________________________________________________________ b. ___________________________________________________________________________________________ c. ___________________________________________________________________________________________ 4) Menciona las conexiones inalmbricas que se detectan en tu escuela. ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ _____________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________

BLOQUE 1 17

Actividad: 1 (continuacin) Continuacin.


5) Representa de manera general mediante un esquema la red informtica de tu escuela.

Actividad: 1 Conceptual Identifica los tipos de conexin de una red informtica as como sus ventajas y desventajas. Autoevaluacin

Evaluacin Producto: Cuestionario. Saberes Procedimental Clasifica los tipos de conexin de redes informticas. C MC NC

Puntaje: Actitudinal Analiza de manera responsable la conexin por cable de una red informtica en el contexto acadmico.

Calificacin otorgada por el docente

18

ENTORNO DE REDES INFORMTICAS

Desarrollo
Tipos redes informticas.
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 inalmbrica de rea personal) WLAN (Red inalmbrica de rea local) WMAN (Red inalmbrica de rea Metropolitana) WWAN (Red inalmbrica de rea amplia) Mtodo guiado. Cable de par trenzado (UTP) Cable coaxial Fibra ptica Radio Infrarrojos Microondas Lser Otras redes inalmbricas

Segn sea la utilizacin por parte de los usuarios.

Segn su cobertura geogrfica.

R e l a c i n

BLOQUE 1

T i p o s d e R e d e s

Por mtodo de conexin.

Mtodo no guiado

De acuerdo a su funcionalidad

Cliente - Servidor P2P P4P Bus Estrella Anillo rbol Malla Mixta

Por topologa de red.

Por la direccionalidad de los datos (Tipos de transmisin)

Simplex (unidireccionales) Half-Duplex (Bidireccionales)

19

Redes segn su utilizacin. Las redes informticas segn su utilizacin pueden ser: Redes Compartidas, aquellas a las que se une un gran nmero de usuarios, compartiendo todas las necesidades de transmisin. Redes exclusivas, aquellas que por motivo de seguridad, velocidad o ausencia de otro tipo de red, conectan dos o ms 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 pblicas, aquellas que pertenecen a organismos estatales y se encuentran abiertas a cualquier usuario que lo solicite mediante el correspondiente contrato. Relacin entre redes segn su cobertura geogrfica y mtodo de conexin

1. Red de Administracin Personal. 2. Red de rea Local. 3. Red de rea Campus. 4. Red de rea Metropolitana. 5. Red de rea amplia.

Clasificacin segn su cobertura geogrfica.

1. 2. 3. 4.

Red inalmbrica de rea personal. Red inalmbrica de rea local. Red inalmbrica de rea Metropolitana. Red inalmbrica de rea amplia.

a) Cable UTP. b) Cable coaxial. c) Fibra ptica.

Mtodo de Conexin.

a) b) c) d) e)

Radio. Infrarrojos. Microondas. Laser. Otras redes inalmbricas.

20

ENTORNO DE REDES INFORMTICAS

Redes segn su cobertura geogrfica. 1. Red de Administracin Personal (Personal rea Network): Son redes pequeas, las cuales estn conformadas por no ms de 8 computadoras, por ejemplo: caf internet. Red de rea Local (Local rea Network): Una red de rea local es la interconexin de varias computadoras y sus perifricos. Su extensin est limitada fsicamente a un edificio o a un entorno de 200 metros, utilizando repetidores se puede ampliar su rango a un kilmetro. Su aplicacin ms importante se da en la interconexin de computadoras personales y estaciones de trabajo en oficinas, escuelas, hospitales, fbricas, etc., debido a su limitada dimensin, son redes muy rpidas. Una red de rea local puede utilizar medios fsicos o inalmbricos y suelen incluir dispositivos de comunicacin tales como: HUB, Switch y Routers. Red de rea Campus (Campus rea Network): Una CAN es una coleccin de LANs dispersadas geogrficamente dentro de un campus (universitario, oficinas de gobierno, maquilas o industrias) pertenecientes a una misma entidad en una rea delimitada en kilmetros. Red de rea Metropolitana (Metropolitan rea Network): Es una red de alta velocidad que dando cobertura en un rea geogrfica extensa, proporciona capacidad de integracin de mltiples servicios mediante la transmisin de datos, voz y vdeo, sobre medios de transmisin tales como fibra ptica y par trenzado (UTP), conecta diversas LAN cercanas geogrficamente cubriendo reas que en algunos casos no se limitan a un entorno metropolitano sino que pueden llegar a una cobertura regional e incluso nacional mediante la interconexin de diferentes redes de rea metropolitana entre s a alta velocidad. Una red de rea metropolitana puede ser pblica o privada. Red de rea Amplia (Wide rea Network): Una Red de rea extensa (WAN) es un grupo de dispositivos, o varias LAN, conectados en una rea geogrficamente mayor, a menudo por medio de lneas telefnicas u otro formato de cableado como puede ser una lnea dedicada de alta velocidad, fibra o enlace va satlite. Su caracterstica definitoria es que no tiene lmites en cuanto a su amplitud, internet es uno de los mayores ejemplos de WAN.

2.

3.

4.

5.

Actividad: 2
Lee detalladamente las instrucciones y escribe tus repuestas. 1) Llena la siguiente tabla, con la informacin requerida sobre los tipos de redes informticas segn sea la utilizacin de los usuarios. Tipo de Red Lo que sabia Lo que aprend Ejemplo

Redes Compartidas

Redes exclusivas

Redes privadas

Redes pblicas

BLOQUE 1

21

Actividad: 2 (continuacin)
2) En el siguiente mapa, escribe la funcin de los tipos de redes segn su utilizacin.

Funcin .

Funcin

Tipos de redes segn sea la utilizacin.

Funcin

Funcin

22

ENTORNO DE REDES INFORMTICAS

Actividad: 2 (continuacin)
3) Completa el grfico de recuperacin sobre red informtica de acuerdo a su cobertura geogrfica.

Tipo de Red segn su cobertura geogrfica

Lo que sabia

Lo que aprend

Alcance geogrfico

BLOQUE 1

23

Evaluacin Actividad: 2 Conceptual Describe los tipos y clasificacin redes informtica. Producto: Tabla. Saberes Procedimental Ilustra los tipos y clasificacin de redes informticas en un contexto acadmico o laboral. C MC NC Puntaje: Actitudinal Reflexiona de manera responsable sobre el uso de los tipos de redes informticas en un contexto acadmico y laboral.

Autoevaluacin

Calificacin otorgada por el docente

Cierre
Actividad: 3
En equipo de cinco integrantes, realiza la siguiente prctica:

1) Selecciona una institucin acadmica donde cuenten con una red informtica. a. Menciona los departamentos que conforman la Institucin.

__________________________________________________________________________________________

b. En qu departamento est ubicado el equipo principal de la red informtica.

__________________________________________________________________________________________

c.

Cuantos equipos de cmputo tiene cada departamento.

__________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________

24

ENTORNO DE REDES INFORMTICAS

Actividad: 3 (continuacin)

d. Dibuja la distribucin de los equipos cmputo de la red informtica de la institucin, 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 informtica que se utilizan en la institucin y en cada departamento. _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________

f.

Representa de manera general mediante un dibujo la red informtica del Colegio de Bachilleres en el estado, e indica los tipos de red que utiliza segn su cobertura. Comntalo con tus compaeros y participa en una discusin grupal.

BLOQUE 1

25

Actividad: 3 (continuacin)
2) Con respecto a las tecnologas de la informacin y comunicacin, con la ayuda de tu profesor compara la dcada de los 80 con la actualidad, en el contexto acadmico, laboral y cotidiano. Con base en lo anterior menciona cinco ventajas y cinco desventajas en cada contexto. Participa en un debate grupal.

Tecnologas de la Informacin y Comunicacin Dcada de los 80 Contexto cotidiano: Actualmente Contexto cotidiano: Ventajas:

Desventajas:

Contexto acadmico:

Contexto acadmico:

Ventajas:

Desventajas:

Contexto Laboral:

Contexto Laboral:

Ventajas:

Desventajas:

Evaluacin Actividad: 3 Conceptual Reconoce los tipos de red es informticas, segn su cobertura. Producto: Tabla comparativa. Saberes Procedimental Investiga y representa mediante dibujos los tipos de redes informticas en un contexto acadmico y laboral. C MC NC Puntaje: Actitudinal Valora el uso de la tecnologa de la comunicacin mediante redes informticas.

Coevaluacin

Calificacin otorgada por el docente

26

ENTORNO DE REDES INFORMTICAS

Secuencia didctica 3. Clasificacin de redes Informticas por mtodo no guiado. Inicio


Actividad: 1
Contesta las siguientes preguntas. Anota tus respuestas y participa en una discusin grupal. 1. Qu entiendes por red inalmbrica? __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ 2. Menciona tres equipos de uso cotidiano que utilicen tecnologa inalmbrica: a. c. 3. ______________________________________________ ______________________________________________ b. ______________________________________________ Qu es la WIFI y en dnde se aplica? __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ 4. Qu es Bluetooth y en dnde se aplica? __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ 5. Menciona tres (3) ventajas y tres (3) desventajas del uso de la red inalmbrica: a. c. a. c. ______________________________________________ ______________________________________________ ______________________________________________ ______________________________________________ b. ______________________________________________

b. ______________________________________________

BLOQUE 1

27

Evaluacin Actividad: 1 Conceptual Reconoce las conexiones de redes informticas inalmbricas. Producto: Cuestionario. Saberes Procedimental Diferencia los mtodos de conexin no guiados en una red informtica. C MC NC Actitudinal Se percata de la importancia del uso responsable de las redes inalmbricas. Puntaje:

Autoevaluacin

Calificacin otorgada por el docente

Introduccin a redes inalmbricas.


Desde hace relativamente poco tiempo, se est viviendo lo que puede significar un revolucin en el uso de las tecnologas de la informacin tal y como lo conocemos. Esta revolucin puede llegar a tener una importancia similar a la que tuvo la adopcin de Internet por el gran pblico. De una forma callada, las redes inalmbricas o Wireless Networks, se estn 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 tecnologa. Las aplicaciones de las redes inalmbricas son infinitas. De momento van a crear una nueva forma de usar la informacin, pues sta estar al alcance de todos a travs de Internet en cualquier lugar (en el que haya cobertura). En un futuro cercano se reunificarn todo aquellos dispositivos con los que hoy contamos para dar paso a unos nuevos que perfectamente podran llamarse Terminales Internet en los cuales estaran reunidas las funciones de telfono mvil, agenda, terminal de vdeo, reproductor multimedia, ordenador porttil y un largo etctera. Se podra dar lugar a una Internet paralela y gratuita la cual estara basada en las redes que altruistamente cada uno de nosotros pondramos a disposicin de los dems al incorporarnos a las mismas como destino y origen de la informacin. En un futuro tambin cercano la conjugacin de las redes Mesh, con las redes inalmbricas y las redes Grid podra llevar a cabo al nacimiento de nuevas formas de computacin que permitan realizar clculos inimaginables. En las grandes ciudades por fin se podra llevar a cabo un control definitivo del trfico con el fin de evitar atascos, limitando la velocidad mxima y/o indicando rutas alternativas en tiempo real. Las tecnologas que son necesarias para llevar a cabo estos sistemas hoy existen desde ayer, su precio es mnimo o al menos muy asequible y su existencia maana slo depende de las estrategias comerciales de las empresas que las poseen. Las tecnologas de interconexin inalmbrica van desde redes de voz y datos globales, que permiten a los usuarios establecer conexiones inalmbricas a travs de largas distancias, hasta las tecnologas de luz infrarroja y radiofrecuencia que estn optimizadas para conexiones inalmbricas a distancias cortas.

28

ENTORNO DE REDES INFORMTICAS

Datos curiosos Redes Mesh: Tecnologa, que aspira a competir con la telefona mvil. 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.

Entre los dispositivos comnmente utilizados para la interconexin inalmbrica se encuentran los equipos porttiles, equipo de escritorio, asistentes digitales personales (PDA), telfonos celulares, equipos con lpiz y localizadores. Las tecnologas inalmbricas tienen muchos usos prcticos. Por ejemplo, los usuarios de mviles pueden usar su telfono celular para tener acceso al correo electrnico. Las personas que viajan con equipos porttiles pueden conectarse a Internet a travs de estaciones base instaladas en aeropuertos, estaciones de ferrocarril y otros lugares pblicos. 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 adopcin general de tecnologas inalmbricas, organizaciones como el Institute of Electrical and Electronics Engineers (IEEE), el Grupo de trabajo de ingeniera de Internet (IETF), Wireless Ethernet Compatibility Alliance (WECA) y la Unin Internacional de Telecomunicaciones (UIT) estn participando en varios grandes proyectos de estandarizacin. Por ejemplo, los grupos de trabajo de IEEE estn definiendo el modo en que la informacin se transfiere de un dispositivo a otro (si se utilizan ondas de radio o luz infrarroja, por ejemplo) y cmo y cundo un medio de transmisin debe utilizarse para las comunicaciones. En el desarrollo de los estndares de interconexin inalmbrica, organizaciones como el IEEE se centran en la administracin de energa, el ancho de banda, la seguridad y los aspectos que son nicos a la interconexin inalmbrica. La tecnologa GRID, reja, malla o cuadricula segn las diversas traducciones, es un nuevo paradigma de computacin distribuida en el cual todos los recursos de un nmero indeterminado de computadoras( ya sea cmputo, almacenamiento y aplicaciones especficas) son englobados para ser tratados de manera virtual como una nica sper computadora, sin estar sujetos a un control centralizado, por eso mucho expertos ya pronostican que la tecnologa GRID transformar el mundo de las TIC de la misma manera que Internet cambi el modo en que personas y empresas se comunicaban y compartan informacin.

Sabas que

La red grid permitir enviar datos a una velocidad 10.000 veces superior a la de los estndares actuales. Para darnos una idea, a esa velocidad bajarse una pelcula en DVD llevara apenas 5 segundos, y transferir la discografa completa en mp3 de los Stones desde Gran Bretaa a Japn, tardara dos segundos.

Bsicamente, las redes Grid tratan de conectar mltiples sistemas heterogneos de forma que los recursos e informacin almacenada en los mismos se puedan compartir. As, se consigue optimizar los recursos al ponerlos en comn para cargas de trabajo de gran capacidad y facilita la colaboracin de empresas con socios comerciales y proveedores, as como la participacin de diferentes organizaciones dispersas geogrficamente en un mismo proyecto. Hasta el momento se ha utilizado principalmente en universidades y centros de investigacin ya que la increble disponibilidad de recursos que las GRID proporcionan son fundamentales para trabajar en fsica, matemticas, geologa, medicina, ingeniera, entre muchas otras aplicaciones. Transformar grandes cantidades de informacin en conocimiento es una tarea sumamente compleja y costosa, pero a travs de estas nuevas redes el mismo se podra simplificar y economizar hasta lmites impensados. En Argentina la primera implementacin de esta tecnologa se produjo en un proyecto conjunto de las Universidades de Buenos Aires y la Universidad Nacional de Cuyo, a travs del cual se busco que amabas casas de altos estudios pudieran compartir la capacidad de cmputo para ser aplicado a la resolucin de problemas cientficos.

BLOQUE 1

29

Actividad: 2
En equipos de cinco, analicen la posibilidad de utilizar solo la tecnologa inalmbrica (WiFi, Bluetooth) en una institucin acadmica o en una empresa. Escribe y comenta las respuestas con tus compaeros, participa en una discusin grupal. Qu consideraciones debes tomar en cuenta para la instalacin de estas tecnologas inalmbricas (WiFi, Bluetooth)? _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ Cul es la utilidad de tecnologa Bluetooth? _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ Qu ventajas y desventajas presentara contestndola con las redes informticas de mtodo guiado? _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ Qu beneficios te brinda la tecnologa WiFi y Bluetooth, en tu entorno cotidiano y acadmico? _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ Qu tan factibles es de acuerdo a las posibilidades tecnolgicas de que las redes Mesh y Grid, se incorporen al contexto cotidiano, acadmico y laboral en Mxico? _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________

30

ENTORNO DE REDES INFORMTICAS

Evaluacin Actividad: 2 Conceptual Diferencia las tecnologas de redes inalmbricas. Producto: Cuestionario. Saberes Procedimental Debate el uso de las tecnologas inalmbricas, en un entorno cotidiano, acadmico y contextual. C MC NC Actitudinal Participa de manera activa y responsable en el anlisis de redes inalmbricas. Puntaje:

Coevaluacin

Calificacin otorgada por el docente

Redes inalmbricas segn su cobertura geogrfica. 1. Red Inalmbrica de rea Personal (Wireless Personal Area Networks): Es una red de computadoras para la comunicacin entre distintos dispositivos (computadoras, telfonos celulares, PDA, dispositivos de audio, impresoras, etc.). Estas redes normalmente son de unos pocos metros y para uso personal, existen tecnologas basadas en HomeRF (estndar para conectar todos los telfonos mviles de la casa y las computadoras mediante un aparato central) y Bluetooth (protocolo que sigue la especificacin IEEE 802.15.1).

2. Red inalmbrica de rea local (Wireless Local Area Network): En las redes de rea local podemos encontrar tecnologas inalmbricas basadas en HiperLAN (del ingls, High Performance Radio LAN), tecnologas basadas en Wi-Fi, que siguen el estndar IEEE 802.11 con diferentes variantes. 3. Red inalmbrica de rea metropolitana (Wireless Metropolitan Area Network): Para redes de rea metropolitana se encuentran tecnologas basadas en WiMAX (Worldwide Interoperability for Microwave Access, es decir, Interoperabilidad Mundial para Acceso con Microondas), un estndar de comunicacin inalmbrica basado en la norma IEEE 802.16. WiMAX es un protocolo parecido a Wi-Fi, pero con ms cobertura y ancho de banda. 4. Redes inalmbricas de rea extensa (WWAN): tienen el alcance ms amplio de todas las redes inalmbricas. Por esta razn, todos los telfonos mviles estn conectados a una red inalmbrica de rea extensa. Las tecnologas principales son: GSM (Global System for Mobile Communication) GPRS (General Packet Radio Service) UMTS (Universal Mobile Telecommunication System)

BLOQUE 1

31

Se denomina Bluetooth al protocolo de comunicaciones diseado especialmente para dispositivos de bajo consumo, con una cobertura baja y basada en transceptores de bajo costo. Los dispositivos que con mayor frecuencia utilizan esta tecnologa pertenecen a sectores de las telecomunicaciones y la informtica personal, como PDA, telfonos mviles, computadoras porttiles, impresoras o cmaras digitales. Bluetooth tiene la ventaja de simplificar el descubrimiento y configuracin de los dispositivos, ya que stos pueden indicar a otros los servicios que ofrecen, lo que redunda en la accesibilidad de los mismos sin un control explcito de direcciones de red, permisos y otros aspectos tpicos de redes tradicionales. Cuando hablamos de WIFI nos referimos a una de las tecnologas de comunicacin inalmbrica mediante ondas ms utilizada hoy en da. WIFI, tambin llamada WLAN (wireless lan, red inalmbrica) o estndar 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 comunicacin WIFI: 802.11b, que emite a 11 Mb/seg, y 802.11g, ms rpida, a 54 MB/seg. De hecho, son su velocidad y alcance (unos 100-150 metros en hardware asequible) lo convierten en una frmula perfecta para el acceso a internet sin cables. Para tener una red inalmbrica en casa slo necesitaremos un punto de acceso, que se conectara al mdem, y un dispositivo WIFI que se conectara 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 fsico de trabajo y mayor rapidez. Para porttiles podemos encontrar tarjetas PCMI externas, aunque muchos de los aparatos ya se venden con tarjeta integrada. Sabas que
TCP/IP son las siglas de Protocolo de Control de Transmisin/Protocolo de Internet. El TCP garantiza la entrega de datos. El Protocolo de Internet (IP) utiliza direcciones que son series de cuatro nmeros octetos (byte) con un formato de punto decimal, por ejemplo: 69.5.163.59 Los Protocolos de Aplicacin como HTTP y FTP se basan y utilizan TCP/IP.

En cualquiera de los casos es aconsejable mantener el punto de acceso en un lugar alto para que la recepcin/emisin sea ms fluida. Incluso si encontramos que nuestra velocidad no es tan alta como debera, quizs 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 transmisin y recepcin de la informacin 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 configuracin de protocolos. Entre los protocolos propios de una red de rea local podemos distinguir dos principales grupos. Por un lado estn los protocolos de los niveles fsicos y de enlace, niveles 1 y 2 del modelo OSI, que definen las funciones asociadas con el uso del medio de transmisin: envo de los datos a nivel de bits y trama, y el modo de acceso de los nodos al medio. Estos protocolos vienen unvocamente 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 bsicamente del encaminamiento de la informacin y garantizar una comunicacin extremo a extremo libre de errores.

32

ENTORNO DE REDES INFORMTICAS

Actividad: 3
a) Realiza un anlisis de la lectura anterior y competa el siguiente diagrama de redes inalmbricas segn su cobertura geogrfica. Tecnologas Redes

Redes inalambricas, segun su cobertura geogrfica

b) Escribe tus conclusiones, comenta con tus compaeros. ________________________________________________________________________________________ ________________________________________________________________________________________ ________________________________________________________________________________________ ________________________________________________________________________________________

BLOQUE 1

33

Actividad: 3 Conceptual Clasifica las redes inalmbricas segn su cobertura geogrfica.

Evaluacin Producto: Mapa conceptual y conclusiones. Saberes Procedimental Elabora un mapa conceptual con los diferentes tipos de redes inalmbricas. C MC NC

Puntaje: Actitudinal Asume una actitud responsable al completar el mapa conceptual y emitir sus conclusiones.

Autoevaluacin

Calificacin otorgada por el docente

Cierre
Actividad: 4
Observa con atencin los videos Que es el Bluetooth, Videotelefona y Videoconferencia y Conexiones WiFi que te proyectara tu profesor. Elabora un resumen de cada video y comenta con tus compaeros. 1) Elabora un resumen del video titulado Que es el Bluetooth, videotelefona y Videoconferencia. __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________

34

ENTORNO DE REDES INFORMTICAS

Actividad: 4 (continuacin)
2) Elabora un resumen del video Titulado Conexiones WiFi. __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ _________________________________________________________________________________________________

BLOQUE 1

35

Actividad: 4 (continuacin)
3) Completa el siguiente cuadro de recuperacin sobre los videos Que es el Bluetooth, Videotelefona y Videoconferencia y Conexiones WiFi.

Qu es el Bluetooth, videotelefona y Videoconferencia Lo interesante Lo positivo Lo negativo

Conexiones WiFi Lo interesante Lo positivo Lo negativo

Actividad: 4 Conceptual

Evaluacin Producto: Cuadro de recuperacin. Saberes Procedimental Expresa mediante un resumen el concepto y utilizacin de las tecnologas de redes inalmbricas WiFi y Bluetooth. C MC NC

Puntaje: Actitudinal Muestra respeto a sus compaeros durante la presentacin de los videos y valora la utilidad de la comunicacin y transmisin de informacin.

Describe las tecnologas de redes inalmbricas WiFi y Bluetooth.

Autoevaluacin

Calificacin otorgada por el docente

36

ENTORNO DE REDES INFORMTICAS

Secuencia didctica 4. Topologa de redes informticas. Inicio


Actividad: 1
Completa el cuadro sinptico, escribe tres caractersticas de las diferentes Topologas de Redes, y participa en un debate grupal.

Topologas

Caractersticas

Red en Bus

Red en Anillo

Red en Estrella

Estrella Jerrquica

Evaluacin Actividad: 1 Conceptual Reconoce las diferentes caractersticas de las topologas de redes informticas. Autoevaluacin Producto: Cuadro sinptico. Saberes Procedimental Menciona las caractersticas de las diferentes topologas de redes. C MC NC Puntaje: Actitudinal Muestra una actitud positiva y responsable en la elaboracin de la actividad.

Calificacin otorgada por el docente

BLOQUE 1

37

Introduccin a las topologas de redes. La topologa o forma lgica de una red se define como la forma de tender el cable a estaciones de trabajo individuales; por muros, suelos y techos del edificio. Existe un nmero de factores a considerar para determinar cual topologa es la ms apropiada para una situacin dada. Las topologas ms comunes son: Bus. Todos los dispositivos (tambin llamados nodos) comparten un mismo canal de comunicaciones. Anillo. En este caso los nodos estn unidos unos a otros formando un anillo. Estrella. Todos los nodos estn conectados a un centro de comunicaciones (denominado HUB o concentrador) pero no entre s. Hbridas: El bus lineal, la estrella y el anillo se combinan algunas veces para formar combinaciones de redes hbridas. Anillo en Estrella: Esta topologa se utiliza con el fin de facilitar la administracin de la red. Fsicamente, la red es una estrella centralizada en un concentrador, mientras que a nivel lgico, la red es un anillo. "Bus" en Estrella: El fin es igual a la topologa anterior. En este caso la red es un "bus" que se cablea fsicamente como una estrella por medio de concentradores. Estrella Jerrquica: Esta estructura de cableado se utiliza en la mayor parte de las redes locales actuales, por medio de concentradores dispuestos en cascada para formar una red jerrquica. rbol: Esta estructura se utiliza en aplicaciones de televisin por cable, sobre la cual podran basarse las futuras estructuras de redes que alcancen los hogares. Tambin se ha utilizado en aplicaciones de redes locales analgicas de banda ancha. Trama: Esta estructura de red es tpica de las WAN, pero tambin se puede utilizar en algunas aplicaciones de redes locales (LAN). Las estaciones de trabajo estn conectadas cada una con todas las dems.

Sabas que Un Nodo, Es un punto de conexin, ya sea de redistribucin (como un router, un switch o un gateway) o de destino (computadoras, servidores) para la transmisin de datos.

38

ENTORNO DE REDES INFORMTICAS

Actividad: 2
Investiga las caractersticas de las diferentes Topologas de Redes, completa la siguiente tabla y participa en un debate grupal.

Topologas

Lo que se

Lo que investigue fuente 1

Lo que investigue fuente 2

Mi conclusin

Red en Bus

Red en Anillo

Red en Estrella

Estrella Jerrquica

Actividad: 2 Conceptual Reconoce las diferentes topologas de redes informticas.

Evaluacin Producto: Tabla descriptiva. Saberes Procedimental Recopila informacin de diferentes fuentes y las compara con sus conocimientos previos, sobre topologas de redes. C MC NC

Puntaje: Actitudinal Evidencia tolerancia y respeto al compartir la informacin con sus compaeros.

Autoevaluacin

Calificacin otorgada por el docente

BLOQUE 1

39

Ethernet.
Es un estndar de redes de computadoras de rea local con acceso al medio por contienda CSMA/CD. El nombre viene del concepto fsico de ether. Ethernet define las caractersticas de cableado y sealizacin de nivel fsico y los formatos de tramas de datos del nivel de enlace de datos del modelo OSI. La Ethernet se tom como base para la redaccin del estndar internacional IEEE 802.3. Usualmente se toman Ethernet e IEEE 802.3 como sinnimos. 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 especificacin original fue realizada para ser usada con cable coaxial, sin embargo se suele usar con bastante frecuencia el cable de par trenzado. Tecnologas Ethernet 10Base5 (Ethernet gruesa) Usa un cable coaxial grueso y tiene una velocidad de 10 Mbps los segmentos pueden ser hasta 500 m en longitud con hasta 100 nodos. 10Base2 (Ethernet delgada). Usa un cable coaxial delgado y dobla ms fcilmente. Se hacen las conexiones usando conectores de T, que son ms fciles para instalar y ms confiables. Es la ms barata y ms fcil instalar pero los segmentos pueden ser solamente 200 m con 30 nodos. 10Base-T Cada estacin tiene una conexin con un HUB (centro). Los cables normalmente son los pares trenzados. La desventaja es que los cables tienen un lmite de solamente 100 m, y el costo de un HUB puede ser alto. 10Base-F. Usa la fibra ptica. Es cara pero buena para las conexiones entre edificios (los segmentos pueden tener una longitud hasta 2000 m). Las tecnologas Ethernet que existen se diferencian en estos conceptos: Velocidad de transmisin: Velocidad a la que transmite la tecnologa. Tipo de cable: Medio de transmisin a nivel fsico, que usa la tecnologa. Longitud mxima: Distancia mxima que puede haber entre dos nodos adyacentes (sin estaciones repetidoras). Topologa: Determina la forma fsica de la red. Bus si se usan conectores T (hoy slo usados con las tecnologas ms antiguas) y estrella si se usan hubs (estrella de difusin) o switches (estrella conmutada).

40

ENTORNO DE REDES INFORMTICAS

Actividad: 3
En binas contesta las siguientes preguntas. Escribe tus respuestas y participa en un debate grupal. a) Con base en las caractersticas de las topologas de redes, cul consideras que se utilice en el centro de cmputo de tu plantel, fundamenta la respuesta? ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________

BLOQUE 1

41

Actividad: 3 (continuacin)
b) Identifica las siguientes topologas de redes.

________________________

________________________ __

________________________________

Actividad: 3 Conceptual Identifica las Topologas de redes informticas Coevaluacin

Evaluacin Producto: Conclusiones. Saberes Procedimental Diferencia las topologas de redes informticas. C MC NC

Puntaje: Actitudinal Muestra un actitud positiva y activa en el trabajo colaborativo.

Calificacin otorgada por el docente

42

ENTORNO DE REDES INFORMTICAS

A continuacin, se especifican las tecnologas ms importantes:

Tecnologas Ethernet Velocidad de transmisin 10 Mbps 10 Mbps 10 Mbps 100Mbps Distancia mxima 185 m 100 m 2000 m 100 m

Tecnologa 10Base2 10BaseT 10BaseF 100BaseT4

Tipo de cable Coaxial Par Trenzado Fibra ptica Par Trenzado (categora 3UTP)

Topologa Bus (Conector T) Estrella (Hub o Switch) Estrella (Hub o Switch) Estrella. Half Duplex (hub) y Full Duplex (switch) Estrella. Half Duplex (hub) y Full Duplex (switch) No permite el uso de hubs Estrella. Full Duplex (switch) Estrella. Full Duplex (switch) Estrella. Full Duplex (switch)

100BaseTX 100BaseFX 1000BaseT 1000BaseSX 1000BaseLX

100Mbps 100Mbps 1000Mbps 1000Mbps 1000Mbps

Par Trenzado (categora 5UTP) Fibra ptica 4 Pares Trenzados (categora 5e 6UTP ) Fibra ptica (multimodo) Fibra ptica (monomodo)

100 m 2000 m 100 m 550 m 5000 m

BLOQUE 1

43

Cierre
Actividad: 4
Forma equipos de cinco integrantes y contesta las siguientes preguntas. Escribe tus respuestas y participa en un debate grupal.

a) El Ingeniero Pedro Duarte requiere instalar una red en un rea de 400 mts 2, para 80 computadoras, Qu tecnologa de Ethernet deber utilizar?, por qu, y que aspectos debe considerar para seleccionar la tecnologa Ethernet? __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________

44

ENTORNO DE REDES INFORMTICAS

Actividad: 4 Conceptual Identifica las tecnologas de Ethernet, y las Topologas de redes informticas Coevaluacin

Evaluacin Producto: Resolucin de problemas. Saberes Procedimental Aplica a travs de un ejercicio de anlisis las tecnologas de Ethernet. C MC NC

Puntaje: Actitudinal Respeta las opiniones y muestra un actitud positiva en el trabajo colaborativo.

Calificacin otorgada por el docente

Sitios Web recomendados: http://www.mailxmail.com/curso-redes-inalambricas-wi-fi-futurocomunicacion/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/topologiasneural/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-redredes-72.html http://www.cisco.com/

BLOQUE 1

45

46

ENTORNO DE REDES INFORMTICAS

Competencias profesionales:
1. 2.

Desarrolla documentos electrnicos, de acuerdo con los requerimientos establecidos (software). Localiza, obtiene informacin y se comunica utilizando las tecnologas de la informacin y de comunicacin (software).

Unidad de competencia:

Reconoce los elementos necesarios de software y hardware para la instalacin de una red informtica en un contexto cotidiano, acadmico y laboral. Valora la importancia de una red informtica como un canal de comunicacin y transmisin de informacin.

Atributos a desarrollar en el bloque:


1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14.

Elige alternativas y cursos de accin con base en criterios sustentados y en el marco de un proyecto de vida. Aplica distintas estrategias comunicativas segn quienes sean sus interlocutores, el contexto en el que se encuentra y los objetivos que persigue. Maneja las tecnologas de la informacin y la comunicacin para obtener informacin y expresar ideas. Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como cada uno de sus pasos contribuye al alcance de un objetivo. Ordena informacin de acuerdo a categoras, jerarquas y relaciones. Utiliza las tecnologas de la informacin y comunicacin para procesar e interpretar informacin. Elige las fuentes de informacin ms relevantes para un propsito especfico y discrimina entre ellas de acuerdo a su relevancia y confiabilidad. Estructura ideas y argumentos de manera clara, coherente y sinttica. Define metas y da seguimiento a sus procesos de construccin de conocimiento. Articula saberes de diversos campos y establece relaciones entre ellos y su vida cotidiana. Identifica las actividades que le resultan de menor y mayor inters y dificultad, reconociendo y controlando sus reacciones frente a retos y obstculos. Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un curso de accin con pasos especficos. Aporta puntos de vista con apertura y considera los de otras personas de manera reflexiva. Asume una actitud constructiva, congruente con los conocimientos y habilidades con los que cuenta dentro de distintos equipos de trabajo.

BLOQUE 2. Elementos e instalacin de


una red informtica.

Tiempo asignado: 15 horas

Secuencia didctica 1. Proyecto de instalacin del modelo OSI. Inicio


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

1) Cul es la funcin de ISO (International Organization for Standardization)? _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ 2) Qu tan importante es la Organizacin Internacional de Estandarizacin, en la Educacin en Mxico? _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ 3) Qu pasara con la industria maquiladora establecida en nuestro territorio, si Mxico no reconociera a la ISO? _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ 4) Menciona tres rubros donde estandarizacin ISO, est presente en las redes informticas? a) _________________________________________________________________________________________ b) c) _________________________________________________________________________________________ _________________________________________________________________________________________

5) Al enviar un documento a una impresora remota por medio de una red informtica, simula mediante un dibujo la ruta virtual que sigue el documento desde la computadora (fuente) la cual lo enva hasta la impresora (destino).

48

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas

Actividad: 1 (continuacin)
6) Explica cual es la funcin del protocol TCP/IP. _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _________________________________________________________________________________________________ _______________________
Actividad: 1 Conceptual Reconoce la funcin de ISO, as como la del protocolo TCP/IP. Coevaluacin Evaluacin Producto: Cuestionario. Saberes Procedimental Ilustra el uso del estndar ISO en un contexto acadmico y laboral. C MC NC Puntaje: Actitudinal Es responsable al contestar el cuestionario.

Calificacin otorgada por el docente

BLOQUE 2

49

Desarrollo
Introduccin al modelos de referencia de Interconexin de Sistemas Abiertos (OSI). El modelo de referencia de Interconexin de Sistemas Abiertos (OSI, Open System Interconnection), es la norma universal para protocolos de comunicacin lanzado en 1984. Fue propuesto por ISO y divide las tareas de la red en siete niveles o capas, proporcionando as a los fabricantes estndares que aseguran mayor compatibilidad e interoperatibilidad entre las distintas tecnologas de red producidas mundialmente. ISO (International Organization for Standardization) es la entidad con mayor produccin y publicacin de estndares a nivel mundial. Est compuesta de una red nacional de estandarizacin en 161 pases, teniendo su Secretariado General en Ginebra, Suiza.

El ISO es una organizacin no gubernamental (ONG) que proporciona un enlace fundamental entre los sectores pblicos y privados, proporcionando el enlace entre gobierno, instituciones educativas, y el sector privado. El ISO permite alcanzar coincidencias acerca de soluciones a problemas internacionales que cumplen con los requerimientos de negocios, as como de las ramas ms amplias de la sociedad. Hace unos cuantos aos pareca como si la mayor parte de los fabricantes de computadoras y software fueran a seguir las especificaciones de la Organizacin internacional para el estndar. El modelo de referencia de Interconexin 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 compaas ya haban desarrollado mtodos para interconectar sus hardware y software con otros sistemas. Aunque pidieron un soporte futuro para los estndares OSI, sus propios mtodos estaban a menudo tan atrincherados que el acercamiento hacia OSI era lento o inexistente. Novell y otras compaas de redes expandieron sus propios estndares para ofrecer soporte a otros sistemas, y relegaron los sistemas abiertos a un segundo plano. Sin embargo, los estndares OSI ofrecen un modo til para comparar la interconexin 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 jerarqua para ver como los sistemas se comunican por LAN.

50

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas
Jerarqua del protocolo OSI. Cada nivel de la jerarqua de protocolos OSI tiene una funcin especfica y define un nivel de comunicaciones entre sistemas. Cuando se define un proceso de red, como la peticin de un archivo por un servidor, se empieza en el punto desde el que el servidor hizo la peticin. Entonces, la peticin va bajando a travs de la jerarqua y es convertida en cada nivel para poder ser enviada por la red. - Nivel de Aplicacin: 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 electrnico (POP y SMTP), gestores de bases de datos y servidor de ficheros (FTP). - Nivel de Presentacin: En este nivel los protocolos son parte del sistema operativo y de la aplicacin que el usuario acciona en la red. El objetivo del nivel de presentacin es encargarse de la representacin de la informacin, de manera que aunque distintos equipos puedan tener diferentes representaciones internas de caracteres (ASCII, Unicode, EBCDIC), nmeros (little-endian tipo Intel, big-endian tipo Motorola), sonido o imgenes, los datos lleguen de manera reconocible. - Nivel de Sesin: Coordina el intercambio de informacin entre equipos, se llama as por la sesin de comunicacin que establece y concluye. El objetivo del nivel es mantener y controlar el dilogo establecido entre las dos computadoras que estn transmitiendo datos de cualquier ndole. - Nivel de Transporte: Nivel encargado de efectuar el transporte de los datos (que se encuentran dentro del paquete) de la mquina origen a la de destino, independizndolo del tipo de red fsica que se est utilizando. Su funcin bsica es aceptar los datos enviados por las capas superiores, dividirlos en pequeas partes si es necesario, y pasarlos a la capa de red. En el caso del modelo OSI, tambin se asegura que lleguen correctamente al otro lado de la comunicacin. Otra caracterstica a destacar es que debe aislar a las capas superiores de las distintas posibles implementaciones de tecnologas de red en las capas inferiores, lo que la convierte en

BLOQUE 2

51

el corazn de la comunicacin. Sus protocolos son TCP y UDP el primero orientado a conexin y el otro sin conexin - Nivel de Red: Define protocolos para abrir y mantener un camino entre equipos de la red. Se ocupa del modo en que se mueven los paquetes. El objetivo del nivel de red es hacer que los datos lleguen desde el origen al destino, aun cuando ambos no estn conectados directamente. Los dispositivos que facilitan tal tarea se denominan en castellano encaminadores, aunque es ms frecuente encontrar el nombre ingls Routers y, en ocasiones enrutadores. Adicionalmente la capa de red lleva un control de la congestin de red, que es el fenmeno que se produce cuando una saturacin de un nodo tira abajo toda la red (similar a un atasco en un cruce importante en una ciudad grande). La PDU (Unidad de Datos del Protocolo, por sus siglas en ingls) de la capa 3 es el paquete.

Trama: Es una unidad de envo de datos. Es el equivalente de paquete de datos o paquete de red, en el Nivel de enlace de datos del modelo OSI.

- Nivel de Enlace de Datos: Define las reglas para enviar y recibir informacin a travs de la conexin fsica entre dos sistemas. La capa de enlace de datos se ocupa del direccionamiento fsico, de la topologa de la red, del acceso a la red, de la notificacin de errores, de la distribucin ordenada de tramas y del control del flujo.

Se hace un direccionamiento de los datos en la red ya sea en la distribucin adecuada desde un emisor a un receptor, la notificacin de errores, de la topologa de la red de cualquier tipo. Tarjeta de Red que se encarga de que tengamos conexin, posee una direccin MAC (control de acceso al medio) y la LLC (control de enlace lgico). Los Switches realizan su funcin en este nivel siempre y cuando este encendido el nodo.

- Nivel Fsico: Define las caractersticas fsicas del sistema de cableado, abarca tambin los mtodos de red disponibles, incluyendo Token Ring, Ethernet y ArcNet. El nivel Fsico del modelo de referencia OSI se encarga de las conexiones fsicas de la computadora hacia la red, tanto en lo que se refiere al medio fsico (medios guiados: cable coaxial, cable de par trenzado, fibra ptica entre otros tipos de conexin cableada; medios no guiados: radio, infrarrojos, microondas, lser y otras redes inalmbricas).

52

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas

Actividad: 2
Completa el siguiente cuadro sinptico, Capas del Protocolo OSI.

Capa o Nivel

Funcin

Nivel de Aplicacin

Nivel de Presentacin Jerarqua del protocolo OSI

Nivel de Sesin

Nivel de Transporte

Nivel de Red

Nivel de Enlace de Datos

Nivel Fsico

Actividad: 2 Conceptual Identifica la funcin de cada una de las capas/nieves del protocolo OSI. Autoevaluacin

Evaluacin Producto: Cuadro sinptico. Saberes Procedimental Analiza la funcin de las capas/niveles del protocolo OSI. C MC NC

Puntaje: Actitudinal Muestra inters y actitud positiva en el desarrollo de la actividad.

Calificacin otorgada por el docente

BLOQUE 2

53

Nivel de protocolo TCP/IP. Las conexiones TCP/IP se disearon para trabajar en los cuatro niveles inferiores del modelo de referencia de Interconexin de Sistemas Abiertos (Open System Interconnection, OSI) ISO de siete niveles. Los cuatro niveles son: Fsico, Enlace, Red y Transporte. Las aplicaciones basadas en IP, tales como la Web, el correo electrnico o los sistemas de administracin de redes, residen en los tres niveles superiores del modelo OSI. Estos tres niveles se consideran frecuentemente como un nico nivel Aplicacin. La comprensin a grandes rasgos de los niveles de protocolo ayuda a explicar cmo interactan los protocolos TCP/IP a la hora de ofrecer una conexin. El nivel inferior, o Fsico, es el medio que transporta las seales elctricas u pticas: un cable, una conexin inalmbrica o una conexin 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 lnea de datos en serie de una red de rea extendida (Wide-Area Network, WAN). El nivel Enlace utiliza sus propios protocolos en funcin del medio especfico utilizado. Latencia: Es la suma de retardos temporales dentro de una red. Un retardo es producido por la demora en la propagacin y transmisin de paquetes dentro de la red. El siguiente nivel es el nivel Red. El Protocolo de Internet funciona en este nivel transportando paquetes a travs de los niveles inferiores hacia el destino. Sin embargo, el IP no ofrece una entrega garantizada de los paquetes. Por esta razn, se le denomina sin conexin. TCP/IP fue diseado para trabajar de modo transparente a travs de prcticamente cualquier tipo de medio del nivel Enlace o Fsico.

Para lograr una conexin confiable punto a punto, Internet necesita un protocolo tal como el Protocolo de Control de Transmisin (Transmission Control Protocol, TCP), orientado a las conexiones.

TCP funciona en el cuarto nivel, el nivel Transporte. TCP logra una conexin 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 Aplicacin.

54

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas
TCP compensa las diferencias de latencia entre las diversas rutas por las que los paquetes de IP individuales pueden haber atravesado la red. Para verificar la entrega adecuada de todos los paquetes, TCP enva un acuse de recibo desde el destino al origen. TCP tambin cuenta con los medios necesarios para evitar y recuperarse de la congestin en las redes. Sin embargo, todo ello hace que una conexin TCP sea susceptible al tiempo del viaje de ida y vuelta (Roundtrip Time, RTT) de la red. El modelo de arquitectura de estos protocolos es ms simple que el modelo OSI, como resultado de la agrupacin 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 presentacin desaparece pues las funciones a definir en ellas se incluyen en las propias aplicaciones. Lo mismo sucede con la capa de sesin, 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.
Roundtrip Time: Se aplica en el mundo de las telecomunicaciones y redes informticas al tiempo que tarda un paquete enviado desde un emisor en volver a este mismo emisor habiendo pasado por el receptor de destino.

Direcciones IP y mscaras de red. En una red TCP/IP las computadoras se identifican mediante un nmero que se denomina direccin IP. Esta direccin ha de estar dentro del rango de direcciones asignadas al organismo o empresa a la que pertenece, estos rangos son concedidos por un organismo central de Internet, el NIC (Network Information Center). Una direccin 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 direccin de una mquina se compone de dos partes cuya longitud puede variar: o o Bits de red: Son los bits que definen la red a la que pertenece el equipo. Bits de host: Son los bits que distinguen a un equipo de otro dentro de una red.

Los bits de red siempre estn a la izquierda y los de host a la derecha, veamos un ejemplo sencillo: Bits de Red 150.214.141. Bits de Host 197

10010110 11010110 10001101 11000101

La mscara de red es un nmero con el formato de una direccin IP que nos sirve para distinguir cuando una mquina determinada pertenece a una subred dada, con lo que podemos averiguar si dos computadoras estn o no

BLOQUE 2

55

en la misma subred IP. En formato binario todas las mscaras de red tienen los "1" agrupados a la izquierda y los "0" a la derecha. 11111111 255 11111111 255 11111111 255 00000000 0

Para determinar si dos computadoras estn en la misma subred, las IP de ambas computadoras se convierten al sistema binario y se multiplican (.AND.) por 11111111.11111111.11111111.00000000, si los resultados son iguales entonces pertenecen a la misma red. Ejemplo: Sea la direccin de una subred 150.214.141.0, con una mscara de red 255.255.255.0 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. Cuntas direcciones puede haber? IP 150.214.141.32 150.214.141.138 150.214.142.23 255.255.255.0 150.214.141.0 10010110.1101010.10001101.10000000 10010110.1101010.10001101.10001010 10010110.1101010.10001110.00010111 11111111.1111111.11111111.00000000 10010110.1101010.10001101.00000000

En sntesis, la versin 4 de las direcciones IP debera permitir unos 4.300 millones de direcciones (256*256*256*256), pero hay algunas direcciones que estn reservadas; por ejemplo, las direcciones '127.x.x.x' se utilizan para pruebas locales de la misma mquina, la '192.168.x.x' para internas de oficina, la '10.x.x.x' para redes mucho mayores pero tambin locales/internas, etc.

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 operacin con la direccin 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 direccin de red, esto no indica que los dos equipos estn dentro de la misma red.

Vamos a hacerlo con la otra direccin 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 sera 150.214.142.0.

56

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas

Actividad: 3
En binas, completa los siguientes cuadros de recuperacin, sobre los protocolos OSI y TCP/IP y participa en un debate grupal. 1) Escribe la funcin de cada Capa o Nivel del protocolo TCP/IP, donde corresponda. Capa/Nivel Funcin

Aplicacin

Transporte

Internet

Acceso a la red

BLOQUE 2

57

Actividad: 3 (continuacin)
Completa el siguiente cuadro de relacin sobre las funciones de los protocolos TCP/IP y OSI y participa en un debate grupal.

Modelo OSI

Funciones

Modelo FTP/IP

Aplicaciones IP

Nivel de Aplicacin

WEB

Nivel de Presentacin

Nivel de Aplicacin

Correo Electrnico

Nivel de Sesin

Sistemas de administracin 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 Nivel Fsico

Normalmente es una red de rea local (Local-rea Network, LAN) Ethernet o una lnea de datos en serie de una red de rea extendida (Wide-rea Network, WAN). Medio que transporta las seales elctricas u pticas: un cable, una conexin inalmbrica o una conexin de fibra ptica.

58

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas

Evaluacin Actividad: 3 Conceptual Identifica las funciones del protocolo TCP/IP. Coevaluacin Producto: Cuadro de recuperacin. Saberes Procedimental Compara las funciones de cada capa de los protocolos OSI y TCP/IP C MC NC Puntaje: Actitudinal Muestra una actitud respetuosa durante su participacin en el debate.

Calificacin otorgada por el docente

Cierre
Actividad: 4
En equipos de tres integrantes, realiza la siguiente investigacin.

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 mscara de red 255.255.255.0, realiza las operaciones correspondientes.

Numero y ubicacin 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 A B C D E No de REDES No de HOST MASCARA DE RED

BLOQUE 2

59

Actividad: 4 (continuacin)
3) En lo que se refiere a la Asignacin de direccin IP, menciona y explica los 3 mtodos de Asignacin de IP.

a) _______________________________________________________________________________________ _______________________________________________________________________________________ _______________________________________________________________________________________ b) _______________________________________________________________________________________ _______________________________________________________________________________________ _______________________________________________________________________________________ c) _______________________________________________________________________________________ _______________________________________________________________________________________ _______________________________________________________________________________________ 3) Qu es una IP Fija?

_____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ 4) Investiga la funcin de la direccin IPv6, comprala con la funcin de la direccin IPv4. Menciona las similitudes y la ventaja de la IPv6 sobre la IPv4, escribe tus conclusiones. ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________

Evaluacin Actividad: 4 Conceptual Identifica la aplicacin de la direcciones IP en un contexto acadmico y laboral. Coevaluacin Producto: Reporte de investigacin. Saberes Procedimental Aplica el uso de las direcciones IP contexto acadmico y laboral. C MC NC Puntaje: Actitudinal Muestra una actitud positiva en el grupo al realizar las tareas asignadas, durante la investigacin.

Calificacin otorgada por el docente

60

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas

Secuencia didctica 2. Cables y Conectores. Inicio


Actividad: 1
Escribe el nombre de cada uno de los siguientes cables y conectores de una red informtica.

__________________

____________________

____________________

__________________ _

____________________

_____________________

Evaluacin Actividad: 1 Conceptual Identifica los cables y conectores de una red informtica. Autoevaluacin Producto: Cuadro de relacin. Saberes Procedimental Selecciona los cables y conectores de una red informtica. C MC NC Puntaje: Actitudinal Es atento al seleccionar los cables y conectores.

Calificacin otorgada por el docente

BLOQUE 2

61

Desarrollo
Introduccin a cables y conectores.
Es una forma ordenada y planeada de realizar cableados que permiten conectar telfonos, equipo de procesamiento de datos, computadoras personales, conmutadores, redes de rea local (LAN) y equipo de oficina entre s. Al mismo tiempo permite conducir seales de control como son: sistemas de seguridad y acceso, control de iluminacin, control ambiental, etc. El objetivo primordial es proveer de un sistema total de transporte de informacin a travs de un medio comn.

Sistemas de cableado estructurado.


Los Sistemas de Cableado Estructurado deben emplear una Arquitectura de Sistemas Abiertos (OSA por sus siglas en ingls) y soportar aplicaciones basadas en estndares como el EIA/TIA-568A, EIA/TIA-569, EIA/TIA-606, EIA/TIA-607 (de la Electronic Industries Association / Telecommunications Industry Association). Entre las caractersticas generales de un sistema de cableado estructurado destacan las siguientes: Soporta mltiples ambientes de computo: LAN's (Ethernet, Fast Ethernet, Token-ring, Arcnet, FDDI/TPPMD). Datos discretos (Mainframes, mini computadoras). Voz/Datos integrados (PBX, Centrex, ISDN). Video (seales en banda base, ejemplos: seguridad de edificios); (seales en banda amplia, ejemplos.: TV en escritorio).

El estndar ms conocido de cableado estructurado en el mundo est definido por la EIA/TIA (Electronics Industries Association/Telecomunications Industries Association) de Estados Unidos, y especifica el cableado estructurado sobre cable de par trenzado UTP de categora 5, el estndar 568A. Existe otro estndar producido por AT&T muchos antes de que la EIA/TIA fuera creada en 1985, el 258A, pero ahora conocido bajo el nombre de EIA/TIA 568B. Qu es el 568? En el mundo de los sistemas de cableado estructurado el nmero crptico 568 al orden en que los hilos individuales dentro del cable CAT 5 estn terminados.

62

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas
Cable par trenzado Es de los ms antiguos en el mercado y en algunos tipos de aplicaciones es el ms comn, consiste en dos alambres de cobre o a veces de aluminio, aislados con un grosor de 1 mm aproximado. Los alambres se trenzan con el propsito de reducir la interferencia elctrica de pares similares cercanos. Los pares trenzados se agrupan bajo una cubierta comn 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 telefona, ya que la mayora de aparatos se conectan a la central telefnica por intermedio de un par trenzado. Actualmente se han convertido en un estndar, de hecho en el mbito de las redes LAN, como medio de transmisin en las redes de acceso a usuarios (tpicamente cables de 2 4 pares trenzados). A pesar que las propiedades de transmisin de cables de par trenzado son inferiores y en especial la sensibilidad ante perturbaciones extremas a las del cable coaxial, su gran adopcin se debe al costo, su flexibilidad y facilidad de instalacin, as como las mejoras tecnolgicas constantes introducidas en enlaces de mayor velocidad, longitud, Clasificacin del cable par trenzado CABLE DE PAR TRENZADO NO APANTALLADO (UTP, Unshielded Twisted Pair): Cable de pares trenzados ms simple y empleado, sin ningn tipo de apantalla adicional y con una impedancia caracterstica de 100 Ohmios. El conector ms frecuente con el UTP es el RJ45, parecido al utilizado en telfonos RJ11 (pero un poco ms grande), aunque tambin 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 fcil instalacin. Sus dos alambres de cobre torcidos aislados con plstico PVC, han demostrado un buen desempeo en las aplicaciones de hoy. Sin embargo a altas velocidades puede resultar vulnerable a las interferencias electromagnticas del medio ambiente. CABLE DE PAR TRENZADO APANTALLADOS (STP, kshielded Twisted Pair): Cable apantallado: Se llama cable apantallado a un tipo de cable recubierto por una malla o un tubo metlico, que acta de jaula de Faraday para evitar el acople de ruidos y otras interferencias, tanto del entorno hacia el cable, como del cable al entorno.

En este caso, cada par va recubierto por una malla conductora que acta de apantalla frente a interferencias y ruido elctrico. Su impedancia es de 150 OHMIOS. El nivel de proteccin del STP ante perturbaciones externas es mayor al ofrecido por UTP. Sin embargo es ms costoso y requiere ms instalacin. La pantalla del STP para que sea ms eficaz requiere una configuracin de interconexin con tierra (dotada de continuidad hasta el terminal), con el STP se suele utilizar conectores RJ49. Es utilizado generalmente en las instalaciones de procesos de datos por su capacidad y sus buenas caractersticas contra las radiaciones electromagnticas, pero el inconveniente es que es un cable robusto, caro y difcil de instalar.

BLOQUE 2

63

CABLE DE PAR TRENZADO CON PANTALLA GLOBAL (FTP, Foiled Twisted Pair): En este tipo de cable como en el UTP, sus pares no estn apantallados, pero s dispone de una apantalla global para mejorar su nivel de proteccin ante interferencias externas. Su impedancia caracterstica tpica es de 120 OHMIOS y sus propiedades de transmisin son ms parecidas a las del UTP. Adems puede utilizar los mismos conectores RJ45. Token Ring:

El EIA/TIA define el estndar EIA/TIA 568 para la instalacin de redes locales (LAN). El cable trenzado ms 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 configuracin ms utilizada es la T568A.

Las redes Token Ring originalmente fueron desarrolladas por IBM en los aos 1970s, con topologa lgica en anillo y tcnica de acceso de paso de testigo.

El cable par trenzado se maneja por categoras de cable: Categora 1: Cable de par trenzado sin apantallar, se adapta para los servicios de voz, pero no a los datos. Categora 2: Cable de par trenzado sin apantallar, este cable tiene cuatro pares trenzados y est certificado para transmisin de 4 Mbps Categora 3: Cable de par trenzado que soporta velocidades de transmisin de 10 Mbps de Ethernet 10Base-T, la transmisin en una red Token Ring es de 4 Mbps Este cable tiene cuatro pares. Categora 4: Cable par trenzado certificado para velocidades de 16 Mbps Este cable tiene cuatro pares. Categora 5: Es un cable de cobre par trenzado de cuatro hilos de 100 OHMIOS. La transmisin de este cable puede es a 100 Mbps para soportar las nuevas tecnologas como ATM (Asynchronous Transfer Mode). 100VG AnyLan: Nuevo estndar Ethernet que soporta velocidades de 100 Mbps utilizando un nuevo mtodo de acceso por prioridad de demandas sobre configuraciones de cableado par trenzado.

64

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas

Actividad: 2
Completa el siguiente cuadro Clasificacin del cable par trenzado.

CABLE PAR TRENZADO NO APANTALLADO (UTP) Descripcin. ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ ________________________________

CABLE PAR TRENZADO APANTALLADO (STP) Descripcin ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ ________________________________

CABLE DE PAR TRENZADO CON PANTALLA GLOBAL (FTP)

Descripcin ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ ___________________________________________________________ ________________________________

BLOQUE 2

65

Actividad: 2 (continuacin)
Completa el siguiente cuadro Categoras del cable par trenzado.

Descripcin: Categora 1

Descripcin: Categora 2

Descripcin:

Categora 3

Descripcin: Categora 4

Descripcin: Categora 5

66

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas
Evaluacin Actividad: 2 Conceptual Identifica la clasificacin y las categoras del cable par trenzado. Autoevaluacin Producto: Grficos de recuperacin. Saberes Procedimental Selecciona el cable necesario para la conexin de una red informtica en un contexto acadmico, laboral y cotidiano. C MC NC Puntaje: Actitudinal Colabora de manera positiva a la realizacin del cuadro sinptico en forma ordenada.

Calificacin otorgada por el docente

Estndar 802.3
En Septiembre de 1990, el IEEE aprob un aadido a la especificacin 802.3i, conocida generalmente como 10BaseT. Estas lneas son mucho ms econmicas que las anteriores de cable coaxial, pueden ser instaladas sobre los cableados telefnicos UTP ("Unshielded Twister Pairs") existentes, y utilizar los conectores telefnicos estndar RJ-45 (ISO 8877), lo que reduce enormemente el costo de instalacin. La especificacin IEEE para Ethernet es la 802.3, que define que tipo de cableado se permite y cules son las caractersticas de la seal que transporta. La especificacin 802.3 original utilizaba un cable coaxial grueso de 50 ohm, que permite transportar una seal de 10 Mbps a 500 m. Ms tarde se aadi la posibilidad de utilizar otros tipos de cables: Coaxial delgado; pares de cables trenzados, y fibra ptica. Los distintos estndares Ethernet tienen una denominacin que responde a la frmula general xBaseZ. La designacin Base se refiere a "Baseband modulation", que es el mtodo de modulacin empleado. El primer nmero X, indica la velocidad en Megabits por segundo sobre el canal (que es distinta de la velocidad disponible para datos, ya que junto a estos se incluyen los "envoltorios"). La ltima cifra (o letra) Z, seala la longitud mxima del cable en centenares de metros, o el tipo de tecnologa. Por ejemplo, T significa par trenzado "Twisted (pairs)", F fibra ptica "Fiber", etc. 10 Mbps, banda base, cable telefnico UTP de 2 pares de categora 3, 4 o 5, con una impedancia caracterstica de 100 +/-15 ohms a 10 Mhz; no debe exceder 100 mts. Cuando una red contenga cinco segmentos y cuatro repetidores, el nmero de segmentos coaxiales no debe ser mayor que tres, el resto deben ser de enlace con DTEs (es lo que se conoce como regla 5-4-3). Dicho de otra forma: Entre cualquier par de estaciones no debe haber ms 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 estndar 802.3 que se diferencian por velocidad, tipo de cable y distancia de transmisin. 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 Mltiple por Deteccin de Portadora con Deteccin de Colisiones"), en este mtodo 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 estn ocupados o no.

BLOQUE 2

67

10Base-T: Cable de par trenzado con una longitud aproximada de 500 mts, a una velocidad de 10 Mbps. 100Base-T: (Ethernet Rpida) Cable de par trenzado, nuevo estndar que soporta velocidades de 100 Mbps que utiliza el mtodo de acceso CSMA/CD. 100Base-T4: Fast Ethernet a 100 Mbps, banda base, que utiliza par trenzado de 4 pares de categora 3, 4 o 5. Distancia mxima 100 mts. 100Base-TX: Fast Ethernet a 100 Mbps, banda base, utiliza par trenzado de 2 pares de categora 5. Distancia mxima 100 mts. 100Base-FX: Fast Ethernet a 100 Mbps que utiliza fibra ptica. Longitud mxima del segmento 2000 metros. 10GBaseT: En Junio de 2006 se aprob el estndar 10GBaseT. Como se desprende de su nombre, se refiere a conexiones de 10 Gbit por segundo (10.000 Mbps) con una longitud mxima entre Hubs o repetidores (segmento) de 100 mts. Sin embargo, a la fecha de la publicacin del estndar ningn cable estandarizado cumpla con los requisitos. El de categora 6 se adopt inicialmente para segmentos de 55 metros pero hubo que reducirla a 37 m. Se espera que el cable de categora 7 cumpla plenamente con las exigencias de la nueva especificacin. 10Base-F: 10 Mbps, banda base, cable de fibra ptica. Longitud mxima del segmento 2000 mts.

Restricciones para la conexin de cables para redes 10BASE-T y 100BASETX: Para redes 10BASE-T, utilice cables y conectores de Categora 3 o mayor. Para redes 100BASE-T, utilice cables y conectores de Categora 5 mayor. La longitud mxima del cable (de una estacin de trabajo a un concentrador) es de 100 mts. Para redes 10BASE-T, el nmero mximo de concentradores conectados consecutivamente en un segmento de la red es cuatro.

68

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas

Actividad: 3
Completa la siguiente tabla sobre el Estndar 802.3 para cables y participa en un debate grupal.

Estndar 802.3, para cables.

Velocidad

Categora.

Longitud mxima del segmento

1Base-5

10Base-T

100Base-T

100Base-T4

100Base-TX

100Base-FX

10GBaseT

10Base-F

Actividad: 3 Conceptual Reconoce las diferentes variaciones del cable, segn el estndar 802.3 Autoevaluacin

Evaluacin Producto: Cuadro sinptico. Saberes Procedimental Clasifica el estndar 802.3 por velocidad, tipo de cable y distancia de transmisin. C MC NC

Puntaje: Actitudinal Asume una actitud responsable al completar el cuadro sinptico y al emitir sus comentarios.

Calificacin otorgada por el docente

BLOQUE 2

69

Cable coaxial.
El cable coaxial consiste de un ncleo slido de cobre rodeado por un aislante, una combinacin de blindaje y alambre de tierra y alguna otra cubierta protectora. En el pasado del cable coaxial tena rasgos de transmisin superiores (10 Mbps) que el cable par trenzado, pero ahora las tcnicas de transmisin para el par trenzado igualan o superan los rasgos de transmisin del cable coaxial. Sin embargo, el cable coaxial puede conectar dispositivos a travs de distancias ms largas que el cable par trenzado. Mientras que el cable coaxial es ms comn para redes del tipo ETHERNET y ARCENET, el par trenzado y la fibra ptica son ms comnmente utilizados en estos das. Los nuevos estndares para cable estructurado llaman al cable par trenzado capaz de manejar velocidades de transmisin de 100Mbps (10 veces ms que el cable coaxial). El cable coaxial no interfiere con seales externas y puede transportar de forma eficiente seales en un gran ancho de banda con menor atenuacin que un cable normal. Pero tiene una limitacin fundamental: atena las altas frecuencias la prdida de frecuencia, expresada en decibelios por unidad de longitud, crece proporcional a la raz cuadrada de la frecuencia de la seal). Por lo tanto podemos decir que el coaxial tiene una limitacin para transportar seales de alta frecuencia en largas distancias ya que a partir de una cierta distancia el ruido superar a la seal. 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 dimetro) que, por convencin, es blanco (o grisceo). Este cable es muy flexible y se puede utilizar en la mayora de las redes, conectndolo directamente a la tarjeta de red. Es capaz de transportar una seal hasta unos 185 metros, sin que se pierda la seal. Forma parte de la familia RG-58 cuya impedancia (resistencia) es de 50 ohms. Los diferentes tipos de cable coaxial delgado se diferencian por su parte central (ncleo). 10Base5 - cable coaxial grueso (Thicknet o Thick Ethernet tambin se denomina Cable Amarillo, ya que, por convencin, es de color amarillo) es un cable protegido con un dimetro ms grueso (12 mm.) y 50 ohm de impedancia. Se utiliz durante mucho tiempo en las redes Ethernet, motivo por el cual tambin se lo conoce como "Cable Estndar Ethernet". Siendo que posee un ncleo con un dimetro ms grueso, es capaz de transportar seales a travs de grandes distancias: hasta 500 metros sin perder la seal (y sin reamplificacin de la seal).

70

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas
Fibra ptica.
La fibra ptica es un medio de transmisin empleado habitualmente en redes de datos; un hilo muy fino de material transparente, vidrio o materiales plsticos, por el que se envan pulsos de luz que representan los datos a transmitir. El haz de luz queda completamente confinado y se propaga por el ncleo 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 transmisin por excelencia al ser inmune a las interferencias electromagnticas, tambin 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 refraccin alto, constituda de material dielctrico (material que no tiene conductividad como vidrio o plstico), es capaz de concentrar, guiar y transmitir la luz con muy pocas prdidas incluso cuando est curvada. Est formada por dos cilindros concntricos, el interior llamado ncleo (se construye de elevadsima pureza con el propsito de obtener una mnima atenuacin) y el exterior llamado revestimiento que cubre el contorno (se construye con requisitos menos rigurosos), ambos tienen diferente ndice de refraccin (n2 del revestimiento es de 0.2 a 0.3 % inferior al del ncleo n1). Atenuacin. Se denomina atenuacin de una seal, sea esta acstica, elctrica u ptica, a la prdida de potencia sufrida por la misma al transitar por cualquier medio de transmisin El dimetro exterior del revestimiento es de 0.1 mm. Aproximadamente y el dimetro del ncleo que transmite la luz es prximo a 10 50 micrmetros. Adicionalmente incluye una cubierta externa adecuada para cada uso llamado recubrimiento. Ventajas de la tecnologa de la fibra ptica. Baja Atenuacin Las fibras pticas son el medio fsico con menor atenuacin. Por lo tanto se pueden establecer enlaces directos sin repetidores, de 100 a 200 Km. con el consiguiente aumento de la fiabilidad y economa en los equipamientos. Gran ancho de banda La capacidad de transmisin es muy elevada, adems pueden propagarse simultneamente ondas pticas de varias longitudes de onda que se traduce en un mayor rendimiento de los sistemas. De hecho 2 fibras pticas seran capaces de transportar, todas las conversaciones telefnicas de un pas, con equipos de transmisin capaces de manejar tal cantidad de informacin (entre 100 MHz/Km a 10 GHz/Km). Peso y tamao reducidos El dimetro de una fibra ptica es similar al de un cabello humano. Un cable de 64 fibras pticas, tiene un dimetro 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 dimetro 40 a 50 mm) se observan ventajas de facilidad y costo de instalacin, 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 dielctricos, la materia prima utilizada en la fabricacin es el dixido de silicio que es uno de los recursos ms abundantes en la superficie terrestre.

BLOQUE 2

71

Aislamiento elctrico entre terminales Al no existir componentes metlicos (conductores de electricidad) no se producen inducciones de corriente en el cable, por tanto pueden ser instalados en lugares donde existen peligros de cortes elctricos. Ausencia de radiacin emitida Las fibras pticas transmiten luz y no emiten radiaciones electromagnticas que puedan interferir con equipos electrnicos, tampoco se ve afectada por radiaciones emitidas por otros medios, por lo tanto constituyen el medio ms seguro para transmitir informacin de muy alta calidad sin degradacin. Costo y mantenimiento El costo de los cables de fibra ptica y la tecnologa asociada con su instalacin ha cado drsticamente en los ltimos aos. Hoy en da, el costo de construccin de una planta de fibra ptica es comparable con una planta de cobre. Adems, los costos de mantenimiento de una planta de fibra ptica son muy inferiores a los de una planta de cobre.

72

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas

Actividad: 4
Completa el esquema Descripcin del cable coaxial, contesta las preguntas y participa en un debate grupal. 1) Esquema Descripcin del Cable coaxial.

10Base2 - cable coaxial delgado

Descripcin:__________ ____________________ ____________________ ____________________ ____________________ ____________________ ____________________ ____________________ ____________________ ____________________

Cable coaxial
Descripcin:__________ ____________________ ____________________ ____________________ ____________________ ____________________ ____________________ ____________________ ____________________ ___________________

10Base5 - cable coaxial grueso

2)

En qu consiste el cable coaxial? _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________

BLOQUE 2

73

Actividad: 4 (continuacin)
3. Menciona y explica las ventajas del la fibra ptica.

a.

__________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________

b. __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ c. __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ d. __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ e. __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ f. __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ g. __________________________________________________________________________________________ __________________________________________________________________________________________
74

__________________________________________________________________________________________ ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas
Evaluacin Producto: Esquema y cuestionario. Saberes Procedimental Clasifica los tipos de cable coaxial y las ventajas del uso de la fibra ptica. C MC NC

Actividad: 2 Conceptual Identifica los tipos de cable coaxial, as como las ventajas de la fibra ptica. Autoevaluacin

Puntaje: Actitudinal Muestra respeto a sus compaeros en el desarrollo de la actividad y durante el debate grupal.

Calificacin otorgada por el docente

Conectores RJ45.
Los conectores del NIC RJ45 de un sistema estn diseados para conectar un cable UTP (Unshielded Twisted Pair [par Trenzado sin Blindaje]) para red Ethernet equipado con enchufes convencionales compatibles con el estndar RJ45. Se coloca, presionando un extremo del cable UTP dentro del conector NIC hasta que el enchufe se asiente en su lugar. Luego se conecta el otro extremo del cable a una placa de pared con enchufe RJ45 o a un puerto RJ45 en un concentrador o central UTP, dependiendo de la configuracin de su red. Patch panel Es un arreglo de conectores hembra RJ45 que se utiliza para realizar conexiones cruzadas (diferente a cable cruzado) entre los equipos activos y el cableado horizontal. Permite un gran manejo y administracin de los servicios de la red, ya que cada punto de conexin del patch panel maneja el servicio de una salida de telecomunicaciones, permite interconexin entre equipos por tanto deben ser de primera calidad debido a que por sus puntos transitan seales de alta velocidad. La idea del patch panel adems de seguir estndares 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 slidos con la herramienta de impacto. Usualmente de dos salidas, aunque existe tambin la versin reducida a una salida. Las rosetas son modulares permitiendo instalarlas en tres tipos de soporte: Los embutidos permiten conexiones en ngulo:(reduce la tensin de patch cord. su perfil saliente y reduce la posibilidad de introduccin de partculas 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 prcticamente 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 estndar.

BLOQUE 2

75

Cierre
Actividad: 5
En equipo de cinco integrantes, realiza la siguiente investigacin:

1) Selecciona un centro de cmputo de tu localidad, observa y analiza cuidadosamente su red informtica, y a continuacin completa el cuadro de recuperacin Elementos de conectividad de Red Informtica LAN.

Elementos de conectividad de Red (LAN) Cuantos metros cuadrados tiene el rea de cmputo? Con cuantas computadoras cuenta en Centro de Computo? Qu tipo de Cable (Par trenzado, Coaxial, Fibra ptica) utilizan y cuantos metros aproximadamente?

Escribe las repuestas en esta columna.

Cul clasificacin (UTP, STP, FTP) de cable usan?

Cul es la categora (1, 2, 3, 4, 5) de los cables?

Qu estndar 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 razn.

En cuanto al Patch Panel, lo utilizan? y por qu?

76

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas

Actividad: 5 (continuacin)
2) Solicita autorizacin para tomar fotografas de los elementos de Conectorizacin, con la finalidad de documentar la investigacin.

BLOQUE 2

77

Actividad: 5 (continuacin)
3) Analiza con tus compaeros de equipo los datos del cuadro de recuperacin Elementos de conectividad de Red (LAN), as como las fotografas documentadas en la investigacin, y completa el siguiente cuadro de Estudio de Factibilidad y Propuestas.

Elementos de conectividad de Red (LAN) Cuantos metros cuadrados tiene el rea de cmputo? Con cuantas computadoras cuenta en Centro de Computo? Qu tipo de Cable (Par trenzado, Coaxial, Fibra ptica) utilizan y cuantos metros aproximadamente? Cul clasificacin (UTP, STP, FTP) de cable usan?

Datos arrojados de la investigacin

Factibilidad SI/NO (Porque)

Propuesta en base al anlisis realizado.

Cul es la categora (1, 2, 3, 4, 5) de los cables?

Qu estndar 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 razn.

En cuanto al Patch Panel, Lo utilizan? y Por qu?

78

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas

Actividad: 5 (continuacin)
4) Con base en el cuadro de Estudio de Factibilidad y Propuestas, escribe tus conclusiones y participa en un debate grupal. ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________

Evaluacin Actividad: 5 Conceptual Identifica los elementos de conectorizacin de una red informtica en un contexto acadmico o laboral. Coevaluacin Producto: Reporte de investigacin. Saberes Procedimental Evala los elementos de conectividad de una red informtica en diferentes contextos. C MC NC Puntaje: Actitudinal Muestra una actitud positiva y responsable en el desarrollo de la investigacin. Adems muestra respeto a sus compaeros durante el debate grupal.

Calificacin otorgada por el docente

BLOQUE 2

79

Secuencia didctica 3. Instalacin. Proyecto y flujo de trabajo. Inicio


Actividad: 1
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 conexin de red.

Utiliza cable UTP:

______________

Utiliza cable UTP:

____________

80

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas

Actividad: 1 (continuacin)
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. 2. 3. 4. Crimpadora de cable UTP. Probador de cable Coaxial. Probador de cable UTP. Ponchadora de Jack RJ45 o de Patch Panel. Crimpadora de Cable Coaxial.

____________

5.

_____________

_____________ _____________ __________


Evaluacin Actividad: 1 Conceptual Reconoce las diferencias entre los cables UTP normal y cruzado. Autoevaluacin Producto: Cuestionario. Saberes Procedimental Ilustra las herramientas para construir cable UTP normal y cruzado. C MC NC Puntaje: Actitudinal Asume una actitud responsable durante el desarrollo de la actividad y durante el debate grupal.

Calificacin otorgada por el docente

BLOQUE 2

81

Proyecto de instalacin.
En primer lugar se ha de tener en cuenta las normativas laborales en cuanto a seguridad del trabajo se refiere. En la operacin elctrica ha de cuidarse: No trabajar con dispositivos encendidos que estn con la carcasa abierta. Utilizar los instrumentos de medida adecuados a las caractersticas de las seales con las que se trabaja, no es lo mismo medir los 5 V en un componente electrnico que los 220 V de fuerza en la red elctrica. Conectar a tierra todos los equipamientos de la red. No perforar ni daar ninguna lnea tanto de fuerza como de datos o de voz. Localizar todas las lneas elctricas, as como motores y fuentes de interferencia antes de comenzar con la instalacin 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, etctera. Asegurarse de que no se daar ninguna infraestructura al realizar perforaciones en paredes, suelos o techos. Limpieza.

Flujo de trabajo de la instalacin.


La instalacin consiste en la ejecucin ordenada segn las directrices del proyecto de instalacin de un conjunto de tareas que revierten en proporcionar el servicio que el cliente que solicit la instalacin necesitaba.

82

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas

Algunas de estas tareas se pueden superponer en el tiempo; es algo que habr que tener en cuenta al confeccionar el calendario de instalacin. A continuacin describimos algunas de estas tareas: A. Instalacin de las tomas de corriente. Esta tarea suele realizarla un electricista, pero desde el punto de vista del proyecto hemos de asegurarnos que hay tomas de corriente, suficientes para alimentar todos los equipos de comunicaciones. B. Instalacin de rosetas y jacks. Es la instalacin de los puntos de red finales desde los que se conectarn los equipos de comunicaciones sirvindose de latiguillos. La mayor parte de estas conexiones residirn en canaletas o en armarios de cableado. C. Tendido de los cables. Se trata de medir la distancia que debe recorrer cada cable y aadirle una longitud prudente que nos permita trabajar cmodamente con l antes de cortarlo. Hemos de asegurarnos de que el cable que utilizaremos tenga la certificacin necesaria. D. Conectorizacin de los cables en los patch panels y en las rosetas utilizando las herramientas de crispado apropiadas. Confeccin del cable RJ45 Las estaciones de la red se conectan a los dispositivos de red a travs de cables construidos con el cdigo de colores y contactos de la tabla anterior en ambos extremos. El cable se confecciona de modo semejante a la conexin a la roseta, aunque habr que cambiar la herramienta, que ahora tendr forma de alicate. En el conector RJ45 los pines deben leerse con la pestaa del conector hacia abajo, de modo que en esa posicin el pin nmero uno queda a la izquierda.

Cable UTP normal y cruzado.

Sin embargo, cuando se quieren conectar dos computadoras directamente por sus tarjetas de red sin ningn dispositivo intermedio se tiene que utilizar un cable cruzado, que altera el orden de los pares para que lo que es recepcin en un extremo sea emisin en el otro y viceversa.

BLOQUE 2

83

En las siguientes tablas, muestran las guas para confeccionar el cable UTP normal y cruzado, bajo las normas de cableado 568-A y 568B, 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 (568A), 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.

84

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas

La roseta RJ45, la vamos a utilizar para redes que tengan Hubs o Switch, es decir se utilizan para unir las computadoras con el Hubs o Switch de la red.

Actividad: 2

1) Observa con atencin los videos Armado de cable UTP cruzado y Armado de cable UTP normal que va proyectar t profesor. En equipo de cinco, construye un cable UTP cruzado y un cable UTP normal. a) Elabora una bitcora de la prctica, adems realiza la filmacin y narracin del proceso de armado de los cables. _______________________________________________________________________________________ _______________________________________________________________________________________ _______________________________________________________________________________________ _______________________________________________________________________________________ _______________________________________________________________________________________ _______________________________________________________________________________________ Material requerido para la prctica. Cable UTP. 4 Conectores RJ45. Tenazas crimpadoras. Tenazas cortadoras. Cuter.

b) Realiza una exposicin sobre el proceso de construccin del cable, y muestra el video como evidencia de la realizacin de la prctica.

BLOQUE 2

85


Actividad: 2 (continuacin)
2) Observa con atencin el video Conectorizacin del Jack RJ45 que va proyectar t profesor. En equipo de cinco, conecta el Jack RJ45.

a)

Elabora una bitcora de la prctica, adems realiza la filmacin y narracin del proceso de Conectorizacin del Jack RJ45. __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________

Material requerido para la prctica. Cable UTP. 4 Conectores RJ45. Ponchadora de Jack RJ45. Tenazas cortadoras. Cutter.

b) Realiza una exposicin sobre el Proceso de Conectorizacin del Jack JR45, y muestra el video como evidencia de la realizacin de la prctica.

3) Escribe tus conclusiones sobre las prcticas: Construye un cable UTP cruzado y un cable UTP normal y Conectorizacin del Jack RJ45. ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________

86

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas

Evaluacin Actividad: 2 Conceptual Reconoce las normas 568-A y 568-B, para poder construir el cable UTP norma y cruzado. Coevaluacin Producto: Bitcora de Practica. Saberes Procedimental Elabora los cables UTP normal y cruzado, adems conecta el Jack RJ45. C MC NC Puntaje: Actitudinal Muestra una actitud positiva durante la prctica, tiene cuidado y da buen uso a los materiales utilizados.

Calificacin otorgada por el docente

E. Probado de los cables instalados. Cada cable construido y conectorizado debe ser inmediatamente probado para asegurarse de que cumplir correctamente su funcin.

F. Etiquetado y documentacin del cable y conectores. Todo cable debe ser etiquetado en ambos extremos as como los conectores de patch panels y rosetas de modo que queden identificados unvocamente. La norma EIA/TIA-606 especifica que cada terminacin 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 utilizacin de un sistema de etiquetado con relacin a un momento concreto, es mejor, utilizar nomenclaturas neutras. Por ejemplo, si etiquetamos un PC como <<PC de Direccin>>, y luego cambia el lugar del edificio en donde se ubica la Direccin, habra que cambiar tambin el etiquetado, sin embargo, se trata de que el etiquetado sea fijo. Se recomienda la utilizacin de etiquetas que incluyan un identificador de sala y un identificador de conector, as se sabe todo sobre el cable: dnde empieza y dnde acaba. Por ejemplo, se podra etiquetar un cable con el siguiente identificador:

03RS02-05RS24 Este cable indicara que est tendido desde la roseta (RS) nmero 02 de la sala 03 hasta la roseta 24 de la sala 05. Las rosetas en las salas 03 y 05 iran etiquetadas con 03RS02 y 05RS24 respectivamente.

BLOQUE 2

87

G. Instalacin de los adaptadores de red. Gran parte de los equipos informticos vienen ya con la tarjeta de red instalada, pero esto no es as necesariamente. Las tarjetas de red (tambin denominadas adaptadores de red, tarjetas de interfaz de red o NIC) actan como la interfaz entre una computadora y el cable de red. La funcin de la tarjeta de red es la de preparar, enviar y controlar los datos en la red. Convierte los datos enviados por el ordenador a un formato que puede ser utilizado por el cable de red, transfiere los datos a otro ordenador y controla a su vez el flujo de datos entre el ordenador y el cable. Tambin traduce los datos que ingresan por el cable a bytes para que el CPU del ordenador pueda leerlos.

H. Instalacin de los dispositivos de red. Se trata de instalar los concentradores, conmutadores, puentes y encaminadores. Algunos de estos dispositivos deben ser configurados antes de prestar sus servicios.

Host:

El trmino Host, es usado en informtica 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, conexin remota, servidores de base de datos, servidores WWW, etc.

Concentradores. Un concentrador (hub) es un elemento de hardware que permite concentrar el trfico de red que proviene de mltiples hosts y regenerar la seal. 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 dems 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 categoras de concentradores (hubs): concentradores "activos": Estn conectados a una fuente de alimentacin elctrica y permiten regenerar la seal que se enva a los diferentes puertos; puertos "pasivos": Simplemente envan la seal a todos los hosts conectados, sin amplificarla.

Conexin de mltiples concentradores. Es posible conectar varios concentradores (hubs) entre s para centralizar un gran nmero de equipos. Esto se denomina conexin en cadena margarita (daisy chains en ingls). Para ello, slo es necesario conectar los concentradores mediante un cable cruzado, es decir un cable que conecta los puertos de entrada/salida de un extremo a aqullos del otro extremo. Los concentradores generalmente tienen un puerto especial llamado "enlace ascendente" para conectar dos concentradores mediante un cable de conexin. Algunos concentradores tambin pueden cruzar o descruzar automticamente sus puertos, en funcin de que se

88

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas
encuentren conectados a un host o a un concentrador. Conmutadores. Es un pequeo dispositivo de hardware que se une a varios equipos juntos dentro de una red de rea local (LAN). Tcnicamente, 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 sern accesibles por todos los equipos.

BLOQUE 2

89

Enrutador (Router). El enrutador (router), es un dispositivo de hardware para interconexin de red de computadoras que opera en la capa tres (nivel de red). Un router es un dispositivo para la interconexin de redes informticas 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 acta como enrutador Firewall y DHCP. DHCP, significa Protocolo de configuracin de host dinmico. Es un protocolo que permite que un equipo conectado a una red pueda obtener su configuracin (principalmente, su configuracin de red) en forma dinmica (es decir, sin intervencin particular).

Firewall: es un dispositivo que funciona como cortafuegos entre redes, permitiendo o denegando las transmisiones de una red a la otra. Un uso tpico es situarlo entre una red local y la red Internet, como dispositivo de seguridad para evitar que los intrusos puedan acceder a informacin confidencial.

Slo tiene que especificarle al equipo, mediante DHCP, que encuentre una direccin IP de manera independiente. El objetivo principal es simplificar la administracin de la red. 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. Mdem ADSL: modula las seales enviadas desde la red local para que puedan transmitirse por la lnea ADSL y demodula las seales recibidas por sta para que los equipos de la LAN puedan interpretarlos. De hecho, existen configuraciones formadas por un mdem ADSL y un router que hacen la misma funcin que un router ADSL. Punto de acceso wireless: algunos router ADSL permiten la comunicacin va Wireless (sin cables) con los equipos de la red local.

Como se puede ver, los avances tecnolgicos han conseguido introducir la funcionalidad de cuatro equipos en uno slo.

I.

Configuracin del software de red en clientes y servidores de la red.

90

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas

Actividad: 3
Con respecto a la lectura del tema Proyecto de instalacin, el cual dice que en primer lugar se debe considerara las normativas laborales en cuanto a seguridad del trabajo se refiere. Escribe en el siguiente mapa conceptual que se debe considerara durante la operacin de corriente elctrica y posteriormente en lo que corresponde a los procedimientos laborales.

Proyecto de Instalacin

Operacin de corriente elctrica

Procedimientos laborales

BLOQUE 2

91

Evaluacin Actividad: 3 Conceptual Identifica las normas laborales en cuanto a seguridad del trabajo se refiere. Autoevaluacin Producto: Diagrama. Saberes Procedimental Aplica el diagrama de flujo de trabajo durante una instalacin de red. C MC NC Puntaje: Actitudinal Lleva a cabo la actividad de forma ordenada, y cumple con los requerimientos establecidos.

Calificacin otorgada por el 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 contraposicin a las redes multipunto, en las cuales cada canal de datos se puede usar para comunicarse con diversos nodos. En una red punto a punto, los dispositivos en red actan como socios iguales, o pares entre s. Como pares, cada dispositivo puede tomar el rol de esclavo o la funcin de maestro. En un momento, el dispositivo A, por ejemplo, puede hacer una peticin de un mensaje / dato del dispositivo B, y este es el que le responde enviando el mensaje / dato al dispositivo A. El dispositivo A funciona como esclavo, mientras que B funciona como maestro. Un momento despus los dispositivos A y B pueden revertir los roles: B, como esclavo, hace una solicitud a A y A, como maestro, responde a la solicitud de B. A y B permanecen en una relacin reciproca o par entre ellos. Las redes punto a punto son relativamente fciles de instalar y operar. A medida que las redes crecen, las relaciones punto a punto se vuelven ms difciles de coordinar y operar. Su eficiencia decrece rpidamente a medida que la cantidad de dispositivos en la red aumenta. Los enlaces que interconectan los nodos de una red punto a punto se pueden clasificar en tres tipos segn el sentido de las comunicaciones que transportan: Simplex.- La transaccin slo se efecta en un solo sentido. Half-dplex.- La transaccin 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-Dplex.- La transaccin se puede llevar a cabo en ambos sentidos simultneamente. Configuracin de ambos equipos Viene ahora el momento de configurar ambos equipos para que puedan "entenderse" entre s, y dicha configuracin no consiste ms que en asignarle a cada uno una direccin IP que le sirva de identificador en dicha red. Debes ir a Inicio-Configuracin-Conexiones de red y en la tarjeta de red pica en Propiedades y te vas a configurar el Protocolo TCP/IP y en la lnea que pone Especificar una direccin IP, le pones una que puede ser: 192.168.0.1 y en la Mscara de subred tiene que estar: 255.255.255.0 (normalmente ya estar puesto automticamente). En el otro ordenador ser todo igual, a excepcin de la direccin IP que en este caso deber ser por ejemplo: 192.168.0.2 y por supuesto la mscara de subred, la misma. Tras dar en Aceptar el ordenador se reiniciar y la red habr quedado activada. Una vez reiniciado el equipo, debern estar encendidas las lucecitas verdes de la tarjeta de red de ambos (una fija y la otra parpadeando); pero adems si queremos comprobar que la red funciona, tendremos que ir a Inicio-Ejecutar y en la ventanita tecleamos el siguiente comando: ping 192.168.0.2 (suponiendo que estamos en la mquina 192.168.0.1) lo que har que si todo funciona correctamente, la respuesta sea algo parecido a: "Respuesta desde 192......", pero si no funcionase bien respondera algo como: "Tiempo de espera agotado...".
92

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas
Lo normal es que todo funcione a la primera, y en caso negativo, revisa el cable que has fabricado porque podra suceder que algn cable estuviese mal. Tras estar configurada la red, t podras acceder de una a la otra mquina mediante la utilidad de "Compartir", pues si picas en una carpeta con botn derecho vers que te aparece la opcin de Compartirla, con lo cual estara accesible al otro equipo.

Actividad: 4
1) Observa con atencin el video Como conectar una red Punto a Punto y la presentacin Configuracin de una red punto a punto, que va proyectar t profesor. En equipo de cinco, realiza la prctica Conexin de red punto a punto. a) Elabora una bitcora de la prctica Conexin de red Punto a Punto, adems realiza la filmacin y narracin del proceso de conexin. ___________________________________________________________________________________________ ___________________________________________________________________________________________ __________________________________________________________________________________________ b) Demuestra a tus compaeros la comunicacin entre las dos computadoras y muestra el video como evidencia de la realizacin de la prctica.

2) Escribe tus conclusiones sobre la prctica: Conexin de red Punto a Punto. ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ____________________
BLOQUE 2 93

Actividad: 4 (continuacin)
3. Observa con atencin el video Conexin por medio de Switch. En equipo de cinco realiza la prctica Conexin de varias computadoras por medio del Switch en la cual lleves a cabo la conexin de al menos tres computadoras.

c) Elabora una bitcora de la prctica Conexin de varias computadoras por medio del Switch, adems realiza la filmacin y narracin del proceso de conexin. __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________

d) Demuestra a tus compaeros la comunicacin entre las computadoras mediante el Switch y muestra el video como evidencia de la realizacin de la prctica.

4.

Escribe tus conclusiones sobre la prctica: Cmo llevar a cabo la conexin de varias computadoras por medio del Switch. _________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ ________
Evaluacin Producto: Reporte de prctica. Saberes Procedimental Realiza la conexin de dos o ms computadoras estableciendo la comunicacin entre ellas. C MC NC

Actividad: 4 Conceptual Reconoce los parmetros necesarios para llevar a cabo la conexin de una red punto a punto, una red por medio de Switch. Coevaluacin

Puntaje: Actitudinal Evidencia tolerancia y respeto durante el desarrollo de la prctica y participa de manera activa durante la exposicin.

Calificacin otorgada por el docente

94

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas
Simulador Cisco Packet Tracer.
Packet Tracer es la herramienta de aprendizaje y simulacin de redes interactiva para los instructores y alumnos de Cisco CCNA. Esta herramienta les permite a los usuarios crear topologas de red, configurar dispositivos, insertar paquetes y simular una red con mltiples representaciones visuales. Packet Tracer se enfoca en apoyar mejor los protocolos de redes que se ensean en el currculum de CCNA. Este producto tiene el propsito de ser usado como un producto educativo que brinda exposicin a la interfaz comando lnea de los dispositivos de Cisco para practicar y aprender por descubrimiento. El simulador de redes Packet Tracer de Cisco System, herramienta fundamental si estas cursando el CCNA o te dedicas al networking. En este programa te creas la topologa fsica de la red simplemente arrastrando los dispositivos a la pantalla. Luego clickando en ellos entras a sus consolas de configuracin. All estn soportados todos los comandos del Cisco IOS e incluso funciona el "tabcompletion". Una vez completada la configuracin fsica y lgica de la red puedes hacer simulaciones de conectividad (pings, traceroutes, etc.) todo ello desde las propias consolas incluidas.

BLOQUE 2

95

Reconocimiento de la interfaz grfica 1. 2. Inicie el programa Packet Tracer 5.2. Partes principales de la interfaz general de Packet Tracer, identifique cada una de ellas en el simulador.

3.

Como podr observar en la parte inferior izquierda de la ventana del simulador, aparecen una serie de dispositivos en una forma general. Al seleccionar un dispositivo de esta rea, en la parte de dispositivos especficos aparecern los modelos de los equipos pertenecientes al grupo general. Identifique los tipos y modelos de dispositivos que contiene el simulador. Conexiones, tienen todas las conocidas, desde automticas, que detectan el tipo correcto entre dispositivos, hasta punto a punto (Cooper Straight - through), cruzadas (Cooper Crossover), consola (console), fibra ptica (fiber), telfono (telephone), Serial DCE y Serial DTE.

4. 5.

96

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas

6.

La barra de acceso comn provee herramientas para la manipulacin de los dispositivos, las cuales se detallan a continuacin. El orden de descripcin es el mismo orden en que aparecen los iconos de la barra. Seleccin 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, conexin (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.

Colocacin e interconexin 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 ms al posicionarse en el rea de trabajo. Luego en el rea de trabajo con un clic posicione el Router. Coloque tres Router mas del mismo modelo al rea de trabajo, para ello presione la tecla CTRL antes de seleccionar el dispositivo especifico, En ese momento podr agregar cuantos dispositivos desee, del mismo que selecciono. Para terminar pulse la tecla ESC, o bien dando un clic sobre el botn del dispositivo que selecciono. Coloque en el rea de trabajo los dispositivos que se muestran en la figura.

2.

3.

BLOQUE 2

97

4. 5. 6. 7.

Elimine un Router, para ello utilice en botn seleccione el dispositivo a eliminar.

que se encuentra en la barra de acceso comn y luego

Elimine los dos Router restantes, solo que esta vez sombree los dispositivos con el cursor y de un clic derecho en ellos para eliminarlos. Posicione nuevamente tres Router modelo 1841 en el mismo lugar. Interconecte los dispositivos como se muestra en la figura, para ello de un clic derecho en ubicado en el rea de los dispositivos generales y seleccione el tipo de cable apropiado, luego de un clic derecho al dispositivo a interconectar, donde se desplegara una ventana con las interfaces del dispositivo. Utilice las interfaces Fast Ethernet para todos los dispositivos.

8.

Conectados todos los dispositivos, visualice los puntos en los extremos de las conexiones de color verde y rojo, estos representa actividad y no actividad respectivamente, esto significa que en los tramos con puntos verdes estn habilitados para enviar y/o recibir paquetes, mientras en los puntos rojos que intervienen los Router no hay actividad ya que estos deben de ser configurados.

Ejercicio 2: Coloque el puntero del ratn sobre cualquier dispositivo sin dar clic, se desplegara un recuadro con informacin. Qu clase de informacin es? Asigne direcciones IP y mascara de subred a los dispositivos finales PC0, PC1, PC2 y al servidor segn la tabla, para esto de un clic derecho al dispositivo, luego clic a la pestaa Desktop, IP Configuracin.

IP Mascara

PC0 192.168.0.2 255.255.255.0

PC1 192.168.0.3 255.255.255.0

PC2 192.168.0.4 255.255.255.0

Servidor 10.0.0.2 255.0.0.0

Luego nuevamente clic derecho a la PC0, pestaa Desktop, Command. En esta ventana haga Ping a la PC2. Fue exitoso el ping? Siempre en PC0 haga pin al servidor. Fue exitoso el ping?, si no lo fue A qu se debe?

98

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas
Modo de simulacin 1. Hay dos modos que nos presenta Packet Tracer, uno el modo real, en donde se crean las configuraciones y se dispone la posicin de los dispositivos; y el modo simulacin en el cual se visualiza el trfico de la red construida.

Ejercicio 3: Cambie al modo de simulacin haciendo clic derecho en el cronometro que se encuentra en la parte inferior derecha del simulador. En la figura se visualiza el reloj y el cronometro para el cambio de modo.

Aumente la velocidad de simulacin con la barra de desplazamiento.

Inicia la simulacin con el botn Auto capture/Play y describa lo que sucede. Detn la simulacin con el botn Auto capture/Play, de clic derecho en el botn Edit filter y deje seleccionado nicamente los paquetes ICMP.

BLOQUE 2

99

Cierre
Actividad: 5
En equipo de cinco, utiliza el programa Cisco Packet Tracer, para simular la instalacin de la red del centro de cmputo de tu escuela, lleva a cabo la exposicin de la simulacin, y escribe tus conclusiones sobre el uso del Simulador Cisco Packet Tracer. __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________
Evaluacin __________________________________________________________________________________________________

__________________________________________________________________________________________________ Saberes
Conceptual ______________________ Identifica los elementos del Simulador de redes de Cisco. Coevaluacin Procedimental Realiza la simulacin de una red informtica mediante el uso del simulador de Cisco. C MC NC Actitudinal Muestra un actitud positiva y activa en el trabajo colaborativo.

Actividad: 5

Producto: Reporte de prctica.

Puntaje:

Calificacin otorgada por el docente

100

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

asasasasas

Sitios Web recomendados: http://www.mailxmail.com/curso-redes-inalambricas-wi-fi-futurocomunicacion/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/topologiasneural/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-redredes-72.html http://www.cisco.com/ http://www.cisco.com/web/learning/netacad/course_catalog/PacketTracer.html http://www.garciagaston.com.ar/verpost.php?id_noticia=112 http://www.garciagaston.com.ar/verpost.php?id_noticia=120

BLOQUE 2

101

102

ELEMENTOS E INSTALACIN DE UNA RED INFORMTICA

Competencias profesionales:
1. 2. 7.

Desarrolla documentos electrnicos, de acuerdo con los requerimientos establecidos (software). Localiza, obtiene informacin y se comunica utilizando las tecnologas de la informacin y de comunicacin (software). Disea y actualiza pginas Web, de acuerdo con los requerimientos del usuario (multimedia).

Unidad de competencia:

Disea pginas web utilizando las herramientas de programas integrados, contribuyendo de manera responsable a la comunicacin global en diferentes contextos.

Atributos a desarrollar en el bloque:


1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16.

Enfrenta las dificultades que se le presentan y es consciente de sus valores, fortalezas y debilidades. Administra los recursos disponibles teniendo en cuenta las restricciones para el logro de sus metas. Elige alternativas y cursos de accin con base en criterios sustentados y en el marco de un proyecto de vida. Aplica distintas estrategias comunicativas segn quienes sean sus interlocutores, el contexto en el que se encuentra y los objetivos que persigue. Maneja las tecnologas de la informacin y la comunicacin para obtener informacin y expresar ideas. Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como cada uno de sus pasos contribuye al alcance de un objetivo. Ordena informacin de acuerdo a categoras, jerarquas y relaciones. Utiliza las tecnologas de la informacin y comunicacin para procesar e interpretar informacin. Elige las fuentes de informacin ms relevantes para un propsito especfico y discrimina entre ellas de acuerdo a su relevancia y confiabilidad. Estructura ideas y argumentos de manera clara, coherente y sinttica. Define metas y da seguimiento a sus procesos de construccin de conocimiento. Articula saberes de diversos campos y establece relaciones entre ellos y su vida cotidiana. Identifica las actividades que le resultan de menor y mayor inters y dificultad, reconociendo y controlando sus reacciones frente a retos y obstculos. Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un curso de accin con pasos especficos. Aporta puntos de vista con apertura y considera los de otras personas de manera reflexiva. Asume una actitud constructiva, congruente con los conocimientos y habilidades con los que cuenta dentro de distintos equipos de trabajo.

BLOQUE 3. Editor de pginas web.

Tiempo asignado: 15 horas

Secuencia didctica 1. Introduccin al programa Dreamweaver CS4. Inicio


Actividad: 1
Responde las siguientes preguntas.

1.

Qu es una pgina web? ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________

2.

Qu tipo de informacin se puede utilizar en una pgina web? ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________

3. 4. 5.

Menciona el lenguaje de marcado implementado por World Wide Web, para la creacin de pginas web. ______________________________________________________________________________________________ Menciona dos lenguajes de programacin para la creacin de pginas web. ______________________________________________________________________________________________ Qu diferencia existe entre una pgina web y un sitio web? ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________

6.

Menciona tres programas para la creacin de pginas web. ______________________________________________________________________________________________ ______________________________________________________________________________________________

Actividad: 1 Conceptual Reconoce la diferencia entre una pgina y un sitio web, as como identificar los lenguajes de marcado y programacin. Autoevaluacin

Evaluacin Producto: Cuestionario. Saberes Procedimental Analiza las diferencias entre una pgina web y un sitio web. C MC NC

Puntaje: Actitudinal Con atencin realiza la actividad solicitada.

Calificacin otorgada por el Docente

------------------------

104

EDITOR DE PGINAS WEB

Desarrollo
Introduccin al Dreamweaver.
El espacio de trabajo de Adobe Dreamweaver CS4 contiene barras de herramientas, inspectores y paneles que le permiten crear pginas Web. Puede personalizar el aspecto general y el comportamiento del espacio de trabajo.

Flujo de trabajo de Dreamweaver. Se pueden utilizar varios mtodos para crear un sitio Web; ste es uno de ellos: 1) Planificacin y configuracin del sitio. Determina la ubicacin de los archivos y examina las necesidades del sitio, el perfil de la audiencia y sus objetivos. Adems, debes tener en cuenta los requisitos tcnicos como el acceso de los usuarios, las limitaciones del navegador, los plugins o la descarga de archivos. Una vez que hayas organizado la informacin y determinado una estructura, podrs comenzar a crear el sitio. 2) Organizacin y administracin de los archivos del sitio. En el panel Archivos puede aadir, borrar y cambiar el nombre de los archivos y carpetas fcilmente con el fin de modificar la organizacin segn resulte necesario. All encontrars numerosas herramientas que te ayudarn a administrar el sitio, transferir archivos desde y hacia un servidor remoto, configurar un proceso de Proteccin/desproteccin que evite que se sobrescriban archivos y sincronizar los archivos de los sitios local y remoto. El panel Activos permite organizar fcilmente 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. Nota: CSS, son hojas de estilo en cascada (en ingls Cascading Style Sheets), CSS es un lenguaje usado para definir la presentacin de un documento estructurado escrito en HTML o XML 3) Diseo de las pginas Web. Elije el diseo ms apropiado, o combina las opciones de diseo de Dreamweaver para definir el aspecto de tu sitio. En la creacin de su diseo puede utilizar elementos PA, estilos de posicin CSS o diseos CSS predefinidos de Dreamweaver. Las herramientas de tabla te permiten disear pginas rpidamente y, posteriormente, reorganizar la estructura de las mismas. Para mostrar varios documentos de forma simultnea en un navegador, pueden utilizarse marcos para disear los documentos. Por ltimo, se puede crear pginas nuevas basadas en una plantilla de Dreamweaver y actualizar su diseo de forma automtica cuando cambie la plantilla.

BLOQUE 3

105

4) Adicin de contenido a las pginas. Implementa activos y elementos de diseo, como texto, imgenes, imgenes de sustitucin, mapas de imgenes, colores, pelculas, sonido, vnculos HTML, mens de salto y mucho ms. Puede utilizar funciones de creacin de pginas incrustadas para dichos elementos, como ttulos y fondos, escribir directamente en la pgina o importar contenido desde otros documentos. Dreamweaver tambin proporciona comportamientos para llevar a cabo tareas en respuesta a eventos especficos, como la validacin de un formulario cuando el visitante hace clic en el botn Enviar o abrir una segunda ventana del navegador cuando la pgina principal ha terminado de cargarse. Por ltimo, Dreamweaver incluye herramientas para maximizar el rendimiento del sitio Web y para la comprobacin de las pginas, con objeto de garantizar su compatibilidad con navegadores Web distintos. 5) Creacin de pginas mediante la introduccin manual de cdigo. La codificacin manual de pginas Web es otro mtodo de crear pginas. Dreamweaver ofrece sencillas herramientas de edicin visual, pero tambin incluye un entorno de codificacin ms sofisticado. Puede utilizar el mtodo que prefiera, o una combinacin de ambos, para crear y editar sus pginas.

106

EDITOR DE PGINAS WEB

6)

Configuracin de una aplicacin Web para contenido dinmico.

Muchos sitios Web contienen pginas dinmicas que permiten a los visitantes ver informacin almacenada en bases de datos y que suelen permitirles aadir y editar informacin. Para crear esas pginas, debes configurar primero un servidor y una aplicacin Web, crear o modificar un sitio de Dreamweaver y conectarse a una base de datos. 7) Creacin de pginas dinmicas. En Dreamweaver se pueden definir diversas fuentes de contenido dinmico, incluidos juegos de registros extrados de bases de datos, parmetros de formularios y componentes JavaBeans. Para aadir el contenido dinmico a una pgina, basta con arrastrarlo a ella. Nota: Los JavaBeans son un modelo de componentes creado por Sun Microsystems para la construccin de aplicaciones en Java. Puede establecer que los registros de la pgina aparezcan de uno en uno o en grupos, mostrar varias pginas de registros, aadir vnculos especiales para pasar de una pgina 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 lgica de aplicaciones o empresarial mediante tecnologas como Adobe ColdFusion y servicios Web. Si necesita ms flexibilidad, puede crear sus propios comportamientos de servidor y formularios interactivos.

8) Comprobacin y publicacin. La comprobacin de las pginas 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 tambin programan operaciones de mantenimiento peridico para asegurarse de que el sitio se mantiene actualizado y operativo. Adobe ColdFusion. Permite a los desarrolladores crear, implantar y mantener de forma rpida aplicaciones de Internet eficaces para la empresa.

BLOQUE 3

107

Actividad: 2
Completa la siguiente tabla sobre los pasos para crear una pgina web.

Descripcin Planificacin y configuracin del sitio. Organizacin y administracin de los archivos del sitio. Diseo de las pginas Web.

Adicin de contenido a las pginas. Creacin de pginas mediante la introduccin manual de cdigo. Configuracin de una aplicacin Web para contenido dinmico. Creacin de pginas dinmicas.

Comprobacin y publicacin.

Evaluacin Actividad: 2 Conceptual Reconoce los pasos necesarios para crear una pgina web. Autoevaluacin Producto: Tabla descriptiva. Saberes Procedimental Examina los pasos que son necesarios para disear una pgina web. C MC NC Puntaje: Actitudinal Se interesa por realizar la actividad con eficacia.

Calificacin otorgada por el docente

108

EDITOR DE PGINAS WEB

Introduccin al diseo del espacio de trabajo El espacio de trabajo de Dreamweaver permite ver las propiedades de los documentos y los objetos. Adems, coloca muchas de las operaciones ms frecuentes en barras de herramientas para que pueda realizar cambios en los documentos rpidamente. En Windows, Dreamweaver proporciona un diseo integrado en una nica ventana. En el espacio de trabajo integrado, todas las ventanas y paneles estn integrados en una nica ventana de la aplicacin de mayor tamao.

Opciones bsicas de trabajo


Arrancar y cerrar Dreamweaver CS4 Veamos las dos formas bsicas de arrancar Dreamweaver CS4. Desde el botn Inicio (Windows Vista y Windows 7) situado, normalmente, en la esquina inferior izquierda de la pantalla. Colocar el cursor y hacer clic sobre el botn 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.

BLOQUE 3

109

Para cerrar Dreamweaver CS4, podemos utilizar cualquiera de las siguientes operaciones: Hacer clic en el botn cerrar , en la esquina superior derecha, como en cualquier ventana de Windows. Pulsar la combinacin de teclas Alt + F4. Pulsar la combinacin de teclas Ctrl + Q. Hacer clic sobre el men Archivo y elegir la opcin Salir.

110

EDITOR DE PGINAS WEB

Abrir y Guardar documentos Para abrir un documento, puedes utilizar cualquiera de las siguientes operaciones: Hacer clic en el botn abrir de la barra de herramientas estndar (si est visible). Pulsar la combinacin de teclas Ctrl + O. Hacer clic sobre el men Archivo y elegir la opcin 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 opcin Abrir con Adobe Dreamweaver CS4.

Para abrir un documento Nuevo, puedes utilizar cualquiera de las siguientes operaciones: Hacer clic en el botn Nuevo de la barra de herramientas estndar (si est visible). Pulsar la combinacin de teclas Ctrl + N. Hacer clic sobre el men Archivo y elegir la opcin Nuevo. Despus de esto aparecer una nueva ventana, en la que debers elegir la Categora Pgina en Blanco. En la segunda columna seleccionamos HTML, observamos que hay muchos diseos ya creados que podemos elegir, para nuestro primer ejemplo elegimos en Diseo ninguno. A continuacin pulsamos el botn Crear.

BLOQUE 3

111

Para Guardar un documento, puedes utilizar cualquiera de las siguientes operaciones. Hacer clic en el botn Guardar de la barra de herramientas estndar. Pulsar la combinacin de teclas Ctrl + S. Hacer clic sobre el men Archivo y elegir la opcin Guardar. Dreamweaver incluye la posibilidad de, en el caso de estar trabajando simultneamente con varios documentos, poder guardar todos de golpe, sin la necesidad de hacerlo uno por uno. Para guardar todo puedes realizar cualquiera de las siguientes operaciones. Hacer clic en el botn Guardar Todo de la barra de herramientas estndar. Hacer clic sobre el men Archivo y elegir la opcin Guardar Todo.

Al tener varios documentos abiertos es fcil olvidarse de todas las modificaciones hechas en cada uno de ellos. Debes tener mucho cuidado al utilizar la opcin guardar todo, ya que en ocasiones es posible no desear guardar los cambios en todos los documentos modificados. Por ello es conveniente que al principio no utilices esta opcin, al menos hasta que te hayas habituado a manejar el programa. De todas formas, observa que cuando hay cambios sin guardar aparece un * tras el nombre del documento.

112

EDITOR DE PGINAS WEB

Entorno de trabajo.
En Windows, Dreamweaver proporciona un diseo integrado en una nica ventana. En el espacio de trabajo integrado, todas las ventanas y paneles estn integrados en una nica ventana de la aplicacin de mayor tamao.

Nota: Dreamweaver ofrece otros muchos paneles, inspectores y ventanas. Para abrir los paneles, inspectores y ventanas, utilice el men Ventana.

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.

Introduccin 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, tambin puede profundizar sus conocimientos sobre Dreamweaver mediante una visita guiada o un tutorial del producto. Barra de la aplicacin. A lo largo de su parte superior, la ventana de la aplicacin contiene un conmutador de espacios de trabajo, mens (slo Windows) y otros controles de aplicacin. Barra de herramientas Documento. Contiene botones que proporcionan opciones para diferentes vistas de la ventana de documento (como la vista Diseo y la vista Cdigo), diversas opciones de visualizacin y algunas operaciones comunes como la obtencin de una vista previa en un navegador. Barra de herramientas Estndar. (No se muestra en el diseo de espacio de trabajo predeterminado.) Contiene botones para las operaciones ms habituales de los mens Archivo y Edicin: Nuevo, Abrir, Examinar en Brigde, Guardar, Guardar todo, Imprimir cdigo, Cortar, Copiar, Pegar, Deshacer y Rehacer. Para mostrar la barra de herramientas Estndar, seleccione Ver > Barras de herramientas > Estndar. Barra de herramientas Codificacin. (Slo se muestra en la vista Cdigo.) Contiene botones que le permiten realizar numerosas operaciones de codificacin estndar.

BLOQUE 3

113

Barra de herramientas Representacin de estilos. (Oculta de manera predeterminada.) Contiene botones que le permiten ver cmo aparecera el diseo en distintos tipos de medios si utilizase hojas de estilos. dependientes de los medios. Tambin contiene un botn que le permite activar o desactivar estilos de hojas de estilos en cascada (CSS). Ventana de documento. Muestra el documento actual mientras lo est creando y editando. Inspector de propiedades. Permite ver y cambiar diversas propiedades del objeto o texto seleccionado. Cada objeto tiene propiedades distintas. El inspector de propiedades no est ampliado de forma predeterminada en el diseo del espacio de trabajo del codificador. Selector de etiquetas. Situado en la barra de estado de la parte inferior de la ventana de documento. Muestra la jerarqua de etiquetas que rodea a la seleccin actual. Da clic en cualquier etiqueta de la jerarqua para seleccionar la etiqueta y todo su contenido. Paneles. Ayudan a supervisar y modificar el trabajo realizado. Ejemplos de paneles son el panel Insertar, el panel Estilos CSS y el panel Archivos. Para ampliar un panel, da doble clic en su ficha. Panel Insertar. Contiene botones para la insercin de diversos tipos de objeto, como imgenes, tablas y elementos multimedia, en un documento. Cada objeto es un fragmento de cdigo HTML que te permite establecer diversos atributos al insertarlo. Por ejemplo, puedes insertar una tabla haciendo clic en el botn Tabla del panel Insertar. Si se prefiere, puede insertar objetos utilizando el men Insertar en lugar del panel Insertar. Panel Archivos. Permite administrar los archivos y las carpetas, tanto si forman parte de un sitio de Dreamweaver como si se encuentran en un servidor remoto. El panel Archivos tambin proporciona acceso a todos los archivos del disco local, como ocurre en el Explorador de Windows (Windows) o en el Finder (Macintosh).

Ventana de documento.
La ventana de documento muestra el documento actual. Puede elegir entre una de las vistas siguientes: Vista Diseo. Un entorno para el diseo visual de la pgina, la edicin visual y el desarrollo rpido de aplicaciones. En esta vista, Dreamweaver muestra una representacin visual del documento completamente editable, similar a la que aparecera en un navegador. Vista Cdigo. Un entorno de codificacin manual para escribir y editar cdigo HTML, Java Script, cdigo de lenguaje de servidor, como por ejemplo PHP o ColdFusion Markup Language (CFML), y otros tipos de cdigo. Vista de cdigo dividida. Versin dividida de la vista Cdigo que le permite desplazarse por el trabajo realizado en diferentes secciones del documento a la vez. Vistas Cdigo y Diseo. Le permite ver las dos vistas, Cdigo y Diseo, para el mismo documento en una sola ventana. Vista en vivo. La Vista en vivo, que es similar a la vista Diseo, muestra una representacin ms realista de la apariencia que tendr el documento en un navegador y le permite interactuar con el documento de la misma forma que lo hara en un navegador. La Vista en vivo no es editable. No obstante, puede realizar modificaciones en la vista Cdigo y actualizar la Vista en vivo para ver los cambios. Vista Cdigo en vivo. Slo est disponible al visualizar un documento en la Vista en vivo. La vista Cdigo en vivo muestra el cdigo que un navegador utiliza para ejecutar la pgina y cambia dinmicamente conforme se interacta con la pgina en la Vista en vivo. La vista Cdigo en vivo no es editable.

114

EDITOR DE PGINAS WEB

Cuando una ventana de documento est maximizada (configuracin 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 despus del nombre del archivo si ha realizado cambios que no has guardado todava. Para cambiar a un documento, da clic en su ficha. Dreamweaver tambin muestra la barra de herramientas Archivos relacionados debajo de la ficha del documento (o debajo de la barra de ttulo del documento si ests 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.

Actividad: 3
Completa los siguientes cuadros y participa en un debate grupal. 1. Sobre el tema de los Elementos del espacio de trabajo, escribe en el parntesis, la letra que identifique a cada elemento del espacio de trabajo. Elementos del espacio de trabajo. ( ) Barra de herramientas documento Selector de etiquetas Grupos de paneles Panel Archivos Ventana de documento Inspector de propiedades Barra de aplicaciones Conmutador de espacios de trabajo

( ( ( ( ( ( (

) ) ) ) ) ) )

BLOQUE 3

115

Actividad: 3 (continuacin)
2. Con respecto al tema Abrir y guardar documentos, escribe la funcin de cada elemento.

Elemento

Funcin

3.

En el tema Introduccin a la ventana del documento se estudiaron las diferentes vistas del documento, a continuacin describe de cada una de ellas.

Vistas Vista Diseo.

Descripcin

Vista Cdigo.

Vista de cdigo dividida.

Vistas Cdigo y Diseo.

Vista en vivo.

Vista Cdigo en vivo.

116

EDITOR DE PGINAS WEB

Actividad: 3 Conceptual Identifica los elementos de la ventana de documento del Dreamweaver.

Evaluacin Producto: Cuadro de recuperacin. Saberes Procedimental Conceptualiza las diferentes vistas de la venta de documentos. C MC NC

Puntaje: Actitudinal Muestra apertura e inters al realizar la actividad.

Autoevaluacin

Calificacin otorgada por el docente

Herramientas de documento.
La barra de herramientas Documento contiene botones que le permiten cambiar rpidamente entre diferentes vistas del documento. La barra de herramientas contiene tambin algunos comandos y opciones relativos a la visualizacin del documento y a su transferencia entre los sitios local y remoto. La siguiente ilustracin muestra la barra de herramientas de documento ampliada.

A. Mostrar vista de cdigo B. Mostrar vistas de cdigo y diseo C. Mostrar vista de diseo D. Vista en vivo E. Vista Cdigo en vivo F. Ttulo del documento G. Administracin de archivos H. Vista previa/Depurar en explorador I. Actualizar vista de diseo J. Ver opciones K. Ayudas visuales L. Validar formato M. Comprobar compatibilidad con navegadores En la barra de herramientas Documento, aparecen las siguientes opciones: A. B. C. D. E. F. Mostrar vista de cdigo. Slo muestra la vista Cdigo en la ventana de documento. Mostrar vistas de cdigo y diseo. Divide la ventana de documento entre las vistas Cdigo y Diseo. Cuando seleccione esta vista combinada, se encontrar disponible la opcin Vista de diseo encima del men Ver. Mostrar vista de diseo. Slo muestra la vista Diseo en la ventana de documento. Vista en vivo. Muestra una vista del documento no editable, interactiva y basada en navegador. Vista Cdigo en vivo. Muestra el cdigo en s utilizado por el navegador para ejecutar la pgina. Ttulo del documento. Permite introducir un ttulo para el documento, que parecer en la barra de ttulo del navegador. Si el documento ya tiene ttulo, ste aparecer en dicho campo. Administracin de archivos. Muestra el men emergente Administracin de archivos. 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. Actualizar vista de diseo. Actualiza la vista Diseo tras realizar cambios en la vista Cdigo. Los cambios realizados en la vista Cdigo no aparecern de forma automtica en la vista Diseo hasta que se efecten determinadas acciones, como guardar el archivo o hacer clic en este botn.

Nota: Si trabaja con XML, JavaScript, CSS u otros tipos de archivos basados en cdigo, no podr ver los archivos en la vista Diseo y los botones Diseo y Dividir aparecern atenuados.

G. H. I.

BLOQUE 3

117

J.

Ver opciones. Permite definir las opciones de las vistas Cdigo y Diseo 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 Diseo, la vista Cdigo o ambas. K. Ayudas visuales. Permite utilizar distintas ayudas visuales para el diseo de las pginas. 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.

Nota: La actualizacin tambin actualiza funciones de cdigo que dependen del DOM (modelo de objeto de documento), como la capacidad para seleccionar las etiquetas inicial y final de un bloque de cdigo.

Barra de herramientas Estndar.


La barra de herramientas Estndar contiene botones para las operaciones ms habituales de los mens Archivo y Edicin: Nuevo, Abrir, Examinar en Brigde, Guardar, Guardar todo, Imprimir cdigo, Cortar, Copiar, Pegar, Deshacer y Rehacer. Estos botones se utilizan del mismo modo que los comandos de men equivalentes.

A. Nuevo, B. Abrir, C. Examinar en Brigde, D. Guardar, E. Guardar todo, F. Imprimir cdigo, 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 informacin 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 Tamao de ventana G. Tamao del documento y tiempo de descarga estimado H. Indicador de codificacin. A. Selector de etiquetas. Muestra la jerarqua de etiquetas que rodea a la seleccin actual. Haga clic en cualquier etiqueta de la jerarqua para seleccionar la etiqueta y todo su contenido. Haga clic en <body> para seleccionar todo el cuerpo del documento. Para definir los atributos clase o ID para una etiqueta en el selector de etiquetas, haga clic con el botn de derecho del ratn (Windows) o mantenga presionada la tecla Control y haga clic (Macintosh) en la etiqueta y elija una clase o una ID del men contextual. Herramienta Seleccionar. Activa y desactiva la herramienta Mano. Herramienta Mano. Permite hacer clic en el documento y arrastrarlo por la ventana de documento. Herramienta Zoom y men emergente Establecer nivel de aumento. Permiten establecer un nivel de aumento para el documento. Men emergente Tamao de ventana. (No disponible en la vista Cdigo.) Permite cambiar el tamao de la ventana de documento a dimensiones predeterminadas o personalizadas. Tamao del documento y tiempo de descarga. Muestra la estimacin del tamao del documento y del tiempo de descarga de la pgina, incluidos todos los archivos dependientes, como imgenes y otros archivos multimedia. Indicador de codificacin. Muestra la codificacin del texto del documento actual.

B. C. D. E. F. G.

118

EDITOR DE PGINAS WEB

Herramientas de Codificacin.

La barra de herramientas Codificacin contiene botones que le permiten realizar numerosas operaciones de codificacin estndar, como ampliar y contraer las selecciones de cdigo, resaltar cdigo no vlido, insertar o eliminar comentarios, aplicar sangra al cdigo e insertar fragmentos de cdigo utilizados recientemente. La barra de herramientas Codificacin aparece verticalmente en la parte izquierda de la ventana de documento y slo est visible cuando se muestra la vista Cdigo. No puedes desacoplar ni mover la barra de herramientas Codificacin, pero s puedes ocultarla (Ver > Barras de herramientas > Codificacin). Tambin puedes modificar la barra de herramientas Codificacin para que muestre ms botones (como Ajustar texto, Caracteres ocultos y Sangra automtica) u ocultar botones que no desea utilizar. Para ello, no obstante, deber editar el archivo XML que genera la barra de herramientas. Para ms informacin, consulte Ampliacin de Dreamweaver.

A. Abrir documentos, B. Mostrar navegador de cdigo, C. Contraer etiqueta completa, D. Contraer seleccin. E. Expandir Todo, F. Seleccionar etiqueta padre, G. Equilibrar llaves, H. Nmeros de lneas, I. Resaltar cdigo no vlido, 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 Representacin de Estilos.


La barra de herramientas Representacin de estilos (oculta de manera predeterminada) contiene botones que le permiten ver cmo aparecera el diseo en distintos tipos de medios si utilizase hojas de estilos dependientes de los medios. Tambin contiene un botn con el que es posible activar o desactivar los estilos CSS. Para mostrar la barra de herramientas, seleccione Ver > Barras de herramientas > Representacin de estilos. Esta barra de herramientas slo funciona si los documentos utilizan hojas de estilos dependientes de los medios. Por ejemplo, una hoja de estilos puede especificar una regla para imprimir y otra regla distinta para los dispositivos de mano. De manera predeterminada, Dreamweaver muestra el diseo para una pantalla (que muestra cmo se representa una pgina en la pantalla del equipo). Puedes ver las representaciones para los diferentes soportes haciendo clic en los correspondientes botones de la barra de herramientas Representacin de estilos.

BLOQUE 3

119

A. B. C.

D. E. F. G. H.

Representar tipo de medio Screen. Muestra cmo aparece la pgina en la pantalla de un equipo. Representar tipo de medio Print. Muestra cmo aparece la pgina en una hoja de papel impresa. Representar tipo de medio Handheld. Muestra cmo aparece la pgina en un dispositivo de mano, como un telfono mvil o un dispositivo BlackBerry. Representar tipo de medio Projection. Muestra cmo aparece la pgina en un dispositivo de proyeccin. Representar tipo de medio TTY. Muestra cmo aparece la pgina en un teletipo. Representar tipo de medio TV. Muestra cmo aparece la pgina en la pantalla de televisin. Alternar visualizacin de estilos CSS. Le permite activar o desactivar estilos CSS. Este botn funciona de manera independiente a los dems botones de medios. Hojas de estilos de tiempo de diseo. Le permite especificar una hoja de estilos de tiempo de diseo.

Actividad: 4
Completa las siguientes tablas y participa en un debate grupal.

I.

Escribe el numero del nombre del botn de la Barra de herramientas del documento en el icono que corresponda. Mostrar vistas de cdigo y diseo Vista en vivo Actualizar vista de diseo Administracin de archivos Vista Cdigo en vivo 2. 4. 6. 8. Ttulo del documento Ver opciones Mostrar vista de cdigo Vista previa/Depurar en explorador

1. 3. 5. 7. 9.

10. Mostrar vista de diseo 12. Ayudas visuales

11. Validar formato 13. Comprobar compatibilidad con navegadores

120

EDITOR DE PGINAS WEB

Actividad: 4 (continuacin)

II. Escribe en el inciso que corresponde el nombre de los elementos de la barra de estado. A) B) C) D) E) F) G) H)

III. Cul es la funcin de la barra de herramientas de codificacin? __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ IV. Menciona cinco botones de la barra de herramientas de codificacin. __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________

BLOQUE 3

121

Actividad: 4 (continuacin)
V. Escribe en el parntesis que correcto, la letra del icono que corresponde a la definicin de cada elemento de la barra de herramientas de representacin de estilos.
Muestra cmo aparece la pgina en un

Muestra cmo aparece la pgina en la pantalla de un equipo.

) dispositivo de proyeccin.
Le permite activar o desactivar estilos CSS. Este botn funciona de manera independiente a los dems botones de medios. Muestra cmo aparece la pgina en

Muestra cmo aparece la pgina en un teletipo. Muestra cmo aparece la pgina en un dispositivo de mano, como un telfono mvil o un dispositivo BlackBerry.

) una hoja de papel impresa.

Le permite especificar una hoja de estilos de tiempo de diseo.

) pantalla de televisin.

Muestra cmo aparece la pgina en la

Actividad: 4 Conceptual Reconoce los elementos de la ventana de documento del Dreamweaver. Autoevaluacin

Evaluacin Producto: Actividades diversas. Saberes Procedimental Distingue los diferentes elementos de las barras del entorno de trabajo del Dreamweaver. C MC NC

Puntaje: Actitudinal Muestra apertura y respeto para escuchar las opiniones de sus compaeros y docente.

Calificacin otorgada por el docente

122

EDITOR DE PGINAS WEB

Descripcin general del inspector de propiedades.


El inspector de propiedades permite examinar y editar las propiedades ms comunes del elemento de pgina seleccionado actualmente, como texto o un objeto insertado.

Este panel puede mostrar dos tipos de propiedades, HTML y CSS, que podemos aplicar a los diferentes elementos de la pgina Web que estemos diseando.

El contenido del inspector de propiedades es distinto en funcin del elemento seleccionado. Por ejemplo, si selecciona una imagen de la pgina, el inspector de propiedades cambiar para mostrar las propiedades de la imagen (por ejemplo, la ruta de archivo de la imagen, el ancho y el alto de la imagen, el borde que rodea la imagen en caso de que lo haya, etc.).

El inspector de propiedades se encuentra, de manera predeterminada, en el borde inferior del espacio de trabajo, aunque puede desacoplarlo y convertirlo en un panel flotante en el espacio de trabajo.

BLOQUE 3

123

Panel Insertar.
El panel Insertar contiene botones para crear e insertar objetos como tablas, imgenes y vnculos. Los botones estn ordenados en diferentes categoras, entre las que puede cambiar seleccionando la categora deseada del men desplegable Categora. Si el documento actual contiene cdigo de servidor, como los documentos ASP o CFML, aparecen tambin otras categoras. Algunas categoras tienen botones con mens emergentes. Al seleccionar una opcin de un men emergente, dicha opcin se convierte en la accin predeterminada del botn. Por ejemplo, si selecciona Marcador de posicin de imagen en el men emergente del botn Imagen, la siguiente vez que haga clic en el botn Imagen, Dreamweaver insertar un marcador de posicin de imagen. Siempre que seleccione una nueva opcin del men emergente cambiar la accin predeterminada del botn.

El panel Insertar est organizado en las categoras siguientes: A. Categora Comn. Permite crear e insertar los objetos que se utilizan con ms frecuencia, como las imgenes y las tablas. B. Categora Diseo. Permite insertar tablas, elementos de tabla, etiquetas div, marcos y widgets de Spry. Tambin puede elegir dos vistas para tablas: Estndar (valor predeterminado) y Tablas expandidas. C. Categora Formularios. Contiene botones que permiten crear formularios e insertar elementos de formulario, incluidos widgets de validacin de Spry. D. Categora Datos. Permite insertar objetos de datos de Spry y otros elementos dinmicos, como juegos de registros, regiones repetidas y grabar formularios de insercin y actualizacin. E. Categora Spry. Contiene botones para crear pginas de Spry, incluidos objetos de datos y widgets de Spry. F. Categora InContext Editing. Contiene botones para la creacin de pginas de InContext Editing, incluidos botones para Regiones editables, Regiones repetidas y la administracin de clases CSS. G. Categora Texto. Permite insertar diversas etiquetas de formato de texto y listas, como b, em, p, h1 y ul. H. Categora Favoritos. Permite agrupar y organizar los botones del panel Insertar que utiliza con ms frecuencia en un lugar comn. I. Categoras de cdigo de servidor. Slo estn disponibles para las pginas que emplean un lenguaje de servidor determinado, como ASP, CFML Basic, CFML Flow, CFML Advanced, y PHP. Cada una de estas categoras contiene objetos de cdigo de servidor que pueden insertarse en la vista Cdigo.

124

EDITOR DE PGINAS WEB

A diferencia de otros paneles de Dreamweaver, el panel Insertar se puede arrastrar fuera de su posicin de acoplamiento predeterminada y colocarse en una posicin 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 diseadores construir pginas que proporcionan una experiencia ms interactiva.

BLOQUE 3

125

Actividad: 5
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 continuacin escribe una H si pertenecen a la propiedad HTML, una C si pertenecen a la propiedad CSS y HC si pertenecen a ambas propiedades.

2.

Con respecto al panel Insertar, escribe en la tabla la categora segn la descripcin.

Descripcin Contiene botones para crear pginas de Spry, incluidos objetos de datos y widgets de Spry. Permite insertar objetos de datos de Spry y otros elementos dinmicos, como juegos de registros, regiones repetidas y grabar formularios de insercin y actualizacin. Contiene botones que permiten crear formularios e insertar elementos de formulario, incluidos widgets de validacin de Spry. Permite insertar tablas, elementos de tabla, etiquetas div, marcos y widgets de Spry. Tambin puede elegir dos vistas para tablas: Estndar (valor predeterminado) y Tablas expandidas. Permite crear e insertar los objetos que se utilizan con ms frecuencia, como las imgenes y las tablas. Permite insertar diversas etiquetas de formato de texto y listas, como b, em, p, h1 y ul.

Categora

126

EDITOR DE PGINAS WEB

Evaluacin Actividad: 5 Conceptual Identifica los elementos del inspector de propiedades del Dreamweaver. Autoevaluacin Producto: Tabla. Saberes Procedimental Diferencia los elementos del inspector de propiedades del dreamweaver. C MC NC Puntaje: Actitudinal Muestra inters y actitud positiva en el desarrollo de la actividad.

Calificacin otorgada por el 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 tamao del rea de visualizacin 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 depsito SVN como una lista de archivos. Cuando est ampliado, adems del sitio local, muestra el sitio remoto o el servidor de prueba o el depsito SVN. Para sitios de Dreamweaver, tambin puede personalizar el panel Archivos cambiando la vista (sitio local o sitio remoto) que aparece de forma predeterminada en el panel contrado.

Sitio local Nota: Para definir un sitio de Dreamweaver, slo tiene que configurar una carpeta local. Sin embargo, para transferir archivos a un servidor Web o desarrollar aplicaciones Web, tambin debe aadir datos para un sitio remoto y un servidor de prueba. 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 imgenes, las animaciones, archivos de tipos especfico, etc., se deben crear nuevas carpetas dentro de sta, con el objetivo de tener una mejor organizacin 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. Despus se podrn copiar los archivos en un servidor web, en el denominado sitio remoto, lo que equivale a publicar el sitio, de modo que la gente podr verlo en Internet.

BLOQUE 3

127

Sitios de Dreamweaver En Dreamweaver, el trmino sitio se emplea para referirse a una ubicacin de almacenamiento local o remoto de los documentos que pertenecen a un sitio Web. Un sitio de Dreamweaver permite organizar y administrar todos los documentos Web, cargar el sitio en un servidor Web, controlar y mantener vnculos y administrar y compartir archivos. Para aprovechar al mximo las funciones de Dreamweaver, debe definir un sitio. Un sitio de Dreamweaver consta de un mximo de tres partes o carpetas, segn el entorno de desarrollo y el tipo de sitio Web que se desarrolle: Carpeta raz local. Almacena los archivos con los que est trabajando. Dreamweaver se refiere a esta carpeta como el sitio local. Esta carpeta suele encontrarse en el equipo local, pero tambin se puede encontrar en un servidor de red.

Carpeta remota. Almacena los archivos para pruebas, produccin, colaboracin, etc. Dreamweaver se refiere a esta carpeta como el sitio remoto en el panel Archivos. En general, la carpeta remota suele colocarse en el equipo donde se ejecuta el servidor Web. La carpeta remota incluye los archivos a los que los usuarios acceden en Internet. Las carpetas locales y remotas permiten transferir archivos entre el disco duro local y el servidor Web, lo cual facilita la administracin de los archivos en los sitios de Dreamweaver. Se trabaja en archivos en la carpeta local y se publican en la carpeta remota cuando se desea que otras personas los puedan ver. Carpeta de servidor de prueba. Es la carpeta en la que Dreamweaver procesa pginas dinmicas. Utilizacin del cuadro de dilogo Administrar sitios Utilice el cuadro de dilogo Administrar sitios para crear un nuevo sitio, editar, duplicar, eliminar un sitio o importar o exportar la configuracin de un sitio. 1. 2. Seleccione Sitio > Administrar sitios y seleccione un sitio de la lista de la izquierda. Haga clic en un botn 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 accin. Exportar. Permite exportar la configuracin de un sitio como archivo XML (*.ste). Importar. Permite seleccionar un archivo de configuracin de un sitio (*.ste).

128

EDITOR DE PGINAS WEB

Panel estilos CSS.


El panel Estilos CSS le permite supervisar las reglas y propiedades CSS que afectan a un elemento de pgina actualmente seleccionado (modo Actual) o las reglas y propiedades que afectan a todo un documento (modo Todo). Un botn situado en la parte superior del panel Estilos CSS te permite cambiar entre estos dos modos. El panel Estilos CSS tambin te permite modificar propiedades CSS tanto en modo Todo como en modo Actual. Puede cambiar el tamao de cualquiera de los paneles arrastrando los bordes que los separan. En modo Actual, el panel Estilos CSS muestra tres secciones: Panel Seleccin, que muestra las propiedades de CSS de la seleccin actual del documento. Panel Reglas, que muestra la ubicacin de las propiedades seleccionadas (o una cascada de reglas para la etiqueta. seleccionada, en funcin de la seleccin). Panel Propiedades, que le permite editar las propiedades CSS al definir reglas para la seleccin.

BLOQUE 3

129

En modo Todo, el panel Estilos CSS muestra dos secciones: Panel Todas las reglas, el cual muestra una lista de reglas definidas en el documento actual, as como las reglas definidas en las hojas de estilo adjuntas al documento actual. Panel Propiedades, permite editar propiedades CSS para cualquier regla seleccionada en el panel Todas las reglas.

Todos los cambios que realice en el panel Propiedades se aplican de forma inmediata; de este modo, puede previsualizar el trabajo a medida que lo vaya llevando a cabo.

Guas visuales.
Dreamweaver proporciona varios tipos de guas visuales para ayudarte a disear documentos y predecir de forma aproximada cul ser su apariencia en los navegadores. Puede seguir uno de estos procedimientos: Ajustar instantneamente el tamao deseado para una ventana de documento y comprobar si caben los elementos en la pgina. Utilizar una imagen de rastreo como fondo de la pgina para ayudarle a copiar un diseo creado en una aplicacin de edicin de ilustraciones o imgenes como Adobe Photoshop o Adobe Fireworks. Utilizar las reglas y guas para proporcionar una pista visual que permita colocar y cambiar el tamao de los elementos de pgina con precisin. Utilizar la cuadrcula para lograr una mayor precisin en la colocacin y ajuste del tamao de elementos con posicin absoluta (elementos PA).

Las marcas de cuadrcula de la pgina le ayudan a alinear los elementos PA y, cuando est activada la funcin de ajuste, permiten ajustar automticamente los elementos PA con el punto ms prximo de la cuadrcula al moverlas o ajustar su tamao. (Los dems objetos, como las imgenes y los prrafos, no se ajustan a la cuadrcula.) El ajuste funciona independientemente de que la cuadrcula est visible.

130

EDITOR DE PGINAS WEB

Cierre
Actividad: 6
En binas contesta las siguientes cuestiones y participa en un debate grupal. 1. En el tema Sitios en Dreamweaver, completa la siguiente tabla. Funcin Sitio en Dreamweaver.

Carpeta raz local.

Carpeta remota.

Carpeta de servidor de prueba.

2.

En el cuadro de dilogo Administrar sitios, encontramos varias opciones. Escribe en nmero de la opcin en el parntesis que corresponda. Exportar Quitar Nuevo Duplicar Importar Editar

1. 2. 3. 4. 5. 6.

( ( ( ( ( (

) Sirve para modificar un sitio existente. ) accin.


Elimina el sitio seleccionado; no podr deshacer esta Permite exportar la configuracin de un sitio como

) archivo XML (*.ste). ) sitio (*.ste).

Permite seleccionar un archivo de configuracin de un Crea una copia del sitio seleccionado. La copia aparece

) en la ventana de lista de sitios. ) Permite crear un sitio nuevo.

BLOQUE 3

131

Actividad: 6 (continuacin)
3. Elabora un mapa conceptual sobre el panel Estilos CSS.

Actividad: 5 Conceptual Reconoce los elementos necesarios para la administracin de sitios web. Autoevaluacin

Evaluacin Producto: Mapa conceptual. Saberes Procedimental Administra la informacin necesaria para una pgina web. C MC NC

Puntaje: Actitudinal Participa de manera activa y responsable durante el desarrollo de la actividad.

Calificacin otorgada por el docente

132

EDITOR DE PGINAS WEB

Secuencia didctica 2. Entorno de trabajo del Dreamweaver CS4. Inicio


Actividad: 1
Responde las siguientes preguntas. 1. Qu diferencia existe entre la vista de diseo y la vista de cdigo? ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ 2. Menciona cinco botones de la barra de herramientas de documentos. ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ 3. Cul es la funcin de la barra de herramientas de estado? ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ 4. Cul es la funcin de los botones que contiene el panel insertar? ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ 5. Qu informacin muestra el Inspector de propiedades? ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________

Actividad: 1 Conceptual Reconoce los elementos del entorno de trabajo del Dreamweaver. Autoevaluacin

Evaluacin Producto: Cuestionario. Saberes Procedimental Analiza las funciones del panel insertar y del inspector de propiedades. C MC NC

Puntaje: Actitudinal Asume una actitud responsable al responder el cuestionario.

Calificacin otorgada por el Docente

BLOQUE 3

133

Cambio de vista en la ventana de documento.


La ventana de documento permite visualizar documentos en la vista Cdigo, la vista Cdigo dividida, la vista Diseo, las vistas Cdigo y Diseo (vista Dividida) o en la Vista en vivo. Tambin puede optar por visualizar la vista de cdigo dividida o las vistas Cdigo y Diseo horizontal o verticalmente. (La visualizacin predeterminada es la horizontal.) Vista Diseo. Permite trabajar con el editor visual.

Vista de Cdigo Se utiliza para poder trabajar en un entorno totalmente de programacin, de cdigo fuente. No permite tener directamente una referencia visual de cmo va quedando el documento segn se va modificando el cdigo.

134

EDITOR DE PGINAS WEB

Vista Dividir Permite dividir la ventana en dos zonas: Cdigo y Diseo, La zona superior muestra el cdigo fuente, y la inferior el editor visual. Cuando se realiza un cambio en alguna de las zonas, este cambio se aplica directamente sobre la otra. NOTA: Si cambia el tamao de la ventana de documento o de la ventana de la aplicacin, o bien cambia el diseo del espacio de trabajo, Dreamweaver mantendr la relacin de divisin para que las dos vistas estn siempre visibles.

Cambio del tamao de la ventana de documento

La barra de estado muestra las dimensiones actuales de la ventana de documento (en pxeles). Para disear una pgina cuyo mejor aspecto se logra con un tamao especfico, puede ajustar la ventana de documento con cualquiera de los tamaos predeterminados, editar dichos tamaos o crear otros nuevos. Establecimiento de un tamao predeterminado para la ventana de documento. Elija uno de los tamaos del men emergente tamao de ventana situado en la parte inferior de la ventana de documento.

Modificacin de los valores que aparecen en el men emergente tamao de ventana.

El tamao de la ventana indicado corresponde a las dimensiones internas de la ventana del navegador, sin bordes. El tamao del monitor figura entre parntesis. Por ejemplo, la opcin 536 x 196 (640 x 480, Predeterminado) es el tamao de ventana que se debe utilizar si los visitantes van a hacer uso de Microsoft Internet Explorer o Netscape Navigator en su configuracin 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 tamao de un documento maximizado.

NOTA: Si no desea asignar un tamao tan preciso, utilice los mtodos estndar de su sistema operativo, como arrastrar la esquina inferior derecha de una ventana.

BLOQUE 3

135

Para que el documento no est maximizado, haga clic en el botn de anulacin de la maximizacin, situado en la esquina superior derecha del documento.

Informes en Dreamweaver.
Dreamweaver permite ejecutar informes para buscar contenido, solucionar problemas o probar el contenido. Puede generar los siguientes tipos de informes: Buscar. Permite buscar etiquetas, atributos y texto especfico en las etiquetas. Referencia. Le permite buscar informacin de referencia que puede resultar til. Validacin. Permite comprobar si existen errores de cdigo o de sintaxis. Compatibilidad con navegadores. Permite probar el cdigo HTML en los documentos para comprobar si hay alguna etiqueta o atributo que sean incompatibles con los navegadores de destino. Verificador de vnculos. Permite encontrar y arreglar vnculos rotos, externos y hurfanos. Informes de sitios. Permite mejorar el flujo de trabajo y probar los atributos HTML del sitio. Los informes de flujo de trabajo incluyen informacin sobre proteccin, sobre documentos modificados recientemente y sobre Design Notes; los informes HTML incluyen etiquetas de fuentes anidadas combinables, la opcin de accesibilidad, texto alternativo que falta, etiquetas anidadas repetidas, etiquetas vacas eliminables y documentos sin ttulo. Registro FTP. Permite ver toda la actividad de transferencia de archivos mediante FTP. Depuracin del servidor. Le permite ver informacin para depurar una aplicacin de Adobe ColdFusion.

Actividad: 2
Desarrolla el ejercicio prctico en el centro de cmputo. 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. Utilidad de la Vista.

Diseo Vistas en la ventana de documento

Cdigo

Dividir

136

EDITOR DE PGINAS WEB

Actividad: 2 (continuacin)
2. Realiza el siguiente ejercicio prctico en el centro de cmputo, 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 prctico en el centro de cmputo, visualiza las vistas de cdigo, diseo y dividir, anota tus conclusiones. _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________

Evaluacin Actividad: 2 Conceptual Identifica las diferentes vistas de un documento y los diferentes reportes que genera el Dreamweaver. Autoevaluacin Producto: Ejercicio prctico. Saberes Procedimental Examina las diferentes vistas de un documento en Dreamweaver. C MC NC Puntaje: Actitudinal Muestra una actitud positiva y responsable en la elaboracin de la actividad.

Calificacin otorgada por el Docente

BLOQUE 3

137

Elaboracin de pginas con CSS.


Adobe Dreamweaver CS4 incluye numerosas funciones diseadas para facilitar la creacin de estilos y diseos para pginas Web mediante hojas de estilos en cascada (CSS, Cascading Style Sheets). Los estilos CSS ofrecen un mayor control sobre el diseo de la pgina Web y reducen el tamao del archivo.

Aspectos bsicos 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 pgina Web. La utilizacin de estilos CSS para aplicar formato a una pgina permite separar el contenido de la presentacin. El contenido de la pgina (el cdigo HTML) reside en el archivo HTML, mientras que las reglas CSS que definen la presentacin del cdigo residen en otro archivo (una hoja de estilos externa) o en otra parte del documento HTML (normalmente, en la seccin head). La separacin del contenido y la presentacin hace que resulte mucho ms fcil mantener el aspecto del sitio desde una ubicacin central, ya que no es necesario actualizar las propiedades de las distintas pginas cuando se desea realizar algn cambio. La separacin del contenido y la presentacin tambin depura y simplifica el cdigo HTML, lo que disminuye el tiempo de carga en los navegadores y agiliza la navegacin para personas con problemas de accesibilidad (por ejemplo, para los usuarios que utilicen lectores de pantalla). El lenguaje CSS ofrece gran flexibilidad y control para lograr el aspecto exacto que desea para la pgina. Con CSS, puede controlar numerosas propiedades del texto, entre ellas las fuentes y los tamaos de fuente especficos; negrita, cursiva, subrayado y sombras de texto; color de texto y de fondo; color y subrayado de vnculos; etc. Si utiliza CSS para controlar las fuentes, tambin conseguir un tratamiento ms coherente del diseo y el aspecto de la pgina en mltiples navegadores. Adems de para dar formato al texto, puede utilizar CSS para definir el formato y la posicin de elementos de nivel de bloque (block-level) de una pgina Web. Un elemento de nivel de bloque es un elemento de contenido independiente que normalmente est separado por una nueva lnea en el cdigo 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 pgina Web. Puede ajustar mrgenes y bordes para elementos de nivel de bloque, situarlos en una ubicacin concreta, aadirles color de fondo, colocar texto flotante alrededor de ellos, etc. La manipulacin de elementos de nivel de bloque es, en definitiva, la forma en que se establece el diseo de las pginas con CSS. NOTA: HTML, siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboracin de pginas web. Es usado para describir la estructura y el contenido en forma de texto, as como para complementar el texto con objetos tales como imgenes.

138

EDITOR DE PGINAS WEB

Descripcin de Reglas CSS Una regla de formato CSS consta de dos partes: el Selector y la Declaracin (o, en la mayora de los casos, un bloque de declaraciones). El selector es un trmino (por ejemplo p, h1, un nombre de clase o un identificador) que identifica el elemento con formato; el bloque de declaraciones define cules son las propiedades de estilo. En el siguiente ejemplo, h1 es el selector y el cdigo comprendido entre las llaves ({}) es el bloque de declaraciones: h1 { font-size: 16 pixels; font-family: Helvetica; font-weight:bold; } Cada declaracin consta de dos partes: la propiedad (por ejemplo, font-family) y el valor (por ejemplo, Helvetica). En la regla CSS anterior, se ha creado un estilo concreto para las etiquetas h1: el texto de todas las etiquetas h1 vinculadas a este estilo tendr un tamao de 16 pxeles, fuente Helvetica y negrita. El estilo (que procede de una regla o un conjunto de reglas) reside en un lugar independiente del texto al que aplica formato (normalmente en una hoja de estilos externa o en la seccin head de un documento HTML). Por consiguiente, una regla para las etiquetas h1 puede aplicarse a muchas etiquetas a la vez (y, en el caso de las hojas de estilos externas, la regla puede aplicarse a muchas etiquetas a la vez de distintas pginas). De este modo, CSS proporciona una capacidad de actualizacin extremadamente sencilla. Al actualizar una regla CSS en un lugar, el formato de todos los elementos que usan ese estilo definido se actualiza automticamente con el nuevo estilo.

Creacin de una nueva regla CSS Puede crear una regla CSS para automatizar la aplicacin de formato a Etiquetas HTML o rangos de texto identificados mediante un atributo clase o ID. Site el punto de insercin en el documento y siga uno de estos procedimientos para abrir el cuadro de dilogo: Nueva Regla CSS.
Opcin del inspector de propiedades para iniciar una nueva regla, despus seleccionar Editar Regla.

BLOQUE 3

139

En el cuadro de dilogo Nueva Regla CSS, especifique el tipo de selector para la regla CSS que desea crear: Para crear un estilo personalizado que pueda aplicarse como atributo clase a cualquier elemento HTML, seleccione la opcin Clase del men emergente Tipo de selector e introduzca un nombre para el estilo en el cuadro de texto Nombre del selector. Los nombres de clase deben comenzar por un punto y pueden contener cualquier combinacin alfanumrica (por ejemplo .myhead1). Si no introduce el punto inicial, Dreamweaver lo har de forma automtica. Para definir el formato de una etiqueta que contenga un atributo ID concreto, seleccione la opcin 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 combinacin alfanumrica (por ejemplo #myID1). Si no introduce la almohadilla inicial, Dreamweaver la introducir de forma automtica.

Para redefinir el formato predeterminado de una etiqueta HTML especfica, seleccione la opcin 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 ms etiquetas, clases o ID simultneamente, seleccione la opcin 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 aaden o eliminan selectores.

140

EDITOR DE PGINAS WEB

Definicin de regla para body Se pueden definir las categoras, Tipo, Fondo, Bloque, cuadro, Borde, Lista, Posicin y Extensiones.

Definicin para regla estilo en lnea categora Tipo.

Definicin 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 diseo y el aspecto de los elementos de las listas.

BLOQUE 3

141

Despus de definir las propiedades de Reglas CSS y Categoras que vamos a utilizar, damos clic en continuacin podemos utilizar la Nueva Regla CSS o directamente en Definimos regla CSS, categora Tipo.

ya

Uso de la categora Fondo.

142

EDITOR DE PGINAS WEB

Escribimos el texto de la Etiqueta.

Centramos el texto.

BLOQUE 3

143

Actividad: 3
En binas realiza la siguiente prctica en el centro de cmputo: Utiliza una nueva regla CSS y elije Etiqueta del selector contextual para la regla CSS, posteriormente elige el nombre del selector body, y a continuacin define en la regla para body las categoras tipo y fondo. Guarda la etiqueta y mustrala a tu profesor. 1. Elabora un reporte de la prctica. ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ 2. Menciona los puntos donde encontraste una mayor dificultad para desarrollar la Etiqueta. ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ 3. Escribe tus conclusiones. ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________

Evaluacin Actividad: 3 Conceptual Selecciona los elementos necesarios de una regla CSS para implementar una Etiqueta. Coevaluacin Producto: Ejercicio prctico. Saberes Procedimental Practica el uso de reglas CSS para la elaboracin de pginas web. C MC NC Puntaje: Actitudinal Asume una actitud responsable durante el desarrollo de la prctica y al emitir sus conclusiones. Calificacin otorgada por el Docente

144

EDITOR DE PGINAS WEB

Diseo de pginas con CSS.


Acerca del diseo de pginas con CSS Un diseo de pgina CSS utiliza el formato de hojas de estilos en cascada, en lugar de las tablas o marcos HTML tradicionales, para organizar el contenido de un sitio Web. El elemento bsico del diseo CSS es la etiqueta div, una etiqueta HTML que, en la mayora de los casos, acta como contenedor de texto, imgenes y otros elementos de pgina. Cuando crea un diseo CSS, coloca etiquetas div en la pgina, aade contenido a las mismas y las sita en distintos lugares. A diferencia de las celdas de tabla, que slo pueden situarse en algn lugar dentro de las filas y columnas de la tabla, las etiquetas div aparecen en cualquier lugar de una pgina Web. Puede situar etiquetas div de forma absoluta (especificando las coordenadas (x, y) o de forma relativa (especificando su distancia con respecto a otros elementos de la pgina). La creacin de diseos CSS desde cero puede ser una tarea difcil debido a la gran cantidad de formas de hacerlo que existen. Puede crear un diseo CSS sencillo de dos columnas estableciendo elementos flotantes, mrgenes, rellenos y otras propiedades CSS mediante un nmero casi infinito de combinaciones. Adems, el problema de la reproduccin en distintos navegadores hace que determinados diseos CSS se muestren correctamente en algunos navegadores y no en otros. Dreamweaver facilita la creacin de pginas con diseos CSS con ms de 30 diseos predefinidos que funcionan en distintos navegadores. La utilizacin de los diseos CSS predefinidos que vienen con Dreamweaver es la forma ms fcil de crear una pgina con un diseo CSS, pero tambin puede crear diseos CSS mediante los elementos con posicin absoluta (elementos PA) de Dreamweaver. En Dreamweaver, un elemento PA es un elemento de pgina HTML (en concreto, una etiqueta div o cualquier otra etiqueta) que tiene una posicin absoluta asignada. Sin embargo, la limitacin de los elementos PA de Dreamweaver radica precisamente en que tienen una posicin absoluta, lo que hace que sus posiciones nunca se ajusten a la pgina en funcin del tamao del navegador. Si se considera un usuario avanzado, tambin puede insertar etiquetas div de forma manual y aplicarles estilos de posicin CSS para crear los diseos de las pginas. Creacin de una pgina con un diseo CSS 1. Seleccione Archivo > Nuevo. 2. En el cuadro de dilogo Nuevo documento, seleccione la categora Pgina en blanco (seleccin predeterminada). 3. En Tipo de pgina, seleccione el tipo de pgina que desea crear. 4. En Diseo, seleccione el diseo CSS que desea utilizar. Puede elegir entre ms de 30 diseos distintos. La ventana Vista previa muestra el diseo y ofrece una breve descripcin del diseo seleccionado.

BLOQUE 3

145

Los diseos CSS predefinidos ofrecen los siguientes tipos de columnas: Fija. El ancho de columna se especifica en pxeles. La columna no cambia de tamao en funcin del tamao del navegador o de la configuracin del texto del visitante del sitio. Elstica. El ancho de columna se especifica en una unidad de medida (ems) relacionada con el tamao del texto. El diseo se adapta si el visitante del sitio cambia la configuracin del texto, pero no en funcin del tamao de la ventana del navegador. Flotante. El ancho de columna se especifica como porcentaje del tamao del navegador del visitante. El diseo se adapta si el visitante del sitio amplia o reduce el navegador, pero no en funcin de la configuracin del texto. Hbrida. Las columnas son una combinacin de las tres opciones anteriores. Por ejemplo, el diseo dos columnas hbridas, barra lateral derecha tiene una columna principal que se ajusta al tamao del navegador y una columna elstica a la derecha que se ajusta al tamao de la configuracin del texto del visitante del sitio.

NOTA: Debe seleccionar un tipo de pgina HTML para el diseo. Por ejemplo, puede seleccionar HTML, ColdFusion, PHP, etc. No pueden crearse pginas ActionScript, CSS, Library Item, JavaScript, XML, XSLT ni ColdFusion Component con un diseo CSS. Los tipos de pgina de la categora Otro del cuadro de dilogo Nuevo documento tampoco pueden incluir diseos de pgina CSS.

5. Selecciona un tipo de documento del men emergente DocType. 6. Selecciona una ubicacin para el cdigo CSS del diseo en el men emergente Diseo CSS en. Aadir a Head. Aade cdigo CSS para el diseo al encabezado de la pgina que se va a crear. Crear nuevo archivo. Aade cdigo CSS para el diseo a una nueva hoja de estilos CSS externa y la adjunta a la pgina que se va a crear. Vincular a archivo existente. Permite especificar un archivo CSS existente que ya contiene reglas CSS necesarias para el diseo. Esta opcin es especialmente til cuando desea utilizar el mismo diseo CSS (las reglas CSS para el mismo se encuentran en un nico archivo) en varios documentos.

Utilizacin de etiquetas div.


Acerca de la utilizacin de etiquetas div Puede crear diseos de pgina insertando manualmente etiquetas div y aplicando a stas estilos de posicin CSS. Una etiqueta div es una etiqueta que define las divisiones lgicas existentes en el contenido de una pgina Web. Puede utilizar etiquetas div para centrar bloques de contenido, crear efectos de columna y crear diferentes reas de color, entre otras posibilidades. Si no est familiarizado con la utilizacin de etiquetas div y de hojas de estilos en cascada (CSS) para crear pginas Web, puede crear un diseo CSS basado en uno de los diseos predefinidos que se suministran con Dreamweaver. Si no se siente cmodo utilizando cdigo CSS pero s con el uso de tablas, tambin puede probar a utilizar tablas.

146

EDITOR DE PGINAS WEB

Insercin de etiquetas div Puede utilizar etiquetas div para crear bloques de diseo CSS e insertarlas en el documento. Esto resulta til si ha adjuntado al documento una hoja de estilos CSS con estilos de posicin. Dreamweaver le permite insertar rpidamente una etiqueta div y aplicar a sta estilos existentes. 1. 2. En la ventana de documento, site el punto de insercin en el lugar donde desea que aparezca la etiqueta div. Siga uno de estos procedimientos: Seleccione Insertar > Objetos de diseo > Etiqueta Div. En la categora Diseo del panel Insertar, haga clic en el botn Insertar etiqueta Div. Defina cualquiera de las opciones siguientes: Insertar. Permite seleccionar la ubicacin de la etiqueta div y el nombre de la etiqueta si no es una etiqueta nueva. Clase. Muestra el estilo de la clase aplicado actualmente a la etiqueta. Si ha adjuntado una hoja de estilos, las clases de la hoja de estilos aparecern en la lista. Utilice este men emergente para seleccionar el estilo que desea aplicar a la etiqueta. ID. Permite modificar el nombre utilizado para identificar la etiqueta div. Si ha adjuntado una hoja de estilos, aparecern en la lista los ID definidos en la hoja de estilos. No aparecen en la lista los ID de bloques que ya estn en el documento. Nueva regla CSS. Abre el cuadro de dilogo Nueva regla CSS. Haz clic en Aceptar.

3.

4.

La etiqueta div tendr el aspecto de un cuadro en el documento con texto de marcador de posicin. Al desplazar el puntero sobre el borde del cuadro, Dreamweaver lo resaltar. Edicin de etiquetas Div Despus de insertar una etiqueta div, puede manipularla o aadir contenido a ella. Cuando se asignan bordes a etiquetas div, o cuando se selecciona Contornos de diseo CSS, las etiquetas div tienen bordes visibles. (La opcin Contornos de diseo CSS est seleccionada de forma predeterminada en el men Ver > Ayudas visuales.) Cuando el puntero se pasa por encima de una etiqueta div, Dreamweaver la resalta. Puede cambiar el color de resaltado o desactivar el resaltado. Cuando se selecciona una etiqueta div, puede ver y editar sus reglas en el panel Estilos CSS. Para aadir contenido a la etiqueta div tambin puede situar el punto de insercin dentro de la etiqueta div y, a continuacin, aadir el contenido como lo hara en una pgina.

BLOQUE 3

147

148

EDITOR DE PGINAS WEB

Actividad: 4
En binas realiza el siguiente ejercicio prctico en el centro de cmputo, utilizando el men Insertar elije Objetos de diseo, posteriormente elige Etiquetas Div, define las categoras. Posteriormente crea una Etiqueta Div. 1. Elabora un reporte de la prctica. ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ / ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ 2. Menciona las diferencias entre una Etiqueta y una Etiqueta Div. ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ 3. Escribe tus conclusiones. ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________

Evaluacin Actividad: 4 Conceptual Selecciona los elementos necesarios para implementar una Etiqueta Div. Coevaluacin Producto: Ejercicio prctico. Saberes Procedimental Practica el uso de Etiquetas Div para la elaboracin de pginas web. C MC NC Puntaje: Actitudinal Muestra inters en la realizacin de la prctica.

Calificacin otorgada por el Docente

BLOQUE 3

149

Maquetacin de pginas con HTML.


Adobe Dreamweaver CS4 incorpora herramientas que le permiten crear pginas Web mediante tablas y marcos HTML. La aplicacin tambin incluye reglas, guas y una cuadrcula que le permite disear pginas y colocar elementos con precisin. Establecimiento de reglas Las reglas ayudan a medir, organizar y planificar el diseo. Pueden aparecer en los bordes izquierdo y superior de la pgina, expresadas en pxeles, pulgadas o centmetros.

Establecimiento de guas de diseo Las guas son lneas que puede arrastrar sobre el documento desde las reglas. Con ellas puede situar y alinear objetos de forma ms precisa. Tambin puede utilizar guas para medir el tamao de los elementos de la pgina o emular los pliegues (reas visibles) de los navegadores Web.

Utilizacin de la cuadrcula de diseo La cuadrcula muestra una serie de lneas horizontales y verticales en la ventana de documento. Resulta til para colocar objetos con precisin. Puede hacer que los elementos de la pgina con posicin absoluta se ajusten automticamente a la cuadrcula cuando los mueva y cambiar la cuadrcula o controlar el comportamiento de ajuste especificando una configuracin. El ajuste funciona independientemente de si la cuadrcula se encuentra o no visible.

150

EDITOR DE PGINAS WEB

Presentacin del contenido en tablas.


Tablas Las tablas constituyen una herramienta muy eficaz para presentar datos de tabla y establecer el diseo de texto y grficos en una pgina HTML. Una tabla consta de una o varias filas, cada una de las cuales consta, a su vez, de una o ms celdas. Aunque las columnas no suelen especificarse explcitamente en el cdigo 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 insercin est en ella. Junto a los anchos se encuentran flechas para el men de encabezado de la tabla y los mens de encabezado de las columnas. Utilice los mens para acceder rpidamente a comandos relacionados con tablas, puede activar o desactivar los anchos y los mens. Si no ve el ancho de una columna o de una tabla, esta tabla o columna no tiene un ancho especificado en el cdigo HTML. Si aparecen dos nmeros, el ancho visual que aparece en la vista de diseo no coincide con el ancho especificado en el cdigo HTML. Esto puede ocurrir al cambiar el tamao de una tabla arrastrando la esquina inferior derecha o al aadir contenido a la celda cuyo ancho es superior al establecido. Prioridad de formato de tabla en HTML A la hora de dar formato a tablas en la vista Diseo, puede definir propiedades que se apliquen a toda la tabla o a filas, columnas o celdas seleccionadas de la misma. Al definir el valor de una propiedad como, por ejemplo, el color de fondo o la alineacin, para toda la tabla y otro valor para celdas individuales, el formato de celda tiene prioridad sobre el formato de fila, que a su vez tiene prioridad sobre el formato de tabla. 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 continuacin, establece el color de fondo de toda la tabla como amarillo, la celda azul no cambiar a amarillo, ya que el formato de celda tiene prioridad sobre el formato de tabla.

BLOQUE 3

151

Divisin y combinacin de celdas de tabla Podr combinar cualquier nmero de celdas contiguas, siempre que toda la seleccin sea una lnea o un rectngulo de celdas, para obtener una sola celda que se extienda a lo largo de varias columnas o filas. Una celda puede dividirse en las filas o columnas que sean necesarias, aunque haya sido combinada anteriormente. Dreamweaver reestructura automticamente la tabla (aadiendo los atributos colspan o rowspan que sean necesarios) para crear el diseo especificado. En el siguiente ejemplo, las celdas en la mitad de las dos primeras filas se han combinado en una nica celda que ocupa dos filas.

A) Combina las celdas seleccionadas usando extensores. B) Divide las celdas en filas o columnas.

Uso de tablas, en el diseo de pginas web. Primero. Seleccionamos Crear nuevo HTML.

Segundo. seleccionamos Clsico.

Tercero. seleccionamos el icono de Tabla.

152

EDITOR DE PGINAS WEB

Cuarto. Para el tamao de la tabla, determinamos primero el nmero 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 botn Aceptar y tenemos nuestra tabla de cinco filas por cuatro columnas.

Seis. Para llevar a cabo la combinacin de celdas debemos primero seleccionarlas. En este caso en particular seleccionamos tres columnas.

Despus identificamos en el Inspector de Propiedades el icono Combinar Celdas, de dar clic, obtenemos lo siguiente:

despus

BLOQUE 3

153

Siete. De la misma forma como combinamos las celdas del punto anterior, ahora lo hacemos con las dos primeras celdas de la primera columna, posteriormente obtenemos:

Ocho. Vamos a insertar una imagen en el espacio formado por la combinacin de las celdas del punto anterior. Antes que nada es necesario identificar el icono de imagen. A continuacin debemos indicar la ubicacin de la imagen.

Seleccionamos la imagen y damos clic en el botn Aceptar, y escribimos el texto alternativo y la descripcin larga.

De nuevo damos clic en el botn Aceptar, y de esta forma obtenemos nuestra imagen en las celdas seleccionadas.

Nota. Despus de insertar la imagen se mueven los tamaos de las celdas de tal forma que veras lo siguiente.

En el siguiente paso lo vamos a ajustar.

154

EDITOR DE PGINAS WEB

Nueve. Ahora vamos a insertar un texto, recordemos que en el punto seis combinamos tres celdas de la primera fila, solo que ahora adems vamos a combinar las celdas la fila dos, para posteriormente insertar nuestro texto. Antes debemos ajustar el tamao de nuestras celdas y lo vamos hacer de la siguiente manera.

Una vez que hayamos modificado el tamao de las celdas, tenemos listo el espacio para insertar el contenido de nuestra pgina web.

Diez. A continuacin estamos listos para insertar la informacin a nuestra pgina web, posteriormente podemos utilizar la Regla CSS para darle formato al contenido.

Nota: Para tener una vista previa pulsa la tecla F12.

BLOQUE 3

155

Actividad: 4
Completa el siguiente mapa conceptual y participa en un debate grupal. 1. En el tema Maquetacin de Paginas HTML, incorpora tres herramientas fundamentales para la creacin de pginas web, mismas que se presentan en el siguiente diagrama. Describe la funcin de cada una de ellas.

Descripcin: /

Establecimiento de Reglas

Descripcin:

Maquetacin de pginas con HMTL

Establecimiento de Guias de Diseo


Descripcin:

Utilidad de Cuadriculas

Evaluacin Actividad: 4 Conceptual Reconoce las herramientas de maquetacin de pginas HTML. Producto: Diagrama. Saberes Procedimental Analiza el uso de las herramientas de diseo de pginas web. C MC NC Puntaje: Actitudinal Muestra una actitud respetuosa durante la realizacin de la prctica.

Autoevaluacin

Calificacin otorgada por el Docente

156

EDITOR DE PGINAS WEB

Actividad: 5
En binas realiza la siguiente prctica en el centro de cmputo, utilizando tablas crea una pgina web informativa sobre El Calentamiento Global, posteriormente muestra la pgina mediante una exposicin. 1. Elabora un reporte de la prctica. ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ / ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________

2.

Escribe tus conclusiones. ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________

Evaluacin Actividad: 5 Conceptual Reconoce los elementos de una tabla. Coevaluacin Producto: Ejercicio prctico. Saberes Procedimental Practica el uso de tablas para la elaboracin de pginas web. C MC NC Actitudinal Muestra una actitud respetuosa durante su participacin en la exposicin. Puntaje:

Calificacin otorgada por el Docente

BLOQUE 3

157

Utilizacin 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 navegacin, mientras que otro muestra un documento con contenido. Un conjunto de marcos es un archivo HTML que define el diseo y las propiedades de un grupo de marcos, que incluyen el nmero, el tamao, la ubicacin de los marcos y el URL de la pgina 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 seccin noframes. El archivo nicamente ofrece al navegador informacin sobre cmo 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 ningn nombre de archivo, este archivo se muestra de forma predeterminada.

158

EDITOR DE PGINAS WEB

Revisin y correccin ortogrfica.


Utilice el comando Ortografa para revisar la ortografa del documento actual. El comando Ortografa no tiene en cuenta las etiquetas HTML ni los valores de atributo. De forma predeterminada, el corrector ortogrfico utiliza el diccionario de ingls de Estados Unidos. Para cambiar el diccionario, seleccione Edicin > Preferencias > General (Windows) o Dreamweaver > Preferencias > General (Macintosh) y, a continuacin, seleccione el diccionario que desea utilizar en el men emergente Diccionario ortogrfico.

Importacin 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. Tambin puede aadir texto de documentos de Microsoft Excel a un documento de Dreamweaver importando el contenido del archivo de Excel en una pgina Web. Seleccione Archivo > Importar> Importar datos de tabla o bien Insertar > Objetos de tabla > Importar datos de tabla. Localice el archivo deseado o introduzca su nombre en el cuadro de texto. Seleccione el delimitador empleado cuando se guard el archivo como texto delimitado. Las opciones disponibles son: Tabulacin, Coma, Punto y coma, Dos puntos y Otro. Si selecciona Otro, aparecer un campo en blanco al lado de la opcin, Introduzca el carcter empleado como delimitador. Utilice las restantes opciones para aplicar formato o definir la tabla en la que se importarn los datos y haga clic en Aceptar.

BLOQUE 3

159

Importacin de documentos de Microsoft Office (slo Windows).


Puede insertar contenido de un documento de Microsoft Word o Excel a una pgina Web nueva o existente. Al importar un documento de Word o Excel, Dreamweaver recibe el HTML convertido y lo inserta en la pgina Web. El tamao de archivo, una vez que Dreamweaver recibe el HTML convertido, debe ser inferior a 300 KB. En lugar de importar todo el contenido de un archivo, tambin es posible pegar fragmentos de un documento de Word y conservar el formato.

Cierre
Actividad: 6
En binas realiza la siguiente prctica en el centro de cmputo, disea una pgina web sobre un tema de la actualidad, que sirva de apoyo a una Institucin Educativa. Posteriormente muestra la pgina mediante una exposicin. 1. Elabora un reporte de la prctica. _______________________________________________________________________________________________ _______________________________________________________________________________________________ _______________________________________________________________________________________________ _______________________________________________________________________________________________ _______________________________________________________________________________________________ _______________________________________________________________________________________________ 2. Escribe tus conclusiones. _______________________________________________________________________________________________ _______________________________________________________________________________________________ _______________________________________________________________________________________________ ______________________________________________________________________________________________

Actividad: 5 Conceptual Organiza el contenido para el diseo una pgina web, mediante el Dreamweaver. Coevaluacin

Evaluacin Producto: Ejercicio prctico. Saberes Procedimental Disea una pgina web sobre algn tema de actualidad, empresa o institucin. C MC NC

Puntaje: Actitudinal Muestra una actitud positiva en el desarrollo de la prctica y es respetuoso durante la exposicin.

Calificacin otorgada por el docente

160

EDITOR DE PGINAS WEB

Sitios Web recomendados: Manual-Dreamweaver-cs4-espanol-By-Reparaciondepc.cl Tiempo asignado: 15 horas www.es.wikipedia.org/wiki/HTML www.webestilo.com/html/ www.php.net/index.php help.adobe.com/.../Dreamweaver/.../WSc78c5058ca073340dcda9110b www.aulaclic.es/dreamweaver-cs4/t_1_5.htm

BLOQUE 3

161

Sitios WEB recomendados:

http://www.mailxmail.com/curso-redes-inalambricas-wi-fi-futuro-comunicacion/introduccion-redes-inalambricas http://technet.microsoft.com/es-es/library/cc784756(WS.10).aspx http://www.desarrolloweb.com/de_interes/the-grid-nueva-super-red-redes-72.html http://braianet.blogspot.com/2008/04/grid-la-red-ms-poderosa.html http://www.monografias.com/trabajos15/topologias-neural/topologias-neural.shtml http://www.masadelante.com/faqs/lan http://www.pcmag.com/article2/0,2817,2347539,00.asp http://www.winmaxtradinggroup.com/ http://www.bluetooth.com/bluetooth/ http://www.desarrolloweb.com/de_interes/the-grid-nueva-super-red-redes-72.html http://www.cisco.com/ http://www.mailxmail.com/curso-redes-inalambricas-wi-fi-futuro-comunicacion/introduccion-redes-inalambricas http://technet.microsoft.com/es-es/library/cc784756(WS.10).aspx http://www.desarrolloweb.com/de_interes/the-grid-nueva-super-red-redes-72.html http://braianet.blogspot.com/2008/04/grid-la-red-ms-poderosa.html http://www.monografias.com/trabajos15/topologias-neural/topologias-neural.shtml http://www.masadelante.com/faqs/lan http://www.pcmag.com/article2/0,2817,2347539,00.asp http://www.winmaxtradinggroup.com/ http://www.bluetooth.com/bluetooth/ http://www.desarrolloweb.com/de_interes/the-grid-nueva-super-red-redes-72.html http://www.cisco.com/ http://www.cisco.com/web/learning/netacad/course_catalog/PacketTracer.html
http://www.garciagaston.com.ar/verpost.php?id_noticia=112 http://www.garciagaston.com.ar/verpost.php?id_noticia=120

Manual-Dreamweaver-cs4-espanol-By-Reparaciondepc.cl www.es.wikipedia.org/wiki/HTML www.webestilo.com/html/ www.php.net/index.php help.adobe.com/.../Dreamweaver/.../WSc78c5058ca073340dcda9110b www.aulaclic.es/dreamweaver-cs4/t_1_5.htm

162

EDITOR DE PGINAS WEB