SlideShare una empresa de Scribd logo
1 de 34
“El lenguaje de la Web”
Diseño Gráfico Digital
Diseño Multimedial I
6to cuatrimestre
Autor: Juan Pablo Pantoja Márquez
Omar Ahmed Gaspar Ibarra
Lenguajes para aplicaciones Web
Es el lenguaje de marcado
predominante para la construcción
de páginas web. Es usado para
describir la estructura y el
contenido en forma de texto, así
como para complementar el texto
con objetos tales como imágenes.
Estructura BÁsica
Sirve para definir diversos valores válidos en todo el documento; y el cuerpo,
delimitado por <body> y </body>, donde reside la información del documento.
El cuerpo de un documento HTML contiene el texto que, con la presentación y
los efectos que se decidan. Dichos efectos se especifican exclusivamente a
través de directivas.
Tres CaracterÍsticas de el lenguaje de
la web
1. Este lenguaje se puede integrar con todas
las diferentes tecnologías de desarrollo
web tales como: ASP, PHP, JSP y HTML.
2. Es interpretado por el navegador web de
los usuarios.
3. Es soportado por todos los servidores.
Formato de las etiquetas
Cada elemento de un documento HTML
consta de una etiqueta de comienzo, un
bloque de texto y una etiqueta de fin con
el siguiente formato: bloque de texto .
Estos elementos se denominan
contenedores, porque contienen un
bloque de texto entre las etiquetas de
comienzo y fin.
EstructuraciÓn
HTML tiene unas reglas estructurales que
indican dónde pueden y no pueden ir los
elementos. Tenemos el ejemplo de los
titulares, que son independientes entre
ellos, no pudiendo contenerse unos a otros.
Las etiquetas tienen que seguir un orden
primordial, las primeras que se abren son
las últimas que se cierran.
ServidoresWeb
El lenguaje HTML tiene que ser incluido
en todos los lenguajes de programación de
páginas web con la finalidad de presentar
la información de una forma amigable, por
lo que se puede montar en cualquier
servidor existente.
SERVIDOR WEB APACHE
Es un servidor web HTTP de código abierto para plataformas Unix,
Microsoft, Windows, Macintosh y otras, que implementa el protocolo HTTP.
Interfaz de entrada comÚn (CGI)
Solo se podía apreciar texto, imágenes y
enlaces. En los navegadores permitió
mayor interactividad entre el usuario y el
cliente. es una importante tecnología de la
World Wide Web que permite a un cliente
solicitar datos de un programa ejecutado en
un servidor Web. CGI especifica un
estándar para transferir datos entre el
cliente y el programa. Es un mecanismo de
comunicación entre el servidor Web.
Funcionamiento de un CGI
El servidor recibe una petición del
cliente ha activado un URL que
contiene el CGI y comprueba si se
trata de una invocación de un CGI.
El servidor prepara el entorno para
ejecutar la aplicación. Esta
información procede
mayoritariamente del cliente.
El servidor ejecuta la aplicación,
capturando su salida estándar.
La aplicación realiza su función: como
consecuencia de su actividad se va
generando un objeto.
Cuando la aplicación finaliza, el
servidor envía la información
producida al cliente.
Active Server Pages (asp)
Es una tecnología de Microsoft del tipo lado del servidor para páginas
web generadas dinámicamente, que ha sido comercializada como un
anexo a Internet Information Services, Servicios de Internet.
Hypertext Pre-processor (PHP)
Es un lenguaje de programación
interpretado, diseñado
originalmente para la creación de
páginas web.
Es usado principalmente en
interpretación del lado del servidor
pero actualmente puede ser
utilizado desde una interfaz de línea
de comandos o en la creación de
otros tipos de programas incluyendo
aplicaciones con interfaz gráfica.
Java Server Page (jsp)
Se refiere a un tipo especial de
páginas HTML, en las cuales se
insertan pequeños programas que
corren sobre Internet se procesan en
línea para finalmente desplegar un
resultado final al usuario en forma de
HTML. Por lo general dichos
programas hacen consultas a bases
de datos y dependiendo del resultado
que se despliegue será la información
que se muestre a cada usuario de
manera individual.
ComputaciÓn Distribuida
Es una red de computadoras en la
que todos o algunos aspectos de
esta funcionan sin clientes ni
servidores fijos, sino una serie de
nodos que se comportan como
iguales entre sí. Actúan
simultáneamente como clientes y
servidores.
Redes centralizadas
Se basa en una arquitectura
monolítica en la que todas las
transacciones se hacen a través de
un único servidor que sirve de punto
de enlace entre dos nodos y que, a la
vez, almacena y distribuye los nodos
donde se almacenan los contenidos.
Poseen una administración muy
dinámica y una disposición más
permanente de contenido.
Redes puras o totalmente
descentralizadas
Permite una reducción de la necesidad de
usar un servidor central, por lo que se opta
por los mismos usuarios como nodos de esas
conexiones y también como almacenistas de
esa información. Las comunicaciones son
directamente de usuario a usuario con
ayuda de un nodo (que es otro usuario)
quien permite enlazar esas comunicaciones.
Redes híbridas o mixtas
Se puede observar la interacción
entre un servidor central que sirve
como switch y administra los
recursos de banda ancha,
enrutamientos y comunicación
entre nodos pero sin saber la
identidad de cada nodo y sin
almacenar información alguna, por
lo que el servidor no comparte
archivos de ningún tipo a ningún
nodo
Objetivos
• Su objetivo primordial es beneficiarse de los recursos distribuidos compartidos
como el porcentaje de CPU, ancho de banda o espacio de almacenamiento entre
los diferentes nodos que conforman la red.
• Otro objetivo importante en las redes es que todos los clientes que se conecten a
ella, le proveen recursos incluyendo banda ancha, espacio de almacenamiento y
procesamiento de cómputo.
Grid Computing
Es el conjunto de computadoras
conectadas de manera paralela y
distribuida con el objetivo de
compartir recursos. Está formada
por todo tipo de computadoras. La
unión de estas computadoras
depende del objetivo que se persiga,
se pueden utilizar para encontrar la
solución de problemas para
búsqueda de información y análisis
de información.
Middleware
Es un software de conectividad que
ofrece un conjunto de servicios que
hacen posible el funcionamiento de
aplicaciones distribuidas sobre
plataformas heterogéneas.
Web Services
Es un conjunto de protocolos y
estándares que sirven para
intercambiar datos entre aplicaciones.
Aplicaciones distintas de software
desarrolladas en lenguajes de
programación diferentes, y ejecutadas
sobre cualquier plataforma, pueden
utilizar los servicios web para
intercambiar datos en redes de
ordenadores como Internet.
BÚsqueda de
InformaciÓn
Algoritmos de bÚsqueda
Es una lista bien definida, ordenada y
finita de operaciones que permite
hallar la solución a un problema. Un
algoritmo puede escribirse en
pseudocódigo, lo que también los hace
fáciles de entender. En programación,
los algoritmos se implementan en
forma de sentencias en algún
lenguaje de programación.
Motor de bÚsqueda
Es un sistema informático que tiene
archivos almacenados en servidores
web. Son los buscadores de Internet
algunos buscan sólo información
sobre algún tema. Las búsquedas se
hacen con palabras clave el
resultado de la búsqueda es un
listado de direcciones Web en los que
se mencionan temas relacionados
con las palabras clave buscadas.
CÓmputo MÓvil
Es un computador de mano
originalmente diseñado como
agenda electrónica con un sistema
de reconocimiento de escritura. Se
puede usar como una computadora
doméstica crear documentos,
correo electrónico y navegar por
Internet.
Usos en automÓviles
Son usados en vehículos para poder
usar y es por esto que cada vez es más
común encontrarlos por defecto en
muchos vehículos nuevos. Algunos
sistemas pueden también mostrar las
condiciones del tráfico.
Aplicaciones Web Actuales
Redes Sociales
Las redes sociales en Internet han
ganado su lugar de una manera
vertiginosa convirtiéndose en
promisorios negocios para empresas y
sobretodo en lugares para encuentros
humanos. Las Redes son formas de
interacción social, definida como un
intercambio dinámico entre personas,
grupos e instituciones en contextos de
complejidad. La posibilidad de
interactuar con otras personas
aunque no las conozcamos, el sistema
es abierto
DiseÑo de interfaces
DiseÑo
• Usar tipografías, estilos adecuados y con
moderación.
• Usar combinación de colores estridentes.
• Uso de modelador de color.
• Utilizar hojas estilo predefinidas.
• Encontrar un equilibrio entre texto e
imágenes.
tipografÍa y diseÑo
• Tipografía hace referencia a los tipos y
tamaños de fuentes utilizadas.
• Color hace referencia al color de fondo o
de un tipo de letra determinado.
• Diseño grafico.
Sistemas de informaciÓn
Internet fue ganando un lugar como una
gran herramienta para vender, por lo
que no fue solo suficiente utilizarla
como medio publicitario también se
realiza ventas en línea, mostrar
catálogos de productos, sistemas de
venta y que la empresa matriz tenga el
control de las bases de datos, vino a ser
un parte en el desarrollo de sistemas.
Seguridaden Aplicaciones Web
La lógica, la escritura de código y
el contenido de una aplicación web.
toda aplicación web, requiere de un
entorno conformado por elementos
externos, tales como sistemas
operativos, servidor web y
servicios. Para poder cumplir su
función, los inconvenientes o
controles relativos a estos últimos,
no deben ser considerados
problemas propios de la aplicación
web.
Multimedia
Los dispositivos para navegar en la
Web han evolucionado en los últimos
años de forma exponencial teléfonos
móviles de última generación pantallas
táctiles en automóviles. Ha quedado
atrás la introducción simple de texto e
imágenes, siendo sustituida por la
posibilidad de incorporar una gran
variedad de objetos, como pueden ser
archivos de sonido, vídeo y animación,
con el objetivo de enriquecer la
experiencia del usuario.

