SENA Ms Trabajo

LNEA TECNOLGICA DEL PROGRAMA TECNOLOGAS DE LA INFORMACIN Y LAS COMUNICACIONES GESTIN DE LA RED TECNOLGICA TECNOLOGAS DE LA INFORMACIN, DISEO Y DESARROLLO DE SOFTWARE

CURSO: DISEAR PGINAS WEB CON HTML Y JAVASCRIPT

Temas:
1. 2. 3. 4. 5. 6. 7. 8. 9. HTML (Qu es?, historia) Word Wide Web Estructura de un documento HTML Etiquetas HTML Objetos HTML Formularios web Eventos de objetos JavaScript (Qu es?, historia) Sintaxis JavaScript, variables

Criterios de evaluacin

Identifica la estructura bsica de una pgina web y sus componentes de acuerdo a especificaciones tcnicas. Estructura las etiquetas bsicas de HTML de acuerdo a especificaciones tcnicas del programa. Organiza y aplicar con lgica las etiquetas bsicas, de acuerdo a especificaciones tcnicas del programa. Opera los programas auxiliares a utilizar en la creacin de pginas de acuerdo con las necesidades del cliente. Identifica las principales caractersticas de JavaScript que le permitirn elaborar rutinas y funciones de chequeo de datos enviados por el usuario a travs de formularios diseados segn necesidades de la organizacin.

SENA Ms Trabajo

LNEA TECNOLGICA DEL PROGRAMA TECNOLOGAS DE LA INFORMACIN Y LAS COMUNICACIONES GESTIN DE LA RED TECNOLGICA TECNOLOGAS DE LA INFORMACIN, DISEO Y DESARROLLO DE SOFTWARE

CONCEPTOS 1 Qu es HTML?
HTML, siglas de HyperText Markup Language (lenguaje de marcas de hipertexto), hace referencia al lenguaje de marcado para la elaboracin de pginas web. Es un estndar que, en sus diferentes versiones, define una estructura bsica y un cdigo (denominado cdigo HTML) para la definicin de contenido de una pgina web, como texto, imgenes, etc. Es un estndar a cargo de la W3C, organizacin dedicada a la estandarizacin de casi todas las tecnologas ligadas a la web, sobre todo en lo referente a su escritura e interpretacin. El lenguaje HTML basa su filosofa de desarrollo en la referenciaran. Para aadir un elemento externo a la pgina (imagen, vdeo, script, etc.), este no se incrusta directamente en el cdigo de la pgina, sino que se hace una referencia a la ubicacin de dicho elemento mediante texto. De este modo, la pgina web contiene slo texto mientras que recae en el navegador web (interpretador del cdigo) la tarea de unir todos los elementos y visualizar la pgina final. Al ser un estndar, HTML busca ser un lenguaje que permita que cualquier pgina web escrita en una determinada versin, pueda ser interpretada de la misma forma (estndar) por cualquier ++navegador web actualizado. Sin embargo, a lo largo de sus diferentes versiones, se han incorporado y suprimido caractersticas, con el fin de hacerlo ms eficiente y facilitar el desarrollo de pginas web compatibles con distintos navegadores y plataformas (PC de escritorio, porttiles, telfonos inteligentes, tablets, etc.). Sin embargo, para interpretar correctamente una nueva versin de HTML, los desarrolladores de navegadores web deben incorporar estos cambios y el usuario debe ser capaz de usar la nueva versin del navegador con los cambios incorporados. Usualmente los cambios son aplicados mediante parches de actualizacin automtica (Firefox, Chrome) u ofreciendo una nueva versin del navegador con todos los cambios incorporados, en un sitio web de descarga oficial (Internet Explorer). Un navegador no actualizado no ser capaz de interpretar correctamente una pgina web escrita en una versin de HTML superior a la que pueda interpretar, lo que obliga muchas veces a los desarrolladores a aplicar tcnicas y cambios que permitan corregir problemas de visualizacin e incluso de interpretacin de cdigo HTML. As mismo, las pginas escritas en una versin anterior de HTML deberan ser actualizadas o reescritas, lo que no siempre se cumple. Es por ello que ciertos navegadores an mantienen la capacidad de interpretar pginas web de versiones HTML anteriores. Por estas razones, an existen diferencias entre distintos navegadores y versiones al interpretar una misma pgina web.

SENA Ms Trabajo

LNEA TECNOLGICA DEL PROGRAMA TECNOLOGAS DE LA INFORMACIN Y LAS COMUNICACIONES GESTIN DE LA RED TECNOLGICA TECNOLOGAS DE LA INFORMACIN, DISEO Y DESARROLLO DE SOFTWARE

MARCADO HTML

El 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 o hacer referencia a un tipo de programa llamado script, el cual puede afectar el comportamiento 7 de navegadores web y otros procesadores de HTML. HTML tambin sirve para referirse al contenido del tipo 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). HTML consta de varios componentes vitales, entre ellos los elementos y sus atributos, tipos de data y la declaracin de tipo de documento.

