SlideShare una empresa de Scribd logo

Elementos básicos de un sitio web

Describe los elementos básicos de un sitio web.

1 de 6
Descargar para leer sin conexión
Elementos básicos de un sitio Web
El diseño Web puede ser fascinante.
 Crear sitios Web atractivos y profesionales es el sueño de millones de diseñadores de todo
el mundo que utilizan las tecnologías de Internet.
 Un sitio Web debe ser sobre todo accesible y agradable.
 La organización inicial es muy importante para poder utilizar eficazmente las
herramientas y tomar decisiones oportunas.
 Vamos a iniciar con la concepción del diseño Web, a explicar las estrategias de diseño y
a cómo organizar las ideas.
 El comprender el proyecto desde ésta etapa, permite un ahorro significativo de recursos
en el momento de la implementación.
Las páginas Web
Posiblemente el término página Web sea el más utilizado en Internet, precisamente porque
cuando navega por la red lo hace en busca de páginas Web.
Las páginas Web son el soporte de la información en la Web.
Los componentes de una página web son imágenes, textos y otros contenidos multimedia y están
enlazadas de manera que el usuario puede navegar de una página a otra utilizandohipervínculos,
un concepto de interactividad surgido con el fenómeno Internet.
Los Sitios Web
Un sitio Web es una localización en la Web que contiene varias páginas Web organizadas
jerárquicamente.
Cada sitio tiene una página de inicio que corresponde a la página principal, llamada en
inglés Home Page.
Es la primera página que se visualiza cuando se accede a un sitio tecleando el nombre del
dominio en la barra del navegador.
Un sitio tiene generalmente más de una página Web y su objetivo principal es ofrecer la
información que necesitan los usuarios y proporcionársela de manera que puedan asignarla
fácilmente.
NOTA:
En ocasiones se utiliza el término página Web para referirse a un sitio Web. Un sitio Web es un
conjunto de páginas Web. Las páginas Web constituyen archivos únicos con un nombre
asignado.
Elementos que componen una página Web
¿Cómo está compuesta una página Web?
¿Qué información debe tener una página Web?
Las principales características que constituyen una página en Internet son:
Texto
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 texto.
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
Para que nuestro sitio Web sea visible ante todos necesitamos colocarlo en un servidor.
Un 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áginas mediante enlaces.
Video
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.
Animaciones en Flash
Es una imagen animada, fácil de crear y sobre todo que ocupa poca memoria. Tiene diferentes
usos, desde la creación de dibujos animados hasta el despliegue de dibujos interactivos.
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 a las páginas 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.
Otros elementos
Otros elementos bastante comunes son:
 Banner: Una imagen fija o animada utilizada generalmente para publicidad.
 Marcos: También llamados frames, son una especie de recuadro independiente en el que
puede cargar una página Web. De esta forma es posible dividir una página Web en
diferentes partes o ventanas, cada una con sus propios bordes y barras de desplazamiento,
cargando dentro de cada una de ellas una página web externa independiente. Los marcos
se usaron mucho en un momento determinado, pero además de crear algunos
inconvenientes en el diseño, es una opción que no recomiendo ya que los motores de
búsqueda no indexan correctamente los sitios realizados con marcos.
 Actualmente se pueden obtener los mismos resultados con CSS.
 Formulario: Zona para introducir datos o comentarios. Una plantilla o página con
espacios vacíos para llenarse con alguna finalidad.
 También se utiliza para referirse al conjunto de campos solicitados por un determinado