Más contenido relacionado

La actualidad más candente

Evolucion de la web ( edav)_CIPA 5_ pedagogia
Evolucion de la web ( edav)_CIPA 5_ pedagogiaEvolucion de la web ( edav)_CIPA 5_ pedagogia
Evolucion de la web ( edav)_CIPA 5_ pedagogiakamilaramirez
 
Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...
Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...
Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...Didier Granados
 
RES - Transferencia de Estado Representacional
RES - Transferencia de Estado RepresentacionalRES - Transferencia de Estado Representacional
RES - Transferencia de Estado RepresentacionalRobert Caraguay
 
3 ultimas capas del modelo osi
3 ultimas capas del modelo osi 3 ultimas capas del modelo osi
3 ultimas capas del modelo osi cesartejadab
 
Herramientas web 3.0
Herramientas web 3.0Herramientas web 3.0
Herramientas web 3.0Angel Soria
 
9-Unidad 3: Diseños de Vista-3.1 Creación Web Services
9-Unidad 3: Diseños de Vista-3.1 Creación Web Services9-Unidad 3: Diseños de Vista-3.1 Creación Web Services
9-Unidad 3: Diseños de Vista-3.1 Creación Web ServicesLuis Fernando Aguas Bucheli
 
Presentación servicios web
Presentación servicios webPresentación servicios web
Presentación servicios webMiguel Angel X T
 
