SlideShare una empresa de Scribd logo
Programación
web seguras
oRuth Rogel
oErick Rodriguez
oMelina Ruiz
oJeandry Mayon
Lenguajes para el
desarrollo de
contenido dinámico
Lenguajes para el desarrollo de contenido dinámico
La programación del lado del cliente y del lado del servidor tienen pros
y contras. En lugar de tratar de elegir un método para crear páginas
web dinámicas, se pueden utilizar ambos al mismo tiempo.
Se puede insertar fácilmente el código de programación del lado del
cliente y del lado del servidor en la misma página web para ejecutar
en el servidor, como se muestra a continuación.
CGI
• Uno de los primeros intentos de soporte de programación del lado del servidor fue la "interfaz
de puerto de enlace común" (CGI) del servidor web Apache.
• Permitía a los programadores incorporar código de script comúnmente utilizado en la
plataforma Unix para generar HTML de forma dinámica.
JAVA
• Uno de los primeros intentos de un lenguaje de programación controlado del lado del servidor
fue Java.
• El lenguaje JSP requiere que se tenga un compilador Java en el servidor web. El servidor web
detecta el código de Java en el código
ASP.NET
• La .NETfamily incluye Visual Basic .NET, C#, J# e incluso Delphi.NET. Esto permite
aprovechar el mismo código que usa para crear aplicaciones de escritorio de Windows, para
crear páginas web dinámicas.
Java
Script
• El mismo lenguaje JavaScript que es popular en el mundo de la programación del lado del
cliente ahora está comenzando a avanzar como un lenguaje de programación del lado del
servidor.
Estructura general
de un programa,
Funciones y
almacenamiento de
datos en lenguaje de
guion.
Un programa es un conjunto
de comandos que se
ejecutan
secuencialmente, con
el propósito de realizar
una acción
determinada.
Estructura general de un programa, Funciones y almacenamiento de
datos en lenguaje de guion.
Inicio
Nombre del
programa,
descripción
general, nombre
del autor, fecha de
elaboración, etc.
Bloque General
Los comandos u
ordenes
pendientes para
que el programa
realice aquello
para lo que fue
diseñado
Final
Resultados
obtenidos.
• Una función es un programa pero con una particularidad, necesita de uno o
varios argumentos de entrada.
Estructura general de una función
Lenguaje de Guiones o
Script
Lenguajes de ordenes (command
lenguajes, Shell lenguages) Rexx, Tcl, Perl, Phyton, Ruby VBScript. JavaScript
A veces es difícil determinar a que
categoría corresponde un
lenguaje de programación en
particular, ya que las
características indicadas pueden
darse en mayor o menos grado.
Clases de lenguajes
Estructura general de un programa, Funciones y almacenamiento de
datos en lenguaje de guion.
Integración de
elementos
multimedia en
páginas web.
Integración de elementos multimedia en páginas web.
Imágenes en HTML: El elemento de
imagen HTML <img> representa una
imagen en el documento. El elemento
HTML <figure> representa contenido
independiente a menudo con un
titulo.
Contenido de audio y video: El
elemento video se utiliza para
incrustar videos en un documento
HTML o XHTML. El elemento audio se
usa para insertar contenido de audio
de la misma manera.. El elemento
audio se agregó como parte de HTML
5.
Gráficos vectoriales
en la web: Los
gráficos vectoriales
pueden ser muy útiles
en ciertas situaciones.
A diferencia de los
formatos normales
como PNG/JPG, estos
no se distorsionan o
pixelean cuando se los
amplían.
Imágenes receptivas: Las
imágenes responsivas
ayudan a mejorar el
rendimiento en diferentes
dispositivos. Las imágenes
responsivas son una parte
del diseño responsivo.
Otras tecnologías de inserción: Algunos
de los elementos que permiten insertar una
amplia variedad de tipos de contenido e las
paginas web con <iframe>,<embed> y
<fobject>. Iframe permite incluir otras
paginas web y el resto permiten insertar
archivos de formato PDF, SGV, etc.
Accesibilidad Web
 Accesibilidad Web significa que sitios web, herramientas y tecnologías
están diseñadas y desarrolladas de tal manera que las personas con
discapacidades pueden usarlas.
 Indica la capacidad de acceso a la Web y a sus contenidos por todas las
personas.
 Esta cualidad está íntimamente relacionada con la usabilidad
Accesibilidad Web
Concepto
 La Accesibilidad web abarca todas las discapacidades que afectan al
acceso a la Web, incluyendo:
Accesibilidad Web
Concepto
• Auditivas
• Cognitivas
• Neurológicas
• Físicas
• Del Habla
• Visuales
Modelo de referencia
Accesibilidad al
contenido en la
web (WCAG)
Accesibilidad para
Herramientas de
autor (ATAG)
Accesibilidad para
Agentes de
Usuario (UAAG)
13
Accesibilidad Web
Importancia
Disminuye los costes
del desarrollo y
mantenimiento.
Aumenta el numero
de potenciales
visitantes de la
pagina web.
Reduce el tiempo de
carga de las paginas
web y la carga del
servidor web.
Aumenta la
usabilidad de la
pagina web.
14
Accesibilidad Web
15