programa, los cuales se almacenan para su manipulación y uso posterior.
El diseño Web
La Web se ha convertido en el medio de comunicación más importante del mundo gracias a su
facilidad para ofrecer información con una rapidez nunca antes alcanzada por ningún otro medio.
Esta información puede ser consumida por cualquiera que tenga una conexión a Internet desde
cualquier parte del mundo.
El desarrollo Web es una mezcla de tecnología, contenidos, arquitectura del sitio, diseño e
interactividad.
El éxito de un sitio depende de la forma en que se combinan estos cinco factores que determinan
en gran medida la rapidez con que se genera y ofrece la información, y por supuesto el éxito de
un sitio.
Antes de analizar estos factores independientemente, debe considerar que ellos deben garantizar
que el sitio sea fácil de mantener, flexible para cambiar de tamaño y realizar actualizaciones,
atractivo y visualmente para los usuarios, interesante para su audiencia, práctico para realizar
descargas rápidas y búsquedas efectivas; también sólidas técnicamente, sin vínculos rotos, ni
comportamientos inadecuados.
En el contenido Web influyen la presentación, los conceptos de diseño y algunas estrategias
comunes del trabajo en Internet.
Los elementos visuales como el calor, el diseño de tipografía y las imágenes, conforman la
personalidad de un sitio y generan un impacto emocional que determina que el sitio sea atractivo.
Aunque el objetivo final de todo diseñador sea transmitir un mensaje a una audiencia
determinada, ser un buen diseñador gráfico no significa necesariamente ser un buen diseñador
para la Web.
Cualquiera independientemente de su nivel artístico, puede conseguir un diseño funcional con
buena apariencia.
Un poco de experiencia y conocimiento de algunos principios básicos de diseño más cierto grado
de inspiración, originalidad y buen gusto harán que tenga parte de la batalla ganada.
Observe los detalles de su entorno, la naturaleza el arte y sobre todo el trabajo de otros
creadores que hay en la Web.
Parece muy elemental, pero muchos olvidan las principales fuentes más asequibles de
enriquecimiento estético.
Publicidad

Recomendados

Comunidades Virtuales
Comunidades VirtualesComunidades Virtuales
Comunidades Virtualeszlara
 
Estructura del proyecto de grado
Estructura del proyecto de gradoEstructura del proyecto de grado
Estructura del proyecto de gradoEdison Coimbra G.
 
Objetivos, justificación e importancia de la investigación
Objetivos, justificación e importancia de la investigaciónObjetivos, justificación e importancia de la investigación
Objetivos, justificación e importancia de la investigaciónmarai356
 
Tarea no. 1 Descripción de una unidad de un curso propio - Mauricio Rey - v2
Tarea no. 1 Descripción de una unidad de un curso propio - Mauricio Rey - v2Tarea no. 1 Descripción de una unidad de un curso propio - Mauricio Rey - v2
Tarea no. 1 Descripción de una unidad de un curso propio - Mauricio Rey - v2Mauricio Rey Torres
 

Más contenido relacionado

La actualidad más candente

Estudio fenomenológico By: Lydia Serrano
Estudio fenomenológico By: Lydia SerranoEstudio fenomenológico By: Lydia Serrano
Estudio fenomenológico By: Lydia SerranoLydia Serrano
 
Planificación unidad curricular Tecnología Educativa I 2014
Planificación unidad curricular  Tecnología Educativa I 2014Planificación unidad curricular  Tecnología Educativa I 2014
Planificación unidad curricular Tecnología Educativa I 2014Desirée Jiménez
 
Extension universitaria y proyeccion social
Extension universitaria y proyeccion socialExtension universitaria y proyeccion social
Extension universitaria y proyeccion sociallokillo1977
 
Clase 3.el informe final estructura
Clase 3.el informe final estructuraClase 3.el informe final estructura
Clase 3.el informe final estructurazoilamoreno
 
Protocolo de tesis
Protocolo de tesisProtocolo de tesis
Protocolo de tesishyoga12
 
Técnicas de dinámicas grupales
Técnicas de dinámicas grupalesTécnicas de dinámicas grupales
Técnicas de dinámicas grupalesJorge Gamarra
 
Aplicacion web presentacion
Aplicacion web   presentacionAplicacion web   presentacion
Aplicacion web presentacionalumno17ja
 
Formulación de un problema
Formulación de un problemaFormulación de un problema
Formulación de un problemaTensor
 
10 pasos para diseñar un proyecto de investigación
10 pasos para diseñar un proyecto de investigación10 pasos para diseñar un proyecto de investigación
10 pasos para diseñar un proyecto de investigación413X
 
2 problema, formulación, objetivos y justificación
2 problema, formulación, objetivos y justificación2 problema, formulación, objetivos y justificación
2 problema, formulación, objetivos y justificaciónMarina Vintimilla
 
