Trabajo de informatica

Alumna: Oriana Pittalá

1- Definir el concepto de diseño web.

2- Construir un cuadro explicando las diferencias entre la web 1.0, 2.0 y 3.0.
3- ¿Cuales son las pautas para diseñar un sitio web?
4- Investigar sobre tendencias actuales en el diseño web.
5- ¿Qué es el lenguaje html?
6- ¿Cuáles son los programas y lenguajes que se utilizan para diseñar un sitio web?
7- Menciona algunos comandos y etiquetas del lenguaje html
8- Mencionar ejemplos de sitios web y nombrar sus caracteristicas principales.
9- ¿Cuál es la diferencia entre un compilador y un intérprete?
10- ¿Qué es el lenguaje de programacion y ejemplos?

1- el diseño web es un área enfocada en el desarrollo de interfaces digitales, como el

diseño de sitios y aplicaciones para web. Para ello, los diseñadores web crean las
páginas utilizando lenguajes de marcado como HTML.
2-

Web 1.0 Web 2.0 Web 3.0

Se refiere a un estado de Los términos web 2.0 y
la World Wide Web. Es web social aluden a
en general un término aquellos sitios web que
usado para describir la facilitan compartir
Web antes del impacto información, la
de la «fiebre punto interoperabilidad, el
com», que es vista por diseño centrado en el
muchos como el usuario y la colaboración
momento en que el en la World Wide Web.
internet dio un giro. Permiten a los usuarios
interactuar y colaborar
entre sí, como creadores
de contenidos.
3- Paso 1:
La Web 3.0 es el término
que se utiliza para
describir una red
informática en la que
todos los datos están
conectados y en la que
todas las máquinas
procesan el contenido de
igual forma que los
humanos.

Recopilar datos y estudio de posicionamiento

Todo tiene un origen, y una página web se desarrolla con un estudio previo sobre a

qué público nos dirigimos, qué producto o servicio les puede interesar, así como

un estudio de cuál será nuestra competencia. Este estudio es requerido para

ejecutar nuestro proyecto correctamente. De lo contrario, no sabríamos a quién

nos dirigimos, ni qué precio poner a nuestro producto/servicio, etc. 

Paso 2:

Planificación: sitemap, UX, UI y todo el diseño

Nos toca elaborar todo el mapa del sitio, la interfaz de usuario, la experiencia del

mismo y todo el diseño que queremos darle a nuestra página web. Esta parte es

importantísima porque es uno de los pilares de la página web.

Paso 3:

Definiriamos esta fase del proceso de desarrollo de una web como el punto en el

que los desarrolladores agarran todo lo diseñado hasta el momento y lo maquetan

en la web. El trabajo de desarrollo se centra en las funciones internas de la web,

sus características, contenidos, base de datos, los lenguajes de programación

usados (XML, Javascript, PHP, SQL, CSS, ASP o HTML). Es importante que en esta

fase se tenga en cuenta la compatibilidad con dispositivos móviles, que el diseño

de la web se adapte a smartphones y tablets que acceden a la misma con

resoluciones distintas. 

Paso 4:

Pruebas

Queda la prueba de fuego: hacer pruebas con ella antes de lanzarla

oficialmente. Un error muy común es lanzar apresuradamente nuestra página

web, provocando una mala experiencia a los usuarios por la abundancia de bugs y

fallos continuos. Crear una página web es como hacer un puzzle: cada pieza tiene

que funcionar correctamente, y no hay pocas piezas precisamente. Durante el

desarrollo de nuestra página web puede que algo falle e impida que un contenido

se vea correctamente, o que el enlace no funcione. Hay que probar a fondo la

página web:
- Navegar por los distintos menús para ver si funciona correctamente, tanto en

portátiles/sobremesas, como en dispositivos móviles.

- Probar todos los enlaces, hacer clic en cada banner para ver que todo funciona

perfectamente. 
- Más que de pruebas, esta fase es de errores: no te preocupes si hay muchos, a

veces es normal. Pueden surgir por errores de codificación.

 - Usa herramientas para testar la web, y sobre todo aconsejamos las enfocadas

