PW

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.

8. Integración de
elementos
multimedia en
páginas web.

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.

10. Accesibilidad Web

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