Ejercicio de hipertexto- Santiago Flórez Chaverra
-
Upload
santiago-florez-chaverra -
Category
Education
-
view
17 -
download
0
Transcript of Ejercicio de hipertexto- Santiago Flórez Chaverra
![Page 1: Ejercicio de hipertexto- Santiago Flórez Chaverra](https://reader036.fdocuments.mx/reader036/viewer/2022081604/58e5501a1a28ab3a468b64c1/html5/thumbnails/1.jpg)
ANTES DE CREAR TU WEB…
![Page 2: Ejercicio de hipertexto- Santiago Flórez Chaverra](https://reader036.fdocuments.mx/reader036/viewer/2022081604/58e5501a1a28ab3a468b64c1/html5/thumbnails/2.jpg)
Qué tema puedo tratar…
qué factores podemos tener en cuenta al ahora de escoger el tema a tratar en nuestras páginas web, factores como cuánto te gusta el tema y su importancia, cuánto hay que conocerlo para llegar a crear una buena web sobre ese tema, qué interesa realmente a los internautas, la cantidad potencial de visitas que podemos desear…son sólo el inicio.
![Page 3: Ejercicio de hipertexto- Santiago Flórez Chaverra](https://reader036.fdocuments.mx/reader036/viewer/2022081604/58e5501a1a28ab3a468b64c1/html5/thumbnails/3.jpg)
Completar una página web, lleva demasiadas horas como para que no te apasione el tema que tratas. Requiere leer, investigar, estar al día, recopilar información y plasmarla en la web.
![Page 4: Ejercicio de hipertexto- Santiago Flórez Chaverra](https://reader036.fdocuments.mx/reader036/viewer/2022081604/58e5501a1a28ab3a468b64c1/html5/thumbnails/4.jpg)
Aunque lo normal es lanzarse a hacer una página web cuando se tiene un motivo, algo que se quiere comentar, compartir o dar a conocer, hay otras ocasiones en las que simplemente se pretende crear una web atendiendo una necesidades específicas…
![Page 5: Ejercicio de hipertexto- Santiago Flórez Chaverra](https://reader036.fdocuments.mx/reader036/viewer/2022081604/58e5501a1a28ab3a468b64c1/html5/thumbnails/5.jpg)
Debes ser todo un erudito en el tema escogido antes de empezar a crear la página web.
Debo Conocer al Cliente(si no te apasiona en absoluto). Ya tendrás tiempo de dominarlo conforme vas creando la web y la vas manteniendo.
![Page 6: Ejercicio de hipertexto- Santiago Flórez Chaverra](https://reader036.fdocuments.mx/reader036/viewer/2022081604/58e5501a1a28ab3a468b64c1/html5/thumbnails/6.jpg)
CLIENTE QUÍEN
DÓNDE
QUÉ
PARA QUÉ
PORQUÉ
CUÁNDO
CÓMO…
![Page 7: Ejercicio de hipertexto- Santiago Flórez Chaverra](https://reader036.fdocuments.mx/reader036/viewer/2022081604/58e5501a1a28ab3a468b64c1/html5/thumbnails/7.jpg)
Normalmente una web es buscada, encontrada y visitada por personas que buscan algo, que necesitan algo. Qué auto cubre mis necesidades, cómo realizar ciertos trámites, cuál es el número de la lotería, dónde puedo hospedarme si voy de viaje a tal sitio... Piensa qué necesidades puede tener la gente y busca entre esas necesidades
![Page 8: Ejercicio de hipertexto- Santiago Flórez Chaverra](https://reader036.fdocuments.mx/reader036/viewer/2022081604/58e5501a1a28ab3a468b64c1/html5/thumbnails/8.jpg)
Google tiene una herramienta a tu disposición por si quieres saber cuáles son los temas más buscados por los internautas. Se llama Google Trends:
http://www.google.es/trends
Esa herramienta te puede ayudar a ver cuánto es buscada una palabra o frase a lo largo del tiempo y en distintos países, es muy útil y sencilla de usar.
![Page 9: Ejercicio de hipertexto- Santiago Flórez Chaverra](https://reader036.fdocuments.mx/reader036/viewer/2022081604/58e5501a1a28ab3a468b64c1/html5/thumbnails/9.jpg)
Tanto si lo que quieres es que la web perdure en el tiempo como si no pretendes meterte en líos legales, hay temáticas que es mejor no tocar. Páginas web con contenidos ilegales (descarga de software y archivos multimedia protegidos), contenido ilegal para adultos, contenidos copiados de otras fuentes sin tener los permisos correspondientes.
http://www.i-uris.com/normativ.html
![Page 10: Ejercicio de hipertexto- Santiago Flórez Chaverra](https://reader036.fdocuments.mx/reader036/viewer/2022081604/58e5501a1a28ab3a468b64c1/html5/thumbnails/10.jpg)
El Orden…Una página web no se trata de un solo
elemento, sino que está formado a su vez por unas cuantas sub-páginas y cada una de ellas a su vez, consta de varias imágenes, botones, fondos, música (a veces) etc.
![Page 11: Ejercicio de hipertexto- Santiago Flórez Chaverra](https://reader036.fdocuments.mx/reader036/viewer/2022081604/58e5501a1a28ab3a468b64c1/html5/thumbnails/11.jpg)
![Page 12: Ejercicio de hipertexto- Santiago Flórez Chaverra](https://reader036.fdocuments.mx/reader036/viewer/2022081604/58e5501a1a28ab3a468b64c1/html5/thumbnails/12.jpg)
Piense en el UsuarioEl orden del diseño de la web, es
respecto a lo siguiente. Procura diseñar las páginas webs de modo que el visitante (que a penas la conoce) pueda "adivinar" fácilmente donde se encuentra y como dirigirse a donde quiere.
http://antioquia.gov.co/
![Page 13: Ejercicio de hipertexto- Santiago Flórez Chaverra](https://reader036.fdocuments.mx/reader036/viewer/2022081604/58e5501a1a28ab3a468b64c1/html5/thumbnails/13.jpg)
Consejo…Incluya siempre un botón que les
permita retroceder a la página principal en todas las páginas que compongan la página web. incluir un menú en todas ellas es algo que facilita bastante la navegación. Piensa que pasa si el visitante se pierde…
![Page 14: Ejercicio de hipertexto- Santiago Flórez Chaverra](https://reader036.fdocuments.mx/reader036/viewer/2022081604/58e5501a1a28ab3a468b64c1/html5/thumbnails/14.jpg)
![Page 15: Ejercicio de hipertexto- Santiago Flórez Chaverra](https://reader036.fdocuments.mx/reader036/viewer/2022081604/58e5501a1a28ab3a468b64c1/html5/thumbnails/15.jpg)
Errores comunes… Demasiados banners de publicidad o de intercambio en
una página. Los fondos cargados que no dejan leer bien el texto. La letra diminuta que usan los sitios 'serios'. La letra enorme en los títulos. La musiquita midi de fondo. Los pop-up o ventanitas emergentes, que se abren solas. Infinitas ventanas que se van abriendo sin parar. -
Ventanas difíciles de cerrar, o que se escapan al intentarlo. Las que se te cuelan en favoritos y como página de inicio
sin permiso. - Engañar al usuario con un link que nada tiene que ver con lo que dice apuntar.
Entre otros…
![Page 16: Ejercicio de hipertexto- Santiago Flórez Chaverra](https://reader036.fdocuments.mx/reader036/viewer/2022081604/58e5501a1a28ab3a468b64c1/html5/thumbnails/16.jpg)
Los Colores y Tu Página WebTeoría y psicología del color
(explicación)Imagen Corporativa y Unidad de
Imagen http://www.coca-cola.com.co/es/home/
Herramientas: ◦http://colormixers.com/
![Page 17: Ejercicio de hipertexto- Santiago Flórez Chaverra](https://reader036.fdocuments.mx/reader036/viewer/2022081604/58e5501a1a28ab3a468b64c1/html5/thumbnails/17.jpg)
Fuentes de Texto…Lo más seguro es usar siempre fuentes
de texto que normalmente tengan instalados todos los ordenadores como por ejemplo, las que traen consigo los sistemas operativos como Windows, Linux, etc.
![Page 18: Ejercicio de hipertexto- Santiago Flórez Chaverra](https://reader036.fdocuments.mx/reader036/viewer/2022081604/58e5501a1a28ab3a468b64c1/html5/thumbnails/18.jpg)
Herramientas para fuenteshttp://www.letramania.com/
http://www.fontreactor.com/
Ojo al Instalar y quitar fuentes…
![Page 19: Ejercicio de hipertexto- Santiago Flórez Chaverra](https://reader036.fdocuments.mx/reader036/viewer/2022081604/58e5501a1a28ab3a468b64c1/html5/thumbnails/19.jpg)
Imágenes…Es habitual utilizar bancos de
imágenes…Recuerda revisar la resolución.Recuerde revisar las licencias de uso.
www.sxc.huwww.everystockphoto.com
![Page 20: Ejercicio de hipertexto- Santiago Flórez Chaverra](https://reader036.fdocuments.mx/reader036/viewer/2022081604/58e5501a1a28ab3a468b64c1/html5/thumbnails/20.jpg)
Software para diseño web…DreamweaverFront PageGestores o sistemas de gestión de
contenidos.HTML-Kit
![Page 21: Ejercicio de hipertexto- Santiago Flórez Chaverra](https://reader036.fdocuments.mx/reader036/viewer/2022081604/58e5501a1a28ab3a468b64c1/html5/thumbnails/21.jpg)
Un Servidor…Obtener un espacio para la página
web en algún "Servidor", ya sea de pago o gratuito
![Page 22: Ejercicio de hipertexto- Santiago Flórez Chaverra](https://reader036.fdocuments.mx/reader036/viewer/2022081604/58e5501a1a28ab3a468b64c1/html5/thumbnails/22.jpg)
Un Dominio…Es una red de identificación asociada
a un grupo de dispositivos o equipos conectados a la red