INTRODUCCIÓN

La programación web es una de las disciplinas dentro del mundo de Internet que
más se ha desarrollado y no deja de sorprender día a día con las posibilidades
que abre y genera, ya que no sólo consigue satisfacer necesidades que se
generan, sino que la generación de necesidades ofrecen servicios a los usuarios
que éstos no habían imaginado.

Al princio, el gran desarrollo de Internet se fundamentó en la posibilidad de

enlazar a través de hipervínculos diferentes páginas web lo que generó la
enorme interconexión que es hoy Internet. Esta base que inició esta red, fue
desarrollada y generó el lenguaje ícono de las páginas web que es HTML.

Para realizar este trabajo teníamos que acudir al internet y así recopilar
informaciones netamente importantes, para ello acudimos a libros de pdf y
páginas que nos da información acerca del tema.

Los libros que se están usando son como: HTML5 este libro es la última versión
del lenguaje que se utiliza para programar. Arquitectura del desarrollo web que
nos da a conocer que todo programación tiene un inicio y final, pautas que nos
da cada paso que vamos a realizar a largo de ello. Ataques a Aplicaciones web,
en este ámbito podemos observar que aquí te da a conocer a cómo proteger tus
informaciones que lograste realizar ya que hay ataques de virus o alguien quiere
realizar algo inusual con el trabajo realizado. Desarrollo de aplicaciones web,
aquí llegaremos saber cómo es el proceso y la fuente acerca del tema.

Las ideas que se pueden encontrar aquí de los autores son distintas pero acerca
del mismo tema, pero todo con la misma finalidad debido a ellos aquí habrá
comparaciones y las opiniones de cada uno de ellos,

Este trabajo tiene como objetivo dar a conocer todo lo que es programación web,
sus autores de cada libro que lo desarrollaron, distintos métodos que sugieren
para realizar programación web, características principales y otras secuencias.
 CAPITULO I

I.- DISEÑO DE PÁGINA

1.1 Definición

Este entorno de programación aprovecha los avances en diseño de

interfaces para hacer que la programación sea más atractiva y accesible para
todo aquel que se enfrente por primera vez a aprender a programar. Según
sus creadores, fue diseñado como medio de expresión para ayudar a niños
y jóvenes a expresar sus ideas de forma creativa, al tiempo que desarrollan
habilidades de pensamiento algorítmico y de aprendizaje del Siglo XXI, a
medida que sus maestros superan modelos de educación tradicional en los
que utilizan las TIC simplemente para reproducir prácticas educativas
obsoletas. (GARCÍA, 2009 pag.38)

El Diseño web es un conjunto de buenas prácticas que se han venido

desarrollando en los últimos años para el desarrollo de sistemas web.
Aunque en la práctica muchas aplicaciones web se construyen con una
arquitectura ad-hoc, la presencia de patrones de diseño conduce a
soluciones estándares, fácilmente comprensibles y mantenerles por parte de
los desarrolladores. (Franco, 2009 pag. 6)

El Diseño web es un protocolo simple (HTTP) de acceso a documentos sobre

un transporte fiable como TCP. Un objetivo de diseño era la interactividad: el
cliente se conecta con el servidor web, solicita el documento (petición) e
inmediatamente lo recibe del servidor. Este esquema es rápido en
situaciones de tráfico en la Red y carga de los servidores reducida, pero no
es eficiente en situaciones de congestión. (Guillén, 2010 pag. 8)

El Diseño web esta basado con el lenguaje HTML (hypertext markup

language) se utiliza para crear documentos que muestren una estructura
de hipertexto. Un documento de hipertexto es aquel que contiene
información cruzada con otros documentos, lo cual nos permite pasar de un
documento al referenciado desde la misma aplicación con la que lo estamos
visualizando. HTML permite, además, crear documentos de tipo multimedia,
 es decir, que contengan información más allá de la simplemente textual.
(Mateu, 2010 pag.51)

El diseño de un sitio para que sea accesible no supone un incremento