Arquitectura de paginas web
Arquitectura de paginas webArquitectura de paginas web
Arquitectura de paginas webAime Rodriguez
 
Diapositivas servicios web
Diapositivas servicios webDiapositivas servicios web
Diapositivas servicios webanmari23
 
Servicios Web
Servicios  WebServicios  Web
Servicios Webbarkuz
 
Servicios web xml
Servicios web xmlServicios web xml
Servicios web xmlJuan Anaya
 
Servicios Web
Servicios WebServicios Web
Servicios Webdwebslide
 
Presentacion de informatica
Presentacion de informaticaPresentacion de informatica
Presentacion de informaticakatherin-vanesa
 
Administración de datos en dispositivos móviles
Administración de datos en dispositivos móvilesAdministración de datos en dispositivos móviles
Administración de datos en dispositivos móvilesHugo_Huerta
 

La actualidad más candente (18)

Evolucion de la web ( edav)_CIPA 5_ pedagogia
Evolucion de la web ( edav)_CIPA 5_ pedagogiaEvolucion de la web ( edav)_CIPA 5_ pedagogia
Evolucion de la web ( edav)_CIPA 5_ pedagogia
 
Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...
Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...
Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...
 
RES - Transferencia de Estado Representacional
RES - Transferencia de Estado RepresentacionalRES - Transferencia de Estado Representacional
RES - Transferencia de Estado Representacional
 
Paper ieee
Paper ieeePaper ieee
Paper ieee
 
