SlideShare uma empresa Scribd logo
1 de 11
CONTENIDOS O NODOS DE
INFORMACION TIPO HTML
Pagina Web: puede contener textos, gráficos,
sonidos, imágenes, etc.
INTERFAZ desarrollo de contenidos
diseño de la interfaz
NAVEGACION diseño de la navegación
administración de la
información.
HTML
El leguaje mas utilizado
para codificar las paginas
web es el Leguaje de
marcación de hipertexto
conocido por sus siglas de
HTML (Hypertext Markup
Language).
Este se representa en una
estructura que define su
presentación y contenido.
Otro : XML - XHTML
PASOS PARAR CREAR UN SITIO WEB
• Estructurar el sitio, es decir dar lógica a los textos e imágenes, organizar la
estructura de archivos y el diseño del entorno de navegación
• Editar gráficos (imágenes, botones, etc.) que serán insertados.
• Crear paginas, incorporando texto y gráficos.
• Crear hipervínculos(links) que relacionen las distintas paginas.
• Probar el sitio en un navegador.
• Subir el sito a la web
• Agregar el sitio en los buscadores.
• Estudio del perfil de usuario. Actualización permanente.
SOFTWARES
• Existen programas que nos permiten exportar nuestro diseños
como presentaciones web, trabajando en entornos de edición
totalmente gráficos (como ser Corel o adobe flash). O bien el
mismo entorno de texto que utilizamos habitualmente, en el
caso de PowerPoint o Word
SOFTWARE AVANZADOS
Existen otro programas que nos permiten producir presentaciones web, combinar y
manipular textos, e insertar gráficos, videos y animaciones, trabajando en entornos de
edición totalmente gráficos, sin la necesidad de escribir una sola línea de código
HTML.
Los editores de HTML mas utilizados son
FrontPage y Dreamweaver
Microsoft Front Page fue uno de los primeros
editores de Html en alcanzar gran difusión
debido a su distribución como parte del
paquete de Microsoft office.
En la actualizdad, sin embargo, Macromedia
Dreamweaver se ha convertido en el editor
de HTML profesional mas difundido para el
diseño y administración visual de paginas y
sitios web
¡ IMPORTANTE !
DISEÑAR en el entorno de navegación significa SUGERIR
la forma en que deseamos que se vea. Es una gran
diferencia con otras ramas del diseño. La web fue
pensada para la trasmisión de contenidos en una
estructura estándar que pueda ser visualizada en todas
las computadores con un navegador web.
Por lo tanto, le producto final puede DIFERIR de usuario a
usuario, dependiendo de:
• Los sistemas operativos de cada computadora
• Software de navegación
• Capacidades graficas de las computadoras.
• Tamaño del monitor o configuración de la pantalla.
Contenidos o nodos de informacion tipo html
Contenidos o nodos de informacion tipo html
Contenidos o nodos de informacion tipo html

Mais conteúdo relacionado

Mais procurados

Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?Karla Arosemena
 
Introduccion a la programacion web
Introduccion a la programacion webIntroduccion a la programacion web
Introduccion a la programacion webRobert Rodriguez
 
Pistas Construccion Web
Pistas Construccion WebPistas Construccion Web
Pistas Construccion WebT T
 
Desarroollo de la pagina web
Desarroollo de la pagina webDesarroollo de la pagina web
Desarroollo de la pagina webLuis Abrahan
 
Fundamentos de Desarrollo Web
Fundamentos de Desarrollo Web Fundamentos de Desarrollo Web
Fundamentos de Desarrollo Web Alexander
 
Programación web
Programación webProgramación web
Programación weberic291285
 
Códigos html
Códigos html Códigos html
Códigos html CaroV69
 
Presentacion Diseño Web
Presentacion Diseño WebPresentacion Diseño Web
Presentacion Diseño WebNicida Malca
 
Deberdp
DeberdpDeberdp
Deberdpaynosk
 

Mais procurados (18)

Dreamweaver cs5
Dreamweaver cs5Dreamweaver cs5
Dreamweaver cs5
 
Programacion web
Programacion webProgramacion web
Programacion web
 
Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?
 