significativo del coste de desarrollo. Algunos aspectos de la accesibilidad,
como el uso de las hojas de estilo, puede incluso reducir el coste del
mantenimiento o las actualizaciones de los sitios, y este beneficio se
incrementaría con el tiempo, puesto que las hojas de estilo están cada vez
más ampliamente implementadas y disponibles en los navegadores como una
estrategia de creación en las herramientas de creación. (García, 2011 pag 18)

EL Diseño web es uno de los cánones asociados con la accesibilidad es el

principio del diseño para todos o diseño universal. Los principios del
denominado diseño para todos o diseño universal, tienen como objetivo el
diseño de productos y entornos de fácil uso para el mayor número posible de
personas, sin la necesidad de adaptarlos o rediseñarlos de forma especial.

(Loing, 2009 pag. 7)

Es importante darse cuenta que los patrones de diseño J2EE recopilan un

conjunto de buenas prácticas que se han venido desarrollando en los últimos
años para el desarrollo de sistemas web. Aunque en la práctica muchas
aplicaciones web se construyen con una arquitectura ad-hoc, la presencia de
patrones de diseño conduce a soluciones estándares, fácilmente
comprensibles y mantenibles por parte de los desarrolladores. (Franco, 2009)
pág. 6

Es el proceso de crear productos, servicios y sistemas que sean utilizables

por la mayor gama posible de personas con distintas habilidades, y que
abarquen el mayor tipo de situaciones comercialmente viables posible.
(Mace, 1998 pág 20)

1.2 IMPLEMENTACION DE DISEÑO WEB

Esta versión nos permite una mayor interacción entre nuestras

páginas web y el contenido media (video, audio, entre otros) así
como una mayor facilidad a la hora de codificar nuestro diseño
básico. (Garro, 2015 Pag4)
Para crear documentos que muestren una estructura de hipertexto. Un
documento de hipertexto es aquel que contiene información cruzada con otros
documentos, lo cual nos permite pasar de un documento al referenciado
desde la misma aplicación con la que lo estamos visualizando. HTML permite,
además, crear documentos de tipo multimedia, es decir, que contengan
información más allá de la simplemente textual. (Carles Matéu, 2004 Pag51)

Los aspectos de accesibilidad y proporcionan soluciones de diseño

accesibles. Indican situaciones habituales (similares al ejemplo de estilo de
fuentes) que puedan suponer problemas a los usuarios con ciertas
discapacidades. Por ejemplo, la primera pauta explica como los
desarrolladores pueden hacer accesibles las imágenes. Algunos usuarios
pueden no ser capaces de ver imágenes, otros utilizar navegadores basados
en formato texto que no soportan imágenes, en tanto que otros pueden haber
desconectado el soporte para imágenes (por ejemplo, debido a una conexión
lenta con Internet). (https://openlibra.com/es/book/download/diseno-de-
paginas-web-accesibles, 2010) pag.26

El análisis que aquí se desarrolla está basado en un vocabulario común y

universal como es el de los patrones de diseño J2EE. La capacidad de cada
tecnología será determinada por el nivel de soporte que brinde para la
implementación de cada patrón de alto nivel. (Franco, 2009 pág. 6)
El diseño de un proyecto web es obtener los modelos y especificaciones que
lo definen a partir del análisis realizado en la fase anterior. Las actividades
que llevemos a cabo en esta fase nos permitirán determinar las
especificaciones de desarrollo e integración, así como definir el entorno de
pruebas e implantación necesarias para su correcto funcionamiento. (García,
2007 pag 43)
1.3 FUNDAMENTOS DE DISEÑO WEB
El diseño descendente se utiliza en la programación
estructurada de computadores debido a que facilita:
• La comprensión del problema
• Las modificaciones en los módulos
• La verificación de la solución
(GARCÍA, 2009 pág. 20)
 CAPITULO II
LENGUAJE DE PROGRAMACIÓN