Matriz de consistencia
Matriz de consistenciaMatriz de consistencia
Matriz de consistenciaJacinto Arroyo
 
Justificacion de un curso
Justificacion de un cursoJustificacion de un curso
Justificacion de un cursoArturo Llaca
 
Cuadro comparativo entre wiki y blog
Cuadro comparativo entre wiki y blogCuadro comparativo entre wiki y blog
Cuadro comparativo entre wiki y blogMarco Ochoa
 
Construcción de un temario ejemplo
Construcción de un temario ejemploConstrucción de un temario ejemplo
Construcción de un temario ejemploELVIA
 

La actualidad más candente (20)

10 técnicas de divergencia y convergencia
10 técnicas de divergencia y convergencia10 técnicas de divergencia y convergencia
10 técnicas de divergencia y convergencia
 
La inteligencia artificial en la investigación científica
La inteligencia artificial en la investigación científicaLa inteligencia artificial en la investigación científica
La inteligencia artificial en la investigación científica
 
Estudio fenomenológico By: Lydia Serrano
Estudio fenomenológico By: Lydia SerranoEstudio fenomenológico By: Lydia Serrano
Estudio fenomenológico By: Lydia Serrano
 
Presentacion marco teorico
Presentacion marco teoricoPresentacion marco teorico
Presentacion marco teorico
 
Planificación unidad curricular Tecnología Educativa I 2014
Planificación unidad curricular  Tecnología Educativa I 2014Planificación unidad curricular  Tecnología Educativa I 2014
Planificación unidad curricular Tecnología Educativa I 2014
 
Extension universitaria y proyeccion social
Extension universitaria y proyeccion socialExtension universitaria y proyeccion social
Extension universitaria y proyeccion social
 
Clase 3.el informe final estructura
Clase 3.el informe final estructuraClase 3.el informe final estructura
Clase 3.el informe final estructura
 
Protocolo de tesis
Protocolo de tesisProtocolo de tesis
Protocolo de tesis
 
Técnicas de dinámicas grupales
Técnicas de dinámicas grupalesTécnicas de dinámicas grupales
Técnicas de dinámicas grupales
 
Informe de investigacion
Informe de investigacionInforme de investigacion
Informe de investigacion
 
Aplicacion web presentacion
Aplicacion web   presentacionAplicacion web   presentacion
Aplicacion web presentacion
 
Formulación de un problema
Formulación de un problemaFormulación de un problema
Formulación de un problema
 
10 pasos para diseñar un proyecto de investigación
10 pasos para diseñar un proyecto de investigación10 pasos para diseñar un proyecto de investigación
10 pasos para diseñar un proyecto de investigación
 
2 problema, formulación, objetivos y justificación
2 problema, formulación, objetivos y justificación2 problema, formulación, objetivos y justificación
2 problema, formulación, objetivos y justificación
 
Matriz de consistencia
Matriz de consistenciaMatriz de consistencia
Matriz de consistencia
 
4. El Problema de Investigación
4. El Problema de Investigación4. El Problema de Investigación
4. El Problema de Investigación
 
Justificacion de un curso
Justificacion de un cursoJustificacion de un curso
Justificacion de un curso
 
El Objeto de Estudio
El Objeto de Estudio El Objeto de Estudio
El Objeto de Estudio
 
Cuadro comparativo entre wiki y blog
Cuadro comparativo entre wiki y blogCuadro comparativo entre wiki y blog
Cuadro comparativo entre wiki y blog
 
Construcción de un temario ejemplo
Construcción de un temario ejemploConstrucción de un temario ejemplo
Construcción de un temario ejemplo
 

Similar a Elementos básicos de un sitio web

Similar a Elementos básicos de un sitio web (20)

Curso HTML 5 en Español
Curso HTML 5 en EspañolCurso HTML 5 en Español
Curso HTML 5 en Español
 
ELEMENTOS BASICOS WEB
ELEMENTOS BASICOS WEBELEMENTOS BASICOS WEB
ELEMENTOS BASICOS WEB
 
Tarea de Computacion
Tarea de ComputacionTarea de Computacion
Tarea de Computacion
 
