Materia: desarrollo de aplicaciones web

Tema 1 – 1.2 Lenguajes web

Nombre del docente: Francisco arguelles granados

Nombre del alumno: Angel Uriel Dominguez Medina

Numero de control: #20380597

Grupo: 301
Contenido
INTRODUCCIÓN .................................................................................................................................... 3
Desarrollo ............................................................................................................................................. 4
Diferencias entre diseño y desarrollo web .............................................................................. 4
Etapas del desarrollo web ....................................................................................................... 5
Infografía de lenguajes de programación web ........................................................................ 7
Conclusión ............................................................................................................................................ 8
Referencias ........................................................................................................................................... 9
INTRODUCCIÓN
El sistema con el que está construido el web se llama hipertexto y es un entramado de páginas
conectadas con enlaces.

Los sistemas de hipertexto se utilizan en otros contextos aparte del web, como la ayuda del
Windows. Son muy fáciles de utilizar y también es muy fácil encontrar lo que buscamos
rápidamente, gracias a que pulsando enlaces vamos accediendo a la información que más nos
interesa.

La web no solo se limita a presentar textos y enlaces, sino que también puede ofrecernos
imágenes, videos, sonido y todo tipo de presentaciones, llegando a ser el servicio más rico en
medios que tiene Internet. Por esta razón, para referirnos al sistema que implementa el web
(hipertexto)
Desarrollo
¿Qué es programación web?

Se conoce como desarrollo web al proceso de crear y mantener un sitio web que sea funcional en
internet, a través de diferentes lenguajes de programación, según el modelo y la parte de la página
que corresponda. Cada sitio tiene una URL única que lo distingue de los demás en la red informática
mundial.

Un sitio web puede clasificarse de diferentes formas. Para cuestiones de desarrollo web
principalmente se divide en dos partes.

• Frontend. Es la parte que interactúa con el usuario, tanto en imagen como en

función. Por ello está íntimamente relacionada con la experiencia del usuario (UX) y
la interfaz de usuario (IU).
• Backend. Se refiere a la parte que está en contacto directo con el servidor; es donde
se aplica el código de programación para crear la estructura. Permanece en un
segundo plano a cargo de la accesibilidad, actualización, bases de datos y cambios
del sitio

Diferencias entre diseño y desarrollo web

Una vez definido el frontend y el backend es más sencillo distinguir la diferencia entre
ambos conceptos. El diseño web está relacionado con el frontend, pues se encarga de
definir la apariencia estética del sitio web.

Los diseñadores web se enfocan en crear la apariencia y la experiencia del usuario en el

sitio, utilizando una paleta de colores y herramientas como Adobe Photoshop, Sketch o
Figma. En específico, se centran en aspectos como la imagen, gama de colores, cómo se
verá el contenido, incluyendo texto, videos, fotografías, iconos, botones, menús, barras y
demás elementos. Su objetivo es que el sitio sea fácil de entender y usar.

Por otro lado, el desarrollo web va de la mano del backend. Se asegura de que el código
que sostiene la estructura sea funcional y a su vez lógico. También se hace cargo de la
gestión de contenido y la base de datos de la web.

Se refiere a la parte técnica de la construcción del sitio web. Los desarrolladores web se
enfocan en la codificación y programación del sitio web utilizando lenguajes como HTML,
CSS, JavaScript y otros. Su objetivo es que el sitio responda correctamente a las
interacciones que realice el usuario en él y concretar un stock tecnológico adecuado.

El diseño web corresponde a un sentido visual, ya que define la apariencia de cada una de
las páginas que integren un sitio web, desde los iconos hasta imágenes o videos. Por su
parte, el desarrollo web funge como un traductor del diseño para configurarlo en un
lenguaje que entienda la red
Etapas del desarrollo web

1. Define el perfil del proyecto:

Para iniciar un sitio web lo primero es establecer las bases de lo que se requiere; es decir, definir
cual será el objetivo del proyecto, a quieres va dirigido, para que es necesario en negocio o la
empresa que se podrá hacer o consultar

2. Planifica el trabajo

En este momento debes recopilar toda la información necesaria para una de las etapas del
proyecto. Involucra la investigación del mercado de la competencia y el estudio de los
consumidores

3. Diseña el sitio web

Esta etapa corresponder a la organización y acomodo de los elementos que van a componer cada
una de las paginas del sitio, es decir el diseño de la web. Con la participación del cliente y
ateniendo a la voz marca, hay que seleccionar los colores que se usaran; la posición del logotipo; el
favicon; el tipo de letra para las barras, títulos entre mas cosas

4. Determinar los contenidos

Es importante definir los contenidos del sitio web consideran los aspectos que todo lo relacionado
con banners, bloques de información y los textos de las secciones este trabajo se relaciona
estrechamente con el punto que el diseño y los contenidos se conjugan para sea funcional

5. Desarrollo del código

Al tener en cuenta lo anterior es momento para traducirlo a un lenguaje de programación y

frameworks. Inicia con el wireframe o esquema de las paginas sitio para adoptarlo. En este punto
también se determinar las funcionalidades que tendrá el sitio, la configuración del SEO, la base de
datos, la velocidad de carga y rendimiento, las pruebas de código, la ciberseguridad entre otros
aspectos

6. Revisar y comprueba el funcionamiento del sitio

Hoy se utilizan diversos elementos para hacer pruebas al código como sandbox cuando ya se ha
generado la programación debe hacerse una revisión exhaustiva y su funcionamiento del sitio web,
atendiendo a lo que se esquematizo en el diseño y corrobar que los contenidos estén correctos y
operen adecuadamente

7. Sube el sitio web

Cuando ya verificaste la programación del sitio y ya se ha comprobado su funcionamiento, diseño y

contenidos es momento de lanzar la pagina web es como ponerla en marcha en la red
 8. Evaluar y optimiza

Analiza como esta funcionando el sitio web una vez que ya esta en la web, verificando áreas de
mejora y tratar de optimizar todo lo que puedas en cualquier nivel ya sea en el backend o en el
frontend

9. Haz un mantenimiento continuo

Es una de las acciones vitales pues de esto depende la permanencia de un sitio web en l internet si
no atiendes los errores en el sitio que puedan surgir, es posible que muchos usuarios ya no
regresen por la mala experiencia de navegación
Infografía de lenguajes de programación web
Conclusión
En la programación Web php, HTML son lenguajes que permite codificar o preparar documentos
de hipertexto, que viene a ser los lenguajes más comunes para la construcción de las páginas Web.
Con el comienzo de Internet y la programación web, se desfasaron los diseños gráficos
tradicionales, con lo que se empezaron a diseñar interfaces concretas para este medio, se ha
optado más por el diseño sencillo y de fácil comprensión
Referencias
1. Laura Thomson, Luke Welling, Desarrollo Web con PHP y MySQL, 1ª. edición. Anaya Multimedia.
España 2009.

2. Julie C. Meloni, PHP, MySQL y Apache, 1ª. edición. Anaya Multimedia, España 2009.

3. Jose Lopez Quijado, Domine PHP y MySQL programación dinámica en el servidor, 1ª. edición.
Alfaomega Ra-Ma. Mexico 2007.

4. F. Javier Gil Rubio, Santiago Alonso Villaverde, Jorge A. Tejedor Cerbel, Agustin Yague Panadero,
Creación de Sitios Web con PHP 5, 1ª. edición, Mc Graw Hill, España 2006.

5. Abraham Gutierrez, Gines Bravo, PHP 5 a través de ejemplos, 2ª. ed. Alfaomega RaMa.Mexico
2007