El papá de Pepito decide irse a vivir a los Estados Unidos con toda la familia y Pepito ingresa a una escuela.
La maestra pregunta a Pedrito:
A ver Pedrito, deme un ejemplo de la palabra "evidentemente".
Bueno maestra, mi papá, mi mamá, mis hermanos, y yo, fuimos a comer a un restaurant, evidentemente que mi mamá no cocinó ese día.
Muy bien Pedrito, a ver Juanito deme un ejemplo de la palabra "evidentemente".
Mi papá, mi mamá, mis hermanos, y yo, nos fuimos a la playa, evidentemente que la casa quedó sola.
Muy bien Juanito.
A ver Pepito, deme un ejemplo de la palabra "evidentemente".
Bueno maestra, yo estaba sentado en el corredor de mi casa, y vi pasar a mi abuelita con el diario New York Times Paper, y dije: Evidentemente va a cagar, porque no sabe leer inglés.
lunes, 22 de junio de 2009
CGI
Imagen generada por computadora
De Wikipedia, la enciclopedia libre
(Redirigido desde Computer Generated Imagery)
Saltar a navegación, búsqueda
Escena realizada en una computadora
Imagen generada por computadora (CGI), es la aplicación del campo de gráficos realizados por computadoras (CG, o más expresamente, gráficos 3d por computadora u ordenador) para la creación, entre muchas otras cosas, de efectos especiales.
El término para el que se emplean las siglas "CGI" corresponde con el término español "Infografía".
El CGI es usado en películas, programas de televisión y publicidad, y en medios impresos. Los videojuegos más a menudo usan los gráficos realizados por computadora en tiempo real (raramente tratado como CGI), pero también pueden incluir "escenas de corte pre-elaborados" e introducciones de películas que serían aplicaciones CGI típicas, llamadas Full motion Video o por sus siglas FMV.
En el cine y la televisión, el CGI se usa a menudo porque es, para ciertas situaciones, más barato que utilizar métodos físicos, como la construcción de miniaturas complicadas para creación de efectos, o alquiler de mucho vestuario para escenas de multitudes de personas, y también porque permite la creación de imágenes que no serían factibles de ningún otro modo. Esto también puede permitir que un artista produzca el contenido sin el uso de actores u otros participantes típicos en estos proyectos.
• Las dos primeras películas en las que se hizo una fuerte inversión en CGI, Tron (1982) y Last Starfighter (1984), fueron fracasos comerciales, lo que llevó a que la mayoría de los directores relegaran el CGI a imágenes que se "suponía" parecer creadas por computadora.
• El primer personaje verdadero en CGI fue creado por Pixar para la película Young Sherlock Holmes en 1985 (sin contar el sencillo personaje poliédrico de Tron que contestaba en binario: sí y no). Este tenía forma de un caballero formado por trozos de una vidriera. Este CGI "fotorealista" (del ingles photorealistic, es decir imagen sintética de aspecto real) no persuadiría a la industria del cine hasta 1989, cuando The Abyss (El abismo) gana el Premio de la Academia de Hollywood en la categoría de Efectos Visuales. Industrial Light and Magic produjo efectos visuales CGI fotorealistas, el más notable: una criatura de agua que imita la cara de la protagonista, que figura en una de las escenas mas recordadas de la película. A partir de Abyss el CGI adquiere un papel central en películas como Terminator 2: Judgment Day (1991), cuando el malvado Terminator T-1000 sorprendía a la audiencia por su composición de metal líquido, con transformaciones morfológicas integradas en secuencias de acción durante toda la película. Terminator 2: Judgment Day también le mereció a ILM (Industrial Light and Magic) un Oscar por sus efectos especiales.
• En 1993 Jurassic Park cambiaría radicalmente la percepción de la industria, ya que los dinosaurios parecían tan reales y la película integraba CGI y secuencias reales tan impecáblemente, que revolucionó la industria cinematográfica. Este film marca la transición del Hollywood de la animación de movimientos fotograma a fotograma(Stop-Motion) y efectos ópticos convencionales, a las técnicas digitales.
• En 1994 Se crea en Canadá, la primera serie animada totalmente por computadora llamada Reboot, siendo este el primer trabajo comercial 100% por computadora.
• El CGI 2D comienza cada vez más a aparecer en películas tradicionalmente animadas, complementando a los cuadros (frames) ilustrados a mano. Sus usos se extendieron del movimiento de interpolación digital entre cuadros, a pseudo efectos 3D llamativos como la escena de sala de baile en La Bella y la Bestia de la compañía Walt Disney.
Toy Story y Cassiopeia fueron las primeras películas totalmente generadas por computadora.
• En 1995 y 1996, las primera películas totalmente generadas por computadora, Toy Story de Pixar y Cassiopéia de NDR Filmes. Los estudios de animación digitales adicionales como Blue Sky Studios (Fox) y Pacific Data Images (Dreamworks SKG) entraron en la producción, y las compañías de animación existentes como la Compañía Walt Disney comenzaron a hacer una transición de la animación tradicional al CGI.
• Entre 1995 y 2005 el presupuesto medio de efectos para una película sube considerablemente de 5 a 40 millones de dólares. Según un ejecutivo de uno de los estudios cinematográficos, desde 2005, más de la mitad de películas tienen efectos significativos.
• A principios de los años 2000, las imágenes generadas por computadora dominan el campo de los efectos especiales. La tecnología progresa hasta al punto que fue posible sustituir digitalmente a los actores por actores virtuales, indistinguibles a simple vista de los actores a los que reemplazan. Los extras generados por computadora también se empezaron a utilizar generalizádamente en escenas de multitudes. El objetivo del CGI en películas muestra una lista detallada de pioneros usos de imágenes generadas por computadora en Cine y Televisión.
• El CGI para películas por lo general tiene una resolución de aproximadamente 1.4-6 megapixeles (MPx). Toy Story, por ejemplo, tenia un formato de 1536 * 922 (1.42MPx). El tiempo para generar un cuadro, o frame, es de alrededor de unas 2-3 horas, necesitándose diez veces más tiempo para las escenas más complejas. Este tiempo no ha cambiado mucho durante la pasada década, mientras que la calidad de imagen ha progresado considerablemente. Al mismo tiempo con la mejora del hardware, con máquinas más rápidas, se podido aumentar la complejidad de los graficos. El aumento exponencial de la capacidad de proceso de CPU, así como aumentos masivos en la capacidad de procesamiento paralelo de esta, de almacenaje y velocidad de memoria y tamaño, han aumentado enormemente el potencial y complejidad del CGI.
• Final Fantasy: The Spirits Within (2001) fue la primera tentativa de crear una película realista usando sólo CGI sin actores. El filme estuvo producido por Square Pictures y mostraba gráficos muy detallados de calidad fotográfica realista. La película fue un fracaso en taquilla, lo que llevó finalmente al cierre de Square Pictures tras de haber producido un ultimo filme de estilo visual similar. Final Flight of the Osiris, un cortometraje que sirvió como un prólogo a la película The Matrix Reloaded.
Los últimos avances de la tecnología CGI se muestran cada año en el SIGGRAPH, cita anual sobre gráficos realizados por computadora y técnicas interactivas, que es visitada cada año por decenas de miles de profesionales informáticos.
Los diseñadores de juegos de computadora y tarjetas de vídeo 3d se esfuerzan cada vez mas por conseguir la misma calidad visual para películas CGI y animación, en computadoras personales, en tiempo real, y tanto como lo permite la tecnología. Con el desarrollo de la calidad de interpretación o Render en tiempo real, los artistas comenzaron a usar motores de render para juegos en películas no interactivas. Esta forma de arte es llamada Machinima.
Creación de personajes y objetos en una computadora [editar]
La animación por computadora combina los gráficos de Vector con el movimiento programado. El punto de partida es a menudo una figura de palo en la cual la posición de cada rasgo (miembro, boca etc.) es definida por un Avars (variable de animación del inglés "Animation variable"). El CGI es otro término para la animación por computadora, pero por lo general se refiere a las imágenes 3d de alta definición especialmente en cinematografía.
Hay varios modos de generar los valores de Avar para obtener un movimiento realista. La captura del movimiento ( Captura de movimiento) se realiza mediante pequeñas luces, o marcas metálicas, pegadas en una persona real que actúa y provee del movimiento, y es seguida por una cámara de vídeo. El Avars puede ser puesto a mano usando una palanca de mando(Joystick) u otro control de entrada. La película Toy Story no usa ningún rastreo de movimiento, probablemente porque el control es elaborado un animador experto y puede producir efectos no fácilmente representados por una persona real.
, cuidado y peinado del cabello, manchas en la piel, la humedad del cuerpo, ropa y los movimientos deben de ser creíbles; por eso en la mayoría de estas películas los personajes principales son animales o juguetes.
• Ha habido casos de animaciones excelentes en diversas películas, la anterior comentada Final Fantasy The Spirits Within, el cabello de Violeta en Los Increíbles, la animación de escenarios en Toy Story, el movimiento del cabello de Tifa al viento en Final Fantasy Advent Children, la animación del agua en la Danza del Agua del videojuego Final Fantasy X, y la creación de monstruos en Monstruos, S.A. (Monsters Inc.)
De Wikipedia, la enciclopedia libre
(Redirigido desde Computer Generated Imagery)
Saltar a navegación, búsqueda
Escena realizada en una computadora
Imagen generada por computadora (CGI), es la aplicación del campo de gráficos realizados por computadoras (CG, o más expresamente, gráficos 3d por computadora u ordenador) para la creación, entre muchas otras cosas, de efectos especiales.
El término para el que se emplean las siglas "CGI" corresponde con el término español "Infografía".
El CGI es usado en películas, programas de televisión y publicidad, y en medios impresos. Los videojuegos más a menudo usan los gráficos realizados por computadora en tiempo real (raramente tratado como CGI), pero también pueden incluir "escenas de corte pre-elaborados" e introducciones de películas que serían aplicaciones CGI típicas, llamadas Full motion Video o por sus siglas FMV.
En el cine y la televisión, el CGI se usa a menudo porque es, para ciertas situaciones, más barato que utilizar métodos físicos, como la construcción de miniaturas complicadas para creación de efectos, o alquiler de mucho vestuario para escenas de multitudes de personas, y también porque permite la creación de imágenes que no serían factibles de ningún otro modo. Esto también puede permitir que un artista produzca el contenido sin el uso de actores u otros participantes típicos en estos proyectos.
• Las dos primeras películas en las que se hizo una fuerte inversión en CGI, Tron (1982) y Last Starfighter (1984), fueron fracasos comerciales, lo que llevó a que la mayoría de los directores relegaran el CGI a imágenes que se "suponía" parecer creadas por computadora.
• El primer personaje verdadero en CGI fue creado por Pixar para la película Young Sherlock Holmes en 1985 (sin contar el sencillo personaje poliédrico de Tron que contestaba en binario: sí y no). Este tenía forma de un caballero formado por trozos de una vidriera. Este CGI "fotorealista" (del ingles photorealistic, es decir imagen sintética de aspecto real) no persuadiría a la industria del cine hasta 1989, cuando The Abyss (El abismo) gana el Premio de la Academia de Hollywood en la categoría de Efectos Visuales. Industrial Light and Magic produjo efectos visuales CGI fotorealistas, el más notable: una criatura de agua que imita la cara de la protagonista, que figura en una de las escenas mas recordadas de la película. A partir de Abyss el CGI adquiere un papel central en películas como Terminator 2: Judgment Day (1991), cuando el malvado Terminator T-1000 sorprendía a la audiencia por su composición de metal líquido, con transformaciones morfológicas integradas en secuencias de acción durante toda la película. Terminator 2: Judgment Day también le mereció a ILM (Industrial Light and Magic) un Oscar por sus efectos especiales.
• En 1993 Jurassic Park cambiaría radicalmente la percepción de la industria, ya que los dinosaurios parecían tan reales y la película integraba CGI y secuencias reales tan impecáblemente, que revolucionó la industria cinematográfica. Este film marca la transición del Hollywood de la animación de movimientos fotograma a fotograma(Stop-Motion) y efectos ópticos convencionales, a las técnicas digitales.
• En 1994 Se crea en Canadá, la primera serie animada totalmente por computadora llamada Reboot, siendo este el primer trabajo comercial 100% por computadora.
• El CGI 2D comienza cada vez más a aparecer en películas tradicionalmente animadas, complementando a los cuadros (frames) ilustrados a mano. Sus usos se extendieron del movimiento de interpolación digital entre cuadros, a pseudo efectos 3D llamativos como la escena de sala de baile en La Bella y la Bestia de la compañía Walt Disney.
Toy Story y Cassiopeia fueron las primeras películas totalmente generadas por computadora.
• En 1995 y 1996, las primera películas totalmente generadas por computadora, Toy Story de Pixar y Cassiopéia de NDR Filmes. Los estudios de animación digitales adicionales como Blue Sky Studios (Fox) y Pacific Data Images (Dreamworks SKG) entraron en la producción, y las compañías de animación existentes como la Compañía Walt Disney comenzaron a hacer una transición de la animación tradicional al CGI.
• Entre 1995 y 2005 el presupuesto medio de efectos para una película sube considerablemente de 5 a 40 millones de dólares. Según un ejecutivo de uno de los estudios cinematográficos, desde 2005, más de la mitad de películas tienen efectos significativos.
• A principios de los años 2000, las imágenes generadas por computadora dominan el campo de los efectos especiales. La tecnología progresa hasta al punto que fue posible sustituir digitalmente a los actores por actores virtuales, indistinguibles a simple vista de los actores a los que reemplazan. Los extras generados por computadora también se empezaron a utilizar generalizádamente en escenas de multitudes. El objetivo del CGI en películas muestra una lista detallada de pioneros usos de imágenes generadas por computadora en Cine y Televisión.
• El CGI para películas por lo general tiene una resolución de aproximadamente 1.4-6 megapixeles (MPx). Toy Story, por ejemplo, tenia un formato de 1536 * 922 (1.42MPx). El tiempo para generar un cuadro, o frame, es de alrededor de unas 2-3 horas, necesitándose diez veces más tiempo para las escenas más complejas. Este tiempo no ha cambiado mucho durante la pasada década, mientras que la calidad de imagen ha progresado considerablemente. Al mismo tiempo con la mejora del hardware, con máquinas más rápidas, se podido aumentar la complejidad de los graficos. El aumento exponencial de la capacidad de proceso de CPU, así como aumentos masivos en la capacidad de procesamiento paralelo de esta, de almacenaje y velocidad de memoria y tamaño, han aumentado enormemente el potencial y complejidad del CGI.
• Final Fantasy: The Spirits Within (2001) fue la primera tentativa de crear una película realista usando sólo CGI sin actores. El filme estuvo producido por Square Pictures y mostraba gráficos muy detallados de calidad fotográfica realista. La película fue un fracaso en taquilla, lo que llevó finalmente al cierre de Square Pictures tras de haber producido un ultimo filme de estilo visual similar. Final Flight of the Osiris, un cortometraje que sirvió como un prólogo a la película The Matrix Reloaded.
Los últimos avances de la tecnología CGI se muestran cada año en el SIGGRAPH, cita anual sobre gráficos realizados por computadora y técnicas interactivas, que es visitada cada año por decenas de miles de profesionales informáticos.
Los diseñadores de juegos de computadora y tarjetas de vídeo 3d se esfuerzan cada vez mas por conseguir la misma calidad visual para películas CGI y animación, en computadoras personales, en tiempo real, y tanto como lo permite la tecnología. Con el desarrollo de la calidad de interpretación o Render en tiempo real, los artistas comenzaron a usar motores de render para juegos en películas no interactivas. Esta forma de arte es llamada Machinima.
Creación de personajes y objetos en una computadora [editar]
La animación por computadora combina los gráficos de Vector con el movimiento programado. El punto de partida es a menudo una figura de palo en la cual la posición de cada rasgo (miembro, boca etc.) es definida por un Avars (variable de animación del inglés "Animation variable"). El CGI es otro término para la animación por computadora, pero por lo general se refiere a las imágenes 3d de alta definición especialmente en cinematografía.
Hay varios modos de generar los valores de Avar para obtener un movimiento realista. La captura del movimiento ( Captura de movimiento) se realiza mediante pequeñas luces, o marcas metálicas, pegadas en una persona real que actúa y provee del movimiento, y es seguida por una cámara de vídeo. El Avars puede ser puesto a mano usando una palanca de mando(Joystick) u otro control de entrada. La película Toy Story no usa ningún rastreo de movimiento, probablemente porque el control es elaborado un animador experto y puede producir efectos no fácilmente representados por una persona real.
, cuidado y peinado del cabello, manchas en la piel, la humedad del cuerpo, ropa y los movimientos deben de ser creíbles; por eso en la mayoría de estas películas los personajes principales son animales o juguetes.
• Ha habido casos de animaciones excelentes en diversas películas, la anterior comentada Final Fantasy The Spirits Within, el cabello de Violeta en Los Increíbles, la animación de escenarios en Toy Story, el movimiento del cabello de Tifa al viento en Final Fantasy Advent Children, la animación del agua en la Danza del Agua del videojuego Final Fantasy X, y la creación de monstruos en Monstruos, S.A. (Monsters Inc.)
Implementacion P2P
Implementació d'un ambient Network amb P2P-DHT
González Jiménez, David
Localización: http://hdl.handle.net/2099.1/4748
http://hdl.handle.net/2072/6652
El propósito principal de este proyecto, es desarrollar una aplicación distribuida que simule un Ambient Network, en el que los diferentes elementos realicen procesos de autoconfiguración y autogestión únicamente con su integración a la red.La aplicación deberá, por tanto, mantener actualizado el número de elementos que se encuentra en la red, establecer comunicaciones entre los nodos para mantener la información actualizada y tomar decisiones a través de los resultados ofrecidos por otros elementos en la red.Se ha llevado a cabo un estudio previo acerca de las tecnologías Freepastry y Past, para estudiar la viabilidad de uso en este proyecto. En este estudio, se han realizado pruebas a partir de los tutoriales expuestos por los desarrolladores de ambas propuestas.Una vez finalizado el estudio, ambas tecnologías se han considerado aptas para el desarrollo del proyecto. Estas tecnologías crean un entorno de red virtual distribuido donde cada uno de los participantes puede interactuar directamente, independientemente de su situación.Tras el estudio en profundidad de las dos tecnologías, se ha realizado el diseño de la aplicación deseada, para posteriormente proceder al desarrollo de la misma mediante el lenguaje orientado a objetos Java. Este lenguaje facilita una integración sencilla y rápida de diferentes tecnologías. Finalmente y tras una batería de pruebas para comprobar el correcto funcionamiento, se ha obtenido una aplicación que permite, tal como se comentaba inicialmente, a través de una tecnología P2P, simular un ambiente domótico en el que integrar procesos de configuración y gestión en cada uno de los componentes.
Acceso vía móvil a servicios web publicados en una red Pastry DHT
Homar Ballester, Carlos
Localización: http://hdl.handle.net/2099.1/4702
http://hdl.handle.net/2072/6606
Toda la información disponible para cualquier persona, en cualquier lugar, en cualquier momento y a través de cualquier dispositivo.” Este es el objetivo que persigue la introducción de los dispositivos móviles al mundo de los Servicios Web. El objetivo principal de este proyecto es desarrollar una aplicación que permita a los dispositivos móviles el acceso a Servicios Web publicados en una red Pastry DHT. Por una parte, se estudiaran las tecnologías implicadas en el proyecto como son los Servicios Web, las redes P2P, los dispositivos móviles o el lenguaje de programación Java. Por otra parte, estudiaremos distintas posibilidades de comunicación entre un dispositivo móvil y un Servicio Web. Además, deberemos estudiar cuáles son las limitaciones actuales a la hora de aplicar el paradigma de los Servicios Web a dispositivos móviles. Finalmente se implementará una aplicación que permita a los dispositivos móviles el acceso a Servicios Web de dos formas diferentes: a través de un proxy y directamente.
González Jiménez, David
Localización: http://hdl.handle.net/2099.1/4748
http://hdl.handle.net/2072/6652
El propósito principal de este proyecto, es desarrollar una aplicación distribuida que simule un Ambient Network, en el que los diferentes elementos realicen procesos de autoconfiguración y autogestión únicamente con su integración a la red.La aplicación deberá, por tanto, mantener actualizado el número de elementos que se encuentra en la red, establecer comunicaciones entre los nodos para mantener la información actualizada y tomar decisiones a través de los resultados ofrecidos por otros elementos en la red.Se ha llevado a cabo un estudio previo acerca de las tecnologías Freepastry y Past, para estudiar la viabilidad de uso en este proyecto. En este estudio, se han realizado pruebas a partir de los tutoriales expuestos por los desarrolladores de ambas propuestas.Una vez finalizado el estudio, ambas tecnologías se han considerado aptas para el desarrollo del proyecto. Estas tecnologías crean un entorno de red virtual distribuido donde cada uno de los participantes puede interactuar directamente, independientemente de su situación.Tras el estudio en profundidad de las dos tecnologías, se ha realizado el diseño de la aplicación deseada, para posteriormente proceder al desarrollo de la misma mediante el lenguaje orientado a objetos Java. Este lenguaje facilita una integración sencilla y rápida de diferentes tecnologías. Finalmente y tras una batería de pruebas para comprobar el correcto funcionamiento, se ha obtenido una aplicación que permite, tal como se comentaba inicialmente, a través de una tecnología P2P, simular un ambiente domótico en el que integrar procesos de configuración y gestión en cada uno de los componentes.
Acceso vía móvil a servicios web publicados en una red Pastry DHT
Homar Ballester, Carlos
Localización: http://hdl.handle.net/2099.1/4702
http://hdl.handle.net/2072/6606
Toda la información disponible para cualquier persona, en cualquier lugar, en cualquier momento y a través de cualquier dispositivo.” Este es el objetivo que persigue la introducción de los dispositivos móviles al mundo de los Servicios Web. El objetivo principal de este proyecto es desarrollar una aplicación que permita a los dispositivos móviles el acceso a Servicios Web publicados en una red Pastry DHT. Por una parte, se estudiaran las tecnologías implicadas en el proyecto como son los Servicios Web, las redes P2P, los dispositivos móviles o el lenguaje de programación Java. Por otra parte, estudiaremos distintas posibilidades de comunicación entre un dispositivo móvil y un Servicio Web. Además, deberemos estudiar cuáles son las limitaciones actuales a la hora de aplicar el paradigma de los Servicios Web a dispositivos móviles. Finalmente se implementará una aplicación que permita a los dispositivos móviles el acceso a Servicios Web de dos formas diferentes: a través de un proxy y directamente.
Leguaje HTML
Lenguaje HTML
Desde el surgimiento de internet se han publicado sitios web gracias al lenguaje HTML. Es un lenguaje estático para el desarrollo de sitios web (acrónimo en inglés de HyperText Markup Language, en español Lenguaje de Marcas Hipertextuales). Desarrollado por el World Wide Web Consortium (W3C). Los archivos pueden tener las extensiones (htm, html).
Sintaxis:
(Inicio del documento HTML)
( Cabecera )
( Cuerpo )
Negrita
Apertura de la etiqueta
Cierre de la etiqueta
Ventajas:
• Sencillo que permite describir hipertexto.
• Texto presentado de forma estructurada y agradable.
• No necesita de grandes conocimientos cuando se cuenta con un editor de páginas web o WYSIWYG.
• Archivos pequeños.
• Despliegue rápido.
• Lenguaje de fácil aprendizaje.
• Lo admiten todos los exploradores.
Desventajas:
• Lenguaje estático.
• La interpretación de cada navegador puede ser diferente.
• Guarda muchas etiquetas que pueden convertirse en “basura” y dificultan la corrección.
• El diseño es más lento.
• Las etiquetas son muy limitadas.
Desde el surgimiento de internet se han publicado sitios web gracias al lenguaje HTML. Es un lenguaje estático para el desarrollo de sitios web (acrónimo en inglés de HyperText Markup Language, en español Lenguaje de Marcas Hipertextuales). Desarrollado por el World Wide Web Consortium (W3C). Los archivos pueden tener las extensiones (htm, html).
Sintaxis:
(Inicio del documento HTML)
( Cabecera )
( Cuerpo )
Negrita
Definir parrafo
Ventajas:
• Sencillo que permite describir hipertexto.
• Texto presentado de forma estructurada y agradable.
• No necesita de grandes conocimientos cuando se cuenta con un editor de páginas web o WYSIWYG.
• Archivos pequeños.
• Despliegue rápido.
• Lenguaje de fácil aprendizaje.
• Lo admiten todos los exploradores.
Desventajas:
• Lenguaje estático.
• La interpretación de cada navegador puede ser diferente.
• Guarda muchas etiquetas que pueden convertirse en “basura” y dificultan la corrección.
• El diseño es más lento.
• Las etiquetas son muy limitadas.
4 lenguajes de programacion
ALBERTO AGUILERA CHOUZA
OMAR GAGO VARELA
4 lenguajes de programación:
1. html
1.1. plataformas de compilación: el lenguaje en html puede ser realizado desde un bloc de notas, el fichero ha de guardarse con extensión htm o html. El html se puede ejecutar desde cualquier sistema operativo. Es multiplataforma.
1.2. uso habitual (aplicaciones web,so,base de datos...):
El html es el lenguaje más usado para la creacion de paginas web ya que es reconocido por todas las plataformas y sirve para enlazarlas entre ellas con facilidad.
1.3. ¿qué necesita para ejecutarse? ¿hay compilar?: para ejecutarse tan solo necesita que el ordenador tenga instalado un navegador compatible con html, todos los navegadores son compatibles con dicho lenguaje.
1.4. Tipo de lenguaje (estructurado,orientado objetos,script,embebido...): el html es un lenguaje de marcas al igual que xml o wml.
1.5. Rutina, lineas de código:
2. php
2.1. plataformas de compilación: el lenguaje php se intercala con las paginas en html y se puede realizar desde un bloc de notas. El php se puede ejecutar desde cualquier sistema operativo. Es un lenguaje multiplataforma.
2.2. uso habitual (aplicaciones web,so,base de datos...): PHP puede hacer cualquier cosa que se pueda hacer con un script CGI, como procesar la información de formularios, generar páginas con contenidos dinámicos, o mandar y recibir cookies. Y se puede hacer mucho más.
2.3. ¿qué necesita para ejecutarse? ¿hay compilar?: PHP es un lenguaje que se ejecuta en el servidor y no es necesario que el navegador lo soporte, es independiente del navegador, pero sin embargo para que las páginas PHP funcionen, el servidor donde están alojadas debe soportar PHP.
2.4. Tipo de lenguaje (estructurado,orientado objetos,script,embebido...): El lenguaje PHP es un lenguaje de programación de estilo clásico, es decir, es un lenguaje de programación con variables, sentencias condicionales, bucles, funciones.... No es un lenguaje de marcas como podría ser HTML, XML o WML. Está mas cercano a JavaScript o a C, para aquellos que conocen estos lenguajes.
2.5. Rutina, lineas de código:
echo
"
?>
3. visual java
3.1. plataformas de compilación
Java es un lenguaje de programación multiplataforma, que esto quiere decir que se puede hacer uso de el en diferentes plataformas o sistemas operativos. 3.2. uso habitual (aplicaciones web,so,base de datos...)
Este lenguaje de programación se usa para desarrollar aplicaciones web ,la creación de applets, construccion de interfaces de usuario
3.3. ¿qué necesita para ejecutarse? ¿hay compilar?
Para poder ejecutar un programa echo en este lenguaje de programación, tiene que tener el sistema operativo instalada una maquina virtual java.
3.4. Tipo de lenguaje (estructurado,orientado objetos,script,embebido...)
Es un lenguaje orientado a objetos y a la vez estructurado.
3.5. Rutina, lineas de código
Este lenguaje guarda un gran parecido en sus estructuras con c++, utilizando la misma sintaxis estructural (for, if, while…).
4. visual basic
4.1. plataformas de compilación
Este lenguaje de programación sólo se puede utilizar bajo la plataforma windows.
4.2. uso habitual (aplicaciones web,so,base de datos...)
Se utiliza para la programación orientada a bases de datos, para la creación de un interfaz para el usuario de acorde con los recursos que ofrece windows , para el manejo de eventos, para creas aplicaciones stand–alone…
4.3. ¿qué necesita para ejecutarse? ¿hay compilar?
Es necesaria la compilación para llevar a cabo su ejecución y no necesita ningun otro recurso especial que no sea ejecutarlo bajo una plataforma windows.
4.4. Tipo de lenguaje (estructurado,orientado objetos,script,embebido...)
Es un lenguaje orientado a objetos y a la vez estructurado.
4.5. Rutina, lineas de código
tiene una estructura basada en el lenguaje de programación C++.
If Contando Then
Command1.Caption = "Calcular"
Contando = 0
DoEvents
Exit Sub
End If
Contando = 1
OMAR GAGO VARELA
4 lenguajes de programación:
1. html
1.1. plataformas de compilación: el lenguaje en html puede ser realizado desde un bloc de notas, el fichero ha de guardarse con extensión htm o html. El html se puede ejecutar desde cualquier sistema operativo. Es multiplataforma.
1.2. uso habitual (aplicaciones web,so,base de datos...):
El html es el lenguaje más usado para la creacion de paginas web ya que es reconocido por todas las plataformas y sirve para enlazarlas entre ellas con facilidad.
1.3. ¿qué necesita para ejecutarse? ¿hay compilar?: para ejecutarse tan solo necesita que el ordenador tenga instalado un navegador compatible con html, todos los navegadores son compatibles con dicho lenguaje.
1.4. Tipo de lenguaje (estructurado,orientado objetos,script,embebido...): el html es un lenguaje de marcas al igual que xml o wml.
1.5. Rutina, lineas de código:
hola mundo
2. php
2.1. plataformas de compilación: el lenguaje php se intercala con las paginas en html y se puede realizar desde un bloc de notas. El php se puede ejecutar desde cualquier sistema operativo. Es un lenguaje multiplataforma.
2.2. uso habitual (aplicaciones web,so,base de datos...): PHP puede hacer cualquier cosa que se pueda hacer con un script CGI, como procesar la información de formularios, generar páginas con contenidos dinámicos, o mandar y recibir cookies. Y se puede hacer mucho más.
2.3. ¿qué necesita para ejecutarse? ¿hay compilar?: PHP es un lenguaje que se ejecuta en el servidor y no es necesario que el navegador lo soporte, es independiente del navegador, pero sin embargo para que las páginas PHP funcionen, el servidor donde están alojadas debe soportar PHP.
2.4. Tipo de lenguaje (estructurado,orientado objetos,script,embebido...): El lenguaje PHP es un lenguaje de programación de estilo clásico, es decir, es un lenguaje de programación con variables, sentencias condicionales, bucles, funciones.... No es un lenguaje de marcas como podría ser HTML, XML o WML. Está mas cercano a JavaScript o a C, para aquellos que conocen estos lenguajes.
2.5. Rutina, lineas de código:
echo
"
hola mundo
?>
3. visual java
3.1. plataformas de compilación
Java es un lenguaje de programación multiplataforma, que esto quiere decir que se puede hacer uso de el en diferentes plataformas o sistemas operativos. 3.2. uso habitual (aplicaciones web,so,base de datos...)
Este lenguaje de programación se usa para desarrollar aplicaciones web ,la creación de applets, construccion de interfaces de usuario
3.3. ¿qué necesita para ejecutarse? ¿hay compilar?
Para poder ejecutar un programa echo en este lenguaje de programación, tiene que tener el sistema operativo instalada una maquina virtual java.
3.4. Tipo de lenguaje (estructurado,orientado objetos,script,embebido...)
Es un lenguaje orientado a objetos y a la vez estructurado.
3.5. Rutina, lineas de código
Este lenguaje guarda un gran parecido en sus estructuras con c++, utilizando la misma sintaxis estructural (for, if, while…).
4. visual basic
4.1. plataformas de compilación
Este lenguaje de programación sólo se puede utilizar bajo la plataforma windows.
4.2. uso habitual (aplicaciones web,so,base de datos...)
Se utiliza para la programación orientada a bases de datos, para la creación de un interfaz para el usuario de acorde con los recursos que ofrece windows , para el manejo de eventos, para creas aplicaciones stand–alone…
4.3. ¿qué necesita para ejecutarse? ¿hay compilar?
Es necesaria la compilación para llevar a cabo su ejecución y no necesita ningun otro recurso especial que no sea ejecutarlo bajo una plataforma windows.
4.4. Tipo de lenguaje (estructurado,orientado objetos,script,embebido...)
Es un lenguaje orientado a objetos y a la vez estructurado.
4.5. Rutina, lineas de código
tiene una estructura basada en el lenguaje de programación C++.
If Contando Then
Command1.Caption = "Calcular"
Contando = 0
DoEvents
Exit Sub
End If
Contando = 1
Los diferentes lenguajes de programacion para la web
Los diferentes lenguajes de programación para la web
Publicado el 2 de Noviembre, 2007
Actualmente existen diferentes lenguajes de programación para desarrollar en la web, estos han ido surgiendo debido a las tendencias y necesidades de las plataformas. En el presente artículo pretende mostrar las ventajas y desventajas de los lenguajes más conocidos.
Desde los inicios de Internet, fueron surgiendo diferentes demandas por los usuarios y se dieron soluciones mediante lenguajes estáticos. A medida que paso el tiempo, las tecnologías fueron desarrollándose y surgieron nuevos problemas a dar solución. Esto dio lugar a desarrollar lenguajes de programación para la web dinámicos, que permitieran interactuar con los usuarios y utilizaran sistemas de Bases de Datos. A continuación daremos una introducción a los diferentes lenguajes de programación para la web.
Lenguaje HTML
Desde el surgimiento de internet se han publicado sitios web gracias al lenguaje HTML. Es un lenguaje estático para el desarrollo de sitios web (acrónimo en inglés de HyperText Markup Language, en español Lenguaje de Marcas Hipertextuales). Desarrollado por el World Wide Web Consortium (W3C). Los archivos pueden tener las extensiones (htm, html).
Sintaxis:
(Inicio del documento HTML)
( Cabecera )
( Cuerpo )
Negrita
Apertura de la etiqueta
Cierre de la etiqueta
Ventajas:
• Sencillo que permite describir hipertexto.
• Texto presentado de forma estructurada y agradable.
• No necesita de grandes conocimientos cuando se cuenta con un editor de páginas web o WYSIWYG.
• Archivos pequeños.
• Despliegue rápido.
• Lenguaje de fácil aprendizaje.
• Lo admiten todos los exploradores.
Desventajas:
• Lenguaje estático.
• La interpretación de cada navegador puede ser diferente.
• Guarda muchas etiquetas que pueden convertirse en “basura” y dificultan la corrección.
• El diseño es más lento.
• Las etiquetas son muy limitadas.
Lenguaje Javascript
Este es un lenguaje interpretado, no requiere compilación. Fue creado por Brendan Eich en la empresa Netscape Communications. Utilizado principalmente en páginas web. Es similar a Java, aunque no es un lenguaje orientado a objetos, el mismo no dispone de herencias. La mayoría de los navegadores en sus últimas versiones interpretan código Javascript.
El código Javascript puede ser integrado dentro de nuestras páginas web. Para evitar incompatibilidades el World Wide Web Consortium (W3C) diseño un estándar denominado DOM (en inglés Document Object Model, en su traducción al español Modelo de Objetos del Documento).
Sintaxis:
Ventajas:
• Lenguaje de scripting seguro y fiable.
• Los script tienen capacidades limitadas, por razones de seguridad.
• El código Javascript se ejecuta en el cliente.
Desventajas:
• Código visible por cualquier usuario.
• El código debe descargarse completamente.
• Puede poner en riesgo la seguridad del sitio, con el actual problema llamado XSS (significa en inglés Cross Site Scripting renombrado a XSS por su similitud con las hojas de estilo CSS).
Lenguaje PHP
Es un lenguaje de programación utilizado para la creación de sitio web. PHP es un acrónimo recursivo que significa “PHP Hypertext Pre-processor”, (inicialmente se llamó Personal Home Page). Surgió en 1995, desarrollado por PHP Group.
PHP es un lenguaje de script interpretado en el lado del servidor utilizado para la generación de páginas web dinámicas, embebidas en páginas HTML y ejecutadas en el servidor. PHP no necesita ser compilado para ejecutarse. Para su funcionamiento necesita tener instalado Apache o IIS con las librerías de PHP. La mayor parte de su sintaxis ha sido tomada de C, Java y Perl con algunas características específicas. Los archivos cuentan con la extensión (php).
Sintaxis:
La sintaxis utilizada para incorporar código PHP es la siguiente:
$mensaje = “Hola”;
echo $mensaje;
?>
También puede usarse:
$mensaje = “Hola”;
echo $mensaje;
?>
Ventajas:
• Muy fácil de aprender.
• Se caracteriza por ser un lenguaje muy rápido.
• Soporta en cierta medida la orientación a objeto. Clases y herencia.
• Es un lenguaje multiplataforma: Linux, Windows, entre otros.
• Capacidad de conexión con la mayoría de los manejadores de base de datos: MysSQL, PostgreSQL, Oracle, MS SQL Server, entre otras.
• Capacidad de expandir su potencial utilizando módulos.
• Posee documentación en su página oficial la cual incluye descripción y ejemplos de cada una de sus funciones.
• Es libre, por lo que se presenta como una alternativa de fácil acceso para todos.
• Incluye gran cantidad de funciones.
• No requiere definición de tipos de variables ni manejo detallado del bajo nivel.
Desventajas:
• Se necesita instalar un servidor web.
• Todo el trabajo lo realiza el servidor y no delega al cliente. Por tanto puede ser más ineficiente a medida que las solicitudes aumenten de número.
• La legibilidad del código puede verse afectada al mezclar sentencias HTML y PHP.
• La programación orientada a objetos es aún muy deficiente para aplicaciones grandes.
• Dificulta la modularización.
• Dificulta la organización por capas de la aplicación.
Seguridad:
PHP es un poderoso lenguaje e intérprete, ya sea incluido como parte de un servidor web en forma de módulo o ejecutado como un binario CGI separado, es capaz de acceder a archivos, ejecutar comandos y abrir conexiones de red en el servidor. Estas propiedades hacen que cualquier cosa que sea ejecutada en un servidor web sea insegura por naturaleza.
PHP está diseñado específicamente para ser un lenguaje más seguro para escribir programas CGI que Perl o C, y con la selección correcta de opciones de configuración en tiempos de compilación y ejecución, y siguiendo algunas prácticas correctas de programación.
Lenguaje ASP
Es una tecnología del lado de servidor desarrollada por Microsoft para el desarrollo de sitio web dinámicos. ASP significa en inglés (Active Server Pages), fue liberado por Microsoft en 1996. Las páginas web desarrolladas bajo este lenguaje es necesario tener instalado Internet Information Server (IIS).
ASP no necesita ser compilado para ejecutarse. Existen varios lenguajes que se pueden utilizar para crear páginas ASP. El más utilizado es VBScript, nativo de Microsoft. ASP se puede hacer también en Perl and Jscript (no JavaScript). El código ASP puede ser insertado junto con el código HTML. Los archivos cuentan con la extensión (asp).
Sintaxis:
<% %>
Ventajas:
• Usa Visual Basic Script, siendo fácil para los usuarios.
• Comunicación óptima con SQL Server.
• Soporta el lenguaje JScript (Javascript de Microsoft).
Desventajas:
• Código desorganizado.
• Se necesita escribir mucho código para realizar funciones sencillas.
• Tecnología propietaria.
• Hospedaje de sitios web costosos.
Lenguaje ASP.NET
Este es un lenguaje comercializado por Microsoft, y usado por programadores para desarrollar entre otras funciones, sitios web. ASP.NET es el sucesor de la tecnología ASP, fue lanzada al mercado mediante una estrategia de mercado denominada .NET.
El ASP.NET fue desarrollado para resolver las limitantes que brindaba tu antecesor ASP. Creado para desarrollar web sencillas o grandes aplicaciones. Para el desarrollo de ASP.NET se puede utilizar C#, VB.NET o J#. Los archivos cuentan con la extensión (aspx). Para su funcionamiento de las páginas se necesita tener instalado IIS con el Framework .Net. Microsft Windows 2003 incluye este framework, solo se necesitará instalarlo en versiones anteriores.
Sintaxis:
Ventajas:
• Completamente orientado a objetos.
• Controles de usuario y personalizados.
• División entre la capa de aplicación o diseño y el código.
• Facilita el mantenimiento de grandes aplicaciones.
• Incremento de velocidad de respuesta del servidor.
• Mayor velocidad.
• Mayor seguridad.
Desventajas:
• Mayor consumo de recursos.
Lenguaje JSP
Es un lenguaje para la creación de sitios web dinámicos, acrónimo de Java Server Pages. Está orientado a desarrollar páginas web en Java. JSP es un lenguaje multiplataforma. Creado para ejecutarse del lado del servidor.
JSP fue desarrollado por Sun Microsystems. Comparte ventajas similares a las de ASP.NET, desarrollado para la creación de aplicaciones web potentes. Posee un motor de páginas basado en los servlets de Java. Para su funcionamiento se necesita tener instalado un servidor Tomcat.
Sintaxis:
Características:
• Código separado de la lógica del programa.
• Las páginas son compiladas en la primera petición.
• Permite separar la parte dinámica de la estática en las páginas web.
• Los archivos se encuentran con la extensión (jsp).
• El código JSP puede ser incrustado en código HTML.
Elementos de JSP
Los elementos que pueden ser insertados en las páginas JSP son los siguientes:
• Código: se puede incrustar código “Java”.
• Directivas: permite controlar parámetros del servlet.
• Acciones: permite alterar el flujo normal de ejecución de una página.
Ventajas:
• Ejecución rápida del servlets.
• Crear páginas del lado del servidor.
• Multiplataforma.
• Código bien estructurado.
• Integridad con los módulos de Java.
• La parte dinámica está escrita en Java.
• Permite la utilización se servlets.
Desventajas:
• Complejidad de aprendizaje.
Lenguaje Python
Es un lenguaje de programación creado en el año 1990 por Guido van Rossum, es el sucesor del lenguaje de programación ABC. Python es comparado habitualmente con Perl. Los usuarios lo consideran como un lenguaje más limpio para programar. Permite la creación de todo tipo de programas incluyendo los sitios web.
Su código no necesita ser compilado, por lo que se llama que el código es interpretado. Es un lenguaje de programación multiparadigma, lo cual fuerza a que los programadores adopten por un estilo de programación particular:
• Programación orientada a objetos.
• Programación estructurada.
• Programación funcional.
• Programación orientada a aspectos.
Sintaxis:
Ejemplo de una clase en Phyton:
def dibujar_muneco(opcion):
if opcion == 1:
C.create_line(580, 150, 580, 320, width=4, fill="blue")
C.create_oval(510, 150, 560, 200, width=2, fill='PeachPuff')
Ventajas:
• Libre y fuente abierta.
• Lenguaje de propósito general.
• Gran cantidad de funciones y librerías.
• Sencillo y rápido de programar.
• Multiplataforma.
• Licencia de código abierto (Opensource).
• Orientado a Objetos.
• Portable.
Desventajas:
• Lentitud por ser un lenguaje interpretado.
Lenguaje Ruby
Es un lenguaje interpretado de muy alto nivel y orientado a objetos. Desarrollado en el 1993 por el programador japonés Yukihiro “Matz” Matsumoto. Su sintaxis está inspirada en Phyton, Perl. Es distribuido bajo licencia de software libre (Opensource).
Ruby es un lenguaje dinámico para una programación orientada a objetos rápida y sencilla. Para los que deseen iniciarse en este lenguaje pueden encontrar un tutorial interactivo de ruby. Se encuentra también a disposición de estos usuarios un sitio con informaciones y cursos en español.
Sintaxis:
puts "hola"
Características:
• Existe diferencia entre mayúsculas y minúsculas.
• Múltiples expresiones por líneas, separadas por punto y coma “;”.
• Dispone de manejo de excepciones.
• Ruby puede cargar librerías de extensiones dinámicamente si el (Sistema Operativo) lo permite.
• Portátil.
Ventajas:
• Permite desarrollar soluciones a bajo Costo.
• Software libre.
• Multiplataforma.
Los invitamos a conocer nuestras categorías sobre: Ajax, ASP, Bases de Datos, CSS, Javascript, Perl/CGI, PHP, RubyonRails, XHTML y XML para aprender más sobre los diferentes lenguajes de programación para la web.
Publicado el 2 de Noviembre, 2007
Actualmente existen diferentes lenguajes de programación para desarrollar en la web, estos han ido surgiendo debido a las tendencias y necesidades de las plataformas. En el presente artículo pretende mostrar las ventajas y desventajas de los lenguajes más conocidos.
Desde los inicios de Internet, fueron surgiendo diferentes demandas por los usuarios y se dieron soluciones mediante lenguajes estáticos. A medida que paso el tiempo, las tecnologías fueron desarrollándose y surgieron nuevos problemas a dar solución. Esto dio lugar a desarrollar lenguajes de programación para la web dinámicos, que permitieran interactuar con los usuarios y utilizaran sistemas de Bases de Datos. A continuación daremos una introducción a los diferentes lenguajes de programación para la web.
Lenguaje HTML
Desde el surgimiento de internet se han publicado sitios web gracias al lenguaje HTML. Es un lenguaje estático para el desarrollo de sitios web (acrónimo en inglés de HyperText Markup Language, en español Lenguaje de Marcas Hipertextuales). Desarrollado por el World Wide Web Consortium (W3C). Los archivos pueden tener las extensiones (htm, html).
Sintaxis:
(Inicio del documento HTML)
( Cabecera )
( Cuerpo )
Negrita
Definir parrafo
Ventajas:
• Sencillo que permite describir hipertexto.
• Texto presentado de forma estructurada y agradable.
• No necesita de grandes conocimientos cuando se cuenta con un editor de páginas web o WYSIWYG.
• Archivos pequeños.
• Despliegue rápido.
• Lenguaje de fácil aprendizaje.
• Lo admiten todos los exploradores.
Desventajas:
• Lenguaje estático.
• La interpretación de cada navegador puede ser diferente.
• Guarda muchas etiquetas que pueden convertirse en “basura” y dificultan la corrección.
• El diseño es más lento.
• Las etiquetas son muy limitadas.
Lenguaje Javascript
Este es un lenguaje interpretado, no requiere compilación. Fue creado por Brendan Eich en la empresa Netscape Communications. Utilizado principalmente en páginas web. Es similar a Java, aunque no es un lenguaje orientado a objetos, el mismo no dispone de herencias. La mayoría de los navegadores en sus últimas versiones interpretan código Javascript.
El código Javascript puede ser integrado dentro de nuestras páginas web. Para evitar incompatibilidades el World Wide Web Consortium (W3C) diseño un estándar denominado DOM (en inglés Document Object Model, en su traducción al español Modelo de Objetos del Documento).
Sintaxis:
Ventajas:
• Lenguaje de scripting seguro y fiable.
• Los script tienen capacidades limitadas, por razones de seguridad.
• El código Javascript se ejecuta en el cliente.
Desventajas:
• Código visible por cualquier usuario.
• El código debe descargarse completamente.
• Puede poner en riesgo la seguridad del sitio, con el actual problema llamado XSS (significa en inglés Cross Site Scripting renombrado a XSS por su similitud con las hojas de estilo CSS).
Lenguaje PHP
Es un lenguaje de programación utilizado para la creación de sitio web. PHP es un acrónimo recursivo que significa “PHP Hypertext Pre-processor”, (inicialmente se llamó Personal Home Page). Surgió en 1995, desarrollado por PHP Group.
PHP es un lenguaje de script interpretado en el lado del servidor utilizado para la generación de páginas web dinámicas, embebidas en páginas HTML y ejecutadas en el servidor. PHP no necesita ser compilado para ejecutarse. Para su funcionamiento necesita tener instalado Apache o IIS con las librerías de PHP. La mayor parte de su sintaxis ha sido tomada de C, Java y Perl con algunas características específicas. Los archivos cuentan con la extensión (php).
Sintaxis:
La sintaxis utilizada para incorporar código PHP es la siguiente:
$mensaje = “Hola”;
echo $mensaje;
?>
También puede usarse:
$mensaje = “Hola”;
echo $mensaje;
?>
Ventajas:
• Muy fácil de aprender.
• Se caracteriza por ser un lenguaje muy rápido.
• Soporta en cierta medida la orientación a objeto. Clases y herencia.
• Es un lenguaje multiplataforma: Linux, Windows, entre otros.
• Capacidad de conexión con la mayoría de los manejadores de base de datos: MysSQL, PostgreSQL, Oracle, MS SQL Server, entre otras.
• Capacidad de expandir su potencial utilizando módulos.
• Posee documentación en su página oficial la cual incluye descripción y ejemplos de cada una de sus funciones.
• Es libre, por lo que se presenta como una alternativa de fácil acceso para todos.
• Incluye gran cantidad de funciones.
• No requiere definición de tipos de variables ni manejo detallado del bajo nivel.
Desventajas:
• Se necesita instalar un servidor web.
• Todo el trabajo lo realiza el servidor y no delega al cliente. Por tanto puede ser más ineficiente a medida que las solicitudes aumenten de número.
• La legibilidad del código puede verse afectada al mezclar sentencias HTML y PHP.
• La programación orientada a objetos es aún muy deficiente para aplicaciones grandes.
• Dificulta la modularización.
• Dificulta la organización por capas de la aplicación.
Seguridad:
PHP es un poderoso lenguaje e intérprete, ya sea incluido como parte de un servidor web en forma de módulo o ejecutado como un binario CGI separado, es capaz de acceder a archivos, ejecutar comandos y abrir conexiones de red en el servidor. Estas propiedades hacen que cualquier cosa que sea ejecutada en un servidor web sea insegura por naturaleza.
PHP está diseñado específicamente para ser un lenguaje más seguro para escribir programas CGI que Perl o C, y con la selección correcta de opciones de configuración en tiempos de compilación y ejecución, y siguiendo algunas prácticas correctas de programación.
Lenguaje ASP
Es una tecnología del lado de servidor desarrollada por Microsoft para el desarrollo de sitio web dinámicos. ASP significa en inglés (Active Server Pages), fue liberado por Microsoft en 1996. Las páginas web desarrolladas bajo este lenguaje es necesario tener instalado Internet Information Server (IIS).
ASP no necesita ser compilado para ejecutarse. Existen varios lenguajes que se pueden utilizar para crear páginas ASP. El más utilizado es VBScript, nativo de Microsoft. ASP se puede hacer también en Perl and Jscript (no JavaScript). El código ASP puede ser insertado junto con el código HTML. Los archivos cuentan con la extensión (asp).
Sintaxis:
<% %>
Ventajas:
• Usa Visual Basic Script, siendo fácil para los usuarios.
• Comunicación óptima con SQL Server.
• Soporta el lenguaje JScript (Javascript de Microsoft).
Desventajas:
• Código desorganizado.
• Se necesita escribir mucho código para realizar funciones sencillas.
• Tecnología propietaria.
• Hospedaje de sitios web costosos.
Lenguaje ASP.NET
Este es un lenguaje comercializado por Microsoft, y usado por programadores para desarrollar entre otras funciones, sitios web. ASP.NET es el sucesor de la tecnología ASP, fue lanzada al mercado mediante una estrategia de mercado denominada .NET.
El ASP.NET fue desarrollado para resolver las limitantes que brindaba tu antecesor ASP. Creado para desarrollar web sencillas o grandes aplicaciones. Para el desarrollo de ASP.NET se puede utilizar C#, VB.NET o J#. Los archivos cuentan con la extensión (aspx). Para su funcionamiento de las páginas se necesita tener instalado IIS con el Framework .Net. Microsft Windows 2003 incluye este framework, solo se necesitará instalarlo en versiones anteriores.
Sintaxis:
Ventajas:
• Completamente orientado a objetos.
• Controles de usuario y personalizados.
• División entre la capa de aplicación o diseño y el código.
• Facilita el mantenimiento de grandes aplicaciones.
• Incremento de velocidad de respuesta del servidor.
• Mayor velocidad.
• Mayor seguridad.
Desventajas:
• Mayor consumo de recursos.
Lenguaje JSP
Es un lenguaje para la creación de sitios web dinámicos, acrónimo de Java Server Pages. Está orientado a desarrollar páginas web en Java. JSP es un lenguaje multiplataforma. Creado para ejecutarse del lado del servidor.
JSP fue desarrollado por Sun Microsystems. Comparte ventajas similares a las de ASP.NET, desarrollado para la creación de aplicaciones web potentes. Posee un motor de páginas basado en los servlets de Java. Para su funcionamiento se necesita tener instalado un servidor Tomcat.
Sintaxis:
Características:
• Código separado de la lógica del programa.
• Las páginas son compiladas en la primera petición.
• Permite separar la parte dinámica de la estática en las páginas web.
• Los archivos se encuentran con la extensión (jsp).
• El código JSP puede ser incrustado en código HTML.
Elementos de JSP
Los elementos que pueden ser insertados en las páginas JSP son los siguientes:
• Código: se puede incrustar código “Java”.
• Directivas: permite controlar parámetros del servlet.
• Acciones: permite alterar el flujo normal de ejecución de una página.
Ventajas:
• Ejecución rápida del servlets.
• Crear páginas del lado del servidor.
• Multiplataforma.
• Código bien estructurado.
• Integridad con los módulos de Java.
• La parte dinámica está escrita en Java.
• Permite la utilización se servlets.
Desventajas:
• Complejidad de aprendizaje.
Lenguaje Python
Es un lenguaje de programación creado en el año 1990 por Guido van Rossum, es el sucesor del lenguaje de programación ABC. Python es comparado habitualmente con Perl. Los usuarios lo consideran como un lenguaje más limpio para programar. Permite la creación de todo tipo de programas incluyendo los sitios web.
Su código no necesita ser compilado, por lo que se llama que el código es interpretado. Es un lenguaje de programación multiparadigma, lo cual fuerza a que los programadores adopten por un estilo de programación particular:
• Programación orientada a objetos.
• Programación estructurada.
• Programación funcional.
• Programación orientada a aspectos.
Sintaxis:
Ejemplo de una clase en Phyton:
def dibujar_muneco(opcion):
if opcion == 1:
C.create_line(580, 150, 580, 320, width=4, fill="blue")
C.create_oval(510, 150, 560, 200, width=2, fill='PeachPuff')
Ventajas:
• Libre y fuente abierta.
• Lenguaje de propósito general.
• Gran cantidad de funciones y librerías.
• Sencillo y rápido de programar.
• Multiplataforma.
• Licencia de código abierto (Opensource).
• Orientado a Objetos.
• Portable.
Desventajas:
• Lentitud por ser un lenguaje interpretado.
Lenguaje Ruby
Es un lenguaje interpretado de muy alto nivel y orientado a objetos. Desarrollado en el 1993 por el programador japonés Yukihiro “Matz” Matsumoto. Su sintaxis está inspirada en Phyton, Perl. Es distribuido bajo licencia de software libre (Opensource).
Ruby es un lenguaje dinámico para una programación orientada a objetos rápida y sencilla. Para los que deseen iniciarse en este lenguaje pueden encontrar un tutorial interactivo de ruby. Se encuentra también a disposición de estos usuarios un sitio con informaciones y cursos en español.
Sintaxis:
puts "hola"
Características:
• Existe diferencia entre mayúsculas y minúsculas.
• Múltiples expresiones por líneas, separadas por punto y coma “;”.
• Dispone de manejo de excepciones.
• Ruby puede cargar librerías de extensiones dinámicamente si el (Sistema Operativo) lo permite.
• Portátil.
Ventajas:
• Permite desarrollar soluciones a bajo Costo.
• Software libre.
• Multiplataforma.
Los invitamos a conocer nuestras categorías sobre: Ajax, ASP, Bases de Datos, CSS, Javascript, Perl/CGI, PHP, RubyonRails, XHTML y XML para aprender más sobre los diferentes lenguajes de programación para la web.
Lenguajes Orientados a la web
Resumen Ejecutivo
Tema
Lenguaje orientado al Web
Diferentes Lenguajes Programación
Actualmente existen diferentes lenguajes de programación para desarrollar en la web, estos han ido surgiendo debido a las tendencias y necesidades de las plataformas. En el presente artículo pretende mostrar las ventajas y desventajas de los lenguajes más conocidos. Desde los inicios de Internet, fueron surgiendo diferentes demandas por los usuarios y se dieron soluciones mediante lenguajes estáticos. A medida que paso el tiempo, las tecnologías fueron desarrollándose y surgieron nuevos problemas a dar solución. Esto dio lugar a desarrollar lenguajes de programación para la web dinámicos, que permitieran interactuar con los usuarios y utilizaran sistemas de Bases de Datos. A continuación daremos una introducción a los diferentes lenguajes de programación para la web.
HaXe: es un lenguaje de alto nivel que permite conocer un único lenguaje para desarrollar páginas web. Es una capa más de abstracción, estamos por tanto hablando de un meta-lenguaje que posibilita: Crear archivos Flash SWF, Generar archivos Javascript y por tanto aplicaciones AJAX, Generar Bytecode que se puede ejecutar en un servidor Apache mediante plugin o empaquetarlo como un ejecutable. La clave de haXe está en que aporta un lenguaje común basado en ECMAScript muy conocido y extendido, una librería básica, así como una API para cada una de las plataformas mencionadas; si bien es cierto que para usarlas hay que conocerlas ahora sólo es necesario saber un lenguaje. Además, también permite de manera sencilla interoperar entre estas plataformas usando las librerías de protocolo común que incorpora.
Lenguajes web de cliente:
Javascript : es un lenguaje de programación utilizado para crear pequeños programitas encargados de realizar acciones dentro del ámbito de una página web. Se trata de un lenguaje de programación del lado del cliente, porque es el navegador el que soporta la carga de procesamiento. Gracias a su compatibilidad con la mayoría de los navegadores modernos, es el lenguaje de programación del lado del cliente más utilizado.
DHTML : no es precisamente un lenguaje de programación. Más bien se trata de una nueva capacidad de la que disponen los navegadores modernos, por la cual se puede tener un mayor control sobre la página que antes. DHTML nos da más control sobre la página, gracias a que los navegadores modernos incluyen una nueva estructura para visualizar en páginas web denominada capa. Las capas se pueden ocultar, mostrar, desplazar, etc.
CSS : CSS, es una tecnología que nos permite crear páginas web de una manera más exacta. Gracias a las CSS somos mucho más dueños de los resultados finales de la página, pudiendo hacer muchas cosas que no se podía hacer utilizando solamente HTML, como incluir márgenes, tipos de letra, fondos, colores... CSS son las siglas de Cascading Style Sheets, en español Hojas de estilo en Cascada. En este reportaje vamos a ver algunos de los efectos que se pueden crear con las CSS sin necesidad de conocer la tecnología entera.
Lenguajes web de servidor:
CGI: Common Gateway Interface : Es el sistema más antiguo que existe para la programación de las páginas dinámicas de servidor. Actualmente se encuentra un poco desfasado por diversas razones entre las que destaca la dificultad con la que se desarrollan los programas y la pesada carga que supone para el servidor que los ejecuta.
Los CGI se escriben habitualmente en el lenguaje Perl, sin embargo, otros lenguajes como C, C++ o Visual Basic pueden ser también empleados para construirlos.
El funcionamiento básico de un programa CGI es parecido al apuntado para el conjunto de la páginas dinámicas del servidor, con algunas particularidades.
ASP: Active Server Pages : ASP (Active Server Pages) es la tecnología desarrollada por Microsoft para la creación de páginas dinámicas del servidor. ASP se escribe en la misma página web, utilizando el lenguaje Visual Basic Script o Jscript (Javascript de Microsoft). Un lenguaje del lado del servidor es aquel que se ejecuta en el servidor web, justo antes de que se envíe la página a través de Internet al cliente. Las páginas que se ejecutan en el servidor pueden realizar accesos a bases de datos, conexiones en red, y otras tareas para crear la página final que verá el cliente. El cliente solamente recibe una página con el código HTML resultante de la ejecución de la página ASP. Como la página resultante contiene únicamente código HTML, es compatible con todos los navegadores. Podemos saber algo más sobre la programación del servidor y del cliente en el artículo qué es DHTML.
PHP: Hypertext Preprocesor es el acrónimo de Hipertext Preprocesor. Es un lenguaje de programación del lado del servidor gratuito e independiente de plataforma, rápido, con una gran librería de funciones y mucha documentación. Un lenguaje del lado del servidor es aquel que se ejecuta en el servidor web, justo antes de que se envíe la página a través de Internet al cliente. Las páginas que se ejecutan en el servidor pueden realizar accesos a bases de datos, conexiones en red, y otras tareas para crear la página final que verá el cliente. El cliente solamente recibe una página con el código HTML resultante de la ejecución de la PHP. Como la página resultante contiene únicamente código HTML, es compatible con todos los navegadores. Podemos saber algo más sobre la programación del servidor y del cliente en el artículo qué es DHTML.
JSP: Java Server Pages es un acrónimo de Java Server Pages, que en castellano vendría a decir algo como Páginas de Servidor Java. Es, pues, una tecnología orientada a crear páginas web con programación en Java. Con JSP podemos crear aplicaciones web que se ejecuten en variados servidores web, de múltiples plataformas, ya que Java es en esencia un lenguaje multiplataforma. Las páginas JSP están compuestas de código HTML/XML mezclado con etiquetas especiales para programar scripts de servidor en sintaxis Java. Por tanto, las JSP podremos escribirlas con nuestro editor HTML/XML habitual.
HTML: Desde el surgimiento de internet se han publicado sitios web gracias al lenguaje HTML. Es un lenguaje estático para el desarrollo de sitios web (acrónimo en inglés de HyperText Markup Language, en español Lenguaje de Marcas Hipertextuales). Desarrollado por el World Wide Web Consortium (W3C). Los archivos pueden tener las extensiones (htm, html).
DHT:
Las Tablas de Hash Distribuido (Distributed Hash Tables, DHT) son una clase de sistemas distribuidos descentralizados que reparten la propiedad de un conjunto de claves (keys) entre los nodos que participan en una red, y son capaces de encaminar eficientemente mensajes al dueño de una clave determinada. Cada nodo es análogo a una celda de una tabla hash. Los DHT se diseñan normalmente para tratar un gran número de nodos y procesar entradas y salidas de nodos continuas. Esta infraestructura se puede utilizar para construir servicios más complejos, como sistemas de ficheros distribuidos, sistemas de compartición de archivos P2P, almacenamiento cooperativo en Web, multidifusión, anycast y servicios DNS.
Línea Cronológica
LANSAMIENTO
ULTIMA
VERCION
LANSAMIENTO
ULTIMA
VERCION
Tema
Lenguaje orientado al Web
Diferentes Lenguajes Programación
Actualmente existen diferentes lenguajes de programación para desarrollar en la web, estos han ido surgiendo debido a las tendencias y necesidades de las plataformas. En el presente artículo pretende mostrar las ventajas y desventajas de los lenguajes más conocidos. Desde los inicios de Internet, fueron surgiendo diferentes demandas por los usuarios y se dieron soluciones mediante lenguajes estáticos. A medida que paso el tiempo, las tecnologías fueron desarrollándose y surgieron nuevos problemas a dar solución. Esto dio lugar a desarrollar lenguajes de programación para la web dinámicos, que permitieran interactuar con los usuarios y utilizaran sistemas de Bases de Datos. A continuación daremos una introducción a los diferentes lenguajes de programación para la web.
HaXe: es un lenguaje de alto nivel que permite conocer un único lenguaje para desarrollar páginas web. Es una capa más de abstracción, estamos por tanto hablando de un meta-lenguaje que posibilita: Crear archivos Flash SWF, Generar archivos Javascript y por tanto aplicaciones AJAX, Generar Bytecode que se puede ejecutar en un servidor Apache mediante plugin o empaquetarlo como un ejecutable. La clave de haXe está en que aporta un lenguaje común basado en ECMAScript muy conocido y extendido, una librería básica, así como una API para cada una de las plataformas mencionadas; si bien es cierto que para usarlas hay que conocerlas ahora sólo es necesario saber un lenguaje. Además, también permite de manera sencilla interoperar entre estas plataformas usando las librerías de protocolo común que incorpora.
Lenguajes web de cliente:
Javascript : es un lenguaje de programación utilizado para crear pequeños programitas encargados de realizar acciones dentro del ámbito de una página web. Se trata de un lenguaje de programación del lado del cliente, porque es el navegador el que soporta la carga de procesamiento. Gracias a su compatibilidad con la mayoría de los navegadores modernos, es el lenguaje de programación del lado del cliente más utilizado.
DHTML : no es precisamente un lenguaje de programación. Más bien se trata de una nueva capacidad de la que disponen los navegadores modernos, por la cual se puede tener un mayor control sobre la página que antes. DHTML nos da más control sobre la página, gracias a que los navegadores modernos incluyen una nueva estructura para visualizar en páginas web denominada capa. Las capas se pueden ocultar, mostrar, desplazar, etc.
CSS : CSS, es una tecnología que nos permite crear páginas web de una manera más exacta. Gracias a las CSS somos mucho más dueños de los resultados finales de la página, pudiendo hacer muchas cosas que no se podía hacer utilizando solamente HTML, como incluir márgenes, tipos de letra, fondos, colores... CSS son las siglas de Cascading Style Sheets, en español Hojas de estilo en Cascada. En este reportaje vamos a ver algunos de los efectos que se pueden crear con las CSS sin necesidad de conocer la tecnología entera.
Lenguajes web de servidor:
CGI: Common Gateway Interface : Es el sistema más antiguo que existe para la programación de las páginas dinámicas de servidor. Actualmente se encuentra un poco desfasado por diversas razones entre las que destaca la dificultad con la que se desarrollan los programas y la pesada carga que supone para el servidor que los ejecuta.
Los CGI se escriben habitualmente en el lenguaje Perl, sin embargo, otros lenguajes como C, C++ o Visual Basic pueden ser también empleados para construirlos.
El funcionamiento básico de un programa CGI es parecido al apuntado para el conjunto de la páginas dinámicas del servidor, con algunas particularidades.
ASP: Active Server Pages : ASP (Active Server Pages) es la tecnología desarrollada por Microsoft para la creación de páginas dinámicas del servidor. ASP se escribe en la misma página web, utilizando el lenguaje Visual Basic Script o Jscript (Javascript de Microsoft). Un lenguaje del lado del servidor es aquel que se ejecuta en el servidor web, justo antes de que se envíe la página a través de Internet al cliente. Las páginas que se ejecutan en el servidor pueden realizar accesos a bases de datos, conexiones en red, y otras tareas para crear la página final que verá el cliente. El cliente solamente recibe una página con el código HTML resultante de la ejecución de la página ASP. Como la página resultante contiene únicamente código HTML, es compatible con todos los navegadores. Podemos saber algo más sobre la programación del servidor y del cliente en el artículo qué es DHTML.
PHP: Hypertext Preprocesor es el acrónimo de Hipertext Preprocesor. Es un lenguaje de programación del lado del servidor gratuito e independiente de plataforma, rápido, con una gran librería de funciones y mucha documentación. Un lenguaje del lado del servidor es aquel que se ejecuta en el servidor web, justo antes de que se envíe la página a través de Internet al cliente. Las páginas que se ejecutan en el servidor pueden realizar accesos a bases de datos, conexiones en red, y otras tareas para crear la página final que verá el cliente. El cliente solamente recibe una página con el código HTML resultante de la ejecución de la PHP. Como la página resultante contiene únicamente código HTML, es compatible con todos los navegadores. Podemos saber algo más sobre la programación del servidor y del cliente en el artículo qué es DHTML.
JSP: Java Server Pages es un acrónimo de Java Server Pages, que en castellano vendría a decir algo como Páginas de Servidor Java. Es, pues, una tecnología orientada a crear páginas web con programación en Java. Con JSP podemos crear aplicaciones web que se ejecuten en variados servidores web, de múltiples plataformas, ya que Java es en esencia un lenguaje multiplataforma. Las páginas JSP están compuestas de código HTML/XML mezclado con etiquetas especiales para programar scripts de servidor en sintaxis Java. Por tanto, las JSP podremos escribirlas con nuestro editor HTML/XML habitual.
HTML: Desde el surgimiento de internet se han publicado sitios web gracias al lenguaje HTML. Es un lenguaje estático para el desarrollo de sitios web (acrónimo en inglés de HyperText Markup Language, en español Lenguaje de Marcas Hipertextuales). Desarrollado por el World Wide Web Consortium (W3C). Los archivos pueden tener las extensiones (htm, html).
DHT:
Las Tablas de Hash Distribuido (Distributed Hash Tables, DHT) son una clase de sistemas distribuidos descentralizados que reparten la propiedad de un conjunto de claves (keys) entre los nodos que participan en una red, y son capaces de encaminar eficientemente mensajes al dueño de una clave determinada. Cada nodo es análogo a una celda de una tabla hash. Los DHT se diseñan normalmente para tratar un gran número de nodos y procesar entradas y salidas de nodos continuas. Esta infraestructura se puede utilizar para construir servicios más complejos, como sistemas de ficheros distribuidos, sistemas de compartición de archivos P2P, almacenamiento cooperativo en Web, multidifusión, anycast y servicios DNS.
Línea Cronológica
LANSAMIENTO
ULTIMA
VERCION
LANSAMIENTO
ULTIMA
VERCION
Lenguajes de Programacion
Lenguaje de programaciónpara paginas webHTML
Enviado por pfravioli
Indice1. Introducción2. Que es el HTML3. Orígenes del HTML4. Creación de páginas web con lenguaje HTML5. Etiquetas de párrafo6. Como insertar una imagen7. Conclusión8. Bibliografía
1. Introducción
El HTML no es más que una aplicación del SGML (Standard Generalized Markup Language), un sistema para definir tipos de documentos estructurados y lenguajes de marcas para representar esos mismos documentos. El término HTML se suele referir a ambas cosas, tanto al tipo de documento como al lenguaje de marcas.A medida que nos afianzamos en el manejo de Internet cada uno de nosotros pasa por tres etapas diferentes: Al principio solamente conocemos unas pocas páginas, luego nos damos cuenta que existen buscadores lo cual lo hace más interesante y por último nos damos cuenta que en Internet no solamente se puede ver la informaciónsino que también se puede publicar. ¿y qué otra manera más fácil y más sencilla? Si Internet tiene acceso a todos los rincones del mundo. Para que varias personas se comuniquen es necesarios que éstas hablen un mismo idioma. El lenguaje que utilizan las computadoras que están conectadas a Internet es HTML. A través de esta monografía explicaremos que es HTML, sus orígenes y el proceso de creación de una página web.
2. Que es el HTMLEl HTML, Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la www (World Wide Web). Fue creado en 1986 por el físico nuclear Tim Berners-Lee; el cual tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido también como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estándar de Marcación General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse. HTML no es propiamente un lenguaje de programación como C++, Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningún compilador, por lo tanto algún error de sintaxis que se presente éste no lo detectará y se visualizara en la forma como éste lo entienda.El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el que ofrece MS Office (Word). El conjunto de etiquetas que se creen, se deben guardar con la extensión .htm o .htmlEstos documentos pueden ser mostrados por los visores o "browsers" de paginas Web en Internet, como Netscape Navigator, Mosaic, Opera y Microsoft Internet Explorer.También existe el HTML Dinámico (DHTML), que es una mejora de Microsoft de la versión 4.0 de HTML que le permite crear efectos especiales como, por ejemplo, texto que vuela desde la página palabra por palabra o efectos de transición al estilo de anuncio publicitario giratorio entre página y página.A continuación vamos a hablar un poco de historia:
3. Orígenes del HTML1986. Publicación de la ISO 8879 que presenta el Standard General Markup Language, origen del HTML. 1989. Tim Berners-Lee, a la sazón en el Centro Europeo de Investigaciones Nucleares presenta su artículo Information Management: A Proposal dedicándose de lleno al desarrollo de un sistema que permitiera el acceso en línea de manera uniforme a la información disponible en muchos recursos distintos, y que pudiese funcionar en máquinas que conectadas por redes basadas en TCP/IP.1990-1991. Tim Berners-Lee define el HTML como un subconjunto de SGML (Standard Generalized Markup Language), que más tarde se llamará nivel 0; soporta encabezados, listas y anclas. Se crea el nombre World Wide Web. 1991. Tim Berners-Lee introduce el primer visor de HTML, LineMode, que trabaja en modo texto y sólo en plataformas UNIX. El Centro Europeo de Investigaciones Nucleares realiza la apertura del primer sitio con acceso público de World Wide Web el 17 de mayo (http://info.cern.ch). 1992. Dan Connolly produce la primera Definición de Tipo de Documento (DTD) para el lenguaje, llamada HTML 1.0, agregando a la definición original atributos para modificar el estilo físico del texto. Se distribuye Viola, primer visor gráfico de Web y disponible sólo para X.11.1993. Un nuevo visor que soporta un mayor nivel, Lynx, es producido por la Universidad de Kansas, si bien lee sólo texto. Aparece Mosaic, desarrollado por el Centro Nacional para Aplicaciones de Supercomputadoras, es el primer visor de Web en entorno gráfico que se hace disponible para computadoras personales, lo que lo hace inmediatamente popular. A fines de año, comienzan a aparecer los primeros artículos sobre WWW en diarios y revistas de circulación masiva. Tim Berners-Lee utiliza el trabajo del año anterior de Connolly para presentar el borrador de la primera norma (RFC -Recommendation for Comments) de HTML para Internet.1994. La Universidad Técnica de Graz desarrolla un servidor y clientes con mayores prestaciones para HTML, Hyper-G, que no tiene gran éxito. Cello, primer visor de HTML que no requiere TCP/IP presentado por la Escuela de Leyes de la Universidad de Cornell. Dan Connolly y Karen Olson Muldrow redefinen el HTML para el nivel 2.0, que ahora soporta formularios. Un grupo de programadores que desarrollaran el Mosaic producen un nuevo visor de World Wide Web, Netscape (también conocido como Mozilla), que tiene una amplia aceptación entre los usuarios, pero que soporta elementos de programación que equivalen a una degeneración del HTML (tamaños de letra, fondos). Se define un equivalente para los modelos en tres dimensiones del HTML, el VRML (Virtual Reality Modeling Language), que permite moverse dentro de los ambientes definidos. En este mismo año se realizan la Primera y Segunda conferencias internacionales de WWW, en Ginebra y Chicago, respectivamente. Se crea la W3 Organization.1995. Dave S. Raggett (Hewlett-Packard, Inglaterra) comienza a compilar la normativa del nuevo nivel del lenguaje, el HTML 3.0, cuya principal novedad es el soporte de tablas. Microsoft produce su primer visor de Internet, el cual también utiliza elementos de HTML degenerados. Una nueva versión de Netscape, Navigator 2.0, agrega soporte de encuadres. Sun Microsystems produce el primer visor de World Wide Web con soporte de un lenguaje de programación, HotJava. Se celebran la Tercera y Cuarta conferencias internacionales de WWW, en Boston y Darmstadt respectivamente, y la conferencia de WWW para Asia y el Pacífico en Wagga-Wagga.1996. Netscape Communications y Microsoft presentan las nuevas versiones de sus visores que soportan gran parte del nivel de HTML 3.0. Aparecen visores no comerciales que implementan la norma completa de HTML 3.0. Se formaliza un nuevo nivel para la modelación en tres dimensiones, VRML 3.0, que permite interactuar con los objetos definidos. Se celebra la Quinta conferencia internacional de WWW en Rocquencourt.1997. D. Raggett presenta, en enero, la versión normalizada del 3.2. En julio, aparece la versión 4.0, experimental.1998. HTML 4.0.
4. Creación de páginas web con lenguaje HTML
Para crear una página web se pueden utilizar varios programas especializados en esto, como por ejemplo, el Microsoft Front Page o el Macromedia Dreamweaver 3. Otra forma de diseñar un archivo .html, es copiar todo en el Bloc de Notas del Windows, ya que este sencillo programa cumple con un requisito mínimo que es la posibilidad de trabajar con las etiquetas con las que trabaja este lenguaje.A continuación les mostraremos las etiquetas mas comunes que deben aprenderse para hacer una pagina Web.
Estructura de los documentos de HTMLSi se tiene en cuenta el contenido del documento, todos los documentos de HTML bien escritos comparten una estructura en común. Un documento de HTML empieza con la etiqueta , que es la que encerrará el documento actual. Contiene dos secciones primordiales: la cabecera y el cuerpo encerradas respectivamente por los elementos cabeza y cuerpo. La cabecera puede contener información y siempre contiene el titulo del documento encerrado por el elemento
Esta es mi primera pagina, aunque todavía es muy sencilla. Como el lenguaje HTML no es difícil, pronto estaremos en condiciones de hacer cosas mas interesantes.
Quedaría mas o menos así:Titulo principalTitulo secundarioTitulo terciarioTitulo cuarto nivelTitulo quintoTitulo sexto
5. Etiquetas de párrafo
Para esto se utiliza la etiquetay , utilizado dentro de la etiqueta
.Al terminar de escribir un párrafo es conveniente y estético utilizar el comando para separar un párrafo de otro que es
Etiquetas para darle formato al texto:Para el tamaño y tipo de letra se usa la etiqueta y , que posee tres atributos: tamaño (Size), Tipo de letra o fuente (face) y color
Formato: y Sirve para colocar un texto en Negrita. y < /U> Sirve para subrayar un texto y Sirve para tachar un texto. y Cumple la misma función que y Para colocar un texto en cursiva.texto con énfasis texto con énfasiscitación citacióndefinición definiciónteclado tecladoejemplo ejemploSIZE: Regula el tamaño de los caracteres.Ejemplo: texto... .FACE: Es la fuente que se quiere usar, Arial, Times new Roman, etc.
Ejemplo: texto…Color: Regula el color de los caracteres. En principio existen dos posibilidades para definir los colores en HTML:1. Mediante la especificación de los valores RGB del color deseado en forma hexadecimal (RGB=Red/Green/Blue, valores Rojo/Verde/Azul) 2. Mediante la especificación del nombre del color en ingles
Ejemplos:
Blanco
Blanco
#FFFFFF
Negro
Negro
#000000
RED">Rojo
Rojo
#FF0000
Verde
Verde
#00FF00
Azul
Azul
#0000FF
Amarillo
Amarillo
#FFFF00
Cyan
Cyan
#00FFFF
Magenta
Magenta
#FF00FF
Si nos decidimos a trabajar con valores hexadecimales, entonces tenemos la libertad de utilizar 16,7 millones de colores. De esta manera trabajamos independientemente de los navegadores Web.Si especificamos el nombre del color, podemos evitar la definición del color en forma hexadecimal que es un poco más difícil. Actualmente están estandarizados tan sólo 16 colores. Existen colores adicionales los cuales son dependientes de los navegadores Web.Primero que todo debe escribir un símbolo #. A continuación siguen las 6 cifras para la definición del color. Las primeras 2 cifras definen el valor rojo, las siguientes 2 el valor verde y las 2 últimas el valor azul.
Las cifras hexadecimales son:0 (corresponde al decimal 0)1 (corresponde al decimal 1)2 (corresponde al decimal 2)3 (corresponde al decimal 3)4 (corresponde al decimal 4)5 (corresponde al decimal 5)6 (corresponde al decimal 6)7 (corresponde al decimal 7)8 (corresponde al decimal 8)9 (corresponde al decimal 9)A (corresponde al decimal 10)B (corresponde al decimal 11)C (corresponde al decimal 12)D (corresponde al decimal 13)E (corresponde al decimal 14)F (corresponde al decimal 15)(mirar el cuadro de la página anterior)
Para ponerle color de fondo a la página escribir: con el cual obtendremos un color de fondo gris oscuro.Colocar mal los colores de fondo en nuestras páginas puede provocar problemas. ¿Qué ocurría con los links o enlaces si colocáramos un fondo de color azul?. Puesto que los links son azules cuando todavía no se han pulsado puede ocurrir que no se puedan leer con claridad o incluso que no se puedan distinguir en absoluto del fondo.Se puede imaginar todavía un caso peor si decidiéramos colocar un fondo demasiado oscuro, tan oscuro que no permitiera distinguir con claridad la información que se presenta en pantalla. Podemos remediar esto eligiendo nosotros mismos el color que queremos que tengan los links o enlaces e incluso el texto, las etiquetas para hacer esto son las siguientes:
· text="#número" Para el color del texto.
· link="#número" Para el color de los enlaces.
· vlink="#número" El color con que aparecerán los enlaces ya visitados.
· alink="#número" Color del enlace cuando lo pulsamos.
Por lo tanto la etiqueta puede quedar del siguiente modo: Ahora veremos como poner una imagen de fondo. Es muy sencillo, basta con usar la etiqueta:background="localización de la imagen" Esta etiqueta va dentro de la etiqueta .Ejemplo:
Con esto lograremos que la imagen dragonball.gif aparezca como fondo en nuestra pagina.Etiquetas METASon usadas para poner meta-información del documento. Esta "directiva" indica al visor de Internet las palabras clave y contenido de nuestra página Web. Muchos de los buscadores de páginas Web de Internet (Yahoo, Lycos, etc...) utilizan el contenido de esta directiva para incluir la página en sus bases de datos.
Ejemplo: personal de Sailor Moon">Indica al visor el nombre de la página y sus contenidos principales.
Indica el nombre de la persona que elabora la pagina WEB
Indica al visor las palabras clave para los buscadores de Internet.Para hacer listas:Las listas se definen de forma muy sencilla: se dice dónde empieza la lista, dónde empieza cada punto y dónde acaba la lista. Las etiquetas que se utilicen en cada caso deben aparecer al principio de línea, o al menos sin texto por delante (sólo espacios o tabulaciones).
Las listas pueden ser: Lista desordenada,
Enviado por pfravioli
Indice1. Introducción2. Que es el HTML3. Orígenes del HTML4. Creación de páginas web con lenguaje HTML5. Etiquetas de párrafo6. Como insertar una imagen7. Conclusión8. Bibliografía
1. Introducción
El HTML no es más que una aplicación del SGML (Standard Generalized Markup Language), un sistema para definir tipos de documentos estructurados y lenguajes de marcas para representar esos mismos documentos. El término HTML se suele referir a ambas cosas, tanto al tipo de documento como al lenguaje de marcas.A medida que nos afianzamos en el manejo de Internet cada uno de nosotros pasa por tres etapas diferentes: Al principio solamente conocemos unas pocas páginas, luego nos damos cuenta que existen buscadores lo cual lo hace más interesante y por último nos damos cuenta que en Internet no solamente se puede ver la informaciónsino que también se puede publicar. ¿y qué otra manera más fácil y más sencilla? Si Internet tiene acceso a todos los rincones del mundo. Para que varias personas se comuniquen es necesarios que éstas hablen un mismo idioma. El lenguaje que utilizan las computadoras que están conectadas a Internet es HTML. A través de esta monografía explicaremos que es HTML, sus orígenes y el proceso de creación de una página web.
2. Que es el HTMLEl HTML, Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la www (World Wide Web). Fue creado en 1986 por el físico nuclear Tim Berners-Lee; el cual tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido también como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estándar de Marcación General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse. HTML no es propiamente un lenguaje de programación como C++, Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningún compilador, por lo tanto algún error de sintaxis que se presente éste no lo detectará y se visualizara en la forma como éste lo entienda.El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el que ofrece MS Office (Word). El conjunto de etiquetas que se creen, se deben guardar con la extensión .htm o .htmlEstos documentos pueden ser mostrados por los visores o "browsers" de paginas Web en Internet, como Netscape Navigator, Mosaic, Opera y Microsoft Internet Explorer.También existe el HTML Dinámico (DHTML), que es una mejora de Microsoft de la versión 4.0 de HTML que le permite crear efectos especiales como, por ejemplo, texto que vuela desde la página palabra por palabra o efectos de transición al estilo de anuncio publicitario giratorio entre página y página.A continuación vamos a hablar un poco de historia:
3. Orígenes del HTML1986. Publicación de la ISO 8879 que presenta el Standard General Markup Language, origen del HTML. 1989. Tim Berners-Lee, a la sazón en el Centro Europeo de Investigaciones Nucleares presenta su artículo Information Management: A Proposal dedicándose de lleno al desarrollo de un sistema que permitiera el acceso en línea de manera uniforme a la información disponible en muchos recursos distintos, y que pudiese funcionar en máquinas que conectadas por redes basadas en TCP/IP.1990-1991. Tim Berners-Lee define el HTML como un subconjunto de SGML (Standard Generalized Markup Language), que más tarde se llamará nivel 0; soporta encabezados, listas y anclas. Se crea el nombre World Wide Web. 1991. Tim Berners-Lee introduce el primer visor de HTML, LineMode, que trabaja en modo texto y sólo en plataformas UNIX. El Centro Europeo de Investigaciones Nucleares realiza la apertura del primer sitio con acceso público de World Wide Web el 17 de mayo (http://info.cern.ch). 1992. Dan Connolly produce la primera Definición de Tipo de Documento (DTD) para el lenguaje, llamada HTML 1.0, agregando a la definición original atributos para modificar el estilo físico del texto. Se distribuye Viola, primer visor gráfico de Web y disponible sólo para X.11.1993. Un nuevo visor que soporta un mayor nivel, Lynx, es producido por la Universidad de Kansas, si bien lee sólo texto. Aparece Mosaic, desarrollado por el Centro Nacional para Aplicaciones de Supercomputadoras, es el primer visor de Web en entorno gráfico que se hace disponible para computadoras personales, lo que lo hace inmediatamente popular. A fines de año, comienzan a aparecer los primeros artículos sobre WWW en diarios y revistas de circulación masiva. Tim Berners-Lee utiliza el trabajo del año anterior de Connolly para presentar el borrador de la primera norma (RFC -Recommendation for Comments) de HTML para Internet.1994. La Universidad Técnica de Graz desarrolla un servidor y clientes con mayores prestaciones para HTML, Hyper-G, que no tiene gran éxito. Cello, primer visor de HTML que no requiere TCP/IP presentado por la Escuela de Leyes de la Universidad de Cornell. Dan Connolly y Karen Olson Muldrow redefinen el HTML para el nivel 2.0, que ahora soporta formularios. Un grupo de programadores que desarrollaran el Mosaic producen un nuevo visor de World Wide Web, Netscape (también conocido como Mozilla), que tiene una amplia aceptación entre los usuarios, pero que soporta elementos de programación que equivalen a una degeneración del HTML (tamaños de letra, fondos). Se define un equivalente para los modelos en tres dimensiones del HTML, el VRML (Virtual Reality Modeling Language), que permite moverse dentro de los ambientes definidos. En este mismo año se realizan la Primera y Segunda conferencias internacionales de WWW, en Ginebra y Chicago, respectivamente. Se crea la W3 Organization.1995. Dave S. Raggett (Hewlett-Packard, Inglaterra) comienza a compilar la normativa del nuevo nivel del lenguaje, el HTML 3.0, cuya principal novedad es el soporte de tablas. Microsoft produce su primer visor de Internet, el cual también utiliza elementos de HTML degenerados. Una nueva versión de Netscape, Navigator 2.0, agrega soporte de encuadres. Sun Microsystems produce el primer visor de World Wide Web con soporte de un lenguaje de programación, HotJava. Se celebran la Tercera y Cuarta conferencias internacionales de WWW, en Boston y Darmstadt respectivamente, y la conferencia de WWW para Asia y el Pacífico en Wagga-Wagga.1996. Netscape Communications y Microsoft presentan las nuevas versiones de sus visores que soportan gran parte del nivel de HTML 3.0. Aparecen visores no comerciales que implementan la norma completa de HTML 3.0. Se formaliza un nuevo nivel para la modelación en tres dimensiones, VRML 3.0, que permite interactuar con los objetos definidos. Se celebra la Quinta conferencia internacional de WWW en Rocquencourt.1997. D. Raggett presenta, en enero, la versión normalizada del 3.2. En julio, aparece la versión 4.0, experimental.1998. HTML 4.0.
4. Creación de páginas web con lenguaje HTML
Para crear una página web se pueden utilizar varios programas especializados en esto, como por ejemplo, el Microsoft Front Page o el Macromedia Dreamweaver 3. Otra forma de diseñar un archivo .html, es copiar todo en el Bloc de Notas del Windows, ya que este sencillo programa cumple con un requisito mínimo que es la posibilidad de trabajar con las etiquetas con las que trabaja este lenguaje.A continuación les mostraremos las etiquetas mas comunes que deben aprenderse para hacer una pagina Web.
Estructura de los documentos de HTMLSi se tiene en cuenta el contenido del documento, todos los documentos de HTML bien escritos comparten una estructura en común. Un documento de HTML empieza con la etiqueta , que es la que encerrará el documento actual. Contiene dos secciones primordiales: la cabecera y el cuerpo encerradas respectivamente por los elementos cabeza y cuerpo. La cabecera puede contener información y siempre contiene el titulo del documento encerrado por el elemento
Primera pagina
Esta es mi primera pagina, aunque todavía es muy sencilla. Como el lenguaje HTML no es difícil, pronto estaremos en condiciones de hacer cosas mas interesantes.
Aquí va un segundo párrafo.
Para escribir títulos se usa la etiqueta
Titulo principal
Titulo secundario
Titulo terciario
Titulo cuarto nivel
Titulo quinto
Titulo sexto
Quedaría mas o menos así:Titulo principalTitulo secundarioTitulo terciarioTitulo cuarto nivelTitulo quintoTitulo sexto
5. Etiquetas de párrafo
Para esto se utiliza la etiqueta
y
. Este comando es muy útil debido a que si uno escribe algo (en el editor que se este utilizando) por mucho espacio que uno le de siempre al texto, siempre va a aparecer en la misma línea. Para alinear un párrafo se utiliza el comando. Se puede alinear de tres formas diferentes:
Párrafo...
Alinea a la izquierda.Párrafo...
Realiza un centrado.Párrafo...
Alinea a la derecha.Cuando nosotros queremos que lo que escribimos aparezca en otra línea utilizamos el comando.Al terminar de escribir un párrafo es conveniente y estético utilizar el comando para separar un párrafo de otro que es
Etiquetas para darle formato al texto:Para el tamaño y tipo de letra se usa la etiqueta y , que posee tres atributos: tamaño (Size), Tipo de letra o fuente (face) y color
Formato: y Sirve para colocar un texto en Negrita. y < /U> Sirve para subrayar un texto
Ejemplo: texto…Color: Regula el color de los caracteres. En principio existen dos posibilidades para definir los colores en HTML:1. Mediante la especificación de los valores RGB del color deseado en forma hexadecimal (RGB=Red/Green/Blue, valores Rojo/Verde/Azul) 2. Mediante la especificación del nombre del color en ingles
Ejemplos:
Blanco
Blanco
#FFFFFF
Negro
Negro
#000000
RED">Rojo
Rojo
#FF0000
Verde
Verde
#00FF00
Azul
Azul
#0000FF
Amarillo
Amarillo
#FFFF00
Cyan
Cyan
#00FFFF
Magenta
Magenta
#FF00FF
Si nos decidimos a trabajar con valores hexadecimales, entonces tenemos la libertad de utilizar 16,7 millones de colores. De esta manera trabajamos independientemente de los navegadores Web.Si especificamos el nombre del color, podemos evitar la definición del color en forma hexadecimal que es un poco más difícil. Actualmente están estandarizados tan sólo 16 colores. Existen colores adicionales los cuales son dependientes de los navegadores Web.Primero que todo debe escribir un símbolo #. A continuación siguen las 6 cifras para la definición del color. Las primeras 2 cifras definen el valor rojo, las siguientes 2 el valor verde y las 2 últimas el valor azul.
Las cifras hexadecimales son:0 (corresponde al decimal 0)1 (corresponde al decimal 1)2 (corresponde al decimal 2)3 (corresponde al decimal 3)4 (corresponde al decimal 4)5 (corresponde al decimal 5)6 (corresponde al decimal 6)7 (corresponde al decimal 7)8 (corresponde al decimal 8)9 (corresponde al decimal 9)A (corresponde al decimal 10)B (corresponde al decimal 11)C (corresponde al decimal 12)D (corresponde al decimal 13)E (corresponde al decimal 14)F (corresponde al decimal 15)(mirar el cuadro de la página anterior)
Para ponerle color de fondo a la página escribir: con el cual obtendremos un color de fondo gris oscuro.Colocar mal los colores de fondo en nuestras páginas puede provocar problemas. ¿Qué ocurría con los links o enlaces si colocáramos un fondo de color azul?. Puesto que los links son azules cuando todavía no se han pulsado puede ocurrir que no se puedan leer con claridad o incluso que no se puedan distinguir en absoluto del fondo.Se puede imaginar todavía un caso peor si decidiéramos colocar un fondo demasiado oscuro, tan oscuro que no permitiera distinguir con claridad la información que se presenta en pantalla. Podemos remediar esto eligiendo nosotros mismos el color que queremos que tengan los links o enlaces e incluso el texto, las etiquetas para hacer esto son las siguientes:
· text="#número" Para el color del texto.
· link="#número" Para el color de los enlaces.
· vlink="#número" El color con que aparecerán los enlaces ya visitados.
· alink="#número" Color del enlace cuando lo pulsamos.
Por lo tanto la etiqueta puede quedar del siguiente modo: Ahora veremos como poner una imagen de fondo. Es muy sencillo, basta con usar la etiqueta:background="localización de la imagen" Esta etiqueta va dentro de la etiqueta .Ejemplo:
Con esto lograremos que la imagen dragonball.gif aparezca como fondo en nuestra pagina.Etiquetas METASon usadas para poner meta-información del documento. Esta "directiva" indica al visor de Internet las palabras clave y contenido de nuestra página Web. Muchos de los buscadores de páginas Web de Internet (Yahoo, Lycos, etc...) utilizan el contenido de esta directiva para incluir la página en sus bases de datos.
Ejemplo: personal de Sailor Moon">Indica al visor el nombre de la página y sus contenidos principales.
Indica el nombre de la persona que elabora la pagina WEB
Indica al visor las palabras clave para los buscadores de Internet.Para hacer listas:Las listas se definen de forma muy sencilla: se dice dónde empieza la lista, dónde empieza cada punto y dónde acaba la lista. Las etiquetas que se utilicen en cada caso deben aparecer al principio de línea, o al menos sin texto por delante (sólo espacios o tabulaciones).
Las listas pueden ser: Lista desordenada,
- (Unordered List).Lista ordenada,
- Manzana
- Zanahoria
- Lechuga
- Tomate
- Manzana
- Zanahoria
- Lechuga
- Tomate
- Manzana
- Zanahoria
- Lechuga
- Tomate
- Manzana
- Zanahoria
- Lechuga
- Tomate
- Manzana
- Zanahoria
- Lechuga
- Tomate
- (Ordered List).Ejemplos de diferentes tipos de listas:
Lista con números romanos:
Lista numerada:
Lista con puntos:
Lista con círculos:
Lista con cuadrados:
6. Como insertar una imagen
A la hora de crear una página Web podemos introducir gráficos de forma muy sencilla, sólo hay que tener en cuenta que las imágenes deben tener formato Gif o JPEG.La etiqueta utilizada para agregar imágenes a una página Web es
Y el usuario verá en el browser:
Para poner la imagen en la izquierda escribir:
A la derecha: Y si se quiere poner la imagen en el centro:
Hiperenlaces, Hyperlinks, Anclas o LinksPara definir un enlace es necesario marcar con la etiqueta el objeto del cual va a partir dicho enlace. Dicha directiva debe incluir el parámetro href="URL" para especificar el destino del enlace. Es decir, que antes del objeto elegido debemos abrir con , y después cerrar con . Por ejemplo, si queremos que el texto "pulse aquí para visitar la NASA" nos conduzca a la "home page" de la NASA, debemos escribir en nuestro texto HTML: Pulse aquí para visitar a la NASA
Que se vería de esta forma: Pulse aquí para visitar a la NASASi queremos que el texto "Foto" nos lleve a una imagen tenemos que escribir:Foto entonces al hacer clic en el texto Foto nos abrirá la imagen.gif.
También se puede ir a otro enlace por medio de una imagen. Lo único que se debe hacer es cambiar el texto por una imagen:
Con esto tendremos por resultado que cuando se pase el puntero del mouse por arriba del Logo.jpg (que podría ser el logo del Altavista) y se convierta en una "manito", al hacer clic nos envíe al buscador Altavista.Si se quiere hacer un link para que nos manden un E-Mail se debe hacer de la siguiente manera:Mandame un EmailEntonces cuando se haga clic sobre esta palabra Mandame un Email se abrirá (por defecto) el Microsoft Outlook Express con la dirección del destinatario ya escrita.
Caracteres especialesExiste una razón evidente que impide que podamos escribir ciertos símbolos directamente en un texto HTML, como por ejemplo el <: dichos símbolos tienen un significado en HTML, y es necesario diferenciar claramente cuándo poseen ese significado y cuándo queremos que aparezcan literalmente en el documento final. Por ejemplo, como ya sabemos, <>(Mayor que): >
· & (símbolo de and, o ampersand): &
· " (comillas dobles): "
Es decir, que para escribir <"hola"> en nuestro texto HTML original debemos poner <"hola">.El otro caso especial se da cuando en un texto HTML se quiere escribir una eñe, por ejemplo. Existe una forma fácil de hacerlo, que consiste en utilizar códigos como las que antes se presentaron para escribir ciertos símbolos. Los códigos comienzan siempre con el símbolo &, y terminan con un punto y coma (;). Entre medias va un identificador del carácter que queremos que se escriba. Los códigos necesarias en nuestro idioma son:
· á: á
· é: é
· í: í
· ó: ó
· ú: ú
· Á: Á
· É: É
· Í: Í
· Ó: Ó
· Ú: Ú
· ü: ü
· Ü: Ü
· ñ: ñ
· Ñ: Ñ
· ¿: ¿
· ¡: ¡
· ?: ?
· !: !
· @: @
Por lo tanto la palabra página la podríamos escribir como : página páginaOtro ejemplo: ¿En qué año estamos?Sería: ¿En qué año estamos?Es por ello que si deseamos que cualquier visor de páginas Web pueda visualizar las letras acentuadas de nuestro documento debemos utilizar sus correspondientes códigos para representarlas.Recuerden que las etiquetas se pueden escribir en mayúsculas o en minúsculas, es lo mismo poner , o .Una vez que terminamos de escribir todo nuestro documento, lo guardamos poniéndole un nombre, y necesariamente lo debemos guardar con la extensión .HTM o .HTML.Para ir visualizando lo que hemos estado haciendo tendríamos que abrir nuestro browser (Netscape o Internet Explorer), hacemos click en la opción FILE o ARCHIVO, estando allí seleccionamos OPEN o ABRIR, le damos BROWSE o EXAMINAR, seleccionamos el archivo y le damos OPEN. Luego le damos ACEPTAR, e inmediatamente se abrirá nuestra pagina.
7. Conclusión
Sin HTML no existiría el Internet que hoy conocemos, si no se hubiera inventado, seguiríamos con el aburrido FTP (Protocolo de Transferencia de Ficheros) mandándonos o bajando archivos que a veces ni sabíamos lo que eran, sin tener la posibilidad de visualizarlo antes. Ahora por medio de una página llena de colores y botones por la cual se puede navegar, se puede tener acceso a bastante información y archivos. El lenguaje de HTML abrió una puerta al mundo permitiéndole a las personas expresar sus ideas por medio de páginas y mostrárselas a todas las personas de todos los países.
Con el HTML se logró un gran movimiento económico ya que muchísimas empresas publican, venden, y ofrecen sus productos, sus servicios y sus ofertas atrayendo a mayor cantidad de personas. También gracias al HTML nacieron muchas empresas que ofrecen diversos servicios como Yahoo, Altavista, HotMail, Terra, Yupi, Mercadolibre, De Remate, etc.Infinitas son las posibilidades que te brindan las páginas WEB ya que no solo te dan la posibilidad de pasar el tiemponavegando, sino que también hasta se puede comprar un auto por Internet, solo basta con llenar un formulario con los datos personales y el número de tarjeta de crédito y en ocho días lo tenemos en nuestra casa.Todo el universo de Internet se lo debemos al HTML, ya que todas las páginas con las que se compone la World Wide Web están hechas con el lenguaje de programación HTML.
8. Bibliografía
ClarínGuía práctica de InternetBuenos AiresEditorial Sol 90 Barcelona1999Volumen 14Páginas 316 a 323Masanti Luis AlejandroDiseño WEBCiudad de Buenos AiresÑ EdicionesAbril de 2000Fascículo 01Páginas 1 a 9
Sergio Talens Oliag - José Hernández OralloHTML. Manual de ReferenciaEditorial Paraninfo1996Thomas A. Powell – Mc Craw HillManual de Referencia HTMLBuenos AiresOsborne1999Capitulo 2
Trabajo enviado por:Pablo Raviolipfravioli[arroba]fibertel.com.ar18 años y este año termino 5° año de la secundaria.
Algoritmo
Es una lista bien definida,ordenada infinita de operaciones que permiten ayar la solucion a un problema . Dado un estado inicial y una entrada , atrabes de pasos susecibos y bien definidos se llega a un estado final, octeniendo una solucion .
El ocjetivo de un algoritmo es transformar las entradas en salidas deseadas.
Caracteristicas:
A-) Preciso :Indicar claramente el orden de ejecusion de las acsiones .
B-) Definido: Lo puedo ejecutar varias beses y octengo el mismo resultado .
C-) Finito: Tiene que terminar en algun momento .
El algoritmo se divide en tres partes principales:
A-)Entrada:(datos para ejecutar el proseso)
B-)Proceso:( Donde se prosesan los datos para octener el resultado)
C-)Salida: ( presenta resultado)
Pasos para diseñar el algoritmo:
A-) Conoser el problema:
B-) Determinar los datos de entrada:
C-) Determinar la informacion nesesaria que el algoritmo produsca :
D-) Determinar cuales prosesos debe realiasar con los datos de entrada para los datos de salida corespondientes:
Subtitulo:
Medios de Exprecion de un algoritmo:
A-) Lenguaje natural: Es el que nosotros ablamos.
C-) Pseudocodigo: Es la descripsion de un algoritmo que se asemeja a un lenguaje de programacion pero con algunas combenciones de lenguaje natural, el seudocodigo no esta regido por ningun estandar.
Otro medio de exprecion son los diagramas de flujo.los diagramas de flujo son descripciones graficas del algoritmo.,usan sinbolos conectados con flechas para indicar la secuencia de instrucsiones y estan regidos por la iso .
Lenguajes de progarmacion:Nos pewrmite crear programas y software.
El ocjetivo de un algoritmo es transformar las entradas en salidas deseadas.
Caracteristicas:
A-) Preciso :Indicar claramente el orden de ejecusion de las acsiones .
B-) Definido: Lo puedo ejecutar varias beses y octengo el mismo resultado .
C-) Finito: Tiene que terminar en algun momento .
El algoritmo se divide en tres partes principales:
A-)Entrada:(datos para ejecutar el proseso)
B-)Proceso:( Donde se prosesan los datos para octener el resultado)
C-)Salida: ( presenta resultado)
Pasos para diseñar el algoritmo:
A-) Conoser el problema:
B-) Determinar los datos de entrada:
C-) Determinar la informacion nesesaria que el algoritmo produsca :
D-) Determinar cuales prosesos debe realiasar con los datos de entrada para los datos de salida corespondientes:
Subtitulo:
Medios de Exprecion de un algoritmo:
A-) Lenguaje natural: Es el que nosotros ablamos.
C-) Pseudocodigo: Es la descripsion de un algoritmo que se asemeja a un lenguaje de programacion pero con algunas combenciones de lenguaje natural, el seudocodigo no esta regido por ningun estandar.
Otro medio de exprecion son los diagramas de flujo.los diagramas de flujo son descripciones graficas del algoritmo.,usan sinbolos conectados con flechas para indicar la secuencia de instrucsiones y estan regidos por la iso .
Lenguajes de progarmacion:Nos pewrmite crear programas y software.
Aplicasiones en internet 2
Aplicaciones en Internet2
Walther Antonioli, CUDI Original click aquí
Esta ponencia se enfocó básicamente en tres puntos clave de esta nueva tecnología:
Las características de Internet
Qué tipo de proyectos son los que pueden correr por Internet2.
Qué tipo de aplicaciones se están desarrollando en general.
En este último punto se hizo énfasis sobre el estado de las aplicaciones en México.
La característica principal de Internet2 es que posee un gran ancho de banda; esto se puede ejemplificar de la siguiente manera: actualmente las instituciones académicas normalmente están interconectadas por canales E1 de 2 Mbps y ahora, con Internet2, será de 34 Mbps, es decir 17 veces más grande.
A futuro y conforme se vaya saturando este ancho de banda se ira creciendo hasta llegar al orden de los giga bytes por segundo.
Otra característica importante de Internet-2 es el reducido tiempo que tardan los datos en llegar de un nodo a otro de la red, lo cual es muy importante para muchas aplicaciones, como por ejemplo las de control a distancia.
Dentro del grupo de investigación de Internet2, existen proyectos en 4 niveles:
Hardware (equipos de comunicación e interfaces)
Protocolos de comunicación
Middleware (Software común que sirve de soporte para diversas aplicaciones)
Aplicaciones específicas (se utiliza el middleware para conjuntar algunos servicios y ofrecer aplicaciones más completas)
· Participantes De Internet 2
Arizona State UniversityBaylor College of MedicineBoston UniversityBrigham Young UniversityBrown UniversityCalifornia Institute of TechnologyCalifornia State University SystemCarnegie Mellon UniversityCase Western Reserve UniversityClemson UniversityCollege of William and MaryColorado State UniversityColumbia UniversityCornell UniversityDartmouth CollegeDrexel UniversityDuke UniversityEast Carolina UniversityEmory UniversityFlorida A & M UniversityFlorida Atlantic University
Florida International University y muchos masMejor respuesta - elegida por quien preguntó
Internet2 (I2) o UCAID (University Corporation for Advanced Internet Development) es un consorcio sin fines de lucro que desarrolla aplicaciones y tecnologías de redes avanzadas, la mayoría para transferir información a alta velocidad. Internet2 es una red telemática desarrollada principalmente por las universidades estadounidenses, construida en fibra óptica y permite altas velocidades con una gran fiabilidad. Es llevado por 208 universidades de Estados Unidos y otras 60 compañías tecnológicas como Comcast, Microsoft, Intel, Sun Microsystems y Cisco Systems. Algunas de las tecnologías que han desarrollado han sido IPv6, IP Multicast y Calidad de Servicio (QoS).Las velocidades mínimas son:622 Mbps para un miembro de I2 (universidades y socios). 50 Mbps para un usuario particular. interconexión y altas conexiones de banda ancha en tiempo real. La infraestructura de Internet2 soporta esas aplicaciones, conocidas como Learning–ware. También han desarrollado otras aplicaciones para entornos de alta velocidad como los laboratorios virtuales (LAV), la telemedicina y la teleinmersión.Para conectarse a Internet2 necesitas que tu red de alta velocidad esté conectada a un GigaPop de Internet2; también puedes conectarte a través de Internet usando un backbone. Aunque existen muchas similitudes con Internet, la nueva red no pretende sustituir a la antigua, al menos a corto plazo.
· ¿Cúal es la diferencia del Internet2 al actual Internet?
· Además de que las redes que serán usadas por Internet2 serán más rápidas, las aplicaciones desarrolladas utilizaran un completo conjunto de herramientas que no existen en la actualidad. Por ejemplo, una de estas herramientas es comúnmente conocida como la garantía "Calidad de servicio". Actualmente, toda información en Internet viene dada con la misma prioridad como si ésta pasara a través de toda la red de un ordenador a otro. "Calidad de servicio" permitirá a las aplicaciones requerir un especifica cantidad de ancho de banda o prioridad para ella. Esto permitirá a dos ordenadores hacer funcionar una aplicación como la tele-inmersión comunicarse a las altas velocidades necesarias para una interacción en tiempo real. Al mismo tiempo, una aplicación con unas necesidades de comunicación como la World Wide Web sólo necesita usar la velocidad de transmisión necesaria para funcionar adecuadamente.
· Es importante resaltar la diferencia en velocidad que tendrá, mucho más que una rápida WWW. Se piensa que una red de 100 a 1000 veces más permitirá a las aplicaciones cambiar el modo de trabajar e interactuar con los ordenadores. Aplicaciones como la tele-inmersión y las bibliotecas digitales cambiaran el modo que tiene la gente de usar los ordenadores para aprender, comunicarse y colaborar. Quizás las más excitantes posibilidades son aquellas que todavía no se han imaginado y serán desarrolladas junto con Internet2.
Walther Antonioli, CUDI Original click aquí
Esta ponencia se enfocó básicamente en tres puntos clave de esta nueva tecnología:
Las características de Internet
Qué tipo de proyectos son los que pueden correr por Internet2.
Qué tipo de aplicaciones se están desarrollando en general.
En este último punto se hizo énfasis sobre el estado de las aplicaciones en México.
La característica principal de Internet2 es que posee un gran ancho de banda; esto se puede ejemplificar de la siguiente manera: actualmente las instituciones académicas normalmente están interconectadas por canales E1 de 2 Mbps y ahora, con Internet2, será de 34 Mbps, es decir 17 veces más grande.
A futuro y conforme se vaya saturando este ancho de banda se ira creciendo hasta llegar al orden de los giga bytes por segundo.
Otra característica importante de Internet-2 es el reducido tiempo que tardan los datos en llegar de un nodo a otro de la red, lo cual es muy importante para muchas aplicaciones, como por ejemplo las de control a distancia.
Dentro del grupo de investigación de Internet2, existen proyectos en 4 niveles:
Hardware (equipos de comunicación e interfaces)
Protocolos de comunicación
Middleware (Software común que sirve de soporte para diversas aplicaciones)
Aplicaciones específicas (se utiliza el middleware para conjuntar algunos servicios y ofrecer aplicaciones más completas)
· Participantes De Internet 2
Arizona State UniversityBaylor College of MedicineBoston UniversityBrigham Young UniversityBrown UniversityCalifornia Institute of TechnologyCalifornia State University SystemCarnegie Mellon UniversityCase Western Reserve UniversityClemson UniversityCollege of William and MaryColorado State UniversityColumbia UniversityCornell UniversityDartmouth CollegeDrexel UniversityDuke UniversityEast Carolina UniversityEmory UniversityFlorida A & M UniversityFlorida Atlantic University
Florida International University y muchos masMejor respuesta - elegida por quien preguntó
Internet2 (I2) o UCAID (University Corporation for Advanced Internet Development) es un consorcio sin fines de lucro que desarrolla aplicaciones y tecnologías de redes avanzadas, la mayoría para transferir información a alta velocidad. Internet2 es una red telemática desarrollada principalmente por las universidades estadounidenses, construida en fibra óptica y permite altas velocidades con una gran fiabilidad. Es llevado por 208 universidades de Estados Unidos y otras 60 compañías tecnológicas como Comcast, Microsoft, Intel, Sun Microsystems y Cisco Systems. Algunas de las tecnologías que han desarrollado han sido IPv6, IP Multicast y Calidad de Servicio (QoS).Las velocidades mínimas son:622 Mbps para un miembro de I2 (universidades y socios). 50 Mbps para un usuario particular. interconexión y altas conexiones de banda ancha en tiempo real. La infraestructura de Internet2 soporta esas aplicaciones, conocidas como Learning–ware. También han desarrollado otras aplicaciones para entornos de alta velocidad como los laboratorios virtuales (LAV), la telemedicina y la teleinmersión.Para conectarse a Internet2 necesitas que tu red de alta velocidad esté conectada a un GigaPop de Internet2; también puedes conectarte a través de Internet usando un backbone. Aunque existen muchas similitudes con Internet, la nueva red no pretende sustituir a la antigua, al menos a corto plazo.
· ¿Cúal es la diferencia del Internet2 al actual Internet?
· Además de que las redes que serán usadas por Internet2 serán más rápidas, las aplicaciones desarrolladas utilizaran un completo conjunto de herramientas que no existen en la actualidad. Por ejemplo, una de estas herramientas es comúnmente conocida como la garantía "Calidad de servicio". Actualmente, toda información en Internet viene dada con la misma prioridad como si ésta pasara a través de toda la red de un ordenador a otro. "Calidad de servicio" permitirá a las aplicaciones requerir un especifica cantidad de ancho de banda o prioridad para ella. Esto permitirá a dos ordenadores hacer funcionar una aplicación como la tele-inmersión comunicarse a las altas velocidades necesarias para una interacción en tiempo real. Al mismo tiempo, una aplicación con unas necesidades de comunicación como la World Wide Web sólo necesita usar la velocidad de transmisión necesaria para funcionar adecuadamente.
· Es importante resaltar la diferencia en velocidad que tendrá, mucho más que una rápida WWW. Se piensa que una red de 100 a 1000 veces más permitirá a las aplicaciones cambiar el modo de trabajar e interactuar con los ordenadores. Aplicaciones como la tele-inmersión y las bibliotecas digitales cambiaran el modo que tiene la gente de usar los ordenadores para aprender, comunicarse y colaborar. Quizás las más excitantes posibilidades son aquellas que todavía no se han imaginado y serán desarrolladas junto con Internet2.
Conceptos de Programacion
Alfabeto: Conjunto de caracteres definidos para formar ileras .
Sintaxis: Conjunto de reglas que determinan si una ilera es valida.
Semantica:Conjunto de ideas que determinan si una ilera tiene sentido.
Lenguaje: Grupo de ileras que cumplen con las reglas gramaticales establecidas.
Tipos de Lenguajes: (Respecto al Hardware)
Existen tres tipos .
A-)Nivel Bajo
B-)Nivel Medio
C-)Nivel Alto
A-) Nivel Bajo: Es el elnguaje de maquina,es el lenguaje propio del ordenador vasado en el sistema vinario.
B-) Nivel Medio: El ensamblador en este lenguaje cada instrucsion equibale, a una instrucsion en lenguaje maquina Ej: 1011 0000 011000011
Ensamblador --→ Mov al,06ih
B-) nivel Alto: Los comandos se introducen desde el teclado,desde un programa residente en la memoria, o desde un dispocitivo de almasenamiento y son intersectados por un programa que los traduse a instruciones de lenguaje maquina.
Consepto de traductor: El traductor es un programa que toma como entrada un progarama fuente y lo combierte a un programa en codigo maquina.
Hay 2 tipos de traductores .
↓ ↓
El interprete El copilador
Interprete: El interprete toma el programa fuente linea x linea y lo ba ejecutando y si alguna linea tiene un eror lo debulelve.
Copilador: Genera aplicasiones que sean directamente utilisables en una computadora. El copilador lee el codigo fuente comprueba su sintanxis y lo traduse a codigo maquina generando el archivo ejecutable final.
Que es programacion: Programar es escribir nuestras ideas sobre un lenguje de progarmacio,para que estan puedan ser entendidas por las computadoras. y asi trabajar bajo las ordenes que se dan en kas mismas con el fin de resolver problemas.
Cosepto de lenguaje de programacion:
Son ereamientas que nos permiten crear programar y Sotwer .
Ej:Delfin 7 , visual Basic,java,lisp,prolog.
La computadora trabaja bajo el control de un programa el cual deve estar almasenado en la unidad de almasenamiento de o disco curo de la pc.
Diferentes tipos de prosesos en un programa:
Tenemos tre tipos de prosesos:
El que se ban a realisar en secuencia,una acsion sige a la otra,un paso ba tras otro
Paralelo : Se ejecuntan simultania mente
Algoritmo
Sintaxis: Conjunto de reglas que determinan si una ilera es valida.
Semantica:Conjunto de ideas que determinan si una ilera tiene sentido.
Lenguaje: Grupo de ileras que cumplen con las reglas gramaticales establecidas.
Tipos de Lenguajes: (Respecto al Hardware)
Existen tres tipos .
A-)Nivel Bajo
B-)Nivel Medio
C-)Nivel Alto
A-) Nivel Bajo: Es el elnguaje de maquina,es el lenguaje propio del ordenador vasado en el sistema vinario.
B-) Nivel Medio: El ensamblador en este lenguaje cada instrucsion equibale, a una instrucsion en lenguaje maquina Ej: 1011 0000 011000011
Ensamblador --→ Mov al,06ih
B-) nivel Alto: Los comandos se introducen desde el teclado,desde un programa residente en la memoria, o desde un dispocitivo de almasenamiento y son intersectados por un programa que los traduse a instruciones de lenguaje maquina.
Consepto de traductor: El traductor es un programa que toma como entrada un progarama fuente y lo combierte a un programa en codigo maquina.
Hay 2 tipos de traductores .
↓ ↓
El interprete El copilador
Interprete: El interprete toma el programa fuente linea x linea y lo ba ejecutando y si alguna linea tiene un eror lo debulelve.
Copilador: Genera aplicasiones que sean directamente utilisables en una computadora. El copilador lee el codigo fuente comprueba su sintanxis y lo traduse a codigo maquina generando el archivo ejecutable final.
Que es programacion: Programar es escribir nuestras ideas sobre un lenguje de progarmacio,para que estan puedan ser entendidas por las computadoras. y asi trabajar bajo las ordenes que se dan en kas mismas con el fin de resolver problemas.
Cosepto de lenguaje de programacion:
Son ereamientas que nos permiten crear programar y Sotwer .
Ej:Delfin 7 , visual Basic,java,lisp,prolog.
La computadora trabaja bajo el control de un programa el cual deve estar almasenado en la unidad de almasenamiento de o disco curo de la pc.
Diferentes tipos de prosesos en un programa:
Tenemos tre tipos de prosesos:
El que se ban a realisar en secuencia,una acsion sige a la otra,un paso ba tras otro
Paralelo : Se ejecuntan simultania mente
Algoritmo
Suscribirse a:
Entradas (Atom)