Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web...
Transcript of Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web...
![Page 1: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/1.jpg)
Una página web, por favor
![Page 2: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/2.jpg)
¿Para qué necesito una página web?
Dándole forma a la idea
¿Cuáles son nuestras
necesidades?
Del prototipo a la web
¿Qué le pido a un diseñador
gráfico?Mi primera web
Índice
![Page 3: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/3.jpg)
1. ¿Para qué necesito
una página web?
![Page 4: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/4.jpg)
● Ser encontrados
● Disponibilidad
● Credibilidad
● Expandirnos
● Relacionarnos
● Vender
¡No sé qué hacer! ¿Realmente
necesito una página web?
¿Qué puede aportar tener una página web?
![Page 5: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/5.jpg)
1. Definimos los pilares de nuestra página web
● ¿Para qué queremos la web?
● ¿Cuál es nuestro objetivo?
● ¿Quién es nuestro público?
¡Venga! Me he decidido: ¡quiero
una página web!
![Page 6: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/6.jpg)
2. Elegimos el tipo de página web que
queremos
● Corporativa
● Landing page
● Tienda online
● Blog
● Foro
● etc.
![Page 7: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/7.jpg)
2. Dándole
forma a la idea
![Page 8: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/8.jpg)
¡A prototipar!
![Page 9: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/9.jpg)
Herramientas de prototipado
● MockFlow
● InVision
● Marvel
● Balsamiq
![Page 11: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/11.jpg)
3. ¿Cuáles son nuestras
necesidades?
![Page 12: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/12.jpg)
¡Necesitamos
nuestro prototipo!
![Page 13: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/13.jpg)
¡Necesitamos
nuestro prototipo!
![Page 14: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/14.jpg)
Como mínimo
● Correo electrónico
● Hosting
● Dominio
¿Ya está? ¡Qué poco!
![Page 15: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/15.jpg)
También es necesario
● Diseño gráfico
● Programación web
● Contenido
![Page 16: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/16.jpg)
4. Del
prototipo a
la web
![Page 17: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/17.jpg)
Gestores de contenido
● WordPress
● Joomla
● Drupal
![Page 18: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/18.jpg)
Creadores webs
● Jimdo
● Weebly
● Wix
![Page 19: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/19.jpg)
Plataformas de blogging● Blogger
● Medium
![Page 20: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/20.jpg)
Herramientas para crear landing pages
● Unbounce
● LeadPages
● Instapage
![Page 21: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/21.jpg)
Tener un dominio propio da buena imagen
![Page 22: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/22.jpg)
5. ¿Qué le pido a un
diseñador gráfico?
![Page 23: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/23.jpg)
¡Necesitamos
nuestro prototipo,
otra vez!
![Page 24: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/24.jpg)
¡Necesitamos
nuestro prototipo,
otra vez!
![Page 25: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/25.jpg)
Elementos gráficos que podemos necesitar
● Identidad corporativa
● Colores
● Tipografía
● Estructura
● Recursos gráficos
![Page 26: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/26.jpg)
6. Mi
primera
web
![Page 28: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/28.jpg)
¡Ya tenemos una página web!
![Page 29: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/29.jpg)
Cómo
conseguir
recursos
gratuitos
![Page 30: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/30.jpg)
¿En qué me tengo que fijar?
● Licencias
● Atribuciones
![Page 31: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/31.jpg)
¿Qué puedo conseguir?
● Imágenes
● Iconos
● Fuentes tipográficas
![Page 32: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/32.jpg)
Algunos enlaces
● Imágenes – Pixabay
● Iconos – Flaticon
● Fuentes – FontSquirrel
![Page 33: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/33.jpg)
¡Ya tenemos NUESTRA página web!
Y si, además, le añades contenido…
![Page 34: Una página web, por favor · 2019. 8. 11. · 1. Definimos los pilares de nuestra página web ¿Para qué queremos la web? ¿Cuál es nuestro objetivo? ¿Quién es nuestro público?](https://reader035.fdocuments.mx/reader035/viewer/2022071606/61436eb46b2ee0265c020abe/html5/thumbnails/34.jpg)
¡Gracias!