Guia1 HTML

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

Integrantes FABIO ANDRES RINCON Grupo 259128
Teleinformtica Fecha de elaboracin
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 15
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 15
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 15
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 15
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 15
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 15
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 15
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 15
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 15
2)
3)
Pgina 11 de 15
Usuario y operador a travs de la www, Emisor : operadora, Receptor :cliente que pide el soporte Mensaje: hola este es un mensaje de prueba Medio: chat interactivo que ofrece un empresa
4) Bsicamente una pgina web puede construirse con un simple editor de texto (como puede ser el bloc de notas de windows) siempre que se tenga un profundo conocimiento del pseudo lenguaje HTML, o al menos seamos capaz de memorizar todas sus etiquetas.
Servidor local No es indispensable, pero puede ahorrarnos ms de un dolor de cabeza con los enlaces situados en nuestras pginas. Un servidor local permitir que podamos acceder a nuestro sitio en forma local (en nuestro ordenador) pero
Pgina 12 de 15
como si estuviramos accediendo a l a travs de internet, es decir, con una direccin tipo http://misitio/paginas.htm. Si adems vas a desarrollar pginas con PHP el servidor local es imprescindible. Aunque en el mercado existen muchos programas para montar tu servidor local, el ms extendido es el Apache, y tambin es el ms barato: es gratis. No te va a ocupar mucho espacio ni te va a pedir complicadas operaciones de instalacin y configuracin. Adems la amplia comunidad de usuarios va a permitirte encontrar soluciones a los problemas que se te puedan plantear. Otra opcin es el Personal Web Server que viene con Window 98, o incluso el IIS que viene con el servidor Window 2000. Editor de pginas web Aunque un editor de textos es suficiente para escribir una pgina web, no est de ms contar con un programa especfico que adems te dar otras prestaciones enfocadas al mantenimiento de un sitio completo, como comprobacin y actualizacin de enlaces, cambios en mltiples pginas, plantillas, etc. Existen muchos, pero una alternativa interesante es NVU Editor de imgenes: En otro apartado de esta gua se dice que las imgenes son prcticamente imprescindibles en las pginas web, razn por la cual no est de ms disponer de un editor de imgenes. Con l podrs optimizar las imgenes, cambiar su formato o crear imgenes propias para botones o barras de navegacin. Existen muchos programas que pueden serte tiles en este apartado, como por ejemplo Fireworks (Macromedia), Photo Shop (de Adobe) o Photo Paint (de Corel). Dentro de este apartado si vas a usar imgenes en formato gif animado debers disponer de un programa al efecto, el ms adecuado quizs sea el Ulead Gif Animator. Cliente FTP Si el editor HTML no lo posee, necesitaras un cliente FTP, es decir, un programa que te permita enviar las pginas que hayas creado a donde hayas alojado tu sitio web. Habitualmente es un programa que te conecta a tu alojamiento mostrndote lo que all tienes almacenado (directorio remoto), al mismo tiempo te muestra lo que tienes en tu sitio local. Mediante algn botn o comando sencillo te permite como mnimo enviar ficheros a tu directorio remoto o recogerlos para traerlos a tu disco local. Hay algunos gratuitos como coffeCup FTP, FileZilla FTP o smartFTP(existe versin espaola).
Pgina 13 de 15
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. 5) gratuitos: Freehostia: Este es uno de los mejores servicios de hosting gratuito que vi hasta el momento, nos brinda 250MB de espacio en disco, 5GB de transferencia mensual, hasta 2 dominios por cuenta, 10 subdominios, estadsticas, webmail y POP3, acceso por FTP, todo esto SIN publicidad. Lo ms importante de todo es que nos permiten utilizar nuestro propio dominio, aunque si no disponemos de l podemos registrar uno a travs de ellos, o bien utilizar un subdominio del tipo usuario.freehostia.com. Este artculo fue copiado de Los 5 mejores hostings gratuitos | Punto Geek Visita el sitio original para ms informacin Tambin puedes visitar 140GEEK Awardspace: otro excelente hosting que nos ofrece 200MB de espacio en disco, 5GB de transferencia mensual, dominio propio o del tipo usuario.awardspace.com, hasta 2 dominios por cuenta, 5 subdominios, acceso FTP, PHP/MySQL, email, y SIN publicidad. T35: este servicio es de los que ofrecen ms prestaciones, pero a cambio de esto los sitios que alojemos muestran un pop-up de publicidad para sufragar los gastos. Las caractersticas de este servicio son dominio del tipo usuatio.t35.com, espacio en disco ilimitado, ancho de banda mensual ilimitado, acceso por FTP, PHP/MySQL, panel de control muy simple. 110MB: al contrario de lo que dice su nombre, han ampliado el espacio en disco y proveen 200MB y 100GB de transferencia mensual. Podemos utilizar un dominio propio o usar uno del tipo usuario.110mb.com. Acceso FTP, PHP y MySQL; adems incorporan una serie de scripts que nos permiten instalar con un slo clickaplicaciones como WordPress, phpBB, etc, todo esto SIN publicidad. El nico problema de este servicio es que la opcin de registrarse para usar sus servicios se abre algunas veces al da, no siempre est abierta, con lo cual hay que probar hasta que demos con la opcin de regsitrarnos, pero vale la pena la espera. Vlexo: es un servicio que nos ofrece tres tipos de cuentas, todas gratuitas, una libre de publicidad, y otras dos con ms funcionalidades pero estas insertan banners de AdSense en el sitio. Tenemos desde 200MB de espacio en disco hasta 1GB; y desde 1GB de transferencia hasta 10GB. Realmente muy recomendable.
Pgina 14 de 15
Con costo: Nova Pro Elite Smmum Inmotion Nacionales: hostdime Colombia hosting Winkhosting Internacionales Starloogic Page secure hosting
NOMBRES FABIO ANDRES RINCON PARADA CARGO Aprendiz DEPENDENCIA Centro de Electricidad Electrnica y Telecomunicaciones Centro de Electricidad Electrnica y Telecomunicaciones FIRMA FECHA
AUTORES
Ral Ortiz REVISION Instructor
Pgina 15 de 15
CIBERGRAFIA http://creatuweb.espaciolatino.com/guia/herramientas.htm http://www.sitiosargentina.com.ar/hosting/que_es.htm http://www.puntogeek.com/2007/05/01/los-5-mejores-hostings-gratuitos/ http://www.google.com.co/imgres? hl=en&sa=X&biw=1366&bih=643&tbm=isch&prmd=imvns&tbnid=zyWqTjnDCcJUa M:&imgrefurl=http://www.carixma.com/tutoriales/control_remoto_ntrsupport_inquiero. htm&docid=37pTj2aFjP9uM&imgurl=http://www.carixma.com/tutoriales/ntrsupport/llamada2.gif&w=486& h=397&ei=uvdbT9P1N4OWgwem4v2hCw&zoom=1&iact=rc&dur=501&sig=1128346 86415242215356&page=1&tbnh=140&tbnw=171&start=0&ndsp=19&ved=1t:429,r:0,s: 0&tx=79&ty=72 http://www.top10bestwebsitehosting.com/? kw=hosting&c=18944117388&t=search&p=&m=p&adpos=1t3&a=28&gclid=CMS7lP _U3a4CFcRM4AodW0iRVw es.wikipedia.org

Guia1 HTML

Caricato da

Informazioni sul documento

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Guia1 HTML

Caricato da

Copyright:

Formati disponibili

REGIONAL DISTRITO CAPITAL CENTRO DE ELECTRICIDAD ELECTRONICA Y TELECOMUNICACIONES

ANLISIS Y DESARROLLO DE SISTEMAS DE INFORMACIN

Teleinformtica Fecha de elaboracin

Fecha: Marzo 8 / 2012

EVIDENCIAS DE APRENDIZAJE DE CONOCIMIENTO

PRODUCTO PARA EL PORTAFOLIO

Fecha: Marzo 8 / 2012

Fecha: Marzo 8 / 2012

Fecha: Marzo 8 / 2012

Fecha: Marzo 8 / 2012

Fecha: Marzo 8 / 2012

Fecha: Marzo 8 / 2012

Fecha: Marzo 8 / 2012

Fecha: Marzo 8 / 2012

Fecha: Marzo 8 / 2012

Fecha: Marzo 8 / 2012

Fecha: Marzo 8 / 2012

Fecha: Marzo 8 / 2012

Ral Ortiz REVISION Instructor

Fecha: Marzo 8 / 2012

Potrebbero piacerti anche