SlideShare una empresa de Scribd logo
1 de 22
ANTES DE CREAR TU
WEB…
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.
Qué tema y cuales son los
factores que puedo tratar…
 En nuestras páginas web, tendremos
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.
- Cuál es la cantidad potencial de
visitas que podemos desear…
Normalmente una web es buscada,
encontrada y visitada por personas que
buscan o necesitan algo.
Algo que auto cubre las necesidades.
Ejemplo: realizar ciertos trámites, preguntas
cómo: ¿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
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…
 Debes ser todo un erudito en el tema
escogido antes de empezar a crear la
página web.
 Debes Conocer al Cliente(si no te
apasiona en absoluto). Ya tendrás
tiempo de dominarlo conforme vas
creando la web y la vas manteniendo.
CLIENTE
 QUÍEN
 DÓNDE
 QUÉ
 PARA QUÉ
 PORQUÉ
 CUÁNDO
 CÓMO…
 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
 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:
 https://trends.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.
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…
Los Colores y Tu Página Web
 Teoría y psicología del color
(explicación)
 Imagen Corporativa y Unidad de
Imagen
https://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.
http://es.freeimages.com/
http://www.everystockphoto.com/
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.
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
Software para diseño web…
 Dreamweaver
 Front Page
 Gestores o sistemas de gestión de
contenidos.
 Html-Kit

Más contenido relacionado

La actualidad más candente

Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertextoLuPe Vargas
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertextoLuPe Vargas
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertextoluisaruiz2202
 
Ejercicio de hipertexto seminario tic
Ejercicio de hipertexto   seminario ticEjercicio de hipertexto   seminario tic
Ejercicio de hipertexto seminario ticElizabeth Monsalve
 
Ejercicio de-hipertexto
Ejercicio de-hipertexto Ejercicio de-hipertexto
Ejercicio de-hipertexto Sara Rios
 
Ejercicio de hipertexto Jerick Castaño
Ejercicio de hipertexto Jerick CastañoEjercicio de hipertexto Jerick Castaño
Ejercicio de hipertexto Jerick CastañoJerick Castaño
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertextoIsabel C
 
Ejercicio de hipertexto susana castro garay
Ejercicio de hipertexto susana castro garayEjercicio de hipertexto susana castro garay
Ejercicio de hipertexto susana castro garaySusana Castro Garay
 
3 Navegación y Buscadores
3   Navegación y Buscadores3   Navegación y Buscadores
3 Navegación y Buscadoressiliar
 
Como investigar en internet
Como investigar en internet Como investigar en internet
Como investigar en internet Josue Martinez
 
Navegadores v.s buscadores
Navegadores v.s buscadoresNavegadores v.s buscadores
Navegadores v.s buscadoresdanipeper
 
Unidad 4.2.2
Unidad 4.2.2Unidad 4.2.2
Unidad 4.2.2Kuepa
 
Como investigar por internet
Como investigar por internetComo investigar por internet
Como investigar por internetJaneth_Moreno
 

La actualidad más candente (19)

hipertexto
 hipertexto hipertexto
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 seminario tic
Ejercicio de hipertexto   seminario ticEjercicio de hipertexto   seminario tic
Ejercicio de hipertexto seminario tic
 
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 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
 
Elementos de Internet
Elementos de InternetElementos de Internet
Elementos de Internet
 
3 Navegación y Buscadores
3   Navegación y Buscadores3   Navegación y Buscadores
3 Navegación y Buscadores
 
Usos del internet
Usos del internetUsos del internet
Usos del internet
 
Paginas Web
Paginas WebPaginas Web
Paginas Web
 
Como investigar en internet
Como investigar en internet Como investigar en internet
Como investigar en internet
 
Navegadores v.s buscadores
Navegadores v.s buscadoresNavegadores v.s buscadores
Navegadores v.s buscadores
 
Unidad 4.2.2
Unidad 4.2.2Unidad 4.2.2
Unidad 4.2.2
 
Como investigar por internet
Como investigar por internetComo investigar por internet
Como investigar por internet
 

Similar a Ejercicio de hipertexto

Similar a Ejercicio de hipertexto (19)

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
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertexto
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertexto
 
Ejer hipertexto seminario tic
Ejer hipertexto seminario ticEjer hipertexto seminario tic
Ejer hipertexto seminario tic
 
Ejerhipertexto sem TIC´S
Ejerhipertexto sem TIC´SEjerhipertexto sem TIC´S
Ejerhipertexto sem TIC´S
 
Navegando sobre la red part ii
Navegando sobre la red part iiNavegando sobre la red part ii
Navegando sobre la red part ii
 
Pagina y sitio web
Pagina y sitio webPagina y sitio web
Pagina y sitio web
 
Buscadore(informatica)
Buscadore(informatica)Buscadore(informatica)
Buscadore(informatica)
 
Historia_Internet_UTC
Historia_Internet_UTCHistoria_Internet_UTC
Historia_Internet_UTC
 
Bsb Informatik
Bsb InformatikBsb Informatik
Bsb Informatik
 
Bsb Informatik
Bsb InformatikBsb Informatik
Bsb Informatik
 
Página Web
Página WebPágina Web
Página Web
 
MóDulo 2
MóDulo 2MóDulo 2
MóDulo 2
 
Clase no 4
Clase no 4Clase no 4
Clase no 4
 
Resumen de conferencias
Resumen de conferenciasResumen de conferencias
Resumen de conferencias
 
Documentos scrib
Documentos scribDocumentos scrib
Documentos scrib
 
Karen Paredes PéRez
Karen Paredes PéRezKaren Paredes PéRez
Karen Paredes PéRez
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 

Último

INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 

Último (8)

INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 

Ejercicio de hipertexto

  • 1. ANTES DE CREAR TU WEB…
  • 2. 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.
  • 3. Qué tema y cuales son los factores que puedo tratar…  En nuestras páginas web, tendremos 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. - Cuál es la cantidad potencial de visitas que podemos desear…
  • 4. Normalmente una web es buscada, encontrada y visitada por personas que buscan o necesitan algo. Algo que auto cubre las necesidades. Ejemplo: realizar ciertos trámites, preguntas cómo: ¿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
  • 5. 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…
  • 6.  Debes ser todo un erudito en el tema escogido antes de empezar a crear la página web.  Debes Conocer al Cliente(si no te apasiona en absoluto). Ya tendrás tiempo de dominarlo conforme vas creando la web y la vas manteniendo.
  • 7. CLIENTE  QUÍEN  DÓNDE  QUÉ  PARA QUÉ  PORQUÉ  CUÁNDO  CÓMO…
  • 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.  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:  https://trends.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.
  • 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. Los Colores y Tu Página Web  Teoría y psicología del color (explicación)  Imagen Corporativa y Unidad de Imagen https://www.coca-cola.com.co/es/home/  Herramientas: http://colormixers.com/
  • 16. 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.
  • 17. Herramientas para fuentes  http://www.letramania.com/  http://www.fontreactor.com/  Ojo al Instalar y quitar fuentes…
  • 18. Imágenes…  Es habitual utilizar bancos de imágenes…  Recuerda revisar la resolución.  Recuerde revisar las licencias de uso. http://es.freeimages.com/ http://www.everystockphoto.com/
  • 19. 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.
  • 20. Un Dominio…  Es una red de identificación asociada a un grupo de dispositivos o equipos conectados a la red
  • 21. Un Servidor…  Obtener un espacio para la página web en algún "Servidor", ya sea de pago o gratuito
  • 22. Software para diseño web…  Dreamweaver  Front Page  Gestores o sistemas de gestión de contenidos.  Html-Kit