SlideShare ist ein Scribd-Unternehmen logo
1 von 32
Sesión 06: Ing. Edgar A. Cruz Huaman INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”   Listas, Comentarios, Diseño, Imágenes y Color en el WWW.
I. Práctica 1:
II. Listas en Html ,[object Object],[object Object],[object Object],[object Object],[object Object]
II. Listas No Ordenadas (i) ,[object Object],[object Object]
II. Listas Ordenadas (ii) ,[object Object],[object Object]
II. Listas de Glosario (iii) ,[object Object],[object Object]
II. Listas de Menu y Directorio (iii) ,[object Object],[object Object],[object Object]
II. Anidamiento de Listas
III. Comentarios en HTML ,[object Object]
IV. Diseño Gráfico ,[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]
V.  Imagen (con y sin animación) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
VI. Ejemplo de Profundidades
VII. Tamaño de una Imagen
VIII. Gráficos vectoriales:  ,[object Object],[object Object],[object Object]
IX. Gráficos rasterizados: ,[object Object],[object Object],[object Object],[object Object]
X. Gráfico rasterizado vs vectorial
XI. Usando color en el WWW.
XII. Cómo cambiar la apariencia de una página. ,[object Object],[object Object]
XIII. Color del texto y Links.
XIV. Color del texto y Links (i)
XV. Imágenes de fondo ,[object Object]
XVI. Imágenes y Texto.
XVII. Alineamiento de imágenes. ,[object Object],[object Object],[object Object],[object Object],[object Object]
XVIII. Como terminar el texto envolvente. ,[object Object],[object Object],[object Object],[object Object]
XIX. Márgenes alrededor de las imágenes. ,[object Object]
XX. Enlace a Imágenes. ,[object Object]
XXI. Borde de las imágenes ,[object Object]
XXII. Borde de las imágenes (i)
XXIII. Modificando el tamaño de las imágenes ,[object Object]
XXIV. El atributo ALT
XXV. Pasos para crear una Página Web compleja (WebSite) ,[object Object],[object Object],[object Object]
PREGUNTAS?

Weitere ähnliche Inhalte

Andere mochten auch

Sesion Nº6 Listas - Comentarios - Diseño - Imagenes y Color en el WWW
Sesion Nº6  Listas - Comentarios - Diseño - Imagenes y Color en el WWWSesion Nº6  Listas - Comentarios - Diseño - Imagenes y Color en el WWW
Sesion Nº6 Listas - Comentarios - Diseño - Imagenes y Color en el WWWEdgar A. Cruz Huaman
 
Inzending Beste Zorgidee Vinden & Verbinden_Jacqueline Fackeldey
Inzending Beste Zorgidee Vinden & Verbinden_Jacqueline FackeldeyInzending Beste Zorgidee Vinden & Verbinden_Jacqueline Fackeldey
Inzending Beste Zorgidee Vinden & Verbinden_Jacqueline FackeldeyJ. Fackeldey
 
interseccio pla-pla
interseccio pla-plainterseccio pla-pla
interseccio pla-plabatxdibu
 
Bhv Prijzen2008
Bhv Prijzen2008Bhv Prijzen2008
Bhv Prijzen2008hdezwart
 
India Forum Oct 10, 2008 Market Mayhem Continues Despite Liquidity Injection
India Forum Oct 10, 2008 Market Mayhem Continues Despite Liquidity InjectionIndia Forum Oct 10, 2008 Market Mayhem Continues Despite Liquidity Injection
India Forum Oct 10, 2008 Market Mayhem Continues Despite Liquidity InjectionJagannadham Thunuguntla
 
May 2008
May 2008May 2008
May 2008piyushj
 
Parole Scrociate
Parole ScrociateParole Scrociate
Parole Scrociateguest1f707
 
Anons opernoj scen6
Anons opernoj scen6Anons opernoj scen6
Anons opernoj scen6la_bagirka
 