3 ultimas capas del modelo osi
3 ultimas capas del modelo osi 3 ultimas capas del modelo osi
3 ultimas capas del modelo osi
 
Herramientas web 3.0
Herramientas web 3.0Herramientas web 3.0
Herramientas web 3.0
 
9-Unidad 3: Diseños de Vista-3.1 Creación Web Services
9-Unidad 3: Diseños de Vista-3.1 Creación Web Services9-Unidad 3: Diseños de Vista-3.1 Creación Web Services
9-Unidad 3: Diseños de Vista-3.1 Creación Web Services
 
Presentación servicios web
Presentación servicios webPresentación servicios web
Presentación servicios web
 
Arquitectura de paginas web
Arquitectura de paginas webArquitectura de paginas web
Arquitectura de paginas web
 
Diapositivas servicios web
Diapositivas servicios webDiapositivas servicios web
Diapositivas servicios web
 
Servicios Web
Servicios  WebServicios  Web
Servicios Web
 
Servicios web xml
Servicios web xmlServicios web xml
Servicios web xml
 
Servicios Web
Servicios WebServicios Web
Servicios Web
 
Presentacion de informatica
Presentacion de informaticaPresentacion de informatica
Presentacion de informatica
 
Java Web - Introduccion
Java Web - IntroduccionJava Web - Introduccion
Java Web - Introduccion
 
Servicios web
Servicios webServicios web
Servicios web
 
Proyecto
ProyectoProyecto
Proyecto
 
Administración de datos en dispositivos móviles
Administración de datos en dispositivos móvilesAdministración de datos en dispositivos móviles
Administración de datos en dispositivos móviles
 

Similar a El lenguaje de la web

Similar a El lenguaje de la web (20)

Servicios web
Servicios webServicios web
Servicios web
 
repaso computacion
repaso computacionrepaso computacion
repaso computacion
 
Herramientas de Programacion Cliente Servidor
Herramientas de Programacion Cliente ServidorHerramientas de Programacion Cliente Servidor
Herramientas de Programacion Cliente Servidor
 
Marco conceptual
Marco conceptualMarco conceptual
Marco conceptual
 
Arquitectura Web y Aplicaciones web (Infografia)
Arquitectura Web y Aplicaciones web (Infografia)Arquitectura Web y Aplicaciones web (Infografia)
Arquitectura Web y Aplicaciones web (Infografia)
 
Web services
Web servicesWeb services
Web services
 
CONCEPTOS WEB
CONCEPTOS WEBCONCEPTOS WEB
CONCEPTOS WEB
 
El lenguaje de_la_web_
El lenguaje de_la_web_El lenguaje de_la_web_
El lenguaje de_la_web_
 
Modulo n°2pok
Modulo n°2pokModulo n°2pok
Modulo n°2pok
 
Arquitectura Web y Aplicaciones web [Infografia]
Arquitectura Web y Aplicaciones web [Infografia]Arquitectura Web y Aplicaciones web [Infografia]
Arquitectura Web y Aplicaciones web [Infografia]
 
ingenieria web.pptx
ingenieria web.pptxingenieria web.pptx
ingenieria web.pptx
 
Ekipo 2
Ekipo 2Ekipo 2
Ekipo 2
 
Revision de tecnologias web
Revision de tecnologias webRevision de tecnologias web
Revision de tecnologias web
 
EQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILASEQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILAS
 
Arquitectura de desarrollo web
Arquitectura de desarrollo webArquitectura de desarrollo web
Arquitectura de desarrollo web
 
Mapa final-poster
Mapa final-posterMapa final-poster
Mapa final-poster
 
Mapa final-poster
Mapa final-posterMapa final-poster
Mapa final-poster
 
Infraestructura tecnologica1
Infraestructura tecnologica1Infraestructura tecnologica1
Infraestructura tecnologica1
 
Herramientas web
Herramientas webHerramientas web
Herramientas web
 
Fundamentos tecnologías web
Fundamentos tecnologías webFundamentos tecnologías web
Fundamentos tecnologías web
 

Más de JuanPantoja22

Analisis del packaging de colgate
Analisis del packaging de colgateAnalisis del packaging de colgate
Analisis del packaging de colgateJuanPantoja22
 
Evolución Histórica del Packaging
Evolución Histórica del PackagingEvolución Histórica del Packaging
Evolución Histórica del PackagingJuanPantoja22
 
