HTML Guia 1

REGIONAL DISTRITO CAPITAL CENTRO DE ELECTRICIDAD ELECTRONICA Y TELECOMUNICACIONES
ANLISIS Y DESARROLLO DE SISTEMAS DE INFORMACIN

Integrantes JUAN DAVID CONTRERAS CARDENAS Grupo 259128
Teleinformtica 11/03/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 11 / 2012
Pgina 2 de 13
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 Programacin para Internet. de la Programacin para Internet, permitiendo verificar el adecuado Analiza y aplica los conceptos en la entendimiento y aplicacin de los solucin de la gua. conceptos planteados en 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.
Pgina 3 de 13
ACTIVIDADES A DESARROLLAR 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), Rende rizar, 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. 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. 5- Qu es Hosting? , 6- Indique 5 servidores de Hosting gratuitos en la red y 5 por cobro, 3 nacionales y 2 internacionales.
PDT: Por favor BUSQUE, LEA, ANALICE, INTRPRETE Y RESUMA, NO SOLO CORTE Y PEGUE RECURSOS DIDACTICOS EQUIPOS: Computadores HERRAMIENTAS: Navegador de Internet. Documentos anexos a la gua
Pgina 4 de 13
Solucin 1 cliente: es una aplicacin informtica o un computador que accede un servicio remoto en otro computador, conocido como servidor, normalmente a travs de una red de telecomunicaciones. Servidor: es una computadora que, formando parte de una red, provee servicios a otras computadoras denominadas clientes. 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. socket a direccin dns, resolucin de dns a ip, socket a direccin ip. Sitio web: 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. Internet: es un conjunto descentralizado de redes de comunicacin interconectadas que utilizan la familia de protocolos TCP/IP, garantizando que las redes fsicas que la componen funcionen como una red lgica nica, de alcance mundial. 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. Chat: designa una comunicacin escrita realizada de manera instantnea a travs de Internet entre dos o ms personas ya sea de manera pblica a travs de los llamados chats pblicos. 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. En el mbito de Internet, un puerto es el valor que se usa, en el modelo de la
Pgina 5 de 13
capa de transporte, para distinguir entre las mltiples aplicaciones que se pueden conectar al mismo host, o puesto. Puertos bien conocidos: Los puertos menores a 1024 se denominan puertos bien conocidos y son reservados para servicios estndares Ejemplo de puertos bien conocidos: 21 FTP, 22 SSH, 23 Telnet, 25 SMTP, 80 HTTP, 110 POP. Rende rizar: es el proceso de generar una imagen (imagen en 3D o una animacin en 3D) a partir de un modelo, usando una aplicacin de computadora. FTP: 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: 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. Con un navegador web, un usuario visualiza web compuestos de pginas web que pueden contener texto, imgenes, vdeos u otros contenidos multimedia, y navega a travs de ellas usando hiperenlaces. 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 (del ingls, web browser) una aplicacin que opera a travs de Internet, interpretando la informacin archivos y sitios web para que podamos ser capaces de leerla, (ya encuentre sta alojada en un servidor dentro de la World Wide Web o en servidor local). TIPOS DE NAVEGADORES: Google chrome, opera, internet explorer, Mozilla Firefox. HIPERTEXTOS: en informtica, es el nombre que reciben los negatextos que en la pantalla de un dispositivo hassam, permite conducir a otros negatextos relacionados, pulsando con el dedo en ciertas zonas sensibles y destacadas. es de se un
Pgina 6 de 13
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:Es el acrnimo de What You See Is What You Get (en ingls, "lo que ves es lo que obtienes"). 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. Se utiliza en contraposicin a otros procesadores de texto, hoy en da poco frecuentes, en los que se escriba sobre una vista que no mostraba el formato del texto, hasta la impresin del documento. EDITOR DE HTML: pueden ser de dos tipos, como veremos, unos permiten codificar las pginas utilizando el propio lenguaje HTML, a base de etiquetas y otros nos permiten disear una pgina web, como si estuvisemos escribiendo con un editor de texto avanzado, sin tener que escribir el cdigo con las etiquetas. Esta ltima vertiente, que podemos llamar editores en modo diseo, presenta una facilidad adicional para las personas que no deseen complicarse la vida con el lenguaje HTML, porque no tengan tiempo de aprenderlo o porque se sientan incapaces de hacerlo. SGML: Estndar de Lenguaje de Marcado Generalizado". Consiste en un sistema para la organizacin y etiquetado de documentos. HTML: 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 JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML. Primeras especificaciones La primera descripcin de HTML disponible pblicamente fue un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991. Describe 22 elementos comprendiendo el
Pgina 7 de 13
diseo inicial y relativamente simple de HTML. Trece de estos elementos todava existen en HTML 4. XML: eXtensible Markup Language. Lenguaje Extensible de Marcado. Lenguaje desarrollado por el W3 Consortium para permitir la descripcin de informacin contenida en el WWW a travs de estndares y formatos comunes, de manera que tanto los usuarios de Internet como programas especficos (agentes). XHTML: (Extensible Hypertext Markup Language), es una reformulacin del HTML 4.0 con XML 1.0. El XHTML toma la capacidad de formato del HTML y la une con la formalidad y extensibilidad del XML. Es el lenguaje actual diseado especialmente para la creacin de documentos web, por su gran accesibilidad. HOJAS DE ESTILO EN CASACDA: Cascading Style Sheets, del que toma sus siglas. CSS es un lenguaje usado para definir la presentacin de un documento estructurado escrito en HTML oXML (y por extensin en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificacin de las hojas de estilo que servirn de estndar para los agentes de usuario o navegadores. La idea que se encuentra detrs del desarrollo de CSS es separar la estructura de un documento de supresentacin. URL significa Uniform Resource Locator, es decir, localizador uniforme de recurso y se refiere a la direccin nica que identifica a una pgina web en Internet. HTTPS: es una combinacin de transferencia de hipertexto (HTTP) con SSL / TLS protocolo. Proporciona la comunicacin cifrada y la identificacin segura de una red de servidor web . Conexiones HTTPS se utilizan con frecuencia para operaciones de pago en la World Wide Web y para las transacciones sensibles en los sistemas de informacin corporativos Netscape Communications cre HTTPS en 1994 por su Netscape Navigator navegador web. Originalmente, fue utilizado con HTTPS SSL protocolo. Como SSL se convirti en Transport Layer Security (TLS), la versin actual de HTTPS se ha especificado formalmente por RFC 2818 05 2000.
Pgina 8 de 13
ISO 8879: es un ISO de tecnologa estndar para definir generalizadas lenguajes de marcado de documentos. ISO 8879 define el Anexo A.1 de marcado generalizado: Marcado generalizado se basa en la novela de dos postulados :De marcado debe ser declarativa: debe describir la estructura de un documento y otros atributos, en lugar de especificar el procesamiento que se realiza en l. Marcado declarativo es menos probable que entrar en conflicto con imprevistas necesidades futuras de procesamiento y tcnicas. Marcado debe ser riguroso para que las tcnicas disponibles para el procesamiento de objetos rigurosamente definidas como programas y bases de datos se puede utilizar para procesar documentos tambin. 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). Un ejemplo son los buscadores de Internet (algunos buscan nicamente en la web, pero otros lo hacen adems en noticias, servicios como Gopher, FTP, etc.) cuando se pide informacin sobre algn tema. Las bsquedas se hacen con palabras clave o con rboles jerrquicos por temas; el resultado de la bsqueda es un listado de direcciones web en los que se mencionan temas relacionados con las palabras clave buscadas. Indexar: 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 scipt: es un prototipo basado en lenguaje de scripting que es dinmico , los escritos dbilmente y tiene funciones de primera clase . Se trata de unmulti-paradigma lingstica, el apoyo orientados a objetos , la mperativos y funcionales estilos de programacin. VBScript: VBScript ( V Isual B ASIC Guin Ing. Edition) es un Active Scripting lenguaje desarrollado por Microsoft que se basa en Visual Basic . Se ha diseado como un "ligero" lengua con un intrprete rpido para su uso en una amplia variedad de entornos de Microsoft. VBScript utiliza el modelo de objetos componentes para acceder a los elementos del entorno en el que se est ejecutando, por ejemplo, el FileSystemObject (FSO) se utiliza para crear, leer, actualizar y eliminar archivos .
Pgina 9 de 13
Lenguaje Compilado Un lenguaje compilado es trmino un tanto impreciso para referirse a un lenguaje de programacin que tpicamente se implementa mediante un compilador. Esto implica que una vez escrito el programa, ste se traduce a partir de su cdigo fuente por medio de un compilador en un archivo ejecutable para una determinada plataforma (por ejemplo Solaris para Sparc, Windows NT para Intel, etc.). (Lenguaje Compilado - Wikipedia) Lenguaje Interpretadoe Un lenguaje interpretado es aquel en el que las instrucciones se traducen o interpretan una a una en tiempo de ejecucin a un lenguaje intermedio o lenguaje mquina o a travs de una mquina virtual, siendo tpicamente unas 10 veces ms lentos que los programas compilados.(Adaptacin de la definicin en Wikipedia) Colador: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. Usualmente el segundo lenguaje es lenguaje de mquina, pero tambin puede ser un cdigo intermedio (bytecode), o simplemente texto. Este proceso de traduccin se conoce como compilacin. Interprete es un programa informtico capaz de analizar y ejecutar otros programas, escritos en un lenguaje de alto nivel. Los intrpretes se diferencian de los compiladores en que mientras estos traducen un programa desde su descripcin en un lenguaje de programacin al cdigo de mquina del sistema, los intrpretes slo realizan latraduccin a medida que sea necesaria, tpicamente, instruccin por instruccin, y normalmente no guardan el resultado de dicha traduccin. DNS: es un sistema distribuido de nombres jerrquico para los equipos, servicios, o cualquier otro recurso conectado a Internet o una red privada . Se asocia la informacin con varios nombres de dominio asignados a cada una de las entidades participantes.
Pgina 10 de 13
Internet 2. Servidores de Informacin Computadore s Red de Computador
Comercio Especificaciones Velocidad de Acceso Conexin
Informacin
Paginas WEB
Usuarios Browser Exploradores de internet
3.
Pgina 11 de 13
4) ASP (Active Server Pages) - Las "Pginas Activas" se utilizan para ejecutar acciones del lado del servidor. De forma opuesta al Javascript, que realiza procedimientos en la mquina de cada usuario, el ASP forma en el servidor los resultados que luego se mostrarn en las pantallas de cada navegante. Un ejemplo de esto son los buscadores, donde uno realiza una peticin de informacin y el servidor del buscador nos entrega un resultado a medida de nuestro pedido. Todo este procedimiento se realiza en el servidor y no en nuestra mquina. Y aunque hay versiones de ASP para Unix y Linux, fue desarrollado principalmente para ser usado en servidores web basados en sistemas Microsoft. Las pginas activas, o dinmicas, son especialmente tiles para mantener bases de datos, crear buscadores dinmicos, hacer carritos de compras, y todo aquello que necesite una interaccin del navegante y el servidor para elaborar un resultado. CGI (Common Gateway Interface) - La "Interface Comn de Entrada" es una de las ms antiguos estandartes en internet para trasladar la informacin desde una pgina web a un servidor web. CGI es por lejos el mtodo ms utilizado para manipular objetos como libros de visitas, formularios de emails, foros de discusin y elementos as. CGI es actualmente lo ms comn para subir y bajar informacin. CGI no es en absoluto un lenguaje de scripting, de hecho las rutinas de CGI son habitualmente escritas en lenguajes interpretados como Perl o por lenguajes compilados como C. CSS (Cascading Style Sheets) Las Hojas de Estilo las usamos para formatear las pginas web en todo aquello que deseamos. CCS es complicado, pero no es nada si comprendemos que podemos definir, en una sola lnea de cdigo, un estilo de texto o ttulos para todo el sitio. Una vez que modificamos esta lnea en segundos, todo el sitio cambiar automticamente! HTACCESS - El archivo .htaccess nos permite configurar parmetros para nuestro sitio web y para las carpetas (directorios). El uso ms comn es el de proteger los directorios con claves de acceso. Htaccess puede ser usado para muchas otras cosas como: alejar a las araas (spiders) que rastrean informacin en la WWW, acceso limitado a ciertas partes de nuestro sitio, etc. El lado oscuro del htaccess sera que su lenguaje suele ser muy oscuro, difcil de entender y demasiado preciso. Un mnimo error en el archivo htaccess
Pgina 12 de 13
puede hacer que todo el sitio web est offline, hasta que sea reparado este error. Java - Este es un lenguaje que trabaja en el cliente, es decir: se ejecuta en el browser del navegante y no en el servidor). Es eficiente y muy poderoso. La principal ventaja de Java sobre ActiveX es que Java tiene un modelo de seguridad sano, llamado la Caja de Arena, mientras que el modelo de ActiveX es demasiado estpido hasta lograr desafiar nuestra imaginacin. Java es tambin mucho menos amigo de los cuelgues del sistema. Por otra parte, 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. JavaScript - Este es un lenguaje que se interpreta y se ejecuta en el cliente. Es muy til para realizar tareas en el lado del cliente (navegante), como mover imgenes por la pantalla, crear menes de navegacin interactivos, utilizar algunos juegos, etc. En las pginas web suele preferirse JavaScript porque es aceptado por muchos ms navegadores que VBScript (la competencia de MS). Perl - Un gran lenguaje de encriptado que nos permite que el CGI tradicional se ejecute en el servidor. Perl es muy fcil de aprender (dentro de lo que es un lenguaje) y llano en su funcionamiento. Es principalmente usado para libros de visita, formularios de consulta y otras tareas sencillas. La principal contra que posee es que, cada vez que un proceso se desarrolla y el lenguaje es interpretado, el cdigo es recompilado nuevamente cada vez que se corre. Para tareas complejas, un lenguaje del lado del servidor (server-side) como PHP o ASP es mucho ms conveniente. SSI - Si tu sitio est alojado en un tpico servidor Apache, seguramente podrs usar algo que se denomina "Server Side Includes". Esto es una forma de lograr que el servidor web ejecute tareas antes de que se muestre una pgina web en nuestro navegador. Uno de los usos ms comunes es incluir, adecuadamente, texto comn. Esto es genial cuando tenemos, por ejemplo, un sistema de navegacin que es comn a todas las pginas. Podemos hacer un cambio en un archivo SSI y cambiaremos todo el sitio web entero. SSI es muy comn pero fue ampliamente superado por lenguajes como PHP. La sobrecarga de SSI en el servidor es alta puesto que cada pgina es escaneada para saber si posee indicaciones SSI antes de mostrarla en el browser.
Pgina 13 de 13
PHP - Este lenguaje es, como ASP, usado en el lado del servidor. PHP es similar a ASP y puede ser usado en circunstancias similares. Es muy eficiente, permitiendo el acceso a bases de datos usando productos como MySQL, y puede ser usado para crear pginas dinmicas complejas. VBScript (Visual Basic Scripting) - La respuesta de Microsoft a JavaScript. VBScript es una buena herramienta para cualquier sitio destinado a ser mostrado exclusivamente el navegador Microsoft Internet Explorer. Por este motivo discriminante y limitante, consideramos que no debe usarse VBScript en ningn sitio, al menos en ninguno que aspire a tener difusin universal. Es preferible usar JavaScript con su amplia aceptacin en los diversos navegadores de internet.
5. Hosting es una palabra del Ingles que quiere decir dar hospedar o alojar. Aplicado al Internet, significa poner una pagina web en un servidor de Internet para que ella pueda ser vista en cualquier lugar del mundo entero con acceso al Internet. 6. Hosting Pagos: - WIROOS - INVISIONARG - WNPOWER Gratuitos: -ZOBYHOST
NOMBRES Juan David Contreras Crdenas CARGO Aprendiz DEPENDENCIA Centro de Electricidad Electrnica y Telecomunicaciones Centro de Electricidad Electrnica y Telecomunicaciones FIRMA Juan David Contreras Crdenas FECHA 11/03/201 2
AUTORES
Ral Ortiz REVISION Instructor

HTML Guia 1

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML Guia 1

Uploaded by

Copyright:

Available Formats

REGIONAL DISTRITO CAPITAL CENTRO DE ELECTRICIDAD ELECTRONICA Y TELECOMUNICACIONES

ANLISIS Y DESARROLLO DE SISTEMAS DE INFORMACIN

Fecha: Marzo 11 / 2012

EVIDENCIAS DE APRENDIZAJE DE CONOCIMIENTO

PRODUCTO PARA EL PORTAFOLIO

Fecha: Marzo 11 / 2012

Fecha: Marzo 11 / 2012

Fecha: Marzo 11 / 2012

Fecha: Marzo 11 / 2012

Fecha: Marzo 11 / 2012

Fecha: Marzo 11 / 2012

Fecha: Marzo 11 / 2012

Fecha: Marzo 11 / 2012

Internet 2. Servidores de Informacin Computadore s Red de Computador

Comercio Especificaciones Velocidad de Acceso Conexin

Usuarios Browser Exploradores de internet

Fecha: Marzo 11 / 2012

Fecha: Marzo 11 / 2012

Fecha: Marzo 11 / 2012

Ral Ortiz REVISION Instructor

You might also like