Pctela 2008 Spohn.Ppt Sat 10
Pctela 2008   Spohn.Ppt  Sat 10Pctela 2008   Spohn.Ppt  Sat 10
Pctela 2008 Spohn.Ppt Sat 10Janice Spohn
 

Andere mochten auch (19)

Sesion Nº6 Listas - Comentarios - Diseño - Imagenes y Color en el WWW
Sesion Nº6  Listas - Comentarios - Diseño - Imagenes y Color en el WWWSesion Nº6  Listas - Comentarios - Diseño - Imagenes y Color en el WWW
Sesion Nº6 Listas - Comentarios - Diseño - Imagenes y Color en el WWW
 
El 7ok
El 7okEl 7ok
El 7ok
 
Apocalipse
ApocalipseApocalipse
Apocalipse
 
Empresas
EmpresasEmpresas
Empresas
 
Inzending Beste Zorgidee Vinden & Verbinden_Jacqueline Fackeldey
Inzending Beste Zorgidee Vinden & Verbinden_Jacqueline FackeldeyInzending Beste Zorgidee Vinden & Verbinden_Jacqueline Fackeldey
Inzending Beste Zorgidee Vinden & Verbinden_Jacqueline Fackeldey
 
Anitkabir Turkey
Anitkabir TurkeyAnitkabir Turkey
Anitkabir Turkey
 
Sekzioak
SekzioakSekzioak
Sekzioak
 
interseccio pla-pla
interseccio pla-plainterseccio pla-pla
interseccio pla-pla
 
LAS EMPRESAS
LAS EMPRESASLAS EMPRESAS
LAS EMPRESAS
 
The Dabbawallas
The DabbawallasThe Dabbawallas
The Dabbawallas
 
Animalitos
AnimalitosAnimalitos
Animalitos
 
Bhv Prijzen2008
Bhv Prijzen2008Bhv Prijzen2008
Bhv Prijzen2008
 
India Forum Oct 10, 2008 Market Mayhem Continues Despite Liquidity Injection
India Forum Oct 10, 2008 Market Mayhem Continues Despite Liquidity InjectionIndia Forum Oct 10, 2008 Market Mayhem Continues Despite Liquidity Injection
India Forum Oct 10, 2008 Market Mayhem Continues Despite Liquidity Injection
 
Caverna09
Caverna09Caverna09
Caverna09
 
May 2008
May 2008May 2008
May 2008
 
Wawelroyalcastle Poland
Wawelroyalcastle PolandWawelroyalcastle Poland
Wawelroyalcastle Poland
 
Parole Scrociate
Parole ScrociateParole Scrociate
Parole Scrociate
 
Anons opernoj scen6
Anons opernoj scen6Anons opernoj scen6
Anons opernoj scen6
 
Pctela 2008 Spohn.Ppt Sat 10
Pctela 2008   Spohn.Ppt  Sat 10Pctela 2008   Spohn.Ppt  Sat 10
Pctela 2008 Spohn.Ppt Sat 10
 

Ähnlich wie Sesion Nº6 Listas - Comentarios - Diseño - Imagenes y Color en el WWW

Sesion Nº8 Html Avanzado Frames En El Www
Sesion Nº8   Html Avanzado   Frames En El WwwSesion Nº8   Html Avanzado   Frames En El Www
Sesion Nº8 Html Avanzado Frames En El WwwEdgar A. Cruz Huaman
 
Diseño web
Diseño webDiseño web
Diseño webJavier
 
Diseño de páginas Web con HTML
Diseño de páginas Web con HTMLDiseño de páginas Web con HTML
Diseño de páginas Web con HTMLJavier
 
Html
HtmlHtml
Htmlupt
 
ETL: Nuestras experiencias con Excel en procesos ETL. SolidQ 1 – Excel 0
ETL: Nuestras experiencias con Excel en procesos ETL. SolidQ 1 – Excel 0ETL: Nuestras experiencias con Excel en procesos ETL. SolidQ 1 – Excel 0
ETL: Nuestras experiencias con Excel en procesos ETL. SolidQ 1 – Excel 0SolidQ
 