Introduccion a la programacion web
Introduccion a la programacion webIntroduccion a la programacion web
Introduccion a la programacion web
 
Dreamweaver!
Dreamweaver!Dreamweaver!
Dreamweaver!
 
Pistas Construccion Web
Pistas Construccion WebPistas Construccion Web
Pistas Construccion Web
 
Dinarys duran
Dinarys duranDinarys duran
Dinarys duran
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Programacion web
Programacion webProgramacion web
Programacion web
 
Desarroollo de la pagina web
Desarroollo de la pagina webDesarroollo de la pagina web
Desarroollo de la pagina web
 
Desarrollo web
Desarrollo webDesarrollo web
Desarrollo web
 
Fundamentos de Desarrollo Web
Fundamentos de Desarrollo Web Fundamentos de Desarrollo Web
Fundamentos de Desarrollo Web
 
Programación web
Programación webProgramación web
Programación web
 
Páginas web actividad uno (2)
Páginas web actividad uno (2)Páginas web actividad uno (2)
Páginas web actividad uno (2)
 
Códigos html
Códigos html Códigos html
Códigos html
 
Conceptos de dw
Conceptos de dwConceptos de dw
Conceptos de dw
 
Presentacion Diseño Web
Presentacion Diseño WebPresentacion Diseño Web
Presentacion Diseño Web
 
Deberdp
DeberdpDeberdp
Deberdp
 

Semelhante a Contenidos o nodos de informacion tipo html

Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web8vivi8
 
Web informática
Web informáticaWeb informática
Web informáticaHenry Perez
 
Jhohan nicolai
Jhohan nicolaiJhohan nicolai
Jhohan nicolaiJhohan Cx
 
Yeison fabian
Yeison fabianYeison fabian
Yeison fabianJhohan Cx
 
Diseño de paginas y buscadores
Diseño de paginas y buscadores Diseño de paginas y buscadores
Diseño de paginas y buscadores Santos Hau Kuyoc
 
Mario marinez (paginas web)
Mario marinez (paginas web)Mario marinez (paginas web)
Mario marinez (paginas web)Mario Martinez
 
Michael steven
Michael stevenMichael steven
Michael stevenJhohan Cx
 
Juan sebastian
Juan sebastianJuan sebastian
Juan sebastianJhohan Cx
 
Clase Edicion de Sitios Web - TGD 31/05/11
Clase Edicion de Sitios Web - TGD 31/05/11Clase Edicion de Sitios Web - TGD 31/05/11
Clase Edicion de Sitios Web - TGD 31/05/11imdbredanini
 
La web alejandra acevedo 10-2
La web   alejandra acevedo 10-2La web   alejandra acevedo 10-2
La web alejandra acevedo 10-2Alejandracevedo
 
Trabajo Emilio Herrera 2 de mayo.pptx
Trabajo Emilio Herrera 2 de mayo.pptxTrabajo Emilio Herrera 2 de mayo.pptx
Trabajo Emilio Herrera 2 de mayo.pptxSarahiFlores30
 
Conceptos de dreamweaver-Regina.pptx
Conceptos de dreamweaver-Regina.pptxConceptos de dreamweaver-Regina.pptx
Conceptos de dreamweaver-Regina.pptxregina927271
 

Semelhante a Contenidos o nodos de informacion tipo html (20)

Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
 
Conceptos de Dreamweaver.pptx
Conceptos de Dreamweaver.pptxConceptos de Dreamweaver.pptx
Conceptos de Dreamweaver.pptx
 
Web informática
Web informáticaWeb informática
Web informática
 
David cuellar
David cuellarDavid cuellar
David cuellar
 
Jhohan nicolai
Jhohan nicolaiJhohan nicolai
Jhohan nicolai
 
Yeison fabian
Yeison fabianYeison fabian
Yeison fabian
 
Diseño de paginas y buscadores
Diseño de paginas y buscadores Diseño de paginas y buscadores
Diseño de paginas y buscadores
 
Pag. web
Pag. webPag. web
Pag. web
 
Pag. web
Pag. webPag. web
Pag. web
 
