SlideShare una empresa de Scribd logo
1 de 25
PAGINAS WEB
ANGIE VANESSA GOMEZ GOMEZ
11°1
DEFINICIÓN
Se conoce como página web al documento que forma parte de un sitio
web y que suele contar con enlaces (también conocidos como
hipervínculos o links) para facilitar la navegación entre los contenidos.
Página web
Las páginas web están desarrolladas con lenguajes de marcado como el
HTML, que pueden ser interpretados por los navegadores. De esta
forma, las páginas pueden presentar información en distintos formatos
(texto, imágenes, sonidos, videos, animaciones), estar asociadas a datos
de estilo o contar con aplicaciones interactivas.
CLASIFICACIÓN
Existen muchas maneras de clasificar un
sitio web, cada uno de ellos poseen
características particulares, convirtiendo
a la internet en una gran autopista con
lugares que se adapten a las necesidades
del visitante. Un sitio Web puede
clasificarse por audiencia, dinamismo,
apertura, profundidad o por objetivos.
SITIO POR AUDIENCIA
Públicos: Es un WebSite normal, una página dirigida al público
general, sin restricciones de acceso en principio.
Intranet: Son sitios cuyo acceso está restringido a una empresa u
organización, normalmente funcionan dentro de redes privadas,
aunque no siempre es así.
Extranet: Son Sitios limitados por el tipo de usuarios que pueden
acceder, por ejemplo los proveedores de una empresa determinada, o
los clientes.
SITIO POR DINAMISMO
Interactivos: El usuario puede influir sobre el contenido del sitio que
variará en función de cada usuario y de los objetivos de éste.
Normalmente, las páginas se generan cuando el usuario las solicita,
personalizando la información que se le ofrece.
Estáticos:Los usuarios no pueden modificar o añadir nada al sitio, de
cuyos contenidos se encargan exclusivamente sus diseñadores.
SITIO POR APERTURA
Estructura Abierta: Todos los documentos disponen de su dirección y
los usuarios pueden acceder a cualquier punto del WebSite.
Estructura Cerrada: Limita el acceso a unos pocos puntos de entrada
(incluso a uno sólo). Un ejemplo sería un sitio que requiere un registro
previo para entrar, el usuario siempre tendría que pasar primero por el
registro antes de poder acceder al resto de la página.
Estructura Semicerrada: A medio camino entre ambas, obliga a los
usuarios a acceder por unos puntos específicos, cómo por ejemplo sólo
la página principal y las páginas de entrada a las secciones más
importantes.
SITIO POR OBJETIVO
Comerciales: Están creados para promocionar los negocios de una
empresa. Su finalidad es económica. Su audiencia puede estar formada
por clientes (actuales y potenciales), inversores (actuales y potenciales),
empleados (actuales y potenciales) e incluso la competencia y los medios
de comunicación. Podemos a su vez dividirlas en Corporativas (Informan
sobre la empresa) y Promocionales (promocionan productos).
Wiki: un sitio donde los usuarios editan colaborativamente (por ejemplo:
Wikipedia).
Buscadores: un sitio que proporciona información general y está
pensado como entrada o búsqueda para otros sitios. Ejemplos Google, y
Yahoo!
Comercio Electrónico: para compra y venta de bienes, como Ebay.com.
Educativo: promueven cursos presénciales y a distancia, información a
profesores y estudiantes, permiten ver o descargar contenidos de
asignaturas o temas.
Comunidad Virtual: un sitio donde las personas con intereses
similares se comunican con otros, normalmente por chat o foros. Por
ejemplo: MySpace. Sitio weblog (o blog): sitio usado para registrar
lecturas online o para exponer diarios online; puede incluir foros de
discusión. Ejemplos: blogger, Xanga.
Portal Web: un sitio web que proporciona un punto de inicio, entrada o
portal a otros recursos en Internet o una intranet.
TIPOS DE PAGINAS
Ø Según la forma en que se actualiza el contenido:
· Estático: cuando la actualización del contenido es hecha manualmente.
· Dinámico: cuando un programa, con la ayuda de una base de datos,
cambia el contenido en forma automática, sin intervención de nadie.
los sitios web pueden ser clasificados en
distintas clases:
Ø Según la complejidad y cantidad de información publicada:
· Personales: son las páginas de Internet creadas por personas naturales
en servicios gratuitos de publicación de sitios web (como GooglePages o
Geocities).
· Corporativas: sitios web generalmente de compañías que buscan
promocionar sus productos o servicios.
· Portales: son complejas páginas de Internet especializadas en ciertos
temas en particular. Se caracterizan por ofrecer contenido de interés a
grupos específicos de personas. Usualmente requieren de un registro
previo para poder descargar todo su contenido.
Ø Según la forma en que los usuarios utilizan el sitio web
· Informativos: cuando el flujo de información solamente se da desde el
sitio web a los usuarios (no en sentido contrario).
· Interactivos: cuando el flujo de información en ambos sentidos, es
decir, los usuarios no solamente reciben información del sitio web, sino
que también pueden enviar su propia información al sitio web o a otros
usuarios.
CARACTERÍSTICAS
Deben utilizarse de forma correcta las diferentes herramientas (HTML,
CSS, ASP.NET o algún otro lenguaje de servidor, AJAX, etc.) para lograr
una navegación que cuente con las siguientes características:
● Páginas ligeras que descarguen rápidamente.
● El formato y estilo de los diferentes elementos
están centralizados en un solo archivo, de tal
forma que el navegador solamente lo tiene
que leer una vez.
● Elementos técnicos que facilitan la indexación en buscadores de
Internet:
Inclusión de Metatags “Description” y “Keywords”.
● Información bien redactada sin intentos de engañar a los
buscadores de Internet.
● Uso de etiquetas H1 a H6 para títulos.
● Imágenes optimizadas para que pesen menos.
● No utilizar marcos (frames). Esto evita algunos posibles errores de
visualización en el navegador y facilita la impresión.
● No utilizar Flash cuando no agregue valor. Los buscadores de
Internet y algunos smartphones y tabletas no pueden leer el texto en
Flash.
● En la mayoría de los casos es recomendable utilizar un ancho fijo (no
expandible a todo lo ancho de la pantalla) porque facilita la lectura.
● Utilización de tipos de letra fácilmente legibles y una herramienta para
permitir crecer el texto.
● Todas las páginas contarán con un URL absoluto. Esto es, cada página
tendrá una dirección distinta y única en la barra de direcciones de tu
navegador (puede parecer obvio, pero hay sitios web que no funcionan
así).
● De manera opcional se puede utilizar la migaja (breadcrumb) en todas
las páginas.
ELEMENTOS
Texto
Texto en un Sitio Web
El texto es el elemento más
significativo de cualquier sitio
Web porque los usuarios
navegan por la Web
fundamentalmente en busca
de información expresada en
hipertexto.
NOTA:
Los textos han convertido el inglés en el
idioma universal de la red. En su objetivo
por alcanzar la mayor audiencia posible,
muchos sitios ofrecen su información y
sus servicios en su idioma natal y en otros
idiomas, fundamentalmente en inglés.
Imágenes
Aunque no debe abusar de las imágenes
por el riesgo de aumentar el peso de la
página, y por lo tanto, los tiempos de
descarga. Las imágenes constituyen un
elemento esencial para ofrecer
información visual del contenido y mostrar
un diseño atractivo y personal.
Espacio Web
Espacio Servidor de páginas Web
Para que nuestro sitio Web sea visible ante todos necesitamos colocarlo
en un servidor.
Un nombre de dominio
Nombre de dominio
El nombre de dominio es la primera parte de
una dirección Web que identifica al servidor
que almacena y sirve su sitio.
Hipervínculos
Por sí misma, una página Web no puede hacer
mucho. La magia de verdad comienza cuando
relaciona varias página mediante enlaces.
VIDEO
Vídeo en Sitio Web
Mientras Internet es cada vez más
asequible, confiable y veloz, los
programas de edición de video se
hacen más cercanos a los usuarios.
Ahora es más fácil realizar un video
desde una cámara digital o un
teléfono móvil con cámara
incorporada y que termine subiendo a
la Web para ponerlo al alcance de
todos.
Sonidos
Un elemento cada vez más
importante. La comercialización
de nuevos dispositivos digitales
móviles como el iPhone ha
potencializado este elemento.
Además de incorporar sonido en
la página Web puede descargar de
ellas archivos de audio para sus
dispositivos móviles.
El formato MP3 es el más
conocido y más usado por su
calidad y nivel de compresión.
REQUERIMIENTOS
La temática y las búsquedas
deben ir acordes con el usuario
final, si no, lo más seguro es que
el visitante abandone la página
rápidamente.
1. Contenidos de utilidad. 2. Debe ser intuitivo.
Hacer fácil la navegación genera
que las visitas consigan fácilmente
su objetivo. Además, evita
abandonos en tu página web.
3. Diseño atractivo.
Dicen que una imagen vale más que mil palabras. En una web, una
primera impresión cuenta, ya que representa nuestro negocio, e incluso
a nosotros mismos. Si a un usuario no le gusta lo que ve, o no le genera
confianza, lo más probable es que abandone el sitio web, en muchos
casos sin tan siquiera tener en cuenta el contenido.
Por lo cual un buen diseño genera confianza, seriedad y muy buena
impresión.
4. Contenido bien estructurado.
Un desglose del contenido claro
y sencillo, bien explicado, tiene
el éxito asegurado. La
importancia de una estructura
clara y objetiva es lo que
mantendrá a tu usuario
conectado.
Recuerda que una información
siempre debe ser concisa y
sencilla.
Las páginas que tardan en mucho
en cargar son un problema. Para
todos, nuestro tiempo vale oro, y lo
que más fastidia a cualquier
persona es tener que esperar.
El índex de una página web debe
tener una carga rápida, si no,
muchos usuarios abandonarán la
navegación sin dar una
oportunidad de ver el sitio, aunque
su contenido pueda resultarles de
utilidad.
5. Importancia de la velocidad de la
web.
DONDE CREAR
Wix.
La intención de Wix es la de darle al usuario la opción de elegir. Tienen
tantas características disponibles como es posible y les dejan a los usuarios
arrastrar elementos en cualquier sitio de su página.
Pero todas estas opciones a veces tienen un costo. A veces Wix se siente
aplastante, como que ponemos cosas en nuestras páginas sin haberlo
pensado mucho. Esto depende mucho del sentido que el usuario termine
dando a su sitio.
En general, Wix es el servicio más adecuado para los usuarios pacientes
que se tomarán el tiempo necesario para sacar ventaja de todo lo que
ofrece en su repertorio.
Yola
Yola es un editor único con una barra horizontal en la parte superior de
la pantalla que tiene todo lo necesario para crear tu sitio web y
configurarlo como quieras. Lo único malo que tiene es lo grande que es
esa barra, que combinada con la barra del navegador se consume una
buena parte de la pantalla.
El diseño en general es básico, y tiene un par de distracciones para
cuando construyes, pero en sí las secciones están muy bien
organizadas.
Tiene muchos widgets con toda clase de herramientas y opciones para
agregar, como mapas de Google o formularios de contacto de simple
Jimdo
Jimdo nos permite crear una página web con una capacidad de
almacenamiento inferior a los 500 MB y una interfaz muy amigable con
cualquier tipo de dispositivo móvil u ordenador (también dispone de una
aplicación móvil para Android e IOS).
Es compatible con el lenguaje HTML. Por lo que si dispones de algunos
conocimientos básicos sobre el tema, en Jimdo puedes realizar pequeñas
modificaciones de diseño en tus plantillas (o incluir widgets
personalizados).

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Paginas web
Paginas webPaginas web
Paginas web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Primer periodo
Primer periodoPrimer periodo
Primer periodo
 