WWW (WORLD WIDE WEB)

En informtica, la World Wide Web (WWW) o Red informtica mundial comnmente conocida como la web, es un sistema de distribucin de documentos de hipertexto o hipermedios interconectados y accesibles va Internet. Con un navegador web, un usuario visualiza sitios web compuestos de pginas web que pueden contener texto, imgenes, vdeos u otros contenidos multimedia, y navega a travs de esas pginas usando hiperenlaces. La web se desarroll entre marzo de 1989 y diciembre de 1990 por el ingls Tim Berners-Lee con la ayuda del belga Robert Cailliau mientras trabajaban en el CERN en Ginebra,Suiza, y publicado en 1992. Desde entonces, Berners-Lee ha jugado un papel activo guiando el desarrollo de estndares Web (como los lenguajes de marcado con los que se crean las pginas web), y en los ltimos aos ha abogado por su visin de una Web semntica. Utilizando los conceptos de sus anteriores sistemas de hipertexto como ENQUIRE, el ingeniero britnico Tim Berners-Lee, un cientfico de la computacin y en ese tiempo de los empleados del CERN, ahora director del World Wide Web Consortium (W3C), escribi una propuesta en marzo de 1989 con lo que se convertira 4 en la World Wide web. la propuesta de 1989 fue destinada a un sistema de comunicacin CERN 5 pero Berners-Lee finalmente se dio cuenta que el concepto podra aplicarse en todo el mundo. En la CERN, la organizacin europea de investigacin cerca de Ginebra, en la frontera 6 entre Francia y Suiza, Berners-Lee y el cientfico de la computacin belga Robert Cailliau propuesieron en 1990 utilizar de hipertexto "para vincular y acceder a informacin de

SENA Ms Trabajo

LNEA TECNOLGICA DEL PROGRAMA TECNOLOGAS DE LA INFORMACIN Y LAS COMUNICACIONES GESTIN DE LA RED TECNOLGICA TECNOLOGAS DE LA INFORMACIN, DISEO Y DESARROLLO DE SOFTWARE

diversos tipos como una red de nodos en los que el usuario puede navegar a voluntad", y BernersLee termin el primer sitio web en diciembre de ese ao. Berners-Lee public el proyecto en el grupo de noticias alt.hypertext el 7 de agosto de 1991.

HISTORIA DE LA WWW

En el nmero de mayo de 1970 de la revista Popular Science, Arthur C. Clarke predijo que algn da los satlites "llevarn el conocimiento acumulado del mundo a sus manos" con una consola que combinara la funcionalidad de la fotocopiadora, telfono, televisin y un pequeo ordenador , que 10 permitir la transferencia de datos y videoconferencia en todo el mundo. En marzo de 1989, Tim Berners-Lee escribi una propuesta que hace referencia ENQUIRE, una base de datos y proyectos de software que haba construido en 1980, y describe un sistema de 11 gestin de la informacin ms elaborado. La idea subyacente de la Web se remonta a la propuesta de Vannevar Bush en los aos 40 sobre un sistema similar: a grandes rasgos, un entramado de informacin distribuida con una interfaz operativa que permita el acceso tanto a la misma como a otros artculos relevantes determinados por claves. Este proyecto nunca fue materializado, quedando relegado al plano terico bajo el nombre de Memex. Es en los aos 50 cuando Ted Nelson realiza la primera referencia a un sistema de hipertexto, donde la informacin es enlazada de forma libre. Pero no es hasta 1980, con un soporte operativo tecnolgico para la distribucin de informacin en redes informticas, cuando Tim Berners-Lee propone ENQUIRE al CERN (refirindose a Enquire Within Upon Everything, en castellano Preguntando de Todo Sobre Todo), donde se materializa la realizacin prctica de este concepto de incipientes nociones de la Web. En marzo de 1989, Tim Berners Lee, ya como personal de la divisin DD del CERN, redacta la 12 propuesta, que referenciaba a ENQUIRE y describa un sistema de gestin de informacin ms elaborado. No hubo un bautizo oficial o un acuamiento del trmino web en esas referencias iniciales, utilizndose para tal efecto el trmino mesh. Sin embargo, el World Wide Web ya haba nacido. Con la ayuda de Robert Cailliau, se public una propuesta ms formal para la world wide 13 web el 6 de agosto de 1991. Berners-Lee us un NeXTcube como el primer servidor web del mundo y tambin escribi el primer navegador web, WorldWideWeb en 1991. En las Navidades del mismo ao, Berners-Lee 14 haba creado todas las herramientas necesarias para que una web funcionase: el primer navegador web (el cual tambin era un editor web), el primer servidor web y las primeras pginas 15 web que al mismo tiempo describan el proyecto.

SENA Ms Trabajo