Web 6 credito
Web 6 creditoWeb 6 credito
Web 6 credito
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
Trejo trejo jose_joaquin
Trejo trejo jose_joaquinTrejo trejo jose_joaquin
Trejo trejo jose_joaquin
 
Ariel beitia
Ariel beitiaAriel beitia
Ariel beitia
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
Informe de informática aplicada
Informe de informática aplicadaInforme de informática aplicada
Informe de informática aplicada
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
Actividad 1
Actividad 1Actividad 1
Actividad 1
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonio
 
Informe de informatica kleiver y laura
Informe de informatica kleiver y lauraInforme de informatica kleiver y laura
Informe de informatica kleiver y laura
 
HTML 5
HTML 5HTML 5
HTML 5
 
Diseño de web
Diseño de webDiseño de web
Diseño de web
 
Páginas web
Páginas webPáginas web
Páginas web
 
10.web online. wix
10.web online. wix10.web online. wix
10.web online. wix
 
Web online. wix
Web online. wixWeb online. wix
Web online. wix
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 

Más de Yadith Gomez Nolasco (18)

Metodologia para-diseno-de-paginas-web
Metodologia para-diseno-de-paginas-webMetodologia para-diseno-de-paginas-web
Metodologia para-diseno-de-paginas-web
 
Menu de Navegacion y footer
Menu  de Navegacion y footerMenu  de Navegacion y footer
Menu de Navegacion y footer
 
Manual chat
Manual chatManual chat
Manual chat
 
Fondo y contenido
Fondo y contenidoFondo y contenido
Fondo y contenido
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Diseño web-personales institucionales
Diseño web-personales institucionalesDiseño web-personales institucionales
Diseño web-personales institucionales
 
Barra lateral
Barra lateralBarra lateral
Barra lateral
 
Manual completo-html-desarrolloweb-nov2014
Manual completo-html-desarrolloweb-nov2014Manual completo-html-desarrolloweb-nov2014
Manual completo-html-desarrolloweb-nov2014
 
Manual css3 nov2014
Manual css3 nov2014Manual css3 nov2014
Manual css3 nov2014
 
Elaboración del resumen
Elaboración del resumenElaboración del resumen
Elaboración del resumen
 
El posicionamiento explicado en 9 pasos
El posicionamiento explicado en 9 pasosEl posicionamiento explicado en 9 pasos
El posicionamiento explicado en 9 pasos
 
Barra lateral
Barra lateralBarra lateral
Barra lateral
 
Metodologia para-diseno-de-paginas-web
Metodologia para-diseno-de-paginas-webMetodologia para-diseno-de-paginas-web
Metodologia para-diseno-de-paginas-web
 
Menu y footer
Menu y footerMenu y footer
Menu y footer
 
Menusfooter
MenusfooterMenusfooter
Menusfooter
 
Manual chat
Manual chatManual chat
Manual chat
 
Fondo y contenido
Fondo y contenidoFondo y contenido
Fondo y contenido
 
Diseño Web-Personales Institucionales
Diseño Web-Personales InstitucionalesDiseño Web-Personales Institucionales
Diseño Web-Personales Institucionales
 

Último

Ecosistema componente El biotopo y sus características
Ecosistema  componente El biotopo y sus característicasEcosistema  componente El biotopo y sus características
Ecosistema componente El biotopo y sus característicasalisonguaman1rod
 
La enseñanza de lenguas en la sociedad de la información y del conocimiento. ...
La enseñanza de lenguas en la sociedad de la información y del conocimiento. ...La enseñanza de lenguas en la sociedad de la información y del conocimiento. ...
La enseñanza de lenguas en la sociedad de la información y del conocimiento. ...JavierGMonzn
 
Circular105_14 Secretaria General CEIP.pdf
Circular105_14 Secretaria General CEIP.pdfCircular105_14 Secretaria General CEIP.pdf
Circular105_14 Secretaria General CEIP.pdfgabitachica
 
