ejercicio de-hipertexto

22
ANTES DE CREAR TU WEB Actividad de Hipertexto: Organiza las siguientes diapositivas, garantizando que la semántica del tema permanezca, orienta los enlaces color violeta a temas relacionados. Juan Pablo Yepes Londoño

Upload: sara-rios

Post on 11-Apr-2017

11 views

Category:

Business


0 download

TRANSCRIPT

Page 1: Ejercicio de-hipertexto

ANTES DE CREAR TU WEBActividad de Hipertexto: Organiza las siguientes diapositivas, garantizando que la semántica del tema permanezca, orienta los enlaces color violeta a temas relacionados.

Juan Pablo Yepes Londoño

Page 2: Ejercicio de-hipertexto

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 3: Ejercicio de-hipertexto

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 4: Ejercicio de-hipertexto

CLIENTEQUÍENDÓNDEQUÉPARA QUÉPORQUÉCUÁNDOCÓMO…

Page 5: Ejercicio de-hipertexto

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 6: Ejercicio de-hipertexto

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 7: Ejercicio de-hipertexto

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

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

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
Page 12: Ejercicio de-hipertexto
Page 13: Ejercicio de-hipertexto

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 14: Ejercicio de-hipertexto

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 15: Ejercicio de-hipertexto

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

Software para diseño web…DreamweaverFront PageGestores o sistemas de gestión

de contenidos.Html-Kit

Page 17: Ejercicio de-hipertexto

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 18: Ejercicio de-hipertexto

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 19: Ejercicio de-hipertexto

Herramientas para fuenteshttp://www.letramania.com/

http://www.fontreactor.com/

Ojo al Instalar y quitar fuentes…

Page 20: Ejercicio de-hipertexto

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 21: Ejercicio de-hipertexto

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

Un Dominio…Es una red de identificación asociada

a un grupo de dispositivos o equipos conectados a la red