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.
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
 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.
 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…
 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.
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

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 hipertextoAndy Taborda
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertextoAndy Taborda
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertextoAndy Taborda
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertextoAndy Taborda
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertextoLizx Gomez
 
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
 
indormatica taller 1
indormatica taller 1indormatica taller 1
indormatica taller 1fucs
 
Diseño de navegación web
Diseño de navegación webDiseño de navegación web
Diseño de navegación webAlexis Morillo
 
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...Garazi Serrano
 
Pagina y sitio web
Pagina y sitio webPagina y sitio web
Pagina y sitio webvalenena8
 
Tipos o clases de páginas web
Tipos o clases de páginas webTipos o clases de páginas web
Tipos o clases de páginas webRita Menendez
 

La actualidad más candente (18)

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
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
 
G:\diseño web
G:\diseño webG:\diseño web
G:\diseño web
 
indormatica taller 1
indormatica taller 1indormatica taller 1
indormatica taller 1
 
Diseño de navegación web
Diseño de navegación webDiseño de navegación web
Diseño de navegación 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...
 
Paginas web y Blogs
Paginas web y BlogsPaginas web y Blogs
Paginas web y Blogs
 
Pagina y sitio web
Pagina y sitio webPagina y sitio web
Pagina y sitio web
 
Tipos o clases de páginas web
Tipos o clases de páginas webTipos o clases de páginas web
Tipos o clases de páginas web
 

Destacado

Presentación eliomar hernandez
Presentación eliomar hernandezPresentación eliomar hernandez
Presentación eliomar hernandezEliomar15
 
COMO FUNCIONA EL SISTEMA DE POSISIONAMIENTO GLOBAL
COMO FUNCIONA EL SISTEMA DE POSISIONAMIENTO GLOBALCOMO FUNCIONA EL SISTEMA DE POSISIONAMIENTO GLOBAL
COMO FUNCIONA EL SISTEMA DE POSISIONAMIENTO GLOBALAlbert J. Paz Mendoza
 
Young Marketers Elite 4 - Assignment Chợ tốt - Yến Anh + Thái Hoàng + Lan Chi...
Young Marketers Elite 4 - Assignment Chợ tốt - Yến Anh + Thái Hoàng + Lan Chi...Young Marketers Elite 4 - Assignment Chợ tốt - Yến Anh + Thái Hoàng + Lan Chi...
Young Marketers Elite 4 - Assignment Chợ tốt - Yến Anh + Thái Hoàng + Lan Chi...Anh Huynh
 
LAC Future Energy Summit 2017 | 27-28 April 2017, Hotel Geneve Mexico City
LAC Future Energy Summit 2017 | 27-28 April 2017, Hotel Geneve Mexico CityLAC Future Energy Summit 2017 | 27-28 April 2017, Hotel Geneve Mexico City
LAC Future Energy Summit 2017 | 27-28 April 2017, Hotel Geneve Mexico CityFrank Mercado
 
Actividad 5 yamil espinoza
Actividad 5   yamil espinozaActividad 5   yamil espinoza
Actividad 5 yamil espinozakittyamil
 
3Com 3C37002
3Com 3C370023Com 3C37002
3Com 3C37002savomir
 
Guia de aprendizaje 4 compartir archivos calameo
Guia de aprendizaje 4 compartir archivos calameoGuia de aprendizaje 4 compartir archivos calameo
Guia de aprendizaje 4 compartir archivos calameokevin mantilla
 
presentación sobre la historia de la ingenieria
presentación sobre la historia de la ingenieriapresentación sobre la historia de la ingenieria
presentación sobre la historia de la ingenieriajennyferdvbz
 
Meninges y Liquido Cefalorraquideo
Meninges y Liquido CefalorraquideoMeninges y Liquido Cefalorraquideo
Meninges y Liquido CefalorraquideoYanelvi Moyeja
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertextoIsabel C
 
Historyessay
HistoryessayHistoryessay
HistoryessayTeck Wei
 

Destacado (20)

Presentación eliomar hernandez
Presentación eliomar hernandezPresentación eliomar hernandez
Presentación eliomar hernandez
 
Bitacora de col
Bitacora de colBitacora de col
Bitacora de col
 
COMO FUNCIONA EL SISTEMA DE POSISIONAMIENTO GLOBAL
COMO FUNCIONA EL SISTEMA DE POSISIONAMIENTO GLOBALCOMO FUNCIONA EL SISTEMA DE POSISIONAMIENTO GLOBAL
COMO FUNCIONA EL SISTEMA DE POSISIONAMIENTO GLOBAL
 