Bermeo_Sabina_y_Hernández_Josué_Tarea_2.pdf
Bermeo_Sabina_y_Hernández_Josué_Tarea_2.pdfBermeo_Sabina_y_Hernández_Josué_Tarea_2.pdf
Bermeo_Sabina_y_Hernández_Josué_Tarea_2.pdfSabinaBermeo
 
TRABAJO_FINAL_DE_INFO. Grupo N.1 Aprendizaje Basado en Problemas
TRABAJO_FINAL_DE_INFO. Grupo N.1 Aprendizaje Basado en ProblemasTRABAJO_FINAL_DE_INFO. Grupo N.1 Aprendizaje Basado en Problemas
TRABAJO_FINAL_DE_INFO. Grupo N.1 Aprendizaje Basado en ProblemasOscar Tigasi
 
Tarea 4. Ensayo sobre "Plagio académico"
Tarea 4. Ensayo sobre "Plagio académico"Tarea 4. Ensayo sobre "Plagio académico"
Tarea 4. Ensayo sobre "Plagio académico"elizabethauquilla123
 
¿Transiciones o transformaciones? Una mirada “otra” necesaria para el sistema...
¿Transiciones o transformaciones? Una mirada “otra” necesaria para el sistema...¿Transiciones o transformaciones? Una mirada “otra” necesaria para el sistema...
¿Transiciones o transformaciones? Una mirada “otra” necesaria para el sistema...Jose Ignacio Rivas Flores
 
Coello_Javier_Tarea1_ensayo_sobre_la_sociedad_de_la_ignorancia
Coello_Javier_Tarea1_ensayo_sobre_la_sociedad_de_la_ignoranciaCoello_Javier_Tarea1_ensayo_sobre_la_sociedad_de_la_ignorancia
Coello_Javier_Tarea1_ensayo_sobre_la_sociedad_de_la_ignoranciajc847153
 
Presentación sobre el Programa "Foro Nativos Digitales"
Presentación sobre el Programa "Foro Nativos Digitales"Presentación sobre el Programa "Foro Nativos Digitales"
Presentación sobre el Programa "Foro Nativos Digitales"gelisbeths
 
Maikell Victor - Química 2024 - Volume 1
Maikell Victor - Química 2024 - Volume 1Maikell Victor - Química 2024 - Volume 1
Maikell Victor - Química 2024 - Volume 1DevinsideSolutions
 
tema 4 al Ándalus 2023 2024 . Tema 4 (I) Al Andalus
tema 4 al Ándalus 2023 2024 . Tema 4 (I) Al Andalustema 4 al Ándalus 2023 2024 . Tema 4 (I) Al Andalus
tema 4 al Ándalus 2023 2024 . Tema 4 (I) Al Andalusjosemariahermoso
 
herramientas manuales grado cuarto primaria.pptx
herramientas manuales grado cuarto primaria.pptxherramientas manuales grado cuarto primaria.pptx
herramientas manuales grado cuarto primaria.pptxnelsontobontrujillo
 
c2.hu2.p3.p7.Participación en la comunidad.pptx
c2.hu2.p3.p7.Participación en la comunidad.pptxc2.hu2.p3.p7.Participación en la comunidad.pptx
c2.hu2.p3.p7.Participación en la comunidad.pptxMartín Ramírez
 
Tarea 1. Ensayo sobre "La sociedad de la ignorancia"
Tarea 1. Ensayo sobre "La sociedad de la ignorancia"Tarea 1. Ensayo sobre "La sociedad de la ignorancia"
Tarea 1. Ensayo sobre "La sociedad de la ignorancia"Oscar Tigasi
 
Presentacion cuidado del medio ambiente collage scrapbook verde y blanco.pdf
Presentacion cuidado del medio ambiente collage scrapbook verde y blanco.pdfPresentacion cuidado del medio ambiente collage scrapbook verde y blanco.pdf
Presentacion cuidado del medio ambiente collage scrapbook verde y blanco.pdfJohnCarvajal23
 
Presentación sobre escritura colaborativa2024 Unidad 1.pptx
Presentación sobre escritura colaborativa2024 Unidad 1.pptxPresentación sobre escritura colaborativa2024 Unidad 1.pptx
Presentación sobre escritura colaborativa2024 Unidad 1.pptxINESDVERA
 
