Está en la página 1de 12

Regional Distrito Capital ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACIN FASE DEL PROYECTO: ANALISIS GUIA DE APRENDIZAJE No.

1: HTML DURACIN : 8 Horas FORMACIN POR COMPETENCIAS LABORALES METODOLOGIA DE FORMACION POR PROYECTOS
Centro de Electricidad, electrnica y telecomunicaciones

SERVICIO NACIONAL DE APRENDIZAJE - SENA

Bogot D. C., Marzo de 2012

Regional Distrito Capital Centro de Electricidad, electrnica y telecomunicaciones ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACION Sistema de Gestin de la Calidad FASE DEL PROYECTO: ANALISIS

Fecha: Marzo 8 / 2012

Pgina 2 de 12

Regional Distrito Capital Centro de Electricidad, electrnica y telecomunicaciones ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACION Sistema de Gestin de la Calidad FASE DEL PROYECTO: ANALISIS

Fecha: Marzo 8 / 2012

Pgina 3 de 12

OBJETIVO: Comprender y aclarar algunos conceptos bsicos de programacin para Internet con HTML, ponindolos en prctica y verificando sobre el computador y el navegador la sintaxis y utilidad de diferentes elementos de este lenguaje, mediante el desarrollo de los ejercicios planteados en la gua.

EVIDENCIAS DE APRENDIZAJE DE CONOCIMIENTO

PRODUCTO PARA EL PORTAFOLIO

Taller que clarifica mediante ejemplos y Comprende los conceptos bsicos de la ejercicios las principales caractersticas de Programacin para Internet. la Programacin para Internet, permitiendo verificar el adecuado entendimiento y Analiza y aplica los conceptos en la aplicacin de los conceptos planteados en solucin de la gua. la gua.

INTRODUCCION:

Una pgina Web la vemos en nuestro navegador, y parece una sola entidad, pero no es as, est compuesta por multitud de diferentes archivos, como son las imgenes, los posibles vdeos y lo ms importante: el cdigo fuente. El cdigo de las pginas est escrito en un lenguaje llamado HTML, que indica bsicamente donde colocar cada texto, cada imagen o cada video y la forma que tendrn estos al ser colocados en la pgina. El HTML se cre en un principio con objetivos divulgativos. No se pens que la web llegara a ser un rea de ocio con carcter multimedia, de modo que, el HTML se cre sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que lo utilizaran en un futuro.

ACTIVIDADES A DESARROLLAR

Regional Distrito Capital Centro de Electricidad, electrnica y telecomunicaciones ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACION Sistema de Gestin de la Calidad FASE DEL PROYECTO: ANALISIS

Fecha: Marzo 8 / 2012

Pgina 4 de 12

1- Consultar y definir los siguientes conceptos:


Cliente, Servidor, Servidor Web(mencione 3),Sitio web, Pgina web, Internet, intranet, chat, Servicios, Puerto lgico, Puertos Bien conocidos (indique y defina por lo menos 10), Renderizar, FTP, W3C, WWW, correo electrnico, navegador, tipos de navegadores, hipertexto, hipermedia, WYSIWYG, editor de HTML, servidor, SGML, HTML(definicin, historia, versiones), XML, XHTML, hojas de estilo en cascada, URL, URI, http(definicin, historia, formas de Transmisin), ISO 8879 de 1986, Motor de Bsqueda, Indexar, JavaScript, JScript, VBScript., CGI, Lenguaje Interpretado vs Lenguaje Compilado, Compilador, Intrprete, DNS. Cliente: Es un equipo o proceso que accede a recursos y servicios brindados por otro llamado servidor, generalmente de forma remota. Servidor: Es una aplicacin informtica o programa que realiza algunas tareas en beneficio de otras aplicaciones llamadas clientes. Algunos servicios habituales son los servicios de archivos, que permiten a los usuarios almacenar y acceder a los archivos de una computadora y los servicios de aplicaciones, que realizan tareas en beneficio directo del usuario final. Este es el significado original del trmino. Es posible que un ordenador cumpla simultneamente las funciones de cliente y de servidor. Servidor Web: Es un programa informtico que procesa una aplicacin del lado del servidor realizando conexiones bidireccionales y/o unidireccionales y sncronas o asncronas con el cliente generando o cediendo una respuesta en cualquier lenguaje o Aplicacin del lado del cliente. El cdigo recibido por el cliente suele ser compilado y ejecutado por un navegador web. Para la transmisin de todos estos datos suele utilizarse algn protocolo. Generalmente se utiliza el protocolo HTTP para estas comunicaciones, perteneciente a la capa de aplicacin del modelo OSI. El trmino tambin se emplea para referirse al ordenador que ejecuta el programa. Los tres servidores mas utilizados son: Google GFE Apache Microsoft IIS