Young Marketers Elite 4 - Assignment Chợ tốt - Yến Anh + Thái Hoàng + Lan Chi...
Young Marketers Elite 4 - Assignment Chợ tốt - Yến Anh + Thái Hoàng + Lan Chi...Young Marketers Elite 4 - Assignment Chợ tốt - Yến Anh + Thái Hoàng + Lan Chi...
Young Marketers Elite 4 - Assignment Chợ tốt - Yến Anh + Thái Hoàng + Lan Chi...
 
Grado 1102
Grado 1102Grado 1102
Grado 1102
 
LAC Future Energy Summit 2017 | 27-28 April 2017, Hotel Geneve Mexico City
LAC Future Energy Summit 2017 | 27-28 April 2017, Hotel Geneve Mexico CityLAC Future Energy Summit 2017 | 27-28 April 2017, Hotel Geneve Mexico City
LAC Future Energy Summit 2017 | 27-28 April 2017, Hotel Geneve Mexico City
 
Actividad 5 yamil espinoza
Actividad 5   yamil espinozaActividad 5   yamil espinoza
Actividad 5 yamil espinoza
 
3Com 3C37002
3Com 3C370023Com 3C37002
3Com 3C37002
 
Guia de aprendizaje 4 compartir archivos calameo
Guia de aprendizaje 4 compartir archivos calameoGuia de aprendizaje 4 compartir archivos calameo
Guia de aprendizaje 4 compartir archivos calameo
 
Ley 28124
Ley 28124Ley 28124
Ley 28124
 
Management et Leadership
Management et LeadershipManagement et Leadership
Management et Leadership
 
Agrotextiles
AgrotextilesAgrotextiles
Agrotextiles
 
presentación sobre la historia de la ingenieria
presentación sobre la historia de la ingenieriapresentación sobre la historia de la ingenieria
presentación sobre la historia de la ingenieria
 
Isla de coche
Isla de cocheIsla de coche
Isla de coche
 
Nietzsche, genio y figura
Nietzsche, genio y figuraNietzsche, genio y figura
Nietzsche, genio y figura
 
Speech act theory
Speech act theorySpeech act theory
Speech act theory
 
Ad1 didática
Ad1 didáticaAd1 didática
Ad1 didática
 
Meninges y Liquido Cefalorraquideo
Meninges y Liquido CefalorraquideoMeninges y Liquido Cefalorraquideo
Meninges y Liquido Cefalorraquideo
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertexto
 
Historyessay
HistoryessayHistoryessay
Historyessay
 

Similar a Ejercicio de hipertexto- Juan Diego Henao Restrepo

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 ChaverraSantiago Flórez Chaverra
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertextoAndy Taborda
 
Ejercicio de hipertexto
Ejercicio de hipertextoEjercicio de hipertexto
Ejercicio de hipertextoSaris Melguizo
 
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 generalesga12007
 
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 PasosMarivi
 
Navegando sobre la red part ii
Navegando sobre la red part iiNavegando sobre la red part ii
Navegando sobre la red part iiElidaw
 
Recursos web 2.0 - 1005 Jm
Recursos web 2.0 - 1005 JmRecursos web 2.0 - 1005 Jm
Recursos web 2.0 - 1005 JmNicolay Prieo
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informaticaEliasib Silva
 
Documento PIATIC: Generación de contenidos relevantes para internet
Documento PIATIC: Generación de contenidos relevantes para internetDocumento PIATIC: Generación de contenidos relevantes para internet
Documento PIATIC: Generación de contenidos relevantes para internetPlan PIATIC
 

Similar a Ejercicio de hipertexto- Juan Diego Henao Restrepo (18)

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
 
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
 
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
 
Navegando sobre la red part ii
Navegando sobre la red part iiNavegando sobre la red part ii
Navegando sobre la red part ii
 
Tecnología Web I parte
Tecnología Web I parteTecnología Web I parte
Tecnología Web I parte
 
Recursos web 2.0 - 1005 Jm
Recursos web 2.0 - 1005 JmRecursos web 2.0 - 1005 Jm
Recursos web 2.0 - 1005 Jm
 
Recursos web 2.0
Recursos web 2.0Recursos web 2.0
Recursos web 2.0
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Paginaweb
PaginawebPaginaweb
Paginaweb
 
Documento PIATIC: Generación de contenidos relevantes para internet
Documento PIATIC: Generación de contenidos relevantes para internetDocumento PIATIC: Generación de contenidos relevantes para internet
Documento PIATIC: Generación de contenidos relevantes para internet
 

Último

Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellajuancamilo3111391
 
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
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.imejia2411
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx241532171
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
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
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxRodriguezLucero
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
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
 

Último (13)

Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ella
 
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
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
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
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).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
 

Ejercicio de hipertexto- Juan Diego Henao Restrepo

  • 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. 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
  • 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.  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…
  • 5. CLIENTE  QUÍEN  DÓNDE  QUÉ  PARA QUÉ  PORQUÉ  CUÁNDO  CÓMO…
  • 6.  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.
  • 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