Mellorando o sitio web
-
Upload
alberto-permuy-leal -
Category
Technology
-
view
319 -
download
4
Transcript of Mellorando o sitio web
![Page 1: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/1.jpg)
Mellorando o noso sitio web
![Page 2: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/2.jpg)
Mellorando o sitio web
![Page 3: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/3.jpg)
.- Consellos creación contidos
.- Guía boas prácticas Drupal
.- Maquetación e deseño
.- Avaliación do sitio
.- IES Terra Soneira: melloras
![Page 4: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/4.jpg)
...quero dicir...Observar Planificar Traballar Publicar
![Page 5: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/5.jpg)
Consellos.- Ter MOI CLARO o que imos facer..- Traballar sempre en “sucio”: mockups e papeis..- Contido orixinal, sempre que sexa posible..- Ordenar as ideas! (p.e Bloque do IESTerraSoneira).- Pensar sempre no usuario. Qué necesita?.- Non publicitar se non está o contido finalizado.
![Page 6: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/6.jpg)
Consellos - II.- Título dos contidos:
.- Breve, 60-65 caracteres
.- Non repetir palabras
.- Non usar punto (.)
.- Coidar redacción.
.- Usar etiquetas.
![Page 7: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/7.jpg)
Consellos - III.- Texto dos contidos:
.- Ser orixinales, non plaxiar , evitar CTRL+C
.- Incluír palabras clave.
.- Evitar sobre-información = saturación.
.- Citas fontes usando ligazón: amplian visión.
.- Coidar redacción.
.- Lembra, o obxectivo é o usuario.
![Page 8: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/8.jpg)
Consellos - IV.- ¿Contido orixinal?
.- Orixinal de “imaxinación”.- Vídeo = Youtube/Vimeo.- Presentacións = Slideshare.- Imaxes = Flickr
![Page 9: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/9.jpg)
Sí, todo isto é “moi bonito”, pero como o levamos á
práctica
![Page 10: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/10.jpg)
Pensar antes de “gardar”, depende de nos...
![Page 11: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/11.jpg)
Non ter medo a citar as fontes...nunca! A rede é libre!
![Page 12: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/12.jpg)
Imos a “misturar emocións”...
![Page 13: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/13.jpg)
Mixed emotions - I.- Crear contido “páxina”.- Formato de entrada “Full HTML”.- Opcións de ruta URL => “video”.- Gardar o contido
![Page 14: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/14.jpg)
Mixed emotions - II.- Tentar acceder ao contido.- Buscar un vídeo en Youtube.- Clic en “compartir”.- Clic en “insertar”
![Page 15: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/15.jpg)
Mixed emotions - III
![Page 16: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/16.jpg)
Mixed emotions - IV.- Copiar o código “html”.- Pegar ( CTRL + V).- Gardar o contido.- Listo!
![Page 17: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/17.jpg)
Todavía máis....
![Page 18: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/18.jpg)
Boas prácticas en Drupal
![Page 19: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/19.jpg)
Boas prácticas en Drupal - I
.- Planificar o que imos facer: sempre.
.- Navegar, observar, anotar, consultar...aprender..- Evernote.- Delicious
.- Facer primeiro as probas en “local”.- Co Bitnami no noso ordenador.- Nun sitio en probas
![Page 20: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/20.jpg)
Boas prácticas en Drupal - II
.- Revisar os módulos do noso sitio web.
.- Aplicar KISS: Non complicarse.
.- p.e “¿Usar libros?” Ao mellor é recomendable coñecer “ a fondo” “paxinas” + “taxonomía”
![Page 21: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/21.jpg)
Axuda?.- Consultas aos compañeiros.- Drupal.org + Google Translate.- [email protected] Redes sociais: Twitter
![Page 22: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/22.jpg)
Pensar antes de construir...
![Page 23: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/23.jpg)
Mockups - I
.- Representación esquemática da web sen imaxes
.- Maquetas que axudan a facer bocetos
.- Perspectiva baseada no deseño, deixando “ de lado” o contido.- Permiten crear:
.- Esqueletos das páxinas
.- Definir e optimizar a navegación
.- Detectar erros.- Comprobar a usabilidade
![Page 24: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/24.jpg)
Mockups - II
.- Como creo un “mockup”?.- Lápiz e papel.- Con software
![Page 25: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/25.jpg)
Exemplo creación mockup
![Page 26: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/26.jpg)
Avaliación do sitio web
![Page 27: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/27.jpg)
Avaliación do sitio web I
.- Para mellorar primeiro necesitamos saber cales son os puntos débiles do noso sitio web..- Non se trata de escribir/redactar unha “carta aos reis magos” .- Debemos tratar/consultar os puntos fundamentais relacionados coa usabilidade web..- Antes “das modificacións e despois”
![Page 28: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/28.jpg)
?
![Page 29: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/29.jpg)
Avaliación do sitio web II
.- Aspectos xerais do sitio
.- Identidade e información
.- Linguaxe
.- Rotulado
.- Estrutura e navegación
.- Búsqueda
.- Elementos multimedia
.- Axuda
.- Accesibilidadehttp://www.nosolousabilidad.com/articulos/heuristica.htm
Avaliación do sitio web II
![Page 30: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/30.jpg)
?
![Page 31: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/31.jpg)
Avaliación do sitio web III
KISS =.- Recurso gratuito.- Podemos “embeber”.- Podemos compartir.- Podemos exportar a LibreOffice ou MSOffice
![Page 32: Mellorando o sitio web](https://reader033.fdocuments.mx/reader033/viewer/2022051617/5599771b1a28ab18528b4612/html5/thumbnails/32.jpg)
http://creativecommons.org/licenses/by/3.0/es/deed.es
Grazas!http://twitter.com/apermuyhttp://flickr.permuy.orghttp://blog.permuy.orghttp://about.me/apermuy