SlideShare una empresa de Scribd logo
1 de 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.
 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…
CLIENTE
 QUÍEN
 DÓNDE
 QUÉ
 PARA QUÉ
 PORQUÉ
 CUÁNDO
 CÓMO…
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
 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.
 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.
 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
 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.
 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
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.
Piense en el Usuario
 El 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/
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…
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.
Los Colores y Tu Página Web
 Teorí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/
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.
Herramientas para fuentes
 http://www.letramania.com/
 http://www.fontreactor.com/
 Ojo al Instalar y quitar fuentes…
Imágenes…
 Es habitual utilizar bancos de
imágenes…
 Recuerda revisar la resolución.
 Recuerde revisar las licencias de uso.
www.sxc.hu
www.everystockphoto.com
Un Servidor…
 Obtener un espacio para la página
web en algún "Servidor", ya sea de
pago o gratuito
Software para diseño web…
 Dreamweaver
 Front Page
 Gestores o sistemas de gestión de
contenidos.
 Html-Kit
Un Dominio…
 Es una red de identificación asociada a
un grupo de dispositivos o equipos
conectados a la red

Más contenido relacionado

La actualidad más candente

Diseño de navegación web
Diseño de navegación webDiseño de navegación web
Diseño de navegación web
Alexis Morillo
 
indormatica taller 1
indormatica taller 1indormatica taller 1
indormatica taller 1
fucs
 

La actualidad más candente (19)

Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertexto
 
Ejercicio de-hipertexto
Ejercicio de-hipertexto Ejercicio de-hipertexto
Ejercicio de-hipertexto
 
Ejercicio de hipertexto Jerick Castaño
Ejercicio de hipertexto Jerick CastañoEjercicio de hipertexto Jerick Castaño
Ejercicio de hipertexto Jerick Castaño
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertexto
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertexto
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertexto
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertexto
 
Ejercicio de hipertexto susana castro garay
Ejercicio de hipertexto susana castro garayEjercicio de hipertexto susana castro garay
Ejercicio de hipertexto susana castro garay
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertexto
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertexto
 
Paginas Web
Paginas WebPaginas Web
Paginas Web
 
Diseño de navegación web
Diseño de navegación webDiseño de navegación web
Diseño de navegación web
 
Blog web
Blog  webBlog  web
Blog web
 
indormatica taller 1
indormatica taller 1indormatica taller 1
indormatica taller 1
 
G:\diseño web
G:\diseño webG:\diseño web
G:\diseño web
 
Actividad 1
Actividad 1Actividad 1
Actividad 1
 
Tipos de sitios web
Tipos de sitios webTipos de sitios web
Tipos de sitios web
 
Posicionamiento en buscadores. Técnicas penalizadas para SEO. Social Media Pe...
Posicionamiento en buscadores. Técnicas penalizadas para SEO. Social Media Pe...Posicionamiento en buscadores. Técnicas penalizadas para SEO. Social Media Pe...
Posicionamiento en buscadores. Técnicas penalizadas para SEO. Social Media Pe...
 
Guía para evaluación experta
Guía para evaluación expertaGuía para evaluación experta
Guía para evaluación experta
 

Similar a Ejercicio de hipertexto

Elementos y recomendaciones generales
Elementos y recomendaciones generalesElementos y recomendaciones generales
Elementos y recomendaciones generales
ga12007
 
10 pasos para una web exitosa
10 pasos para una web exitosa 10 pasos para una web exitosa
10 pasos para una web exitosa
IdeasDigitalesCo
 
10 pasos básicos para realizar una página web de éxito
10 pasos básicos para realizar una página web de éxito 10 pasos básicos para realizar una página web de éxito
10 pasos básicos para realizar una página web de éxito
Jessica Tovar
 
Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
Imagen Territorial.De La 1.0 A La 2.0. Primeros PasosImagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
Marivi
 

Similar a Ejercicio de hipertexto (20)

Ejercicio de hipertexto- Santiago Flórez Chaverra
Ejercicio de hipertexto- Santiago Flórez ChaverraEjercicio de hipertexto- Santiago Flórez Chaverra
Ejercicio de hipertexto- Santiago Flórez Chaverra
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertexto
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertexto
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertexto
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertexto
 
Ejerhipertexto sem TIC´S
Ejerhipertexto sem TIC´SEjerhipertexto sem TIC´S
Ejerhipertexto sem TIC´S
 
Ejer hipertexto seminario tic
Ejer hipertexto seminario ticEjer hipertexto seminario tic
Ejer hipertexto seminario tic
 
Elementos y recomendaciones generales
Elementos y recomendaciones generalesElementos y recomendaciones generales
Elementos y recomendaciones generales
 
10 pasos para una web exitosa
10 pasos para una web exitosa 10 pasos para una web exitosa
10 pasos para una web exitosa
 
10 pasos básicos para realizar una página web de éxito
10 pasos básicos para realizar una página web de éxito 10 pasos básicos para realizar una página web de éxito
10 pasos básicos para realizar una página web de éxito
 
Moretti
MorettiMoretti
Moretti
 
Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
Imagen Territorial.De La 1.0 A La 2.0. Primeros PasosImagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
Imagen Territorial.De La 1.0 A La 2.0. Primeros Pasos
 
Paginas web y blogs
Paginas web y blogsPaginas web y blogs
Paginas web y blogs
 
Páginas web
Páginas webPáginas web
Páginas web
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Tecnología Web I parte
Tecnología Web I parteTecnología Web I parte
Tecnología Web I parte
 
Paginaweb
PaginawebPaginaweb
Paginaweb
 
Primerperiodo
PrimerperiodoPrimerperiodo
Primerperiodo
 