Sitio Web:

Regional Distrito Capital Centro de Electricidad, electrnica y telecomunicaciones ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACION Sistema de Gestin de la Calidad FASE DEL PROYECTO: ANALISIS

Fecha: Marzo 8 / 2012

Pgina 5 de 12

Es una coleccin de pginas web relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web en Internet.

Pagina Web: Es el nombre de un documento o informacin electrnica adaptada para la World Wide Web y que puede ser accedida mediante un navegador para mostrarse en un monitor de computadora o dispositivo mvil. Esta informacin se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegacin a otras pginas web mediante enlaces de hipertexto. Las pginas web frecuentemente incluyen otros recursos como hojas de estilo en cascada, guiones (scripts) e imgenes digitales, entre otros. Internet: Es un conjunto de de redes de comunicacin interconectadas que utilizan la familia de protocolos TCP/IP, garantizando que las redes fsicas heterogneas que la componen funcionen como una red lgica nica, de alcance mundial. Sus orgenes se remontan a 1969, cuando se estableci la primera conexin de computadoras, conocida como ARPANET, entre tres universidades en California y una en Utah, Estados Unidos. Intranet: Es una red de ordenadores privados que utiliza tecnologa Internet para compartir dentro de una organizacin parte de sus sistemas de informacin y sistemas operacionales. El trmino intranet se utiliza en oposicin a Internet, una red entre organizaciones, haciendo referencia por contra a una red comprendida en el mbito de una organizacin. Chat: Tambin conocido como cibercharla, designa una comunicacin escrita realizada de manera instantnea mediante el uso de un software y a travs de Internet entre dos o ms personas ya sea de manera pblica a travs de los llamados chats pblicos (mediante los cuales cualquier usuario puede tener acceso a la conversacin) o privada, en los que se comunican 2 personas y actualmente ya es posible que se comuniquen ms de dos personas a la vez. Servicios: Es un conjunto de elementos orientados al tratamiento y administracin de datos e informacin.

Regional Distrito Capital Centro de Electricidad, electrnica y telecomunicaciones ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACION Sistema de Gestin de la Calidad FASE DEL PROYECTO: ANALISIS

Fecha: Marzo 8 / 2012

Pgina 6 de 12