Auquilla_Paola_y_Casco_Angela_Tarea_2.pdf
Auquilla_Paola_y_Casco_Angela_Tarea_2.pdfAuquilla_Paola_y_Casco_Angela_Tarea_2.pdf
Auquilla_Paola_y_Casco_Angela_Tarea_2.pdfAngelaCasco1
 
Casco_Angela_Práctica_Infopedagogía4.pdf
Casco_Angela_Práctica_Infopedagogía4.pdfCasco_Angela_Práctica_Infopedagogía4.pdf
Casco_Angela_Práctica_Infopedagogía4.pdfAngelaCasco1
 
BUEN INICIO DEL AÑO ESCOLAR 2024 11098.pptx
BUEN INICIO DEL AÑO ESCOLAR 2024 11098.pptxBUEN INICIO DEL AÑO ESCOLAR 2024 11098.pptx
BUEN INICIO DEL AÑO ESCOLAR 2024 11098.pptxDirectivosGanadores
 

Último (20)

Ecosistema componente El biotopo y sus características
Ecosistema  componente El biotopo y sus característicasEcosistema  componente El biotopo y sus características
Ecosistema componente El biotopo y sus características
 
La enseñanza de lenguas en la sociedad de la información y del conocimiento. ...
La enseñanza de lenguas en la sociedad de la información y del conocimiento. ...La enseñanza de lenguas en la sociedad de la información y del conocimiento. ...
La enseñanza de lenguas en la sociedad de la información y del conocimiento. ...
 
Circular105_14 Secretaria General CEIP.pdf
Circular105_14 Secretaria General CEIP.pdfCircular105_14 Secretaria General CEIP.pdf
Circular105_14 Secretaria General CEIP.pdf
 
Bermeo_Sabina_y_Hernández_Josué_Tarea_2.pdf
Bermeo_Sabina_y_Hernández_Josué_Tarea_2.pdfBermeo_Sabina_y_Hernández_Josué_Tarea_2.pdf
Bermeo_Sabina_y_Hernández_Josué_Tarea_2.pdf
 
TRABAJO_FINAL_DE_INFO. Grupo N.1 Aprendizaje Basado en Problemas
TRABAJO_FINAL_DE_INFO. Grupo N.1 Aprendizaje Basado en ProblemasTRABAJO_FINAL_DE_INFO. Grupo N.1 Aprendizaje Basado en Problemas
TRABAJO_FINAL_DE_INFO. Grupo N.1 Aprendizaje Basado en Problemas
 
Tarea 4. Ensayo sobre "Plagio académico"
Tarea 4. Ensayo sobre "Plagio académico"Tarea 4. Ensayo sobre "Plagio académico"
Tarea 4. Ensayo sobre "Plagio académico"
 
Presentación Probabilidad y estadística.pptx
Presentación Probabilidad y estadística.pptxPresentación Probabilidad y estadística.pptx
Presentación Probabilidad y estadística.pptx
 
¿Transiciones o transformaciones? Una mirada “otra” necesaria para el sistema...
¿Transiciones o transformaciones? Una mirada “otra” necesaria para el sistema...¿Transiciones o transformaciones? Una mirada “otra” necesaria para el sistema...
¿Transiciones o transformaciones? Una mirada “otra” necesaria para el sistema...
 
Coello_Javier_Tarea1_ensayo_sobre_la_sociedad_de_la_ignorancia
Coello_Javier_Tarea1_ensayo_sobre_la_sociedad_de_la_ignoranciaCoello_Javier_Tarea1_ensayo_sobre_la_sociedad_de_la_ignorancia
Coello_Javier_Tarea1_ensayo_sobre_la_sociedad_de_la_ignorancia
 
Presentación sobre el Programa "Foro Nativos Digitales"
Presentación sobre el Programa "Foro Nativos Digitales"Presentación sobre el Programa "Foro Nativos Digitales"
Presentación sobre el Programa "Foro Nativos Digitales"
 
Maikell Victor - Química 2024 - Volume 1
Maikell Victor - Química 2024 - Volume 1Maikell Victor - Química 2024 - Volume 1
Maikell Victor - Química 2024 - Volume 1
 