Pag. web
Pag. webPag. web
Pag. web
 
Mario marinez (paginas web)
Mario marinez (paginas web)Mario marinez (paginas web)
Mario marinez (paginas web)
 
Deberdp
DeberdpDeberdp
Deberdp
 
Michael steven
Michael stevenMichael steven
Michael steven
 
Juan sebastian
Juan sebastianJuan sebastian
Juan sebastian
 
Clase Edicion de Sitios Web - TGD 31/05/11
Clase Edicion de Sitios Web - TGD 31/05/11Clase Edicion de Sitios Web - TGD 31/05/11
Clase Edicion de Sitios Web - TGD 31/05/11
 
Presentación1
Presentación1Presentación1
Presentación1
 
La web alejandra acevedo 10-2
La web   alejandra acevedo 10-2La web   alejandra acevedo 10-2
La web alejandra acevedo 10-2
 
Navegar por la web
Navegar por la webNavegar por la web
Navegar por la web
 
Trabajo Emilio Herrera 2 de mayo.pptx
Trabajo Emilio Herrera 2 de mayo.pptxTrabajo Emilio Herrera 2 de mayo.pptx
Trabajo Emilio Herrera 2 de mayo.pptx
 
Conceptos de dreamweaver-Regina.pptx
Conceptos de dreamweaver-Regina.pptxConceptos de dreamweaver-Regina.pptx
Conceptos de dreamweaver-Regina.pptx
 

Contenidos o nodos de informacion tipo html

  • 1. CONTENIDOS O NODOS DE INFORMACION TIPO HTML Pagina Web: puede contener textos, gráficos, sonidos, imágenes, etc. INTERFAZ desarrollo de contenidos diseño de la interfaz NAVEGACION diseño de la navegación administración de la información.
  • 2. HTML El leguaje mas utilizado para codificar las paginas web es el Leguaje de marcación de hipertexto conocido por sus siglas de HTML (Hypertext Markup Language). Este se representa en una estructura que define su presentación y contenido. Otro : XML - XHTML
  • 3.
  • 4.
  • 5. PASOS PARAR CREAR UN SITIO WEB • Estructurar el sitio, es decir dar lógica a los textos e imágenes, organizar la estructura de archivos y el diseño del entorno de navegación • Editar gráficos (imágenes, botones, etc.) que serán insertados. • Crear paginas, incorporando texto y gráficos. • Crear hipervínculos(links) que relacionen las distintas paginas. • Probar el sitio en un navegador. • Subir el sito a la web • Agregar el sitio en los buscadores. • Estudio del perfil de usuario. Actualización permanente.
  • 6. SOFTWARES • Existen programas que nos permiten exportar nuestro diseños como presentaciones web, trabajando en entornos de edición totalmente gráficos (como ser Corel o adobe flash). O bien el mismo entorno de texto que utilizamos habitualmente, en el caso de PowerPoint o Word
  • 7. SOFTWARE AVANZADOS Existen otro programas que nos permiten producir presentaciones web, combinar y manipular textos, e insertar gráficos, videos y animaciones, trabajando en entornos de edición totalmente gráficos, sin la necesidad de escribir una sola línea de código HTML. Los editores de HTML mas utilizados son FrontPage y Dreamweaver Microsoft Front Page fue uno de los primeros editores de Html en alcanzar gran difusión debido a su distribución como parte del paquete de Microsoft office. En la actualizdad, sin embargo, Macromedia Dreamweaver se ha convertido en el editor de HTML profesional mas difundido para el diseño y administración visual de paginas y sitios web
  • 8. ¡ IMPORTANTE ! DISEÑAR en el entorno de navegación significa SUGERIR la forma en que deseamos que se vea. Es una gran diferencia con otras ramas del diseño. La web fue pensada para la trasmisión de contenidos en una estructura estándar que pueda ser visualizada en todas las computadores con un navegador web. Por lo tanto, le producto final puede DIFERIR de usuario a usuario, dependiendo de: • Los sistemas operativos de cada computadora • Software de navegación • Capacidades graficas de las computadoras. • Tamaño del monitor o configuración de la pantalla.