2.1 DEFINICIÓN
Es la quinta revisión del lenguaje HTML. Esta nueva versión (aún en
desarrollo), y en conjunto con CSS3, define los nuevos estándares de
desarrollo web, rediseñando el código para resolver problemas y
actualizándolo así a nuevas necesidades. No se limita solo a crear nuevas
etiquetas o atributos, sino que incorpora muchas características nuevas y
proporciona una plataforma de desarrollo de complejas aplicaciones web
(mediante los Apis). (Garro, 2015 pág. 3)

El lenguaje HTML actualmente se encuentra en la versión 4.01 y empieza

proporcionar funcionalidades más avanzadas para crear páginas más ricas
en contenido. Además se ha definido una especificación compatible con
HTML, el XHTML (extensible Hypertext Markup Language) que se suele
definir como una versión XML validable de HTML, proporcionándonos un
XML Schema contra el que validar el documento para comprobar si está bien
formado, etc. (Mateu, 2010 pag 19)
Un lenguaje de programación es un conjunto de números limitados de
palabras y de reglas gramaticales si se lo compara con lenguajes humanos,
como el castellano o el inglés. Las instrucciones en Logo son equivalentes a
las oraciones en castellano y las reglas para construir esas instrucciones son
más simples que las reglas gramaticales de nuestro idioma, pero mucho más
precisas. (Franco, 2009)

Un lenguaje de programación web viene dada por cuestiones tan

importantes como puede ser la curva de aprendizaje de un determinado
lenguaje, o las posibilidades hardware de los distintos servidores del sistema
a construir. Sin embargo, en entidades de desarrollo lo suficientemente
avanzadas, estas características pueden no ser determinantes. Surge por
tanto la pregunta de si todos los lenguajes disponibles son capaces de
implementar soluciones diseñadas acorde a patrones de diseño web de alto
nivel. Precisamente este trabajo pretende responder esta pregunta.
(Franco, 2009 pag 7)

El lengyaje web es el contenido de los mensajes a su nivel técnico. Cuanto

menor sea el nivel técnico del usuario medio de esa página web, más sencillo
deberá ser el lenguaje que se utilice (evitando terminología técnica poco
comprensible) y más completa la información que se ofrezca, partiendo de
los aspectos más básicos de qué son las cookies y cómo funcionan. En todo
caso, ese menor nivel técnico no deberá ser óbice para que la información
facilitada sea lo más clara posible, evitando recargar la información con
detalles innecesarios que hagan farragosa su lectura.
(https://openlibra.com/es/book/download/diseno-de-paginas-web-
accesibles, 2010 pag. 40)

El CSS es un lenguaje de estilos empleado para definir la presentación, el

formato y la apariencia de un documento de marcaje, sea html, xml, o
cualquier
otro. Comúnmente se emplea para dar formato visual a documentos html o
xhtml que funcionan como espacios web. También puede ser empleado en
formatos xml, u otros tipos de documentos de marcaje para la posterior
generación de documentos. (Puig, 2010) pág 7

Los lenguajes de cliente, que incluyen al HTML y al CSS, es cualquier

código que se ejecute adentro del explorador web (Chrome, Safari, Firefox,
etc.). Esto significa que el explorador descarga temporalmente todos los
archivos desde un servidor web y, a cambio, muestra una página estática;
puedes ver estos archivos incluso si pierdes la conexión a internet (siempre
y cuando mantengas el explorador web abierto). JavaScript es uno de los
más usados.
(Ure, 2011) pág. 34
2.2 ACTUALIZACIONES DE LENGUAJE WEB

E lenguaje HTML es la quinta revisión del lenguaje. Esta nueva versión (aún en
desarrollo), y en conjunto con CSS3, define los nuevos estándares de desarrollo
web, rediseñando el código para resolver problemas y actualizándolo así a
nuevas necesidades. No se limita solo a crear nuevas etiquetas o atributos, sino
que incorpora muchas características nuevas y proporciona una plataforma de
desarrollo de complejas aplicaciones web (mediante los Apis).
(GARRO, 2015 pag. 4)

El lenguaje web se trata de una tecnología que permite diseñar aplicaciones