Puerto lgico: Se denomina as a una zona, o localizacin, de la memoria de un ordenador que se asocia con un puerto fsico o con un canal de comunicacin, y que proporciona un espacio para el almacenamiento temporal de la informacin que se va a transferir entre la localizacin de memoria y el canal de comunicacin. Puerto serie (o serial): Un puerto serie es una interfaz de comunicaciones entre ordenadores y perifricos en donde la informacin es transmitida bit a bit enviando un solo bit a la vez (en contraste con el puerto paralelo que enva varios bits a la vez). PCI: Puertos PCI (Peripheral Component Interconnect): son ranuras de expansin en las que se puede conectar tarjetas de sonido, de vdeo, de red etc. El slot PCI se sigue usando hoy en da y podemos encontrar bastantes componentes (la mayora) en el formato PCI. PCI-Express: PCI-Express (anteriormente conocido por las siglas 3GIO, 3rd Generation I/O) es un nuevo desarrollo del bus PCI que usa los conceptos de programacin y los estndares de comunicacin existentes, pero se basa en un sistema de comunicacin serie mucho ms rpido que PCI y AGP. Puertos de memoria: A estos puertos se conectan las tarjetas de memoria RAM. Los puertos de memoria, son aquellos puertos en donde se puede agrandar o extender la memoria de la computadora. Existen diversas capacidades de memorias RAM, por ejemplo, aquellas de 256MB (Megabytes) o algunas de hasta 4GB (Gigabytes), entre ms grande, ms almacenamiento tiene la computadora. El almacenamiento de la memoria RAM, es para que el sistema tenga rpidamente datos solicitados o programas. Puerto de rayos infrarrojos: En este tipo de puertos, puede haber de alta velocidad, los infrarrojos sirven para conectarse con otros dispositivos que cuenten con infrarrojos sin la necesidad de cables, los infrarrojos son como el Bluetooth. La principal diferencia es que la comunicacin de Infrarrojos usa como medio la luz, en cambio el Bluetooth utiliza ondas de radio frecuencia. Renderizar:

Regional Distrito Capital Centro de Electricidad, electrnica y telecomunicaciones ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACION Sistema de Gestin de la Calidad FASE DEL PROYECTO: ANALISIS

Fecha: Marzo 8 / 2012

Pgina 7 de 12

En trminos de visualizaciones en una computadora, ms especficamente en 3D, la renderizacin es un proceso de clculo complejo desarrollado por un ordenador destinado a generar una imagen 2D a partir de una escena 3D. FTP: File Transfer Protocol usado en internet. Permite transferir archivos locales hacia un servidor web.

W3C: Es un consorcio internacional que produce recomendaciones para la World Wide Web. WWW: En informtica, la World Wide Web (WWW) o Red informtica mundial es un sistema de distribucin de informacin basado en hipertexto o hipermedios enlazados y accesibles a travs de Internet. Correo electrnico: Es un servicio de red que permite a los usuarios enviar y recibir mensajes y archivos rpidamente (tambin denominados mensajes electrnicos o cartas electrnicas) mediante sistemas de comunicacin electrnicos. Navegador: Un navegador o navegador web es un programa que permite ver la informacin que contiene una pgina web ya se encuentre sta alojada en un servidor dentro de la World Wide Web o en un servidor local. Tipos de navegadores: Internet Explorer Se dice que muchos de los usuarios que usan Internet Explorer - el navegador ms popular del mundo - lo hacen porque viene integrado en el Sistema Operativo Microsoft Windows y no se aventuran a probar otro, de hecho es objeto de constantes crticas por su limitado apoyo a estndares web, pero sobre todo por sus fallos en la seguridad, mientras que algunas de sus ventajas son la posibilidad de abrir varias pestaas en la misma ventana y las mejoras en su ltima versin (IE8) en el soporte de Java Script as como de rendimiento. Mozilla Firefox Su motor de renderizado es Gecko, uno de los ms potentes y verstiles. Al ser de cdigo libre, tiene una comunidad de desarrolladores para

Regional Distrito Capital Centro de Electricidad, electrnica y telecomunicaciones ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACION Sistema de Gestin de la Calidad FASE DEL PROYECTO: ANALISIS

Fecha: Marzo 8 / 2012

Pgina 8 de 12