Recorrido visual, espacio de arte, espacio cóncavo y convexo, urbanismo
 Recorrido visual, espacio de arte, espacio cóncavo y convexo, urbanismo Recorrido visual, espacio de arte, espacio cóncavo y convexo, urbanismo
Recorrido visual, espacio de arte, espacio cóncavo y convexo, urbanismoJuanPantoja22
 
Perspectiva 2 puntos_de_fuga
Perspectiva 2 puntos_de_fugaPerspectiva 2 puntos_de_fuga
Perspectiva 2 puntos_de_fugaJuanPantoja22
 
Perspectiva un punto_de_fuga
Perspectiva un punto_de_fugaPerspectiva un punto_de_fuga
Perspectiva un punto_de_fugaJuanPantoja22
 
Babel: El lenguaje de la tecnología
Babel: El lenguaje de la tecnologíaBabel: El lenguaje de la tecnología
Babel: El lenguaje de la tecnologíaJuanPantoja22
 

Más de JuanPantoja22 (10)

Analisis del packaging de colgate
Analisis del packaging de colgateAnalisis del packaging de colgate
Analisis del packaging de colgate
 
Evolución Histórica del Packaging
Evolución Histórica del PackagingEvolución Histórica del Packaging
Evolución Histórica del Packaging
 
Recorrido visual, espacio de arte, espacio cóncavo y convexo, urbanismo
 Recorrido visual, espacio de arte, espacio cóncavo y convexo, urbanismo Recorrido visual, espacio de arte, espacio cóncavo y convexo, urbanismo
Recorrido visual, espacio de arte, espacio cóncavo y convexo, urbanismo
 
PROPORCIÓN ÁUREA
PROPORCIÓN ÁUREAPROPORCIÓN ÁUREA
PROPORCIÓN ÁUREA
 
Perspectiva 2 puntos_de_fuga
Perspectiva 2 puntos_de_fugaPerspectiva 2 puntos_de_fuga
Perspectiva 2 puntos_de_fuga
 
Perspectiva un punto_de_fuga
Perspectiva un punto_de_fugaPerspectiva un punto_de_fuga
Perspectiva un punto_de_fuga
 
Ejercicio sketchup
Ejercicio sketchupEjercicio sketchup
Ejercicio sketchup
 
Método monje
Método monjeMétodo monje
Método monje
 
Diseno Arquigrafico
Diseno ArquigraficoDiseno Arquigrafico
Diseno Arquigrafico
 
Babel: El lenguaje de la tecnología
Babel: El lenguaje de la tecnologíaBabel: El lenguaje de la tecnología
Babel: El lenguaje de la tecnología
 

Último

plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoJorge Fernandez
 
Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdforianaandrade11
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisbrasilyamile
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Modernasofpaolpz
 
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wrightimariagsg
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHEgonzalezdfidelibus
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfPapiElMejor1
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfBrbara57940
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoWilsonChambi4
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMNaza59
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)LeonardoDantasRivas
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Roheimariagsg
 

Último (20)

plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Maquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdfMaquetas-modelos-prototipos-Mapa mental-.pdf
Maquetas-modelos-prototipos-Mapa mental-.pdf
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratis
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
 
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna  Walter Gropius- Frank Lloyd WrightArquitectura Moderna  Walter Gropius- Frank Lloyd Wright
Arquitectura Moderna Walter Gropius- Frank Lloyd Wright
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdf
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSM
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
 