LNEA TECNOLGICA DEL PROGRAMA TECNOLOGAS DE LA INFORMACIN Y LAS COMUNICACIONES GESTIN DE LA RED TECNOLGICA TECNOLOGAS DE LA INFORMACIN, DISEO Y DESARROLLO DE SOFTWARE

El 6 de agosto de 1991, envi un pequeo resumen del proyecto World Wide Web 16 al newsgroup alt.hypertext. Esta fecha tambin seala el debut de la web como un servicio disponible pblicamente en Internet. El concepto, subyacente y crucial, del hipertexto tiene sus orgenes en viejos proyectos de la dcada de los 60, como el Proyecto Xanadu de Ted Nelson y el sistema on-line NLS de Douglas Engelbart. Los dos, Nelson y Engelbart, estaban a su vez inspirados por el ya citado sistema basado en microfilm "memex", de Vannevar Bush. El gran avance de Berners-Lee fue unir hipertexto e Internet. En su libro Weaving the Web (en castellano, Tejiendo la Red), explica que l haba sugerido repetidamente que la unin entre las dos tecnologas era posible para miembros de las dos comunidades tecnolgicas, pero como nadie acept su invitacin, decidi, finalmente, hacer frente al proyecto l mismo. En el proceso, desarroll un sistema deidentificadores nicos globales para los recursos web y tambin: el Uniform Resource Identifier. World Wide Web tena algunas diferencias de los otros sistemas de hipertexto que estaban disponibles en aquel momento: WWW slo requera enlaces unidireccionales en vez de los bidireccionales. Esto haca posible que una persona enlazara a otro recurso sin necesidad de ninguna accin del propietario de ese recurso. Con ello se reduca significativamente la dificultad de implementar servidores web y navegadores (en comparacin con los sistemas anteriores), pero en cambio presentaba el problema crnico de losenlaces rotos. A diferencia de sus predecesores, como HyperCard, World Wide Web era no-propietario, haciendo posible desarrollar servidores y clientes independientemente y aadir extensiones sin restricciones de licencia.
17

El 30 de abril de 1993, el CERN anunci honorarios.

que la web sera gratuita para todos, sin ningn tipo de

ViolaWWW fue un navegador bastante popular en los comienzos de la web que estaba basado en el concepto de la herramienta hipertextual de software de Mac denominada HyperCard. Sin embargo, los investigadores generalmente estn de acuerdo en que el punto de inflexin de la 18 19 World Wide Web comenz con la introduccin del navegador web Mosaic en 1993, un navegador grfico desarrollado por un equipo del NCSA en la Universidad de Illinois en UrbanaChampaign (NCSA-UIUC), dirigido por Marc Andreessen. El apoyo para desarrollar Mosaic vino del High-Performance Computing and Communications Initiative, un programa de fondos iniciado por el entonces gobernador Al Gore en el High Performance Computing and Communication Act of 20 1991, tambin conocida como la Gore Bill. Antes del lanzamiento de Mosaic, las pginas web no integraban un amplio entorno grfico y su popularidad fue menor que otros protocolos anteriores ya

SENA Ms Trabajo

LNEA TECNOLGICA DEL PROGRAMA TECNOLOGAS DE LA INFORMACIN Y LAS COMUNICACIONES GESTIN DE LA RED TECNOLGICA TECNOLOGAS DE LA INFORMACIN, DISEO Y DESARROLLO DE SOFTWARE

en uso sobre Internet, como el protocolo Gopher yWAIS. La interfaz grfica de usuario de Mosaic permiti a la WWW convertirse en el protocolo de Internet ms popular de una manera fulgurante...

FUNCIONAMIENTO DE LA WEB

El primer paso consiste en traducir la parte nombre del servidor de la URL en una direccin IP usando la base de datos distribuida de Internet conocida como DNS. Esta direccin IP es necesaria para contactar con el servidor web y poder enviarle paquetes de datos. El siguiente paso es enviar una peticin HTTP al servidor Web solicitando el recurso. En el caso de una pgina web tpica, primero se solicita el texto HTML y luego es inmediatamente analizado por el navegador, el cual, despus, hace peticiones adicionales para los grficos y otros ficheros que formen parte de la pgina. Las estadsticas de popularidad de un sitio web normalmente estn basadas en el nmero de pginas vistas o las peticiones de servidor asociadas, o peticiones de fichero, que tienen lugar. Al recibir los ficheros solicitados desde el servidor web, el navegador renderiza la pgina tal y como se describe en el cdigo HTML, el CSS y otros lenguajes web. Al final se incorporan las imgenes y otros recursos para producir la pgina que ve el usuario en su pantalla.

SENA Ms Trabajo

LNEA TECNOLGICA DEL PROGRAMA TECNOLOGAS DE LA INFORMACIN Y LAS COMUNICACIONES GESTIN DE LA RED TECNOLGICA TECNOLOGAS DE LA INFORMACIN, DISEO Y DESARROLLO DE SOFTWARE