Páginas web
Páginas webPáginas web
Páginas web
 
Páginas web
Páginas webPáginas web
Páginas web
 
Presentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargasPresentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargas
 
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
 
Pagina web
Pagina webPagina web
Pagina web
 
Pagina web Yessika Morales Bueno
Pagina web Yessika Morales BuenoPagina web Yessika Morales Bueno
Pagina web Yessika Morales Bueno
 
Primerperiodo
PrimerperiodoPrimerperiodo
Primerperiodo
 
Paginas web definicion
Paginas web definicionPaginas web definicion
Paginas web definicion
 
paginas web
paginas webpaginas web
paginas web
 
Investigacion de paginas_web(2)i
Investigacion de paginas_web(2)iInvestigacion de paginas_web(2)i
Investigacion de paginas_web(2)i
 
Informe de informática aplicada
Informe de informática aplicadaInforme de informática aplicada
Informe de informática aplicada
 
Robert primera informatica(1)
Robert primera informatica(1)Robert primera informatica(1)
Robert primera informatica(1)
 
Informe de informatica osuany Y YASMELI
Informe de informatica osuany Y YASMELIInforme de informatica osuany Y YASMELI
Informe de informatica osuany Y YASMELI
 
Páginas web (1)
Páginas web (1)Páginas web (1)
Páginas web (1)
 