en las pruebas de motores de búsqueda. El posicionamiento SEO es muy

importante porque tenemos que posicionar nuestra web para que el público

objetivo nos encuentre. Así que, existen herramientas que identifican todos

los fallos que tiene nuestra web en este aspecto.

Por último, hay que revisar todas las descripciones, títulos, faltas de ortografía,

errores gramaticales; absolutamente todo. Si tienes una web grande, aprovéchate

de las herramientas disponibles para analizar la web, ¡así no hay qué hacerlo todo

manual!

Paso 5:
El lanzamiento… y el mantenimiento

Con todo bajo control y bien revisado, solo nos quedará lanzar la página web. Para

ello, tendremos que tener todo en regla: aviso legal en la web, tener un proveedor

de hosting y todo listo para la inauguración. Hay empresas que caen en el error de

olvidarse de la web una vez lanzada, pero lo cierto es que hay que hacerle un

mantenimiento y actualizarla. No solo hacemos referencia al contenido, sino a

toda la configuración de la misma. Por ejemplo, cualquier eCommerce está

actualizando cada pocos meses la web porque tiene que actualizar precios,

rebajas, promociones, etc. 

4- Tendencias en diseño web para este 2023:

Glasmorfismo: El glasmorfismo o efecto “vidrio esmerilado” consiste en hacer que

algunos elementos se comporten visualmente como el cristal, combinando la

transparencia, el desenfoque y el movimiento. Confiere un efecto 3D y da

sensación de espacio y profundidad a una web, al utilizar diferentes

transparencias. Este efecto ayuda a resaltar los elementos y garantizar su

legibilidad. Algo muy útil si queremos añadir color a diferentes partes de una

página. Es una técnica muy versátil, que se puede utilizar en imágenes y campos

como formularios, transmitiendo profesionalidad y confianza.

Diseños en 3D:
La utilización de elementos en 3D en diseño web es una tendencia al alza, que en

2023 seguirá creciendo. Emplear 3D en objetos como ilustraciones o animaciones

cada vez es más popular y accesible, gracias a la aparición de bancos de recursos

3D, que han extendido su utilización. El 3D transmite un aspecto moderno y digital

y ayuda a diferenciar tu marca. Eso sí, exige profesionalidad y su potencial siempre

será mayor si utilizamos recursos propios y únicos. Encontramos 3D en elementos

muy diversos, como textos, gráficos y vídeos transparentes.

Modo oscuro:

El diseño tiende a ser cada vez más interactivo, ofreciendo multitud de opciones

de personalizar la web a los usuarios. Y el modo oscuro es una de las alternativas

que más está creciendo, lo que la convierte en una de las tendencias en diseño

web que marcarán 2023.

Por un lado, el modo oscuro está ganando popularidad para prestar una mejor

experiencia. Muchos usuarios están decantándose por utilizar el modo oscuro en

sus aplicaciones y sitios web porque puede reducir la fatiga visual y puede suponer

un ahorro de batería en pantallas Oled.

Tipografias gigantes y experimentales:

El uso de tipografías gigantes es otra de las tendencias en diseño web para este

2023. Es una técnica muy potente y versátil, que aporta frescura a los diseños.

Estamos encontrando fuentes grandes en negrita en multitud de páginas. Desde

luego, la tipografía adquirirá un rol dominante este año. A esta tendencia, se suma

la utilización de títulos de gran tamaño como elemento protagonista en el hero, en

lugar de imágenes, así como la experimentación en las fuentes (contornos, colores,

rellenos, formas) y la aparición de tipografías interactivas, que se transforman con

la interacción del ratón.

Espacio en blanco:
 El uso del espacio en blanco o “espacio vacío” en diseño UX y UI evita sobrecargar

la pantalla con demasiada información, proporciona una experiencia más relajante

para los visitantes del sitio web, ayuda a destacar el contenido y mejora la

legibilidad. De este modo, permite una mayor comprensión de la información. Es

una de las tendencias en diseño web en 2023 que diferenciará a un producto

digital.

Microinteracciones:

Las microinteracciones son pequeñas animaciones que aportan información a los