Más contenido relacionado

PPTX
Dinamicas
PPT
INTRODUCCION AL LA PROGRAMACION WEB.ppt
PPT
introduccionallaprogramacionweb-230123213144-47a8fc90.ppt
PPTX
Que es una pagina web
DOCX
Desarrollo de la web.adriana
PDF
Programacion Internet
PPTX
Introdución a la programación web
Dinamicas
INTRODUCCION AL LA PROGRAMACION WEB.ppt
introduccionallaprogramacionweb-230123213144-47a8fc90.ppt
Que es una pagina web
Desarrollo de la web.adriana
Programacion Internet
Introdución a la programación web

Similar a Programacion-Web-Segura.pptx (20)

PDF
Clase 2 Lenguajes de Programación Web
PPT
Tecnologías Web
PDF
Programacion web al lado del servidor.pdf
PDF
los diferentes lenguajes de programación para-la-web
PDF
los-diferentes-lenguajes-de-programacion-para-la-web
PPTX
PROGRAMACIÓN PARA INTERNET lo básico en WEB
DOCX
Sistemas Operativos
PPTX
El lenguaje de la web
PPT
Ruben fuentes programacion_web
PPTX
Herramientas SI para Aplicaciones Web - Gianni Rodriguez
DOC
Lenguajes de programacion web
DOC
Lenguajes de programacion web
PDF
PHP, casos de éxito y comparativas con otros lenguajes
PDF
Lenguajes de diseño
DOCX
Los diferentes lenguajes de programación para la web
DOCX
Los diferentes lenguajes de programación para la web
PPTX
"Publicar en Internet"
PPTX
Diapositivasblog
PPTX
Programacion web c5 programacion del lado servidor
PPTX
Diapositivasblog
Clase 2 Lenguajes de Programación Web
Tecnologías Web
Programacion web al lado del servidor.pdf
los diferentes lenguajes de programación para-la-web
los-diferentes-lenguajes-de-programacion-para-la-web
PROGRAMACIÓN PARA INTERNET lo básico en WEB
Sistemas Operativos
El lenguaje de la web
Ruben fuentes programacion_web
Herramientas SI para Aplicaciones Web - Gianni Rodriguez
Lenguajes de programacion web
Lenguajes de programacion web
PHP, casos de éxito y comparativas con otros lenguajes
Lenguajes de diseño
Los diferentes lenguajes de programación para la web
Los diferentes lenguajes de programación para la web
"Publicar en Internet"
Diapositivasblog
Programacion web c5 programacion del lado servidor
Diapositivasblog
Publicidad

Último (14)

PDF
Herramientaa de google google keep, maps.pdf
PPTX
PRESENTACION NIA 220 idhsahdjhJKSDHJKSHDJSHDJKHDJHSAJDHJKSAHDJkhjskdhasjdhasj...
PPTX
Presentación de un estudio de empresa pp
PDF
Frases de Fidel Castro. Compilación Norelys Morales Aguilera
PPTX
Plantilla-Hardware-Informático-oficce.pptx
PPTX
Qué es Google Classroom Insertar SlideShare U 6.pptx
PPTX
Guia de power bi de cero a avanzado detallado
PPT
laser seguridad a la salud humana de piel y vision en laser clase 4
PDF
CAPACITACIÓN MIPIG - MODELO INTEGRADO DE PLANEACIÓN Y GESTIÓN
PDF
LA INTELIGENCIA ARTIFICAL SU HISTORIA Y EL FUTURO
PPTX
presentacion_energias_renovables_renovable_.pptx
PPTX
Evolución de la computadora ACTUALMENTE.pptx
PPTX
FUNCIONES DE CLASSROOM EN EL FUNCIONAMIENTO ESCOLAR
PDF
[Ebook gratuito] Introducción a la IA Generativa, Instalación y Configuración...
Herramientaa de google google keep, maps.pdf
PRESENTACION NIA 220 idhsahdjhJKSDHJKSHDJSHDJKHDJHSAJDHJKSAHDJkhjskdhasjdhasj...
Presentación de un estudio de empresa pp
Frases de Fidel Castro. Compilación Norelys Morales Aguilera
Plantilla-Hardware-Informático-oficce.pptx
Qué es Google Classroom Insertar SlideShare U 6.pptx
Guia de power bi de cero a avanzado detallado
laser seguridad a la salud humana de piel y vision en laser clase 4
CAPACITACIÓN MIPIG - MODELO INTEGRADO DE PLANEACIÓN Y GESTIÓN
LA INTELIGENCIA ARTIFICAL SU HISTORIA Y EL FUTURO
presentacion_energias_renovables_renovable_.pptx
Evolución de la computadora ACTUALMENTE.pptx
FUNCIONES DE CLASSROOM EN EL FUNCIONAMIENTO ESCOLAR
[Ebook gratuito] Introducción a la IA Generativa, Instalación y Configuración...
Publicidad