Pagina web
Pagina webPagina web
Pagina web
 
Que Es Una Pagina Web Un Portal Y Un Sitio
Que Es Una Pagina Web Un Portal Y Un Sitio Que Es Una Pagina Web Un Portal Y Un Sitio
Que Es Una Pagina Web Un Portal Y Un Sitio
 

Destacado

Ciclos biogeoquímicos
Ciclos biogeoquímicosCiclos biogeoquímicos
Ciclos biogeoquímicosCarlos Caal
 
Materiales de contingencia ambiental
Materiales de contingencia ambiental Materiales de contingencia ambiental
Materiales de contingencia ambiental Vinicio Córdova
 
Canvas alicia en el país de las maravillas
Canvas alicia en el país de las maravillasCanvas alicia en el país de las maravillas
Canvas alicia en el país de las maravillaslolama
 
Social Studies SBA (CRIME IN MY COMMUNITY)
Social Studies SBA (CRIME IN MY COMMUNITY)Social Studies SBA (CRIME IN MY COMMUNITY)
Social Studies SBA (CRIME IN MY COMMUNITY)denzelb
 
Spring is coming!
Spring is coming!Spring is coming!
Spring is coming!Jekyjess
 
Contratos-Negocios
Contratos-NegociosContratos-Negocios
Contratos-NegociosAenoa
 