tema 4 al Ándalus 2023 2024 . Tema 4 (I) Al Andalus
tema 4 al Ándalus 2023 2024 . Tema 4 (I) Al Andalustema 4 al Ándalus 2023 2024 . Tema 4 (I) Al Andalus
tema 4 al Ándalus 2023 2024 . Tema 4 (I) Al Andalus
 
herramientas manuales grado cuarto primaria.pptx
herramientas manuales grado cuarto primaria.pptxherramientas manuales grado cuarto primaria.pptx
herramientas manuales grado cuarto primaria.pptx
 
c2.hu2.p3.p7.Participación en la comunidad.pptx
c2.hu2.p3.p7.Participación en la comunidad.pptxc2.hu2.p3.p7.Participación en la comunidad.pptx
c2.hu2.p3.p7.Participación en la comunidad.pptx
 
Tarea 1. Ensayo sobre "La sociedad de la ignorancia"
Tarea 1. Ensayo sobre "La sociedad de la ignorancia"Tarea 1. Ensayo sobre "La sociedad de la ignorancia"
Tarea 1. Ensayo sobre "La sociedad de la ignorancia"
 
Presentacion cuidado del medio ambiente collage scrapbook verde y blanco.pdf
Presentacion cuidado del medio ambiente collage scrapbook verde y blanco.pdfPresentacion cuidado del medio ambiente collage scrapbook verde y blanco.pdf
Presentacion cuidado del medio ambiente collage scrapbook verde y blanco.pdf
 
Presentación sobre escritura colaborativa2024 Unidad 1.pptx
Presentación sobre escritura colaborativa2024 Unidad 1.pptxPresentación sobre escritura colaborativa2024 Unidad 1.pptx
Presentación sobre escritura colaborativa2024 Unidad 1.pptx
 
Auquilla_Paola_y_Casco_Angela_Tarea_2.pdf
Auquilla_Paola_y_Casco_Angela_Tarea_2.pdfAuquilla_Paola_y_Casco_Angela_Tarea_2.pdf
Auquilla_Paola_y_Casco_Angela_Tarea_2.pdf
 
Casco_Angela_Práctica_Infopedagogía4.pdf
Casco_Angela_Práctica_Infopedagogía4.pdfCasco_Angela_Práctica_Infopedagogía4.pdf
Casco_Angela_Práctica_Infopedagogía4.pdf
 
BUEN INICIO DEL AÑO ESCOLAR 2024 11098.pptx
BUEN INICIO DEL AÑO ESCOLAR 2024 11098.pptxBUEN INICIO DEL AÑO ESCOLAR 2024 11098.pptx
BUEN INICIO DEL AÑO ESCOLAR 2024 11098.pptx
 