Programacion-Web-Segura.pptx

  • 1. Programación web seguras oRuth Rogel oErick Rodriguez oMelina Ruiz oJeandry Mayon
  • 2. Lenguajes para el desarrollo de contenido dinámico
  • 3. Lenguajes para el desarrollo de contenido dinámico La programación del lado del cliente y del lado del servidor tienen pros y contras. En lugar de tratar de elegir un método para crear páginas web dinámicas, se pueden utilizar ambos al mismo tiempo. Se puede insertar fácilmente el código de programación del lado del cliente y del lado del servidor en la misma página web para ejecutar en el servidor, como se muestra a continuación.
  • 4. CGI • Uno de los primeros intentos de soporte de programación del lado del servidor fue la "interfaz de puerto de enlace común" (CGI) del servidor web Apache. • Permitía a los programadores incorporar código de script comúnmente utilizado en la plataforma Unix para generar HTML de forma dinámica. JAVA • Uno de los primeros intentos de un lenguaje de programación controlado del lado del servidor fue Java. • El lenguaje JSP requiere que se tenga un compilador Java en el servidor web. El servidor web detecta el código de Java en el código ASP.NET • La .NETfamily incluye Visual Basic .NET, C#, J# e incluso Delphi.NET. Esto permite aprovechar el mismo código que usa para crear aplicaciones de escritorio de Windows, para crear páginas web dinámicas. Java Script • El mismo lenguaje JavaScript que es popular en el mundo de la programación del lado del cliente ahora está comenzando a avanzar como un lenguaje de programación del lado del servidor.
  • 5. Estructura general de un programa, Funciones y almacenamiento de datos en lenguaje de guion.
  • 6. Un programa es un conjunto de comandos que se ejecutan secuencialmente, con el propósito de realizar una acción determinada. Estructura general de un programa, Funciones y almacenamiento de datos en lenguaje de guion. Inicio Nombre del programa, descripción general, nombre del autor, fecha de elaboración, etc. Bloque General Los comandos u ordenes pendientes para que el programa realice aquello para lo que fue diseñado Final Resultados obtenidos. • Una función es un programa pero con una particularidad, necesita de uno o varios argumentos de entrada. Estructura general de una función
  • 7. Lenguaje de Guiones o Script Lenguajes de ordenes (command lenguajes, Shell lenguages) Rexx, Tcl, Perl, Phyton, Ruby VBScript. JavaScript A veces es difícil determinar a que categoría corresponde un lenguaje de programación en particular, ya que las características indicadas pueden darse en mayor o menos grado. Clases de lenguajes Estructura general de un programa, Funciones y almacenamiento de datos en lenguaje de guion.
  • 9. Integración de elementos multimedia en páginas web. Imágenes en HTML: El elemento de imagen HTML <img> representa una imagen en el documento. El elemento HTML <figure> representa contenido independiente a menudo con un titulo. Contenido de audio y video: El elemento video se utiliza para incrustar videos en un documento HTML o XHTML. El elemento audio se usa para insertar contenido de audio de la misma manera.. El elemento audio se agregó como parte de HTML 5. Gráficos vectoriales en la web: Los gráficos vectoriales pueden ser muy útiles en ciertas situaciones. A diferencia de los formatos normales como PNG/JPG, estos no se distorsionan o pixelean cuando se los amplían. Imágenes receptivas: Las imágenes responsivas ayudan a mejorar el rendimiento en diferentes dispositivos. Las imágenes responsivas son una parte del diseño responsivo. Otras tecnologías de inserción: Algunos de los elementos que permiten insertar una amplia variedad de tipos de contenido e las paginas web con <iframe>,<embed> y <fobject>. Iframe permite incluir otras paginas web y el resto permiten insertar archivos de formato PDF, SGV, etc.
  • 11.  Accesibilidad Web significa que sitios web, herramientas y tecnologías están diseñadas y desarrolladas de tal manera que las personas con discapacidades pueden usarlas.  Indica la capacidad de acceso a la Web y a sus contenidos por todas las personas.  Esta cualidad está íntimamente relacionada con la usabilidad Accesibilidad Web Concepto
  • 12.  La Accesibilidad web abarca todas las discapacidades que afectan al acceso a la Web, incluyendo: Accesibilidad Web Concepto • Auditivas • Cognitivas • Neurológicas • Físicas • Del Habla • Visuales
  • 13. Modelo de referencia Accesibilidad al contenido en la web (WCAG) Accesibilidad para Herramientas de autor (ATAG) Accesibilidad para Agentes de Usuario (UAAG) 13 Accesibilidad Web
  • 14. Importancia Disminuye los costes del desarrollo y mantenimiento. Aumenta el numero de potenciales visitantes de la pagina web. Reduce el tiempo de carga de las paginas web y la carga del servidor web. Aumenta la usabilidad de la pagina web. 14 Accesibilidad Web
  • 15. 15