Simple Dental Website Marketing Tips
Simple Dental Website Marketing TipsSimple Dental Website Marketing Tips
Simple Dental Website Marketing TipsACU Web
 
Yr10 tkamb assessmentgenre
Yr10 tkamb assessmentgenreYr10 tkamb assessmentgenre
Yr10 tkamb assessmentgenreSugarsop
 
Guia para fijar la carga laboral en colombia dafp
Guia para fijar la carga laboral en colombia  dafpGuia para fijar la carga laboral en colombia  dafp
Guia para fijar la carga laboral en colombia dafpEdgardo Mejia Herrera
 
Apostilas concurso banco do brasil conhecimentos gerais
Apostilas concurso banco do brasil   conhecimentos geraisApostilas concurso banco do brasil   conhecimentos gerais
Apostilas concurso banco do brasil conhecimentos geraisSandro Caraciolo
 

Destacado (20)

000148590
000148590000148590
000148590
 
Thema 6
Thema 6Thema 6
Thema 6
 
Ciclos biogeoquímicos
Ciclos biogeoquímicosCiclos biogeoquímicos
Ciclos biogeoquímicos
 
Materiales de contingencia ambiental
Materiales de contingencia ambiental Materiales de contingencia ambiental
Materiales de contingencia ambiental
 
