SlideShare una empresa de Scribd logo
1 de 16
INTERNET Diseño de páginas Web
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],conceptos
WEB: Sistema interactivo para el diseño de pantallas. Una presentación en WEB consta de una o mas paginas de textos o gráficos vinculados unos con otros según un criterio de organización lógico  PRESENTACIONES EN WEB
 
La página de presentación de un grupo de páginas  Web, es el sitio donde se comienza a explorar su  presentación; contiene un resumen del contenido  Disponible desde ese punto de inicio.  Es también el URL (localización) que usted debe proporcionar a las personas para que tenga acceso  a dicha página.  PAGINA DE PRESENTACION O HOME PAGE
Navegación  básica: Arriba –abajo y regresar al índice  ORGANIZACIÓN JERARQUICA
ORGANIZACIÓN  LINEAL  Navegación básica: (rígida limitada)  Adelante-atrás  Regresar al índice
LINEAL JERARQUICA Navegación básica: (tiende a confusión) Abajo-Atrás  Regresar al índice
ESTRUCTURA TIPO WEB Navegación básica: (Flotación libre)
Consiste en determinar el contenido  (textos o imágenes que se debe insertar  en cada pagina e incrustar los vínculos  necesarios para navegar entre ellas. Definir la secuencia gráfica (de acuerdo  con la estructura) para tener una visión  Panorámica completa de la manera como  se vera la presentación
Es un lenguaje marcador de hipertexto, se utiliza para delinear documentos estructurados. Es un lenguaje que ofrece alternativas de ingresar atributos a un texto tales como imágenes, gráficos, hipernexos (mecanismos para establecer conexiones entre paginas WEB). Y en general cambiar la apariencia de un texto. HTML Híper  text  Markup  Language
características ,[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Elementos html
< HTML >  Identifica que el doc. esta escrito en HTML  <HEAD >   <TITLE > Titulo de pagina </TITLE> </HEAD> <BODY> Texto a presentar  </BODY> </HTML> Instrucciones Básicas
El diseño de un documento web lo  podemos realizar en cualquier editor  de texto ASCII. Sin embargo existen editores HTML que simplifican la  edición, creando en forma automática  los elementos requeridos. En internet es posible encontrar  Software denominado de dominio Publico (coffe, hot, dog) y versiones pagadas (hotmeal, hot dog pro)  EDITORES HTML

Más contenido relacionado

La actualidad más candente (18)

Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina web
 
Html 5
Html 5Html 5
Html 5
 
Frontpage
FrontpageFrontpage
Frontpage
 
Html5
Html5Html5
Html5
 
Cuadro comparativo tics
Cuadro comparativo ticsCuadro comparativo tics
Cuadro comparativo tics
 
Dreamweaver- mercedes garcia
Dreamweaver- mercedes garciaDreamweaver- mercedes garcia
Dreamweaver- mercedes garcia
 
Melanie salazar
Melanie salazarMelanie salazar
Melanie salazar
 
003 html: enlaces
003 html: enlaces003 html: enlaces
003 html: enlaces
 
Blog mariana
Blog marianaBlog mariana
Blog mariana
 
Pagina web análisis de su estructura y diseño.
Pagina web análisis de su estructura y diseño.Pagina web análisis de su estructura y diseño.
Pagina web análisis de su estructura y diseño.
 
Introducción a HTML5
Introducción a HTML5Introducción a HTML5
Introducción a HTML5
 
DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5DIAPOSITIVAS HTLM Y HTML 5
DIAPOSITIVAS HTLM Y HTML 5
 
Lenguaje html y sus usos
Lenguaje html y sus usosLenguaje html y sus usos
Lenguaje html y sus usos
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
001 html
001 html001 html
001 html
 
La web
La webLa web
La web
 
Html
HtmlHtml
Html
 
Lenguaje HTML
Lenguaje HTMLLenguaje HTML
Lenguaje HTML
 

Destacado

La biodiversidad
La biodiversidadLa biodiversidad
La biodiversidadsebas30
 
第三回(旅するようにキャリアする)5月24日
第三回(旅するようにキャリアする)5月24日第三回(旅するようにキャリアする)5月24日
第三回(旅するようにキャリアする)5月24日Cozy Azuma
 
Tradiciones en el salvador
Tradiciones en el salvadorTradiciones en el salvador
Tradiciones en el salvadorstiven rosas
 
Flash(Flex)の明るい未来
Flash(Flex)の明るい未来Flash(Flex)の明るい未来
Flash(Flex)の明るい未来Gengo
 
Ads fich poli_drogas_2_mex
Ads fich poli_drogas_2_mexAds fich poli_drogas_2_mex
Ads fich poli_drogas_2_mexAsuntos del Sur
 
【新しい学びのカタチのデザイン】2班
【新しい学びのカタチのデザイン】2班【新しい学びのカタチのデザイン】2班
【新しい学びのカタチのデザイン】2班tokyo_designers_week
 
Surgimentodoespiritismo 120502215947-phpapp01 (2)
Surgimentodoespiritismo 120502215947-phpapp01 (2)Surgimentodoespiritismo 120502215947-phpapp01 (2)
Surgimentodoespiritismo 120502215947-phpapp01 (2)Victor Passos
 
Muchas felicidades Tamara
Muchas felicidades TamaraMuchas felicidades Tamara
Muchas felicidades Tamaradumuzibebe
 
Buscando américa....panamá
Buscando américa....panamáBuscando américa....panamá
Buscando américa....panamájcarlos115
 
Vih en emergencias
Vih en emergenciasVih en emergencias
Vih en emergenciasaagudelo007
 

Destacado (20)

Modulo 4
Modulo 4Modulo 4
Modulo 4
 
Memoria de labores 2012
Memoria de labores 2012Memoria de labores 2012
Memoria de labores 2012
 
La biodiversidad
La biodiversidadLa biodiversidad
La biodiversidad
 
第三回(旅するようにキャリアする)5月24日
第三回(旅するようにキャリアする)5月24日第三回(旅するようにキャリアする)5月24日
第三回(旅するようにキャリアする)5月24日
 
Estudio de mercado Villa Urquiza - verano 2'009
Estudio de mercado Villa Urquiza - verano 2'009Estudio de mercado Villa Urquiza - verano 2'009
Estudio de mercado Villa Urquiza - verano 2'009
 
Tradiciones en el salvador
Tradiciones en el salvadorTradiciones en el salvador
Tradiciones en el salvador
 
Flash(Flex)の明るい未来
Flash(Flex)の明るい未来Flash(Flex)の明るい未来
Flash(Flex)の明るい未来
 
Ads fich poli_drogas_2_mex
Ads fich poli_drogas_2_mexAds fich poli_drogas_2_mex
Ads fich poli_drogas_2_mex
 
EDUCAÇÃO
EDUCAÇÃOEDUCAÇÃO
EDUCAÇÃO
 
【新しい学びのカタチのデザイン】2班
【新しい学びのカタチのデザイン】2班【新しい学びのカタチのデザイン】2班
【新しい学びのカタチのデザイン】2班
 
Surgimentodoespiritismo 120502215947-phpapp01 (2)
Surgimentodoespiritismo 120502215947-phpapp01 (2)Surgimentodoespiritismo 120502215947-phpapp01 (2)
Surgimentodoespiritismo 120502215947-phpapp01 (2)
 
Wellnuts Digital Production Eng
Wellnuts Digital Production EngWellnuts Digital Production Eng
Wellnuts Digital Production Eng
 
Muchas felicidades Tamara
Muchas felicidades TamaraMuchas felicidades Tamara
Muchas felicidades Tamara
 
01 principios-elementares2006
01 principios-elementares200601 principios-elementares2006
01 principios-elementares2006
 
La india
La indiaLa india
La india
 
セミナー資料0824
セミナー資料0824セミナー資料0824
セミナー資料0824
 
Buscando américa....panamá
Buscando américa....panamáBuscando américa....panamá
Buscando américa....panamá
 
Roma Por Felicitas
Roma Por FelicitasRoma Por Felicitas
Roma Por Felicitas
 
Saving japan
Saving japanSaving japan
Saving japan
 
Vih en emergencias
Vih en emergenciasVih en emergencias
Vih en emergencias
 

Similar a Marilce Ok (20)

Html
HtmlHtml
Html
 
Introdución al html
Introdución al htmlIntrodución al html
Introdución al html
 
Consulta de html
Consulta de html Consulta de html
Consulta de html
 
Diagrama de flujo 10 01 jt jhon buitrago
Diagrama de flujo 10 01 jt jhon buitragoDiagrama de flujo 10 01 jt jhon buitrago
Diagrama de flujo 10 01 jt jhon buitrago
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Html
HtmlHtml
Html
 
Html5
Html5Html5
Html5
 
Access
AccessAccess
Access
 
Access
AccessAccess
Access
 
Html
HtmlHtml
Html
 
EQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILASEQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILAS
 
Definiciones web
Definiciones  webDefiniciones  web
Definiciones web
 
Consulta.docx
Consulta.docxConsulta.docx
Consulta.docx
 
Consulta.docx
Consulta.docxConsulta.docx
Consulta.docx
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
PAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidiaPAGINA WEB paucar inga lidia
PAGINA WEB paucar inga lidia
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Guia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia webGuia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia web
 
Michael steven
Michael stevenMichael steven
Michael steven
 

Último

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
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
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
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
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
 
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
 
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
 
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
 
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
 
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
 
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
 
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
 
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
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
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
 
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
 

Último (19)

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
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
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
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
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
 
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...
 
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
 
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
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
 
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
 
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
 
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
 
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
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
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...
 
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)
 

Marilce Ok

  • 1. INTERNET Diseño de páginas Web
  • 2.
  • 3. WEB: Sistema interactivo para el diseño de pantallas. Una presentación en WEB consta de una o mas paginas de textos o gráficos vinculados unos con otros según un criterio de organización lógico PRESENTACIONES EN WEB
  • 4.  
  • 5. La página de presentación de un grupo de páginas Web, es el sitio donde se comienza a explorar su presentación; contiene un resumen del contenido Disponible desde ese punto de inicio. Es también el URL (localización) que usted debe proporcionar a las personas para que tenga acceso a dicha página. PAGINA DE PRESENTACION O HOME PAGE
  • 6. Navegación básica: Arriba –abajo y regresar al índice ORGANIZACIÓN JERARQUICA
  • 7. ORGANIZACIÓN LINEAL Navegación básica: (rígida limitada) Adelante-atrás Regresar al índice
  • 8. LINEAL JERARQUICA Navegación básica: (tiende a confusión) Abajo-Atrás Regresar al índice
  • 9. ESTRUCTURA TIPO WEB Navegación básica: (Flotación libre)
  • 10. Consiste en determinar el contenido (textos o imágenes que se debe insertar en cada pagina e incrustar los vínculos necesarios para navegar entre ellas. Definir la secuencia gráfica (de acuerdo con la estructura) para tener una visión Panorámica completa de la manera como se vera la presentación
  • 11. Es un lenguaje marcador de hipertexto, se utiliza para delinear documentos estructurados. Es un lenguaje que ofrece alternativas de ingresar atributos a un texto tales como imágenes, gráficos, hipernexos (mecanismos para establecer conexiones entre paginas WEB). Y en general cambiar la apariencia de un texto. HTML Híper text Markup Language
  • 12.
  • 13.
  • 14.
  • 15. < HTML > Identifica que el doc. esta escrito en HTML <HEAD > <TITLE > Titulo de pagina </TITLE> </HEAD> <BODY> Texto a presentar </BODY> </HTML> Instrucciones Básicas
  • 16. El diseño de un documento web lo podemos realizar en cualquier editor de texto ASCII. Sin embargo existen editores HTML que simplifican la edición, creando en forma automática los elementos requeridos. En internet es posible encontrar Software denominado de dominio Publico (coffe, hot, dog) y versiones pagadas (hotmeal, hot dog pro) EDITORES HTML