Explica cómo usar la herramienta en solo una hora
CURSO DE GOOGLE SITES
Ejercicios web de empresa
Como encargado TIC de tu empresa se te encomienda la tarea de crear el sitio web de una de sus subempresas, las cuales se dedican a los siguientes sectores:
Videojuegos y consolas, Gym, Ventra de frutas y verduras online, Perfumería, Carnicería selecta, Bonsais importados de Japón, Floristería, Carpintería metálica, Venta y reparación de ordenadores, Nutición...
NOTA de entrega para todos los ejercicios: Al acabar cada ejercicio se realizará una captura de pantalla (shutter, Kazam, Flameshot, Spectacle, Captura...) y se entregará en la tarea de TEAMS correspondiente.
Ejercicio 1 - VIDEO 1: Busca en Internet webs de empresas que tengan un modelo de negocio similar al tuyo o se dediquen al mismo sector. Te servirán de inspiración para los siguientes ejercicios.
Crea una lista de al menos 10 sitios web distintos que te puedan servir de inspiración para crear tu web de empresa por dedicarse al mismo sector.
Incluye para cada sitio web:
Nombre de la empresa
El link para poder acceder
Un comentario indicando 2 secciones de esa web que te servirán.
Se recomienda consultar el buscador con IA: perplexity.ai
Ejercicio 2 - VIDEO 2:
Entra en tu cuenta de Google, accede a Drive, crea una carpeta llamada WEB y dentro de ella crea tu sitio web y realiza el diseño de tu página de inicio, que es lo primero que se verá al entrar en tu web.
Publica la web (consulta con el profesor si lo necesitas) y envía un email al profesor con la url de tu web. En el asunto del email indica en este orden:
Tu curso y grupo - Nombre y apellidos - Ejercicio 2 Web - Link a tu web
En el cuerpo del email copia todo lo que has puesto en el asunto.
Si necesitas añadir fotos, deberán estar libres de copyright. Aquí tienes una lista de sitios web donde puedes descargar imágenes gratuitas y libres de derechos:
Pixabay - Ofrece más de un millón de imágenes gratis en alta resolución, aptas para uso comercial sin atribución.
Pexels - Gran selección de fotografías de alta calidad y videos gratuitos para uso personal y comercial.
Unsplash - Imágenes de alta calidad para uso gratuito, ideales para proyectos personales y comerciales.
Puedes utilizar la herramienta Shutter o Spectacle o Capture para recortar imágenes en tu pantalla y guardarlas como un fichero .png
Ejercicio 3 - VIDEO 3 y 4:
Crea las páginas principales de tu sitio web, que como mínimo serán, en este orden:
Presentación y objetivos de la empresa
Catálogo online
Gama Alta
Gama Media
Gama Baja
Departamentos:
Depto. de Dirección
Depto. de Ventas
Depto. de Logística
Contacto y ubicación
Webs inspiradoras (las que has visitado para inspirarte con links para acceder a ellas)
Ejercicio 4 - VIDEOS 5 y 6:
En la sección Presentación y objetivos de la empresa añadir una descripción de la empresa, sus inicios, por qué se creó, y qué objetivos persigue.
Añade iconos de redes sociales, tal como se indica en el video 5, usando iconos de la web: https://www.flaticon.es
Añade un vídeo de presentación de la empresa (busca alguno en Youtube de alguna empresa similar a la tuya).
Cambia el tema y los colores de tu sitio web cambiándolos en la pestaña "Temas" arriba a la derecha y quédate con la opción que más te guste.
Ejercicio 5 - VIDEOS 5 y 6:
En la sección Catálogo online > Gama Alta, añadir al menos 3 productos/servicios. Para cada producto/servicio deberá aparecer su descripción, características, precio y un par de imágenes del producto/servicio. Añade también un video.
Ejercicio 6 - VIDEOS 5 y 6:
En la sección Catálogo online > Gama Media, añadir al menos 3 productos/servicios. Para cada producto/servicio deberá aparecer su descripción, características, precio y un par de imágenes del producto/servicio. Añade también un video.
Ejercicio 7 - VIDEOS 5 y 6:
En la sección Catálogo online > Gama Baja, añadir al menos 3 productos/servicios. Para cada producto/servicio deberá aparecer su descripción, características, precio y un par de imágenes del producto/servicio. Añade también un video.
Ejercicio 8 - VIDEOS 5 y 6:
En la sección Departamentos > Depto. de Dirección añadir una presentación de cada uno de los gerentes de la empresa, incluyendo para cada uno su foto, sus estudios y sus hobbies. Además, crear con draw.io o visio un organigrama de los puestos de dirección, que serán 3 como mínimo.
Ejercicio 9 - VIDEOS 5 y 6:
En la sección Departamentos > Depto. de Ventas añadir una presentación de cada uno de los miembros del departamento, incluyendo para cada uno su foto, sus estudios y sus hobbies. Además, crear con draw.io o visio un organigrama de los puestos del departamento, que serán 3 como mínimo.
Ejercicio 10 - VIDEOS 5 y 6:
En la sección Departamentos > Depto. de Logística añadir una presentación de cada uno de los miembros del departamento, incluyendo para cada uno su foto, sus estudios y sus hobbies. Además, crear con draw.io o visio un organigrama de los puestos del departamento, que serán 3 como mínimo.
Ejercicio 11 - VIDEOS 5 y 6:
En la sección Contacto y ubicación añadir un teléfono y email de contacto, dirección donde se ubica la empresa, una captura de google maps para situarla en el mapa y al menos un par de fotos de la parte exterior de la misma.
Ejercicio 12 - VIDEOS 5 y 6:
En la sección Webs inspiradoras añadir la lista de 5 webs de empresas que usaste para inspirarte para crear la tuya. Si no lo hiciste en su momento, busca dichas webs ahora. Deberás añadir aparte de los nombres, los links para comprobar que existen dichas webs. La información de cada web estará en un componente de tipo: "Grupo que se puede ocultar" que puedes seleccionar dentro de la pestaña "Insertar".
Ejercicio 13 - VIDEOS 5 y 6:
Añade una sección nueva a tu web, se llamará "Trabajo social" y en ella se anunciarán al menos 3 actividades que organice la empresa de forma gratuita para la gente del pueblo: Talleres, conferencias, rifas benéficas, carreras populares, concurso de paellas, etc.
Para cada actividad, deberás añadir un componente de tipo "Botón" y al hacer click sobre el, abrirá la página de la actividad correspondiente.
Para crear las subpáginas de las actividades, deberás ir a la pestaña "Páginas" > click en los 3 puntos de la página "Trabajo social" > Crear subpágina.
Ejercicio 14 - VIDEOS 5 y 6:
Añade una sección nueva a tu web, dentro de la sección Contacto y ubicación donde deberás añadir fotos de el interior de las oficinas, el almacén, maquinaria empleada, etc con el componente "Carrusel de imágenes" (dentro de la pestaña "Insertar" en la parte derecha de Google Sites) con 4 imágenes.
Ejercicio 15 - VIDEOS 5 y 6:
Añade una sección nueva a tu web, dentro de la sección Presentación y objetivos que se llamará Sector productivo, donde añadirás datos del sector en el que trabaja tu empresa: Empresas competidoras, oportunidades de negocio, pueblos cercanos en los que no se ofrecen los servicios que ofrece tu empresa, ... además de añadir el componente "Carrusel de imágenes" (dentro de la pestaña "Insertar" en la parte derecha de Google Sites) con 3 imágenes.
EJERCICIOS: Crea un sitio web completo desde cero
Aquí tienes una lista de 35 posibles sitios web, junto con enlaces de ejemplo y 10 posibles entradas de menú para cada uno.
1. Sitio para un equipo de fútbol
- Ejemplo: [Juventus FC] (https://www.juventus.com/en/)
- Menú:
1. Inicio
2. Historia del club
3. Calendario de partidos
4. Plantilla
5. Tienda oficial
6. Noticias
7. Galería de fotos
8. Entradas
9. Contacto
10. Estadísticas
2. Sitio para un restaurante
- Ejemplo: [Restaurante Quique Dacosta] (https://www.quiquedacosta.es/)
- Menú:
1. Inicio
2. Menú
3. Reservas
4. Galería
5. Opiniones
6. Eventos
7. Ubicación
8. Sobre nosotros
9. Catering
10. Contacto
3. Sitio para una asociación sin ánimo de lucro
- Ejemplo: [WWF] (https://www.wwf.org/)
- Menú:
1. Inicio
2. Misión
3. Proyectos
4. Colabora
5. Noticias
6. Blog
7. Voluntariado
8. Contacto
9. Equipo
10. Transparencia
4. Supermercado online
- Ejemplo: [Mercadona] (https://www.mercadona.es/)
- Menú:
1. Inicio
2. Catálogo de productos
3. Ofertas
4. Servicio a domicilio
5. Ubicaciones
6. Blog
7. Programa de fidelización
8. Sobre nosotros
9. Contacto
10. Política de devoluciones
5. Sitio para una tienda de ropa
- Ejemplo: [Zara] (https://www.zara.com/)
- Menú:
1. Inicio
2. Hombres
3. Mujeres
4. Niños
5. Nuevas colecciones
6. Ofertas
7. Localizador de tiendas
8. Política de envíos
9. Preguntas frecuentes
10. Contacto
6. Blog personal
- Ejemplo: [Blog de Tim Ferriss] (https://tim.blog/)
- Menú:
1. Inicio
2. Sobre mí
3. Blog
4. Libros
5. Podcasts
6. Proyectos
7. Recursos
8. Contacto
9. Galería
10. Newsletter
7. Agencia de marketing digital
- Ejemplo: [HubSpot] (https://www.hubspot.com/)
- Menú:
1. Inicio
2. Servicios
3. Casos de éxito
4. Blog
5. Contacto
6. Equipo
7. Testimonios
8. Planes y precios
9. Portafolio
10. Recursos
8. Portal educativo
- Ejemplo: [Coursera] (https://www.coursera.org/)
- Menú:
1. Inicio
2. Cursos
3. Certificaciones
4. Carreras
5. Blog
6. FAQ
7. Equipo
8. Comunidad
9. Contacto
10. Recursos para profesores
9. Consultoría de negocios
- Ejemplo: [McKinsey & Company] (https://www.mckinsey.com/)
- Menú:
1. Inicio
2. Servicios
3. Casos de éxito
4. Blog
5. Contacto
6. Equipo
7. Sectores
8. Recursos
9. Publicaciones
10. Ofertas de empleo
10. Clínica dental
- Ejemplo: [Sanitas Dental] (https://www.sanitas.es/dental)
- Menú:
1. Inicio
2. Servicios
3. Tratamientos
4. Citas online
5. Blog
6. Testimonios
7. Equipo médico
8. Ubicaciones
9. Preguntas frecuentes
10. Contacto
11. Página para una escuela o colegio
- Ejemplo: [Colegio Brains] (https://www.colegiobrains.com/)
- Menú:
1. Inicio
2. Oferta educativa
3. Admisiones
4. Blog
5. Instalaciones
6. Actividades extracurriculares
7. Testimonios
8. Calendario escolar
9. Noticias
10. Contacto
12. Sitio para un evento o conferencia
- Ejemplo: [Web Summit] (https://websummit.com/)
- Menú:
1. Inicio
2. Agenda
3. Ponentes
4. Inscripción
5. Colaboradores
6. Ubicación
7. Galería
8. Blog
9. Noticias
10. Contacto
13. Sitio para un hotel
- Ejemplo: [Paradores] (https://www.parador.es/)
- Menú:
1. Inicio
2. Habitaciones
3. Reservas
4. Servicios
5. Galería
6. Promociones
7. Opiniones
8. Contacto
9. Ubicación
10. Ofertas
14. Portal inmobiliario
- Ejemplo: [Idealista] (https://www.idealista.com/)
- Menú:
1. Inicio
2. Comprar
3. Alquilar
4. Servicios financieros
5. Noticias
6. Guías
7. Blog
8. Ofertas
9. Anuncios
10. Contacto
15. Sitio para un club de fitness
- Ejemplo: [Anytime Fitness] (https://www.anytimefitness.com/)
- Menú:
1. Inicio
2. Programas de entrenamiento
3. Instalaciones
4. Horarios
5. Blog
6. Testimonios
7. Ubicación
8. Membresías
9. Contacto
10. Clases grupales
16. Sitio para un fotógrafo
- Ejemplo: [Michael Shainblum] (https://www.shainblumphoto.com/)
- Menú:
1. Inicio
2. Portafolio
3. Servicios
4. Testimonios
5. Blog
6. Galería
7. Precios
8. Tienda
9. Contacto
10. Clientes destacados
17. Sitio para un músico o banda
- Ejemplo: [Coldplay] (https://www.coldplay.com/)
- Menú:
1. Inicio
2. Discografía
3. Noticias
4. Tienda
5. Gira
6. Vídeos
7. Contacto
8. Blog
9. Eventos
10. Colaboraciones
18. Revista online
- Ejemplo: [Wired] (https://www.wired.com/)
- Menú:
1. Inicio
2. Artículos
3. Opiniones
4. Columnistas
5. Podcast
6. Newsletter
7. Noticias
8. Suscripción
9. Publicidad
10. Contacto
19. Academia de idiomas
- Ejemplo: [EF Education First] (https://www.ef.com/)
- Menú:
1. Inicio
2. Cursos
3. Profesores
4. Inscripciones
5. Testimonios
6. Blog
7. Contacto
8. Preguntas frecuentes
9. Galería
10. Recursos para estudiantes
20. E-commerce de electrónica
- Ejemplo: [PcComponentes] (https://www.pccomponentes.com/)
- Menú:
1. Inicio
2. Tienda
3. Ofertas
4. Marcas
5. Opiniones
6. Blog
7. Contacto
8. Garantías
9. Servicio técnico
10. Política de devoluciones
21. Sitio para una peluquería
- Ejemplo: [Toni & Guy] (https://toniandguy.com/)
- Menú:
1. Inicio
2. Servicios
3. Galería de estilos
4. Reservas online
5. Blog
6. Productos
7. Promociones
8. Opiniones
9. Contacto
10. Ubicaciones
22. Foro de discusión sobre tecnología
- Ejemplo: [Xataka] (https://www.xataka.com/)
- Menú:
1. Inicio
2. Foros
3. Noticias
4. Comparativas
5. Opiniones
6. Blog
7. Reviews
8. Preguntas frecuentes
9. Comunidad
10. Contacto
23. Sitio para un servicio de catering
- Ejemplo: [Catering Victoria] (https://www.cateringvictoria.com/)
- Menú:
1. Inicio
2. Servicios
3. Menús
4. Galería
5. Opiniones
6. Blog
7. Eventos especiales
8. Contacto
9. Preguntas frecuentes
10. Solicitar presupuesto
24. Portal de noticias deportivas
- Ejemplo: [Marca] (https://www.marca.com/)
- Menú:
1. Inicio
2. Fútbol
3. Baloncesto
4. Tenis
5. Motor
6. Noticias
7. Opiniones
8. Blog
9. Estadísticas
10. Contacto
25. Tienda de arte y manualidades
- Ejemplo: [Etsy] (https://www.etsy.com/)
- Menú:
1. Inicio
2. Catálogo
3. Nuevas creaciones
4. Ofertas
5. Galería
6. Blog
7. Opiniones
8. Contacto
9. Personalizaciones
10. Políticas de compra
26. Página de un autor
- Ejemplo: [Stephen King] (https://www.stephenking.com/)
- Menú:
1. Inicio
2. Libros
3. Biografía
4. Próximos lanzamientos
5. Blog
6. Entrevistas
7. Galería
8. Contacto
9. Audiolibros
10. Club de lectores
27. Sitio para un parque de diversiones
- Ejemplo: [PortAventura] (https://www.portaventuraworld.com/)
- Menú:
1. Inicio
2. Atracciones
3. Entradas
4. Restaurantes
5. Eventos
6. Ofertas
7. Blog
8. Noticias
9. Mapa del parque
10. Contacto
28. Agencia de viajes
- Ejemplo: [Viajar.com] (https://www.viajar.com/)
- Menú:
1. Inicio
2. Destinos
3. Paquetes
4. Ofertas
5. Blog
6. Opiniones
7. Reservas
8. Preguntas frecuentes
9. Contacto
10. Seguros de viaje
29. Sitio para una ONG de ayuda humanitaria
- Ejemplo: [Cruz Roja] (https://www.cruzroja.es/)
- Menú:
1. Inicio
2. Proyectos
3. Noticias
4. Voluntariado
5. Donaciones
6. Blog
7. Contacto
8. Transparencia
9. Historias de éxito
10. Preguntas frecuentes
30. Sitio de un arquitecto o estudio de arquitectura
- Ejemplo: [Zaha Hadid Architects] (https://www.zaha-hadid.com/)
- Menú:
1. Inicio
2. Proyectos
3. Servicios
4. Galería
5. Premios
6. Noticias
7. Opiniones
8. Blog
9. Contacto
10. Clientes
31. Sitio para un spa o centro de bienestar
- Ejemplo: [Six Senses] (https://www.sixsenses.com/)
- Menú:
1. Inicio
2. Servicios
3. Tratamientos
4. Ofertas
5. Galería
6. Blog
7. Opiniones
8. Contacto
9. Reservas
10. Membresías
32. Sitio para una cervecería artesanal
- Ejemplo: [BrewDog] (https://www.brewdog.com/)
- Menú:
1. Inicio
2. Cervezas
3. Tienda
4. Blog
5. Eventos
6. Opiniones
7. Contacto
8. Galería
9. Tiendas físicas
10. Recetas
33. Página para un autor de contenido de videojuegos
- Ejemplo: [PewDiePie] (https://www.pewdiepie.com/)
- Menú:
1. Inicio
2. Videos
3. Juegos
4. Tienda
5. Blog
6. Opiniones
7. Eventos
8. Noticias
9. Contacto
10. Preguntas frecuentes
34. Sitio para un servicio de fotografía y video
- Ejemplo: [Nomad Republic] (https://nomadrepublic.com/)
- Menú:
1. Inicio
2. Servicios
3. Galería
4. Proyectos destacados
5. Opiniones
6. Contacto
7. Blog
8. Tienda
9. Reservas
10. Clientes
35. Sitio para una startup tecnológica
- Ejemplo: [Stripe] (https://stripe.com/)
- Menú:
1. Inicio
2. Productos
3. API y Documentación
4. Precios
5. Blog
6. Casos de éxito
7. Comunidad
8. Integraciones
9. FAQ++
10. Contacto