Canvas alicia en el país de las maravillas
Canvas alicia en el país de las maravillasCanvas alicia en el país de las maravillas
Canvas alicia en el país de las maravillas
 
Social Studies SBA (CRIME IN MY COMMUNITY)
Social Studies SBA (CRIME IN MY COMMUNITY)Social Studies SBA (CRIME IN MY COMMUNITY)
Social Studies SBA (CRIME IN MY COMMUNITY)
 
Spring is coming!
Spring is coming!Spring is coming!
Spring is coming!
 
Contratos-Negocios
Contratos-NegociosContratos-Negocios
Contratos-Negocios
 
Kevin
KevinKevin
Kevin
 
Simple Dental Website Marketing Tips
Simple Dental Website Marketing TipsSimple Dental Website Marketing Tips
Simple Dental Website Marketing Tips
 
Yr10 tkamb assessmentgenre
Yr10 tkamb assessmentgenreYr10 tkamb assessmentgenre
Yr10 tkamb assessmentgenre
 
Cuaresma Eudista 2017
Cuaresma Eudista 2017Cuaresma Eudista 2017
Cuaresma Eudista 2017
 
Gestion del riesgo
Gestion del riesgoGestion del riesgo
Gestion del riesgo
 
Guia para fijar la carga laboral en colombia dafp
Guia para fijar la carga laboral en colombia  dafpGuia para fijar la carga laboral en colombia  dafp
Guia para fijar la carga laboral en colombia dafp
 
proyecto de aula Separatas BII
proyecto de aula Separatas BIIproyecto de aula Separatas BII
proyecto de aula Separatas BII
 
Diapositivas redes sociales
Diapositivas redes socialesDiapositivas redes sociales
Diapositivas redes sociales
 
Diapositivas natasha
Diapositivas natashaDiapositivas natasha
Diapositivas natasha
 
Apostilas concurso banco do brasil conhecimentos gerais
Apostilas concurso banco do brasil   conhecimentos geraisApostilas concurso banco do brasil   conhecimentos gerais
Apostilas concurso banco do brasil conhecimentos gerais
 
Vestidos
VestidosVestidos
Vestidos
 
Presentación ano
Presentación anoPresentación ano
Presentación ano
 

Similar a Clasificación sitios web (20)

Páginas web
Páginas webPáginas web
Páginas web
 
Actividad uno
Actividad unoActividad uno
Actividad uno
 
República bolivariana de venezuela
República bolivariana de venezuelaRepública bolivariana de venezuela
República bolivariana de venezuela
 
Paginaweb
PaginawebPaginaweb
Paginaweb
 
Actividad uno primer periodo
Actividad uno primer periodoActividad uno primer periodo
Actividad uno primer periodo
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Paol aromero
Paol aromeroPaol aromero
Paol aromero
 
Paola
PaolaPaola
Paola
 
Páginas web
Páginas webPáginas web
Páginas web
 
Presentation web-1
Presentation web-1Presentation web-1
Presentation web-1
 
Sitios web exposición
Sitios web exposiciónSitios web exposición
Sitios web exposición
 
PAGINA WEB
PAGINA WEBPAGINA WEB
PAGINA WEB
 
Paginas web
Paginas web Paginas web
Paginas web
 
Recursos web 2.0 - 1005 Jm
Recursos web 2.0 - 1005 JmRecursos web 2.0 - 1005 Jm
Recursos web 2.0 - 1005 Jm
 
Informe de informatica kleiver y laura
Informe de informatica kleiver y lauraInforme de informatica kleiver y laura
Informe de informatica kleiver y laura
 
Paginas web
Paginas webPaginas web
Paginas web
 
Recursos web 2.0
Recursos web 2.0Recursos web 2.0
Recursos web 2.0
 
Páginas web
Páginas webPáginas web
Páginas web
 