Recursos web 2.0 - 1005 Jm
Recursos web 2.0 - 1005 JmRecursos web 2.0 - 1005 Jm
Recursos web 2.0 - 1005 Jm
 

Último

Razones_para_estar_en_contra_del_aborto.pdf
Razones_para_estar_en_contra_del_aborto.pdfRazones_para_estar_en_contra_del_aborto.pdf
Razones_para_estar_en_contra_del_aborto.pdf
KristellCordova
 
sistema político Mariangel Adjam Mapa mental
sistema político Mariangel Adjam Mapa mentalsistema político Mariangel Adjam Mapa mental
sistema político Mariangel Adjam Mapa mental
MariangelAdjam
 
Mapas Conceptuales finales Rubén finales.pptx
Mapas Conceptuales finales Rubén finales.pptxMapas Conceptuales finales Rubén finales.pptx
Mapas Conceptuales finales Rubén finales.pptx
jose880240
 

Último (12)

Razones_para_estar_en_contra_del_aborto.pdf
Razones_para_estar_en_contra_del_aborto.pdfRazones_para_estar_en_contra_del_aborto.pdf
Razones_para_estar_en_contra_del_aborto.pdf
 
PerezGallegos_Claudia_M1S3Al6.pptx las tic en la vida cotidiana
PerezGallegos_Claudia_M1S3Al6.pptx las tic en la vida cotidianaPerezGallegos_Claudia_M1S3Al6.pptx las tic en la vida cotidiana
PerezGallegos_Claudia_M1S3Al6.pptx las tic en la vida cotidiana
 
sistema político Mariangel Adjam Mapa mental
sistema político Mariangel Adjam Mapa mentalsistema político Mariangel Adjam Mapa mental
sistema político Mariangel Adjam Mapa mental
 
PARTES DE LA PANTALLA DE POWER POINT.pptx
PARTES DE LA PANTALLA DE POWER POINT.pptxPARTES DE LA PANTALLA DE POWER POINT.pptx
PARTES DE LA PANTALLA DE POWER POINT.pptx
 
Imagen creada en photopea con el fin de informar acerca de los navegadores web.
Imagen creada en photopea con el fin de informar acerca de los navegadores web.Imagen creada en photopea con el fin de informar acerca de los navegadores web.
Imagen creada en photopea con el fin de informar acerca de los navegadores web.
 
P7_E1_DanielPoza.pdf Los avances en los sistemas de comunicascion y su difusi...
P7_E1_DanielPoza.pdf Los avances en los sistemas de comunicascion y su difusi...P7_E1_DanielPoza.pdf Los avances en los sistemas de comunicascion y su difusi...
P7_E1_DanielPoza.pdf Los avances en los sistemas de comunicascion y su difusi...
 
Presentacion De Imagenes Digitales Y Navegadores De Internet.
Presentacion De Imagenes Digitales Y Navegadores De Internet.Presentacion De Imagenes Digitales Y Navegadores De Internet.
Presentacion De Imagenes Digitales Y Navegadores De Internet.
 
ciberseguridad y seguridad informatica- alex jaren.pptx
ciberseguridad y seguridad informatica- alex jaren.pptxciberseguridad y seguridad informatica- alex jaren.pptx
ciberseguridad y seguridad informatica- alex jaren.pptx
 
COMO PUBLICAR UNA PRESENTACION GRAFICA EN INTERNET .pptx
COMO PUBLICAR UNA PRESENTACION GRAFICA EN INTERNET .pptxCOMO PUBLICAR UNA PRESENTACION GRAFICA EN INTERNET .pptx
COMO PUBLICAR UNA PRESENTACION GRAFICA EN INTERNET .pptx
 
Manual-Microsoft-Office-Excel-2i010-basico.pdf
Manual-Microsoft-Office-Excel-2i010-basico.pdfManual-Microsoft-Office-Excel-2i010-basico.pdf
Manual-Microsoft-Office-Excel-2i010-basico.pdf
 
Dominios_De_Internet.pdf
Dominios_De_Internet.pdfDominios_De_Internet.pdf
Dominios_De_Internet.pdf
 
Mapas Conceptuales finales Rubén finales.pptx
Mapas Conceptuales finales Rubén finales.pptxMapas Conceptuales finales Rubén finales.pptx
Mapas Conceptuales finales Rubén finales.pptx
 

Ejercicio de hipertexto

  • 1. 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.
  • 2.  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…
  • 3. CLIENTE  QUÍEN  DÓNDE  QUÉ  PARA QUÉ  PORQUÉ  CUÁNDO  CÓMO…
  • 4. 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
  • 5.  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.
  • 6.  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.
  • 7.  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
  • 8.  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.
  • 9.  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
  • 10. 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.
  • 11.
  • 12. Piense en el Usuario  El 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/
  • 13.
  • 14. 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…
  • 15. 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.
  • 16. Los Colores y Tu Página Web  Teorí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/
  • 17. 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.
  • 18. Herramientas para fuentes  http://www.letramania.com/  http://www.fontreactor.com/  Ojo al Instalar y quitar fuentes…
  • 19. Imágenes…  Es habitual utilizar bancos de imágenes…  Recuerda revisar la resolución.  Recuerde revisar las licencias de uso. www.sxc.hu www.everystockphoto.com
  • 20. Un Servidor…  Obtener un espacio para la página web en algún "Servidor", ya sea de pago o gratuito
  • 21. Software para diseño web…  Dreamweaver  Front Page  Gestores o sistemas de gestión de contenidos.  Html-Kit
  • 22. Un Dominio…  Es una red de identificación asociada a un grupo de dispositivos o equipos conectados a la red