usuarios y captan su atención. Una de las más comunes desde hace tiempo es el

cambio de color de un enlace cuando un usuario pasa por encima con el ratón. Sin

embargo, en la actualidad, se está convirtiendo en un elemento diferenciador. Así,

numerosas webs emplean recursos como degradados que evolucionan con el

scroll, elementos de carga personalizados, zoom en elementos o cambios de color

de botones.

Realidad virtual y realidad aumentada:

La realidad virtual y la realidad aumentada son tecnologías que transforman el
modo en que los usuarios interactúan con los productos digitales y van ganando
espacio en el diseño de páginas web y aplicaciones. Marcas de ropa, restauración y
alojamientos, entre otras, las utilizan para ayudar a los usuarios a tomar
decisiones. Así, les permiten «probar» sus productos antes de realizar la compra,
por ejemplo, viendo cómo le quedaría una camiseta, cómo encajaría un mueble en
su salón o cómo es un apartamento. Se cree que esta tendencia en diseño web
seguirá creciendo en los próximos años.

5- El Lenguaje de Marcado de Hipertexto (HTML) es el código que se utiliza para

estructurar y desplegar una página web y sus contenidos. Por ejemplo, sus
contenidos podrían ser párrafos, una lista con viñetas, o imágenes y tablas de
datos.
6- El top 5 de los lenguajes que han dominado el desarrollo web en 2020:

1. JavaScript
En primera posición tenemos a JavaScript, que lleva dominando el mercado desde
hace unos años ya. Creado en 1995, JavaScript se popularizó inicialmente por sus
aplicaciones en la mejora de la funcionalidad y dinamismo de los sitios web e
interfaces de usuario. Ahora también incluye funciones que se pueden llevar a
cabo desde el servidor y fuera de la web.
 2. Python
Python es uno de los lenguajes más populares en este momento y su éxito no
ralentiza. Se caracteriza por ser multiparadigma, es decir, se adapta a diferentes
estilos de programación, y su licencia es de código abierto. Asimismo, su ámbito de
aplicación es bastante amplio, destacando la Inteligencia Artificial y el Machine
Learning.

3. Java
A pesar de que su uso ha decaído ligeramente en los dos últimos años, Java sigue
estando en todas partes. Esta omnipresencia se debe a su amplio entorno de
funcionamiento así como su fiabilidad y su rapidez. Este lenguaje es ideal para los
que necesitan un lenguaje robusto, con una fácil portabilidad y gran rango de
aplicaciones.

4. TypeScript
TypeScript deriva de JavaScript, basándose en la misma sintaxis, pero añadiendo
determinados elementos. Este lenguaje nace en 2012 para resolver los problemas
que JavaScript ocasiona en proyectos de gran escala. Es de código abierto y
permite desarrollar aplicaciones que se ejecutarán tanto del lado del servidor
como del cliente. Es el lenguaje que más ha crecido en los últimos cinco años.

5. C#
Por último, tenemos a C#, el lenguaje nacido con la llegada del nuevo milenio. Se
trata de un lenguaje de programación sencillo y versátil, orientado a objetos, para
el desarrollo de aplicaciones y funciones de todo tipo.

Programas:
Zyro
Wix
SiteW
Mobirise
Jimdo
Webnode
Cms hub

7- <body> para el contenido.

<head> para información sobre el documento.
<div> división dentro del contenido.
<a> para enlaces.
<strong> para poner el texto en negrita.
<br> para saltos de línea.
<H1>… <H6> para títulos dentro del contenido.
<img> para añadir imágenes al documento.
8-
9- En el caso del compilador, primero debe traducirse todo el código antes de poder
resolver los errores o iniciar la aplicación. Sin embargo, una vez que se ejecuta el
programa, los servicios del compilador ya no son necesarios, mientras que
el intérprete continúa utilizando los recursos informáticos.
10- Un lenguaje de programación es un lenguaje informático especialmente diseñado
para describir el conjunto de acciones consecutivas o instrucciones que un equipo
informático debe ejecutar. Por ejemplo: PHP, Java, C++, Python.