Elementos básicos de un sitio web

  • 1. Elementos básicos de un sitio Web El diseño Web puede ser fascinante.  Crear sitios Web atractivos y profesionales es el sueño de millones de diseñadores de todo el mundo que utilizan las tecnologías de Internet.  Un sitio Web debe ser sobre todo accesible y agradable.  La organización inicial es muy importante para poder utilizar eficazmente las herramientas y tomar decisiones oportunas.  Vamos a iniciar con la concepción del diseño Web, a explicar las estrategias de diseño y a cómo organizar las ideas.  El comprender el proyecto desde ésta etapa, permite un ahorro significativo de recursos en el momento de la implementación. Las páginas Web
  • 2. Posiblemente el término página Web sea el más utilizado en Internet, precisamente porque cuando navega por la red lo hace en busca de páginas Web. Las páginas Web son el soporte de la información en la Web. Los componentes de una página web son imágenes, textos y otros contenidos multimedia y están enlazadas de manera que el usuario puede navegar de una página a otra utilizandohipervínculos, un concepto de interactividad surgido con el fenómeno Internet. Los Sitios Web Un sitio Web es una localización en la Web que contiene varias páginas Web organizadas jerárquicamente. Cada sitio tiene una página de inicio que corresponde a la página principal, llamada en inglés Home Page. Es la primera página que se visualiza cuando se accede a un sitio tecleando el nombre del dominio en la barra del navegador. Un sitio tiene generalmente más de una página Web y su objetivo principal es ofrecer la información que necesitan los usuarios y proporcionársela de manera que puedan asignarla fácilmente. NOTA: En ocasiones se utiliza el término página Web para referirse a un sitio Web. Un sitio Web es un conjunto de páginas Web. Las páginas Web constituyen archivos únicos con un nombre asignado. Elementos que componen una página Web ¿Cómo está compuesta una página Web? ¿Qué información debe tener una página Web? Las principales características que constituyen una página en Internet son: Texto
  • 3. 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 texto. 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 Para que nuestro sitio Web sea visible ante todos necesitamos colocarlo en un servidor. Un nombre de dominio Es la primera parte de una dirección Web que identifica al servidor que almacena y sirve su sitio. Hipervínculos
  • 4. Por sí misma, una página Web no puede hacer mucho. La magia de verdad comienza cuando relaciona varias páginas mediante enlaces. Video 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. Animaciones en Flash Es una imagen animada, fácil de crear y sobre todo que ocupa poca memoria. Tiene diferentes usos, desde la creación de dibujos animados hasta el despliegue de dibujos interactivos. 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 a las páginas 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.
  • 5. Otros elementos Otros elementos bastante comunes son:  Banner: Una imagen fija o animada utilizada generalmente para publicidad.  Marcos: También llamados frames, son una especie de recuadro independiente en el que puede cargar una página Web. De esta forma es posible dividir una página Web en diferentes partes o ventanas, cada una con sus propios bordes y barras de desplazamiento, cargando dentro de cada una de ellas una página web externa independiente. Los marcos se usaron mucho en un momento determinado, pero además de crear algunos inconvenientes en el diseño, es una opción que no recomiendo ya que los motores de búsqueda no indexan correctamente los sitios realizados con marcos.  Actualmente se pueden obtener los mismos resultados con CSS.  Formulario: Zona para introducir datos o comentarios. Una plantilla o página con espacios vacíos para llenarse con alguna finalidad.  También se utiliza para referirse al conjunto de campos solicitados por un determinado programa, los cuales se almacenan para su manipulación y uso posterior. El diseño Web La Web se ha convertido en el medio de comunicación más importante del mundo gracias a su facilidad para ofrecer información con una rapidez nunca antes alcanzada por ningún otro medio. Esta información puede ser consumida por cualquiera que tenga una conexión a Internet desde cualquier parte del mundo. El desarrollo Web es una mezcla de tecnología, contenidos, arquitectura del sitio, diseño e interactividad. El éxito de un sitio depende de la forma en que se combinan estos cinco factores que determinan en gran medida la rapidez con que se genera y ofrece la información, y por supuesto el éxito de un sitio. Antes de analizar estos factores independientemente, debe considerar que ellos deben garantizar que el sitio sea fácil de mantener, flexible para cambiar de tamaño y realizar actualizaciones, atractivo y visualmente para los usuarios, interesante para su audiencia, práctico para realizar descargas rápidas y búsquedas efectivas; también sólidas técnicamente, sin vínculos rotos, ni comportamientos inadecuados. En el contenido Web influyen la presentación, los conceptos de diseño y algunas estrategias comunes del trabajo en Internet. Los elementos visuales como el calor, el diseño de tipografía y las imágenes, conforman la personalidad de un sitio y generan un impacto emocional que determina que el sitio sea atractivo.
  • 6. Aunque el objetivo final de todo diseñador sea transmitir un mensaje a una audiencia determinada, ser un buen diseñador gráfico no significa necesariamente ser un buen diseñador para la Web. Cualquiera independientemente de su nivel artístico, puede conseguir un diseño funcional con buena apariencia. Un poco de experiencia y conocimiento de algunos principios básicos de diseño más cierto grado de inspiración, originalidad y buen gusto harán que tenga parte de la batalla ganada. Observe los detalles de su entorno, la naturaleza el arte y sobre todo el trabajo de otros creadores que hay en la Web. Parece muy elemental, pero muchos olvidan las principales fuentes más asequibles de enriquecimiento estético.