SlideShare una empresa de Scribd logo
1 de 34
Descargar para leer sin conexión
“EllenguajedelaWeb”Diseño Gráfico Digital
Diseño Multimedial I
6to cuatrimestre
Autor: Juan Pablo Pantoja Márquez
Omar Ahmed Gaspar Ibarra
LenguajesparaaplicacionesWeb
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.
EstructuraBÁ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.
TresCaracterÍsticasdeel
lenguajedelaweb
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.
Formatodelasetiquetas
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.
SERVIDORWEBAPACHE
Es un servidor web HTTP de código abierto para plataformas Unix,
Microsoft, Windows, Macintosh y otras, que implementa el protocolo HTTP.
InterfazdeentradacomÚ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.
FuncionamientodeunCGI
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.
ActiveServerPages(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.
HypertextPre-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.
JavaServerPage(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ÓnDistribuida
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.
Redescentralizadas
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.
Redespurasototalmente
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.
GridComputing
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.
WebServices
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Úsquedade
InformaciÓn
AlgoritmosdebÚ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.
MotordebÚ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ÓmputoMÓ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.
UsosenautomÓ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.
AplicacionesWebActuales
RedesSociales
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Ñodeinterfaces
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ÍaydiseÑ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.
SistemasdeinformaciÓ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.
SeguridadenAplicacionesWeb
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

kbee.spaces
kbee.spaceskbee.spaces
kbee.spacesatolomei
 
Angel ruiz g151 tendencia de la web
Angel ruiz g151 tendencia de la webAngel ruiz g151 tendencia de la web
Angel ruiz g151 tendencia de la webAngel Ruiz
 
Web Semantica. La nueva Generación de Portales. (Infotec - SemanticWebBuilder...
Web Semantica. La nueva Generación de Portales. (Infotec - SemanticWebBuilder...Web Semantica. La nueva Generación de Portales. (Infotec - SemanticWebBuilder...
Web Semantica. La nueva Generación de Portales. (Infotec - SemanticWebBuilder...Víctor Jesús Hernández
 
Presentación1
Presentación1Presentación1
Presentación1Angel Ruiz
 
RES - Transferencia de Estado Representacional
RES - Transferencia de Estado RepresentacionalRES - Transferencia de Estado Representacional
RES - Transferencia de Estado RepresentacionalRobert Caraguay
 
Multimedia paola sosa diapositiva
Multimedia paola sosa  diapositivaMultimedia paola sosa  diapositiva
Multimedia paola sosa diapositivapaola sosa
 
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
 
Arquitectura de paginas web
Arquitectura de paginas webArquitectura de paginas web
Arquitectura de paginas webAime Rodriguez
 
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
 
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
 
Herramientas web 3.0
Herramientas web 3.0Herramientas web 3.0
Herramientas web 3.0Angel Soria
 

La actualidad más candente (18)

Ugmmontoya
UgmmontoyaUgmmontoya
Ugmmontoya
 
kbee.spaces
kbee.spaceskbee.spaces
kbee.spaces
 
Proyecto
ProyectoProyecto
Proyecto
 
Angel ruiz g151 tendencia de la web
Angel ruiz g151 tendencia de la webAngel ruiz g151 tendencia de la web
Angel ruiz g151 tendencia de la web
 
Web Semantica. La nueva Generación de Portales. (Infotec - SemanticWebBuilder...
Web Semantica. La nueva Generación de Portales. (Infotec - SemanticWebBuilder...Web Semantica. La nueva Generación de Portales. (Infotec - SemanticWebBuilder...
Web Semantica. La nueva Generación de Portales. (Infotec - SemanticWebBuilder...
 
Presentación1
Presentación1Presentación1
Presentación1
 
RES - Transferencia de Estado Representacional
RES - Transferencia de Estado RepresentacionalRES - Transferencia de Estado Representacional
RES - Transferencia de Estado Representacional
 
Multimedia paola sosa diapositiva
Multimedia paola sosa  diapositivaMultimedia paola sosa  diapositiva
Multimedia paola sosa diapositiva
 
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...
 
SemanticWebBuilder
SemanticWebBuilderSemanticWebBuilder
SemanticWebBuilder
 
Paper ieee
Paper ieeePaper ieee
Paper ieee
 
Arquitectura de paginas web
Arquitectura de paginas webArquitectura de paginas web
Arquitectura de paginas web
 
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
 
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
 
Herramientas web 3.0
Herramientas web 3.0Herramientas web 3.0
Herramientas web 3.0
 
Conocimientos de aplicaciones web
Conocimientos de aplicaciones webConocimientos de aplicaciones web
Conocimientos de aplicaciones web
 
Conceptos
ConceptosConceptos
Conceptos
 
S4-PD2-REST-REST FULL
S4-PD2-REST-REST FULLS4-PD2-REST-REST FULL
S4-PD2-REST-REST FULL
 

Similar a EL LENGUAJE DE LA WEB

Similar a EL LENGUAJE DE LA WEB (20)

Servicios web
Servicios webServicios web
Servicios web
 
Marco conceptual
Marco conceptualMarco conceptual
Marco conceptual
 
repaso computacion
repaso computacionrepaso computacion
repaso computacion
 
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_
 
Herramientas de Programacion Cliente Servidor
Herramientas de Programacion Cliente ServidorHerramientas de Programacion Cliente Servidor
Herramientas de Programacion Cliente Servidor
 
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)
 
Web services
Web servicesWeb services
Web services
 
diseño de arquitectura de un sistema de informacion
diseño de arquitectura de un sistema de informaciondiseño de arquitectura de un sistema de informacion
diseño de arquitectura de un sistema de informacion
 
Arquitectura de desarrollo web
Arquitectura de desarrollo webArquitectura de desarrollo web
Arquitectura de desarrollo web
 
Arquitectura Web y Aplicaciones web [Infografia]
Arquitectura Web y Aplicaciones web [Infografia]Arquitectura Web y Aplicaciones web [Infografia]
Arquitectura Web y Aplicaciones web [Infografia]
 
Katy lopez
Katy lopezKaty lopez
Katy lopez
 
Infraestructura tecnologica1
Infraestructura tecnologica1Infraestructura tecnologica1
Infraestructura tecnologica1
 
ingenieria web.pptx
ingenieria web.pptxingenieria web.pptx
ingenieria web.pptx
 
Mapa final-poster
Mapa final-posterMapa final-poster
Mapa final-poster
 
Mapa final-poster
Mapa final-posterMapa final-poster
Mapa final-poster
 
Ekipo 2
Ekipo 2Ekipo 2
Ekipo 2
 
Revision de tecnologias web
Revision de tecnologias webRevision de tecnologias web
Revision de tecnologias web
 
Presentacion
PresentacionPresentacion
Presentacion
 

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

Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfduf110205
 
Plano de diseño de una Planta de tratamiento de aguas PTAP
Plano de diseño de una Planta de tratamiento de aguas  PTAPPlano de diseño de una Planta de tratamiento de aguas  PTAP
Plano de diseño de una Planta de tratamiento de aguas PTAPjuanrincon129309
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezNaza59
 
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
 
Calendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfCalendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfAsol7
 
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)lemg25102006
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabrielaMarcano12
 
brasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptxbrasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptxErikRamirez67
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .Rosa329296
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
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
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaCamilaIsabelaRodrigu
 
arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2dheribertaferrer
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfBrbara57940
 
ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...
ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...
ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...sayumi4
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizingagbhuizinga2000
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos documminipuw
 
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
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfitssmalexa
 
Curso Básico de Windows Word y PowerPoint.pdf
Curso Básico de Windows Word y PowerPoint.pdfCurso Básico de Windows Word y PowerPoint.pdf
Curso Básico de Windows Word y PowerPoint.pdfirisvanegas1990
 

Último (20)

Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdf
 
Plano de diseño de una Planta de tratamiento de aguas PTAP
Plano de diseño de una Planta de tratamiento de aguas  PTAPPlano de diseño de una Planta de tratamiento de aguas  PTAP
Plano de diseño de una Planta de tratamiento de aguas PTAP
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth Bermúdez
 
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
 
Calendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdfCalendario 2024 Santoral con fase lunar.pdf
Calendario 2024 Santoral con fase lunar.pdf
 
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimiento
 
brasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptxbrasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptx
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
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
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historia
 
arquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2darquitectura griega.pdf fghjdchjypiyez2d
arquitectura griega.pdf fghjdchjypiyez2d
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
 
ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...
ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...
ALICORP wdv ebwnskjdhejsklxkcnhbvjdkspdlfkjhdjisokdjchbvfnhjdkslkjdhfeiopweoi...
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizinga
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos docum
 
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)
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
 
Curso Básico de Windows Word y PowerPoint.pdf
Curso Básico de Windows Word y PowerPoint.pdfCurso Básico de Windows Word y PowerPoint.pdf
Curso Básico de Windows Word y PowerPoint.pdf
 

EL LENGUAJE DE LA WEB

  • 1. “EllenguajedelaWeb”Diseño Gráfico Digital Diseño Multimedial I 6to cuatrimestre Autor: Juan Pablo Pantoja Márquez Omar Ahmed Gaspar Ibarra
  • 2. LenguajesparaaplicacionesWeb 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. EstructuraBÁ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. TresCaracterÍsticasdeel lenguajedelaweb 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. Formatodelasetiquetas 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. SERVIDORWEBAPACHE Es un servidor web HTTP de código abierto para plataformas Unix, Microsoft, Windows, Macintosh y otras, que implementa el protocolo HTTP.
  • 9. InterfazdeentradacomÚ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. FuncionamientodeunCGI 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. ActiveServerPages(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. HypertextPre-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. JavaServerPage(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ÓnDistribuida 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. Redescentralizadas 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. Redespurasototalmente 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. GridComputing 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. WebServices 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. AlgoritmosdebÚ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. MotordebÚ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ÓmputoMÓ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. UsosenautomÓ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. RedesSociales 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ÍaydiseÑ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. SistemasdeinformaciÓ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. SeguridadenAplicacionesWeb 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.