personalizarlo y aadirle extensiones. Personalizacin con las extensiones, temas y skins, gestor de descargas y soporte para motores de bsqueda. Safari El tercer navegador ms usado es Safari, integrado en el Mac OS X y tambin disponible en versiones ejecutables para Microsoft Windows. Opera Opera, definido por muchos como el navegador ms completo es tambin reconocido por su gran velocidad y un sencillo gestor de descargas, as como su seguridad con bloqueo de publicidad, bloqueo ventanas emergentes, proteccin anti malware, y protocolo de seguridad EV SSL, adems de navegacin por pestaas, soporte de estndares (especialmente CSS), soporte para motores de bsqueda, personalizacin de skins y barras, y multiplataforma. Hipertexto: En informtica, es el nombre que recibe el texto que en la pantalla de un dispositivo electrnico, permite conducir a otros textos relacionados, pulsando con el ratn o el teclado en ciertas zonas sensibles y destacadas. Hipermedia: Es el trmino con el que se designa al conjunto de mtodos o procedimientos para escribir, disear o componer contenidos que integren soportes tales como: texto, imagen, video, audio, mapas y otros soportes de informacin emergentes, de tal modo que el resultado obtenido, adems tenga la posibilidad de interactuar con los usuarios. WYSIWYG: Se aplica a los procesadores de texto y otros editores de texto con formato (como los editores de HTML) que permiten escribir un documento viendo directamente el resultado final, frecuentemente el resultado impreso.

Editor de HTML: Un editor de pginas web es una aplicacin diseada con el fin de facilitar la creacin de documentos HTML o XHTML. Su complejidad puede variar desde la de un simple editor de texto plano, entornos WYSIWYG, hasta editores WYSIWYM. SGML:

Regional Distrito Capital Centro de Electricidad, electrnica y telecomunicaciones ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACION Sistema de Gestin de la Calidad FASE DEL PROYECTO: ANALISIS

Fecha: Marzo 8 / 2012

Pgina 9 de 12

Consiste en un sistema para la organizacin y etiquetado de documentos.

HTML (definicin, historia, versiones): 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. HTML se escribe en forma de etiquetas, rodeadas por corchetes angulares (<,>). HTML tambin puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script por ejemplo Java Script, el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML. HTML tambin es usado para referirse al contenido del cocifrantipo de MIME text/HTML o todava ms ampliamente como un trmino genrico para el HTML, ya sea en forma descendida del XML como XHTML 1.0 y posteriores o en forma descendida directamente de SGML como HTML 4.01 y anteriores. XHTML: Siglas del ingls extensible HyperText Markup Language. XHTML es bsicamente HTML expresado como XML valido. Es ms estricto a nivel tcnico, pero esto permite que posteriormente sea ms fcil al hacer cambios o buscar errores entre otros. Hojas de estilo en cascada: Es un lenguaje usado para definir la presentacin de un documento estructurado escrito en HTML o XML2 (y por extensin en XHTML)

URL: Permite la inclusin de pequeos elementos de datos en lnea, como si fueran referenciados hacia una fuente externa. URI: Una cadena corta de caracteres que identifica inequvocamente un recurso. Http (definicin, historia, formas de Transmisin):

Regional Distrito Capital Centro de Electricidad, electrnica y telecomunicaciones ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACION Sistema de Gestin de la Calidad FASE DEL PROYECTO: ANALISIS

Fecha: Marzo 8 / 2012

Pgina 10 de 12

Http son las siglas de HyperText Transfer Protocol, el mtodo utilizado para transferir ficheros hipertexto por Internet. En el World Wide Web, las pginas escritas en HTML utilizan el hipertexto para enlazar con otros documentos. Al pulsar en un hipertexto, se salta a otra pgina web, fichero de sonido, o imagen. La transferencia hipertexto es simplemente la transferencia de ficheros hipertexto de un ordenador a otro. El protocolo de transferencia hipertexto es el conjunto de reglas utilizadas por los ordenadores para transferir ficheros hipertexto, pginas web, por Internet. Motor de Bsqueda: Un motor de bsqueda, tambin conocido como buscador, es un sistema informtico que busca archivos almacenados en servidores web gracias a su spider (o Web crawler). Indexar: En informtica, tiene como propsito ejecutar la elaboracin de un ndice que contenga de forma ordenada la informacin, esto con la finalidad de obtener resultados de forma sustancialmente ms rpida y relevante al momento de realizar una bsqueda. Es por ello que la indexacin es un elemento fundamental de elementos como los motores de bsqueda y las bases de datos.