El lenguaje de la web

  • 1. “El lenguaje de la Web” Diseño Gráfico Digital Diseño Multimedial I 6to cuatrimestre Autor: Juan Pablo Pantoja Márquez Omar Ahmed Gaspar Ibarra
  • 2. Lenguajes para aplicaciones Web Es el lenguaje de marcado predominante para la construcción de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes.
  • 3. Estructura BÁsica Sirve para definir diversos valores válidos en todo el documento; y el cuerpo, delimitado por <body> y </body>, donde reside la información del documento. El cuerpo de un documento HTML contiene el texto que, con la presentación y los efectos que se decidan. Dichos efectos se especifican exclusivamente a través de directivas.
  • 4. Tres CaracterÍsticas de el lenguaje de la web 1. Este lenguaje se puede integrar con todas las diferentes tecnologías de desarrollo web tales como: ASP, PHP, JSP y HTML. 2. Es interpretado por el navegador web de los usuarios. 3. Es soportado por todos los servidores.
  • 5. Formato de las etiquetas Cada elemento de un documento HTML consta de una etiqueta de comienzo, un bloque de texto y una etiqueta de fin con el siguiente formato: bloque de texto . Estos elementos se denominan contenedores, porque contienen un bloque de texto entre las etiquetas de comienzo y fin.
  • 6. EstructuraciÓn HTML tiene unas reglas estructurales que indican dónde pueden y no pueden ir los elementos. Tenemos el ejemplo de los titulares, que son independientes entre ellos, no pudiendo contenerse unos a otros. Las etiquetas tienen que seguir un orden primordial, las primeras que se abren son las últimas que se cierran.
  • 7. ServidoresWeb El lenguaje HTML tiene que ser incluido en todos los lenguajes de programación de páginas web con la finalidad de presentar la información de una forma amigable, por lo que se puede montar en cualquier servidor existente.
  • 8. SERVIDOR WEB APACHE Es un servidor web HTTP de código abierto para plataformas Unix, Microsoft, Windows, Macintosh y otras, que implementa el protocolo HTTP.
  • 9. Interfaz de entrada comÚn (CGI) Solo se podía apreciar texto, imágenes y enlaces. En los navegadores permitió mayor interactividad entre el usuario y el cliente. es una importante tecnología de la World Wide Web que permite a un cliente solicitar datos de un programa ejecutado en un servidor Web. CGI especifica un estándar para transferir datos entre el cliente y el programa. Es un mecanismo de comunicación entre el servidor Web.
  • 10. Funcionamiento de un CGI El servidor recibe una petición del cliente ha activado un URL que contiene el CGI y comprueba si se trata de una invocación de un CGI. El servidor prepara el entorno para ejecutar la aplicación. Esta información procede mayoritariamente del cliente. El servidor ejecuta la aplicación, capturando su salida estándar. La aplicación realiza su función: como consecuencia de su actividad se va generando un objeto. Cuando la aplicación finaliza, el servidor envía la información producida al cliente.
  • 11. Active Server Pages (asp) Es una tecnología de Microsoft del tipo lado del servidor para páginas web generadas dinámicamente, que ha sido comercializada como un anexo a Internet Information Services, Servicios de Internet.
  • 12. Hypertext Pre-processor (PHP) Es un lenguaje de programación interpretado, diseñado originalmente para la creación de páginas web. Es usado principalmente en interpretación del lado del servidor pero actualmente puede ser utilizado desde una interfaz de línea de comandos o en la creación de otros tipos de programas incluyendo aplicaciones con interfaz gráfica.
  • 13. Java Server Page (jsp) Se refiere a un tipo especial de páginas HTML, en las cuales se insertan pequeños programas que corren sobre Internet se procesan en línea para finalmente desplegar un resultado final al usuario en forma de HTML. Por lo general dichos programas hacen consultas a bases de datos y dependiendo del resultado que se despliegue será la información que se muestre a cada usuario de manera individual.
  • 14. ComputaciÓn Distribuida Es una red de computadoras en la que todos o algunos aspectos de esta funcionan sin clientes ni servidores fijos, sino una serie de nodos que se comportan como iguales entre sí. Actúan simultáneamente como clientes y servidores.
  • 15. Redes centralizadas Se basa en una arquitectura monolítica en la que todas las transacciones se hacen a través de un único servidor que sirve de punto de enlace entre dos nodos y que, a la vez, almacena y distribuye los nodos donde se almacenan los contenidos. Poseen una administración muy dinámica y una disposición más permanente de contenido.
  • 16. Redes puras o totalmente descentralizadas Permite una reducción de la necesidad de usar un servidor central, por lo que se opta por los mismos usuarios como nodos de esas conexiones y también como almacenistas de esa información. Las comunicaciones son directamente de usuario a usuario con ayuda de un nodo (que es otro usuario) quien permite enlazar esas comunicaciones.
  • 17. Redes híbridas o mixtas Se puede observar la interacción entre un servidor central que sirve como switch y administra los recursos de banda ancha, enrutamientos y comunicación entre nodos pero sin saber la identidad de cada nodo y sin almacenar información alguna, por lo que el servidor no comparte archivos de ningún tipo a ningún nodo
  • 18. Objetivos • Su objetivo primordial es beneficiarse de los recursos distribuidos compartidos como el porcentaje de CPU, ancho de banda o espacio de almacenamiento entre los diferentes nodos que conforman la red. • Otro objetivo importante en las redes es que todos los clientes que se conecten a ella, le proveen recursos incluyendo banda ancha, espacio de almacenamiento y procesamiento de cómputo.
  • 19. Grid Computing Es el conjunto de computadoras conectadas de manera paralela y distribuida con el objetivo de compartir recursos. Está formada por todo tipo de computadoras. La unión de estas computadoras depende del objetivo que se persiga, se pueden utilizar para encontrar la solución de problemas para búsqueda de información y análisis de información.
  • 20. Middleware Es un software de conectividad que ofrece un conjunto de servicios que hacen posible el funcionamiento de aplicaciones distribuidas sobre plataformas heterogéneas.
  • 21. Web Services Es un conjunto de protocolos y estándares que sirven para intercambiar datos entre aplicaciones. Aplicaciones distintas de software desarrolladas en lenguajes de programación diferentes, y ejecutadas sobre cualquier plataforma, pueden utilizar los servicios web para intercambiar datos en redes de ordenadores como Internet.
  • 23. Algoritmos de bÚsqueda Es una lista bien definida, ordenada y finita de operaciones que permite hallar la solución a un problema. Un algoritmo puede escribirse en pseudocódigo, lo que también los hace fáciles de entender. En programación, los algoritmos se implementan en forma de sentencias en algún lenguaje de programación.
  • 24. Motor de bÚsqueda Es un sistema informático que tiene archivos almacenados en servidores web. Son los buscadores de Internet algunos buscan sólo información sobre algún tema. Las búsquedas se hacen con palabras clave el resultado de la búsqueda es un listado de direcciones Web en los que se mencionan temas relacionados con las palabras clave buscadas.
  • 25. CÓmputo MÓvil Es un computador de mano originalmente diseñado como agenda electrónica con un sistema de reconocimiento de escritura. Se puede usar como una computadora doméstica crear documentos, correo electrónico y navegar por Internet.
  • 26. Usos en automÓviles Son usados en vehículos para poder usar y es por esto que cada vez es más común encontrarlos por defecto en muchos vehículos nuevos. Algunos sistemas pueden también mostrar las condiciones del tráfico.
  • 28. Redes Sociales Las redes sociales en Internet han ganado su lugar de una manera vertiginosa convirtiéndose en promisorios negocios para empresas y sobretodo en lugares para encuentros humanos. Las Redes son formas de interacción social, definida como un intercambio dinámico entre personas, grupos e instituciones en contextos de complejidad. La posibilidad de interactuar con otras personas aunque no las conozcamos, el sistema es abierto
  • 30. DiseÑo • Usar tipografías, estilos adecuados y con moderación. • Usar combinación de colores estridentes. • Uso de modelador de color. • Utilizar hojas estilo predefinidas. • Encontrar un equilibrio entre texto e imágenes.
  • 31. tipografÍa y diseÑo • Tipografía hace referencia a los tipos y tamaños de fuentes utilizadas. • Color hace referencia al color de fondo o de un tipo de letra determinado. • Diseño grafico.
  • 32. Sistemas de informaciÓn Internet fue ganando un lugar como una gran herramienta para vender, por lo que no fue solo suficiente utilizarla como medio publicitario también se realiza ventas en línea, mostrar catálogos de productos, sistemas de venta y que la empresa matriz tenga el control de las bases de datos, vino a ser un parte en el desarrollo de sistemas.
  • 33. Seguridaden Aplicaciones Web La lógica, la escritura de código y el contenido de una aplicación web. toda aplicación web, requiere de un entorno conformado por elementos externos, tales como sistemas operativos, servidor web y servicios. Para poder cumplir su función, los inconvenientes o controles relativos a estos últimos, no deben ser considerados problemas propios de la aplicación web.
  • 34. Multimedia Los dispositivos para navegar en la Web han evolucionado en los últimos años de forma exponencial teléfonos móviles de última generación pantallas táctiles en automóviles. Ha quedado atrás la introducción simple de texto e imágenes, siendo sustituida por la posibilidad de incorporar una gran variedad de objetos, como pueden ser archivos de sonido, vídeo y animación, con el objetivo de enriquecer la experiencia del usuario.