Está en la página 1de 22

Página web

Preguntas de Indagación:

Fácticas:

¿Qué estructura tiene una página web?

- Una página web tiene una estructura que se diferencia en 3 partes:


Cabecera, cuerpo y pie de página.

- Cabecera: Es la primera parte que ves de un sitio web. Pero su


forma puede variar según el diseño web. Generalmente está
formado por varios elementos como el logo de la empresa, el
nombre, datos de contacto como teléfono e email, e iconos de redes
sociales.

- Cuerpo: El cuerpo de la página es la parte de la web en la que


presenta a los usuarios información específica sobre nuestro tema.

- Pie de página: El pie de página de una web es una pequeña zona en


la que te ofrece información adicional.

¿Qué es el lenguaje HTML?


El lenguaje HTML (HyperText Markup Language en español lenguaje de
marcas de hipertexto) es el código que se utiliza para hacer y estructurar
una página web y los contenido de esa página web.

Conceptuales:

¿Cómo interpreta un navegador las etiquetas HTML?


Para que un navegador vea y sepa lo que estás haciendo en una página web
se necesita un código específico si utilizas el lenguaje html tiene un código
que es este:

<html> (Etiqueta que indica que lo que viene a continuación es un documento


HTML)

<head>(Etiqueta de apertura de la cabecera)

Aquí va la información sobre el título de la página, el autor, palabras clave,


etc. que no se presentarán en la ventana del navegador, salvo el título que
aparecerá en la barra de título de la parte superior

</head>(Etiqueta de cierre de la cabecera)

<body>(Etiqueta de apertura del cuerpo)

Aquí va el contenido de la página que será lo que se presente en pantalla.


</body>(Etiqueta de cierre del cuerpo)

</html>(Etiqueta de cierre del documento)

¿Cómo afecta el uso de distintos tipos de imágenes a la hora de


adaptar una página web a un tipo de usuario?

- Una página web que use, de forma correcta, las imágenes tiene
mucho que ganar. En definitiva, aumenta notablemente el potencial
de nuestra página web.

Debatibles:

Durante el diseño de una página web ¿es mejor dirigirla a cualquier


público, o centrarse en un público concreto?

- Nosotras creemos que es mejor centrarse en un público concreto ya


que si de repente estábamos hablando de pelis y luego te hablamos
de perros o algo así, nos centramos en otras cosas que no son de
nuestra web.
Fase 1: investigación

1.1 Explicación y Justificación


La razón por la que hacemos este proyecto es porque creemos que hay
gente que le gusta comprar desde casa y no quiere ir a las tiendas, para
esto está nuestra web para que tú pidas tu comida, ropa, juguetes, etc. y
nosotros te lo llevamos a tu casa.

1.2 Tabla de preguntas/respuestas

Prioridad ¿Qué necesito? respuestas sobre que necesito

Alta ¿Qué vamos a tener en Comida,ropa,juegos,


nuestra web? utilidades para la casa,
higiene…

Alta ¿Te podemos llevar tu pedido No, nuestra página web es


a un sitio cualquiera? nacional, no internacional

Media ¿qué diferencia de nuestro Qué vendemos todo tipos de


negocio a los otros? cosas y va ser una web nueva

Baja ¿que deberíamos de poner en deberíamos de poner cómo lo


nuestra página web que sea hacemos para que la gente
importante? esté segura
1.3 Análisis de ejemplos
Hemos elegido estos ejemplos porque es muy parecido a lo que vamos
hacer, nuestra web también va ha vender muchos productos pero también
hay diferencias como que Amazon es internacional y wallapop solo envía
a España, nuestra web es nacional

1.4 Instrucciones de Diseño

En conclusión vamos a hacer una página web en la cuál se van a poder


comprar: Comida, Utilidades para la casa, higiene, etc. La web va a ser
para envíos nacionales, es decir de Europa. En diferencia con otras webs,
la nuestra va a tener un diseño nuevo, e innovador. Al final de la web
pondrá como realizamos los envíos y tendremos un apartado en el cual
puedes ver el estado de tu pedido, es decir como va si está en entregado
si sigue en el almacén si ya se ha entregado, etc.
Fase 2: Desarrollo y creación

2.1 Requisitos de la web

- Colores atractivos
- Slogan: Te los dejamos en la puerta
- No sea complicado pedir cosas
- Información se como se entrega y como hay que pedir
- Diferentes categorías
- Fotos de los productos
- Marcas conocidas
- Diferentes tipos de comidas
- Puedes tener una cuenta
- Modo vip, hay que pagar

2.2 Diseño de la página web


Diseño de Marta
Diseño de Daniela

Logo
Diseño de Daniela

Diseño de Marta
2.3 Planificación

Este va a ser el diseño de la página web como puedes ver va a ver fotos de
los productos, categorías, información de cómo contactarnos y cómo
hacemos la cosas.

Hemos elegido un estilo de colores y letras para que atraiga a la gente.

Hemos elegido los diseños de Daniela ya que nos ha parecido una buena
idea.

Así será nuestro diseño de la página web


Finalmente este es el resultado de nuestra web. En el siguiente
apartado os enseñaremos todos los contenidos.

-Web: https://Euro-Compra.Shoppingonline.es

Aquí cómo puedes ver está la categoría de los mejores productos con
descuentos y sin descuentos.
Así es como te salen los productos si pulsas en alguna categoría.
En este caso de verduras.
Ahora con los productos de cocina
En esta sección de aquí puedes ver cómo te sale la pantalla si añades
algo al carrito.
Si pulsas en la foto anterior en “ver carrito” te llevará a esta
pantalla, en la cuál puedes seguir comprando o puedes finalizar la
compra.
En esta fotografía puedes observar cómo saldría tu pantalla si buscas
algún producto de la tienda.
ñ
Aquí te contamos un poco sobre nuestra historia y como
empezamos en este proyecto.
En esta sección tenemos la Ayuda al cliente, el cuidado del cliente y
la seguridad del producto.
Términos y condiciones
Devoluciones

Bibliografía:
-https://www.lucushost.com/blog/partes-de-una-pagina-web-estructur
a-y-contenido/

-https://dimarkonline.com/que-es-el-header-o-cabecera-de-la-pagina-
web/

-https://es.wikipedia.org/wiki/HTML

-https://developer.mozilla.org/es/docs/Learn/Getting_started_with_t
he_web/HTML_basics

-https://desarrolloweb.com/articulos/2205.php

-https://www.webnode.es/blog/2012/10/01/pie-de-pagina-web/

-https://www.o10media.es/blog/consejos-uso-imagenes-paginas-web
/

-https://webs.um.es/jmz/IntroFisiCompu/Introduccion/Curso_html_C
NICE/Materiales/formato1.htm

También podría gustarte