Paginas Web
Paginas WebPaginas Web
Paginas Web
 

Último

El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...JaquelineJuarez15
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...FacuMeza2
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...AlanCedillo9
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
ejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofJuancarlosHuertasNio1
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersIván López Martín
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 

Último (20)

El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
ejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sof
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 

Clasificación sitios web

  • 1. PAGINAS WEB ANGIE VANESSA GOMEZ GOMEZ 11°1
  • 2. DEFINICIÓN Se conoce como página web al documento que forma parte de un sitio web y que suele contar con enlaces (también conocidos como hipervínculos o links) para facilitar la navegación entre los contenidos. Página web Las páginas web están desarrolladas con lenguajes de marcado como el HTML, que pueden ser interpretados por los navegadores. De esta forma, las páginas pueden presentar información en distintos formatos (texto, imágenes, sonidos, videos, animaciones), estar asociadas a datos de estilo o contar con aplicaciones interactivas.
  • 3. CLASIFICACIÓN Existen muchas maneras de clasificar un sitio web, cada uno de ellos poseen características particulares, convirtiendo a la internet en una gran autopista con lugares que se adapten a las necesidades del visitante. Un sitio Web puede clasificarse por audiencia, dinamismo, apertura, profundidad o por objetivos.
  • 4. SITIO POR AUDIENCIA Públicos: Es un WebSite normal, una página dirigida al público general, sin restricciones de acceso en principio. Intranet: Son sitios cuyo acceso está restringido a una empresa u organización, normalmente funcionan dentro de redes privadas, aunque no siempre es así. Extranet: Son Sitios limitados por el tipo de usuarios que pueden acceder, por ejemplo los proveedores de una empresa determinada, o los clientes.
  • 5. SITIO POR DINAMISMO Interactivos: El usuario puede influir sobre el contenido del sitio que variará en función de cada usuario y de los objetivos de éste. Normalmente, las páginas se generan cuando el usuario las solicita, personalizando la información que se le ofrece. Estáticos:Los usuarios no pueden modificar o añadir nada al sitio, de cuyos contenidos se encargan exclusivamente sus diseñadores.
  • 6. SITIO POR APERTURA Estructura Abierta: Todos los documentos disponen de su dirección y los usuarios pueden acceder a cualquier punto del WebSite. Estructura Cerrada: Limita el acceso a unos pocos puntos de entrada (incluso a uno sólo). Un ejemplo sería un sitio que requiere un registro previo para entrar, el usuario siempre tendría que pasar primero por el registro antes de poder acceder al resto de la página. Estructura Semicerrada: A medio camino entre ambas, obliga a los usuarios a acceder por unos puntos específicos, cómo por ejemplo sólo la página principal y las páginas de entrada a las secciones más importantes.
  • 7. SITIO POR OBJETIVO Comerciales: Están creados para promocionar los negocios de una empresa. Su finalidad es económica. Su audiencia puede estar formada por clientes (actuales y potenciales), inversores (actuales y potenciales), empleados (actuales y potenciales) e incluso la competencia y los medios de comunicación. Podemos a su vez dividirlas en Corporativas (Informan sobre la empresa) y Promocionales (promocionan productos). Wiki: un sitio donde los usuarios editan colaborativamente (por ejemplo: Wikipedia).
  • 8. Buscadores: un sitio que proporciona información general y está pensado como entrada o búsqueda para otros sitios. Ejemplos Google, y Yahoo! Comercio Electrónico: para compra y venta de bienes, como Ebay.com. Educativo: promueven cursos presénciales y a distancia, información a profesores y estudiantes, permiten ver o descargar contenidos de asignaturas o temas.
  • 9. Comunidad Virtual: un sitio donde las personas con intereses similares se comunican con otros, normalmente por chat o foros. Por ejemplo: MySpace. Sitio weblog (o blog): sitio usado para registrar lecturas online o para exponer diarios online; puede incluir foros de discusión. Ejemplos: blogger, Xanga. Portal Web: un sitio web que proporciona un punto de inicio, entrada o portal a otros recursos en Internet o una intranet.
  • 10. TIPOS DE PAGINAS Ø Según la forma en que se actualiza el contenido: · Estático: cuando la actualización del contenido es hecha manualmente. · Dinámico: cuando un programa, con la ayuda de una base de datos, cambia el contenido en forma automática, sin intervención de nadie. los sitios web pueden ser clasificados en distintas clases:
  • 11. Ø Según la complejidad y cantidad de información publicada: · Personales: son las páginas de Internet creadas por personas naturales en servicios gratuitos de publicación de sitios web (como GooglePages o Geocities). · Corporativas: sitios web generalmente de compañías que buscan promocionar sus productos o servicios. · Portales: son complejas páginas de Internet especializadas en ciertos temas en particular. Se caracterizan por ofrecer contenido de interés a grupos específicos de personas. Usualmente requieren de un registro previo para poder descargar todo su contenido.
  • 12. Ø Según la forma en que los usuarios utilizan el sitio web · Informativos: cuando el flujo de información solamente se da desde el sitio web a los usuarios (no en sentido contrario). · Interactivos: cuando el flujo de información en ambos sentidos, es decir, los usuarios no solamente reciben información del sitio web, sino que también pueden enviar su propia información al sitio web o a otros usuarios.
  • 13. CARACTERÍSTICAS Deben utilizarse de forma correcta las diferentes herramientas (HTML, CSS, ASP.NET o algún otro lenguaje de servidor, AJAX, etc.) para lograr una navegación que cuente con las siguientes características: ● Páginas ligeras que descarguen rápidamente. ● El formato y estilo de los diferentes elementos están centralizados en un solo archivo, de tal forma que el navegador solamente lo tiene que leer una vez.
  • 14. ● Elementos técnicos que facilitan la indexación en buscadores de Internet: Inclusión de Metatags “Description” y “Keywords”. ● Información bien redactada sin intentos de engañar a los buscadores de Internet. ● Uso de etiquetas H1 a H6 para títulos. ● Imágenes optimizadas para que pesen menos. ● No utilizar marcos (frames). Esto evita algunos posibles errores de visualización en el navegador y facilita la impresión. ● No utilizar Flash cuando no agregue valor. Los buscadores de Internet y algunos smartphones y tabletas no pueden leer el texto en Flash.
  • 15. ● En la mayoría de los casos es recomendable utilizar un ancho fijo (no expandible a todo lo ancho de la pantalla) porque facilita la lectura. ● Utilización de tipos de letra fácilmente legibles y una herramienta para permitir crecer el texto. ● Todas las páginas contarán con un URL absoluto. Esto es, cada página tendrá una dirección distinta y única en la barra de direcciones de tu navegador (puede parecer obvio, pero hay sitios web que no funcionan así). ● De manera opcional se puede utilizar la migaja (breadcrumb) en todas las páginas.
  • 16. ELEMENTOS Texto Texto en un Sitio Web El texto es el elemento más significativo de cualquier sitio Web porque los usuarios navegan por la Web fundamentalmente en busca de información expresada en hipertexto. NOTA: Los textos han convertido el inglés en el idioma universal de la red. En su objetivo por alcanzar la mayor audiencia posible, muchos sitios ofrecen su información y sus servicios en su idioma natal y en otros idiomas, fundamentalmente en inglés.
  • 17. Imágenes Aunque no debe abusar de las imágenes por el riesgo de aumentar el peso de la página, y por lo tanto, los tiempos de descarga. Las imágenes constituyen un elemento esencial para ofrecer información visual del contenido y mostrar un diseño atractivo y personal. Espacio Web Espacio Servidor de páginas Web Para que nuestro sitio Web sea visible ante todos necesitamos colocarlo en un servidor.
  • 18. Un nombre de dominio Nombre de dominio El nombre de dominio es la primera parte de una dirección Web que identifica al servidor que almacena y sirve su sitio. Hipervínculos Por sí misma, una página Web no puede hacer mucho. La magia de verdad comienza cuando relaciona varias página mediante enlaces.
  • 19. VIDEO Vídeo en Sitio Web Mientras Internet es cada vez más asequible, confiable y veloz, los programas de edición de video se hacen más cercanos a los usuarios. Ahora es más fácil realizar un video desde una cámara digital o un teléfono móvil con cámara incorporada y que termine subiendo a la Web para ponerlo al alcance de todos. Sonidos Un elemento cada vez más importante. La comercialización de nuevos dispositivos digitales móviles como el iPhone ha potencializado este elemento. Además de incorporar sonido en la página Web puede descargar de ellas archivos de audio para sus dispositivos móviles. El formato MP3 es el más conocido y más usado por su calidad y nivel de compresión.
  • 20. REQUERIMIENTOS La temática y las búsquedas deben ir acordes con el usuario final, si no, lo más seguro es que el visitante abandone la página rápidamente. 1. Contenidos de utilidad. 2. Debe ser intuitivo. Hacer fácil la navegación genera que las visitas consigan fácilmente su objetivo. Además, evita abandonos en tu página web.
  • 21. 3. Diseño atractivo. Dicen que una imagen vale más que mil palabras. En una web, una primera impresión cuenta, ya que representa nuestro negocio, e incluso a nosotros mismos. Si a un usuario no le gusta lo que ve, o no le genera confianza, lo más probable es que abandone el sitio web, en muchos casos sin tan siquiera tener en cuenta el contenido. Por lo cual un buen diseño genera confianza, seriedad y muy buena impresión.
  • 22. 4. Contenido bien estructurado. Un desglose del contenido claro y sencillo, bien explicado, tiene el éxito asegurado. La importancia de una estructura clara y objetiva es lo que mantendrá a tu usuario conectado. Recuerda que una información siempre debe ser concisa y sencilla. Las páginas que tardan en mucho en cargar son un problema. Para todos, nuestro tiempo vale oro, y lo que más fastidia a cualquier persona es tener que esperar. El índex de una página web debe tener una carga rápida, si no, muchos usuarios abandonarán la navegación sin dar una oportunidad de ver el sitio, aunque su contenido pueda resultarles de utilidad. 5. Importancia de la velocidad de la web.
  • 23. DONDE CREAR Wix. La intención de Wix es la de darle al usuario la opción de elegir. Tienen tantas características disponibles como es posible y les dejan a los usuarios arrastrar elementos en cualquier sitio de su página. Pero todas estas opciones a veces tienen un costo. A veces Wix se siente aplastante, como que ponemos cosas en nuestras páginas sin haberlo pensado mucho. Esto depende mucho del sentido que el usuario termine dando a su sitio. En general, Wix es el servicio más adecuado para los usuarios pacientes que se tomarán el tiempo necesario para sacar ventaja de todo lo que ofrece en su repertorio.
  • 24. Yola Yola es un editor único con una barra horizontal en la parte superior de la pantalla que tiene todo lo necesario para crear tu sitio web y configurarlo como quieras. Lo único malo que tiene es lo grande que es esa barra, que combinada con la barra del navegador se consume una buena parte de la pantalla. El diseño en general es básico, y tiene un par de distracciones para cuando construyes, pero en sí las secciones están muy bien organizadas. Tiene muchos widgets con toda clase de herramientas y opciones para agregar, como mapas de Google o formularios de contacto de simple
  • 25. Jimdo Jimdo nos permite crear una página web con una capacidad de almacenamiento inferior a los 500 MB y una interfaz muy amigable con cualquier tipo de dispositivo móvil u ordenador (también dispone de una aplicación móvil para Android e IOS). Es compatible con el lenguaje HTML. Por lo que si dispones de algunos conocimientos básicos sobre el tema, en Jimdo puedes realizar pequeñas modificaciones de diseño en tus plantillas (o incluir widgets personalizados).