basándose en peticiones a un determinado servicio. De esta forma se puede
crear pequeños elementos software muy reutilizables y además independientes
del lenguaje con el que fueron creados. Se trata de un lenguaje de scripts de
servidor; es decir código que se incrusta en las páginas HTML y que requiere ser
traducido por un servidor de aplicaciones que devolverá un resultado en formato
HTML. (Sanchez, 2011 pag. 16)

La mayoría de lenguajes de programación tienen una función “flush()” que

permite limpiar el buffer de salida de datos y enviarlo directamente al usuario en
el momento en el que se decida. Aunque no hay muchos sitios web que lo
utilicen, es muy interesante planteárselo en momentos estratégicos como podría
tras el </head> pudiendo enviar al usuario todas las cabeceras y comenzar a
descargar los scripts o CSS que haya en las cabeceras. Por norma general, se
recomendaría, en una web básica, utilizar este sistema tras el encabezado de la
página, la cabecera, el menú, el contenido y el pie, enviando de esta manera los
distintos bloques y pudiendo renderizarlos el navegador poco a poco. (casares,
2011 pag. 23)

Este tema se tratará en profundidad en la Unidad 4 de esta guía. Después de

traducir el algoritmo en un lenguaje de programación como Logo, el programa
resultante debe ser probado y validados los resultados. A este proceso se le
conoce como depuración. Depurar programas contribuye a mejorar la capacidad
en los estudiantes para resolver problemas; la depuración basada en la
retroalimentación es una habilidad útil para toda la vida. (Stager, 2003 pag. 15)

A diferencia de hace diez años, ahora contamos con diferentes alternativas para
la implementación de un proyecto de software Web, como diferentes lenguajes
de programación, arquitecturas y técnicas. Además, disponemos de diversos
patrones de diseño web de alto nivel. Sin embargo, a la hora de llevar a cabo un
proyecto Web, surgen dudas acerca del tipo de tecnología a usar, ya que cada
tecnología tiene su alcance, sus ventajas, sus desventajas y su elección puede
diferenciar el éxito o fracaso de un proyecto. Precisamente este trabajo intenta
ser una guía que permita elegir la tecnología de implementación más adecuada
en función de la naturaleza del proyecto, y de los patrones incluidos en su
arquitectura. (Franco, 2009 pag. 9)

Lenguajes de script: existen también lenguajes, como por ejemplo PHP, que
permiten incluir trozos de código (scripts) en el código HTML y que al llegar al
servidor son ejecutados como si fueran un CGI, devolviendo así la respuesta al
cliente. Las Java Server Pages (JSP) son scripts en código Java que al llegar al
servidor son ejecutadas como si fueran servlets. (Guillén, 2010 pag. 21)

Según el autor Garro Arkaitz el libro HTML5 es el lenguaje más actualizada

hasta el momento, bueno a mi opinión esta versión no nos da suficientes
pautas para poder aprender a programar, en cambio las versiones más antigua
de HTML es más comprensivo y es específico para alguien que quiere
aprender y saber más acerca del tema, sin embargo el libro de HTML5 tiene
ventajas porque un lenguaje de programación que se utiliza hoy en día.
El autor Carles Matéu habla acerca de JAVASCRIP Y nos da a conocer que es
un lenguaje donde es indispensable para cualquier tipo de programador, a mi
parecer este tipo de lenguaje es una ventaja que nos da para los que
querremos saber más acerca de este tema porque este tipo de lenguaje no
depende de ningún tipo de navegador, ya que es una herramienta que se utiliza
para programaciones básicas web.
El autor Franco Oscar nos da a conocer acerca del tipo de lenguaje C++, este
tipo de lenguaje es la versión más antigua junto con JAVA, en la actualidad hay
versiones nuevas con estos nombres pero para poder utilizar algunos
programas Flash o Somme stine se sigue este tipo de lenguaje ya que no es
accesible con otro tipo de lenguaje, para nosotros es una ventaja saber acerca
de este lenguaje ya que para aprender debemos saber acerca de estos
programas, a mi parecer este tipo de lenguaje es muy importante sin embargo
el autor ya no nombra en los últimos libros.