H T M L Tema 2 Formatos, Listas Y Tablas
H T M L    Tema 2    Formatos, Listas Y TablasH T M L    Tema 2    Formatos, Listas Y Tablas
H T M L Tema 2 Formatos, Listas Y Tablasantoniobp
 
Consulta excel
Consulta  excelConsulta  excel
Consulta excelpastusito
 
Preguntas de computacion pre profecional
Preguntas de computacion pre profecionalPreguntas de computacion pre profecional
Preguntas de computacion pre profecionalnico salinas
 
Preguntas de computacion pre profecional
Preguntas de computacion pre profecionalPreguntas de computacion pre profecional
Preguntas de computacion pre profecionalNicolas Salinas
 
Hoja De Cálculo 1
Hoja De Cálculo 1Hoja De Cálculo 1
Hoja De Cálculo 1salgonsan
 
XHTML+Inicio en CSS
XHTML+Inicio en CSSXHTML+Inicio en CSS
XHTML+Inicio en CSSiConstruye
 

Ähnlich wie Sesion Nº6 Listas - Comentarios - Diseño - Imagenes y Color en el WWW (20)

Sesion Nº4 La Primera Pagina Web
Sesion Nº4   La Primera Pagina WebSesion Nº4   La Primera Pagina Web
Sesion Nº4 La Primera Pagina Web
 
Sesion Nº8 Html Avanzado Frames En El Www
Sesion Nº8   Html Avanzado   Frames En El WwwSesion Nº8   Html Avanzado   Frames En El Www
Sesion Nº8 Html Avanzado Frames En El Www
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño de páginas Web con HTML
Diseño de páginas Web con HTMLDiseño de páginas Web con HTML
Diseño de páginas Web con HTML
 
Diseño web con css
Diseño web con cssDiseño web con css
Diseño web con css
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
ETL: Nuestras experiencias con Excel en procesos ETL. SolidQ 1 – Excel 0
ETL: Nuestras experiencias con Excel en procesos ETL. SolidQ 1 – Excel 0ETL: Nuestras experiencias con Excel en procesos ETL. SolidQ 1 – Excel 0
ETL: Nuestras experiencias con Excel en procesos ETL. SolidQ 1 – Excel 0
 
H T M L Tema 2 Formatos, Listas Y Tablas
H T M L    Tema 2    Formatos, Listas Y TablasH T M L    Tema 2    Formatos, Listas Y Tablas
H T M L Tema 2 Formatos, Listas Y Tablas
 
Html
HtmlHtml
Html
 
Flexsdashboard
Flexsdashboard Flexsdashboard
Flexsdashboard
 
Consulta excel
Consulta  excelConsulta  excel
Consulta excel
 
Practica Html1
Practica Html1Practica Html1
Practica Html1
 
Preguntas de computacion pre profecional
Preguntas de computacion pre profecionalPreguntas de computacion pre profecional
Preguntas de computacion pre profecional
 
Preguntas de computacion pre profecional
Preguntas de computacion pre profecionalPreguntas de computacion pre profecional
Preguntas de computacion pre profecional
 
Computo2
Computo2Computo2
Computo2
 
Hoja De Cálculo 1
Hoja De Cálculo 1Hoja De Cálculo 1
Hoja De Cálculo 1
 
Grado digital cuestionario 2
Grado digital cuestionario 2Grado digital cuestionario 2
Grado digital cuestionario 2
 
XHTML+Inicio en CSS
XHTML+Inicio en CSSXHTML+Inicio en CSS
XHTML+Inicio en CSS
 
Html1
Html1Html1
Html1
 

Kürzlich hochgeladen

Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfenelcielosiempre
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdfenelcielosiempre
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxKarlaMassielMartinez
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfNancyLoaa
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxlupitavic
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfFrancisco158360
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioELIASAURELIOCHAVEZCA1
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptxolgakaterin
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 

Kürzlich hochgeladen (20)

Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdf
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdf
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptx
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 

Sesion Nº6 Listas - Comentarios - Diseño - Imagenes y Color en el WWW