Java Script: Java Script es un lenguaje de programacin interpretado, dialecto del estndar ECMA Script. Se define como orientado a objetos, basado en prototipos, imperativo, dbilmente tipado y dinmico. Se utiliza principalmente en su forma del lado del cliente (client-side), implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario y pginas web dinmicas, en bases de datos locales al navegador...4 aunque existe una forma de Java Script del lado del servidor (Server-side Java Script o SSJS). Su uso en aplicaciones externas a la web, por ejemplo en documentos PDF, aplicaciones de escritorio (mayoritariamente widgets) es tambin significativo. VBScript: Es un lenguaje interpretado por el Windows Scripting Host de Microsoft. Su sintaxis refleja su origen como variacin del lenguaje de programacin Visual Basic. Ha logrado un apoyo significativo por parte de los administradores de Windows como herramienta de automatizacin, ya que, conjunta y paralelamente a las mejoras introducidas en los sistemas

Regional Distrito Capital Centro de Electricidad, electrnica y telecomunicaciones ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACION Sistema de Gestin de la Calidad FASE DEL PROYECTO: ANALISIS

Fecha: Marzo 8 / 2012

Pgina 11 de 12

operativos Windows donde opera fundamentalmente, permite ms margen de actuacin y flexibilidad que el lenguaje batch (o de proceso por lotes) desarrollado a finales de los aos 1970 para el MS-DOS. CGI: Es el resultado de usar computadoras en la realizacin de imgenes foto realistas en tres dimensiones, animaciones, efectos especiales de pelculas, etc. Compilador: Un compilador es un programa informtico que traduce un programa escrito en un lenguaje de programacin a otro lenguaje de programacin, generando un programa equivalente que la mquina ser capaz de interpretar. DNS: Es un sistema de nomenclatura jerrquica para computadoras, servicios o cualquier recurso conectado a Internet o a una red privada.

2- Elabore un mapa conceptual que integre los anteriores conceptos

3- Describa y dibuje el proceso de comunicacin entre emisor y receptor en


WWW, aplicando el protocolo HTTP, e identifique todas las partes del proceso de comunicacin (emisor, receptor, mensaje, medio, etc.) en ese esquema.

4- Cuales son las diferentes tecnologas usadas para programar una pgina
Web, nmbrelas y con sus propias palabras de una pequea definicin de cada una de ellas. Java: Este es un lenguaje que trabaja en el cliente, Es eficiente y muy poderoso Java es considerablemente ms lento que ActiveX, y hay muchas tareas que Java directamente no puede realizar porque no tiene acceso al sistema operativo o al disco mismo. PHP:

Regional Distrito Capital Centro de Electricidad, electrnica y telecomunicaciones ANALISIS Y DESARROLLO DE SISTEMAS DE INFORMACION Sistema de Gestin de la Calidad FASE DEL PROYECTO: ANALISIS

Fecha: Marzo 8 / 2012

Pgina 12 de 12

Este lenguaje es, como ASP, usado en el lado del servidor. Es muy eficiente, permitiendo el acceso a bases de datos usando productos como MySQL, y puede ser usado para crear pginas dinmicas complejas.

5- Qu es Hosting? Es el servicio que provee a los usuarios de Internet un sistema para poder almacenar informacin, imgenes, vdeo, o cualquier contenido accesible va web.

6- Indique 5 servidores de Hosting gratuitos en la red y 5


nacionales y 2 internacionales. Indique 5 servidores de Hosting gratuitos en la red: Freehostia Awardspace Vlexo T35

por cobro, 3

PDT:

BUSQUE, LEA, INTRPRETE Y RESUMA, CORTE Y PEGUE


Por favor RECURSOS DIDACTICOS EQUIPOS: Computadores HERRAMIENTAS: Navegador de Internet. Documentos anexos a la gua

ANALICE, NO SOLO