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…
 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.
CLIENTE
 QUÍEN
 DÓNDE
 QUÉ
 PARA QUÉ
 PORQUÉ
 CUÁNDO
 CÓMO…
 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.
 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.
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
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/
Software para diseño web…
 Dreamweaver
 Front Page
 Gestores o sistemas de gestión de
contenidos.
 Html-Kit
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 Dominio…
 Es una red de identificación asociada a
un grupo de dispositivos o equipos
conectados a la red
Un Servidor…
 Obtener un espacio para la página
web en algún "Servidor", ya sea de
pago o gratuito

Más contenido relacionado

La actualidad más candente

Herramientas Web
Herramientas WebHerramientas Web
Herramientas Web
d0miwis
 

La actualidad más candente (19)

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
 
Antes de crear tu página web
Antes de crear tu página webAntes de crear tu página web
Antes de crear tu página web
 
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
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
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertexto
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertexto
 
Paol aromero
Paol aromeroPaol aromero
Paol aromero
 
BLOG
BLOGBLOG
BLOG
 
3 Navegación y Buscadores
3   Navegación y Buscadores3   Navegación y Buscadores
3 Navegación y Buscadores
 
Elementos de Internet
Elementos de InternetElementos de Internet
Elementos de Internet
 
Herramientas Web
Herramientas WebHerramientas Web
Herramientas Web
 
Navegadores by ing. rossana amaya
Navegadores by ing. rossana amayaNavegadores by ing. rossana amaya
Navegadores by ing. rossana amaya
 

Similar a Ejercicio de hipertexto Jerick Castaño

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
 
Elementos y recomendaciones generales
Elementos y recomendaciones generalesElementos y recomendaciones generales
Elementos y recomendaciones generales
ga12007
 
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
 
Pasosparacrearunsitioweb 100901221331-phpapp02
Pasosparacrearunsitioweb 100901221331-phpapp02Pasosparacrearunsitioweb 100901221331-phpapp02
Pasosparacrearunsitioweb 100901221331-phpapp02
Mateo Salgado
 

Similar a Ejercicio de hipertexto Jerick Castaño (17)

Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertexto
 
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
 
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
 
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
 
Elementos y recomendaciones generales
Elementos y recomendaciones generalesElementos y recomendaciones generales
Elementos y recomendaciones generales
 
Primerperiodo
PrimerperiodoPrimerperiodo
Primerperiodo
 
Tecnología Web I parte
Tecnología Web I parteTecnología Web I parte
Tecnología Web I parte
 
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
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Sistema de Gestion de Contenidos Web
Sistema de Gestion de Contenidos WebSistema de Gestion de Contenidos Web
Sistema de Gestion de Contenidos Web
 
Moretti
MorettiMoretti
Moretti
 
Pasosparacrearunsitioweb 100901221331-phpapp02
Pasosparacrearunsitioweb 100901221331-phpapp02Pasosparacrearunsitioweb 100901221331-phpapp02
Pasosparacrearunsitioweb 100901221331-phpapp02
 
Paginaweb
PaginawebPaginaweb
Paginaweb
 
Issuu1 a.v.v.m
Issuu1 a.v.v.mIssuu1 a.v.v.m
Issuu1 a.v.v.m
 

Último

Induccion Personal Mision S&A (nueva).pdf
Induccion Personal Mision S&A (nueva).pdfInduccion Personal Mision S&A (nueva).pdf
Induccion Personal Mision S&A (nueva).pdf
stefatoro1392
 
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
jose880240
 

Último (9)

Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdfBlue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
 
word-ejercicios-tabulaciones-taller..doc
word-ejercicios-tabulaciones-taller..docword-ejercicios-tabulaciones-taller..doc
word-ejercicios-tabulaciones-taller..doc
 
Induccion Personal Mision S&A (nueva).pdf
Induccion Personal Mision S&A (nueva).pdfInduccion Personal Mision S&A (nueva).pdf
Induccion Personal Mision S&A (nueva).pdf
 
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTALLA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráfico
 
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
 
Planos seriados, conceptos, caracterización y aplicaciones
Planos seriados, conceptos, caracterización y aplicacionesPlanos seriados, conceptos, caracterización y aplicaciones
Planos seriados, conceptos, caracterización y aplicaciones
 
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERUTECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
TECNOLOGIA ARQUITECTONICA - CASO IQUITOS - PERU
 
Metodo-cuadricula-HyST para medicion con luxometro
Metodo-cuadricula-HyST para medicion con luxometroMetodo-cuadricula-HyST para medicion con luxometro
Metodo-cuadricula-HyST para medicion con luxometro
 

Ejercicio de hipertexto Jerick Castaño

  • 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.  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.
  • 4. CLIENTE  QUÍEN  DÓNDE  QUÉ  PARA QUÉ  PORQUÉ  CUÁNDO  CÓMO…
  • 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.  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
  • 7.  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.
  • 8.  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
  • 9. 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.
  • 10.
  • 11. 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
  • 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. Software para diseño web…  Dreamweaver  Front Page  Gestores o sistemas de gestión de contenidos.  Html-Kit
  • 18. 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.
  • 19. Herramientas para fuentes  http://www.letramania.com/  http://www.fontreactor.com/  Ojo al Instalar y quitar fuentes…
  • 20. 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
  • 21. Un Dominio…  Es una red de identificación asociada a un grupo de dispositivos o equipos conectados a la red
  • 22. Un Servidor…  Obtener un espacio para la página web en algún "Servidor", ya sea de pago o gratuito