SlideShare una empresa de Scribd logo
1 de 8
“Año de la diversificación productiva y del fortalecimiento de la educación”
INSTITUTO DE EDUCACIÓN SUPERIOR
TECNOLÓGICO PRIVADO
“TECNOTRONIC”
COMPUTACIÓN E INFORMÁTICA
UNIDAD DIDACTICA : DISSEÑO WEB
DOCENTE : HANCCO QUISPE, Elar E.
ESTUDIANTE :MAMANI CAÑAZACA Noemi.
CICLO ACADÉMICO : V
SEMESTRE : 2015 III
Juliaca - Puno – Perú.
2015
VISIÓN
En el 2018, El IESTP TECNOTRONIC es un Modelo Empresarial
Educativo de Excelencia Académica que lidera la
Educación Superior Tecnológica de la región sur del país.
MISIÓN
Formar profesionales competitivos en un ambiente de
Emprendimiento, Innovación, Eficiencia y Valores.
Ejercicio1:Maquete utilizandoCSS externo
Paso1:vamos realizar en CSS lo voy codificar y lo guardamos
Abrimos nuevo HTML Después vamos enlazar y Vamos a ver como conseguimos esta
estructura utilizando la etiqueta “div” Código HTML:
Después lo guardamos y hacemos clic vista previa de navegador y lo mostrara así:
Paso2: vamos realizar en CSS lo voy codificar y lo guardamos
En HTML:
Mostrar en navegador así:
Paso3: vamos realizar en CSS lo voy codificar y lo guardamos
En HTML:
Paso3: vamos realizar en CSS lo voy codificar y lo guardamos
En HTML:
Paso4: vamos realizar en CSS lo voy codificar y lo guardamos
En HTML:
Ejercicio 1 maquete utilizando css externo.

Más contenido relacionado

La actualidad más candente

Ejercicio3
Ejercicio3Ejercicio3
Ejercicio3Merly QA
 
Practica 4
Practica 4Practica 4
Practica 4gabypaye
 
Ejercicio 3 maquete utilizando css externo.
Ejercicio 3 maquete utilizando css externo.Ejercicio 3 maquete utilizando css externo.
Ejercicio 3 maquete utilizando css externo.Carlos Ccalla
 
Ejercicio2 maquete utilizando css externo.
Ejercicio2 maquete utilizando css externo.Ejercicio2 maquete utilizando css externo.
Ejercicio2 maquete utilizando css externo.mamanieli
 
Ejercicio 4 maquete utilizando css externo.
Ejercicio 4 maquete utilizando css externo.Ejercicio 4 maquete utilizando css externo.
Ejercicio 4 maquete utilizando css externo.rogelioapaza04
 
Practica 2
Practica 2Practica 2
Practica 2gabypaye
 
Ejercicio 3 maquete utilizando css externo.
Ejercicio 3 maquete utilizando css externo.Ejercicio 3 maquete utilizando css externo.
Ejercicio 3 maquete utilizando css externo.rogelioapaza04
 
Practica 3
Practica 3Practica 3
Practica 3gabypaye
 
Manual de maquetado 3
Manual de maquetado 3Manual de maquetado 3
Manual de maquetado 3robertocauna
 

La actualidad más candente (16)

Ejercicio3
Ejercicio3Ejercicio3
Ejercicio3
 
Ejercicio4
Ejercicio4Ejercicio4
Ejercicio4
 
Ejercicio4
Ejercicio4Ejercicio4
Ejercicio4
 
Practica 4
Practica 4Practica 4
Practica 4
 
Ejercicio2 maquete utilizando css externo.
Ejercicio2 maquete utilizando css externo.Ejercicio2 maquete utilizando css externo.
Ejercicio2 maquete utilizando css externo.
 
Ejercicio 3 maquete utilizando css externo.
Ejercicio 3 maquete utilizando css externo.Ejercicio 3 maquete utilizando css externo.
Ejercicio 3 maquete utilizando css externo.
 
Ejercicio2 maquete utilizando css externo.
Ejercicio2 maquete utilizando css externo.Ejercicio2 maquete utilizando css externo.
Ejercicio2 maquete utilizando css externo.
 
Ejercicio 4 maquete utilizando css externo.
Ejercicio 4 maquete utilizando css externo.Ejercicio 4 maquete utilizando css externo.
Ejercicio 4 maquete utilizando css externo.
 
Ejercicio3
Ejercicio3Ejercicio3
Ejercicio3
 
Ejercicio2
Ejercicio2Ejercicio2
Ejercicio2
 
Practica 2
Practica 2Practica 2
Practica 2
 
Ejercicio 3 maquete utilizando css externo.
Ejercicio 3 maquete utilizando css externo.Ejercicio 3 maquete utilizando css externo.
Ejercicio 3 maquete utilizando css externo.
 
Ejercicio3
Ejercicio3Ejercicio3
Ejercicio3
 
Ejercicio3
Ejercicio3Ejercicio3
Ejercicio3
 
Practica 3
Practica 3Practica 3
Practica 3
 
Manual de maquetado 3
Manual de maquetado 3Manual de maquetado 3
Manual de maquetado 3
 

Similar a Ejercicio 1 maquete utilizando css externo.

Practica 2
Practica 2Practica 2
Practica 2gabypaye
 
Ejercicio3
Ejercicio3Ejercicio3
Ejercicio3Merly QA
 
Ejercicio 1 maquete utilizando css externo
Ejercicio 1 maquete utilizando css externoEjercicio 1 maquete utilizando css externo
Ejercicio 1 maquete utilizando css externoMerly QA
 
Ejercicio 1 maquete utilizando css externo
Ejercicio 1 maquete utilizando css externoEjercicio 1 maquete utilizando css externo
Ejercicio 1 maquete utilizando css externomerixitha
 
Practica 1
Practica 1Practica 1
Practica 1gabypaye
 
Ejercicio2 maquete-utilizando-css-externo.
Ejercicio2 maquete-utilizando-css-externo.Ejercicio2 maquete-utilizando-css-externo.
Ejercicio2 maquete-utilizando-css-externo.carlos_yurema
 
Ejercicio2 maquete-utilizando-css-externo.
Ejercicio2 maquete-utilizando-css-externo.Ejercicio2 maquete-utilizando-css-externo.
Ejercicio2 maquete-utilizando-css-externo.Ru Vilca
 
Ejercicio2 maquete-utilizando-css-externo.
Ejercicio2 maquete-utilizando-css-externo.Ejercicio2 maquete-utilizando-css-externo.
Ejercicio2 maquete-utilizando-css-externo.yuris666
 
Ejercicio 3-maquete-utilizando-css-externo.
Ejercicio 3-maquete-utilizando-css-externo.Ejercicio 3-maquete-utilizando-css-externo.
Ejercicio 3-maquete-utilizando-css-externo.yuris666
 
Ejercicio 3-maquete-utilizando-css-externo.
Ejercicio 3-maquete-utilizando-css-externo.Ejercicio 3-maquete-utilizando-css-externo.
Ejercicio 3-maquete-utilizando-css-externo.carlos_yurema
 
Ejercicio 3-maquete-utilizando-css-externo.
Ejercicio 3-maquete-utilizando-css-externo.Ejercicio 3-maquete-utilizando-css-externo.
Ejercicio 3-maquete-utilizando-css-externo.Ru Vilca
 
Ejercicio 4 maquete utilizando css externo.
Ejercicio 4 maquete utilizando css externo.Ejercicio 4 maquete utilizando css externo.
Ejercicio 4 maquete utilizando css externo.Carlos Ccalla
 
Manual de maquetado 3
Manual de maquetado 3Manual de maquetado 3
Manual de maquetado 3robertocauna
 

Similar a Ejercicio 1 maquete utilizando css externo. (16)

Practica 2
Practica 2Practica 2
Practica 2
 
Ejercicio3
Ejercicio3Ejercicio3
Ejercicio3
 
Ejercicio 3
Ejercicio 3Ejercicio 3
Ejercicio 3
 
Ejercicio 1 maquete utilizando css externo
Ejercicio 1 maquete utilizando css externoEjercicio 1 maquete utilizando css externo
Ejercicio 1 maquete utilizando css externo
 
Ejercicio 1 maquete utilizando css externo
Ejercicio 1 maquete utilizando css externoEjercicio 1 maquete utilizando css externo
Ejercicio 1 maquete utilizando css externo
 
Practica 1
Practica 1Practica 1
Practica 1
 
Ejercicio2 maquete-utilizando-css-externo.
Ejercicio2 maquete-utilizando-css-externo.Ejercicio2 maquete-utilizando-css-externo.
Ejercicio2 maquete-utilizando-css-externo.
 
Ejercicio2 maquete-utilizando-css-externo.
Ejercicio2 maquete-utilizando-css-externo.Ejercicio2 maquete-utilizando-css-externo.
Ejercicio2 maquete-utilizando-css-externo.
 
Ejercicio2 maquete-utilizando-css-externo.
Ejercicio2 maquete-utilizando-css-externo.Ejercicio2 maquete-utilizando-css-externo.
Ejercicio2 maquete-utilizando-css-externo.
 
Ejercicio1
Ejercicio1Ejercicio1
Ejercicio1
 
Ejercicio1
Ejercicio1Ejercicio1
Ejercicio1
 
Ejercicio 3-maquete-utilizando-css-externo.
Ejercicio 3-maquete-utilizando-css-externo.Ejercicio 3-maquete-utilizando-css-externo.
Ejercicio 3-maquete-utilizando-css-externo.
 
Ejercicio 3-maquete-utilizando-css-externo.
Ejercicio 3-maquete-utilizando-css-externo.Ejercicio 3-maquete-utilizando-css-externo.
Ejercicio 3-maquete-utilizando-css-externo.
 
Ejercicio 3-maquete-utilizando-css-externo.
Ejercicio 3-maquete-utilizando-css-externo.Ejercicio 3-maquete-utilizando-css-externo.
Ejercicio 3-maquete-utilizando-css-externo.
 
Ejercicio 4 maquete utilizando css externo.
Ejercicio 4 maquete utilizando css externo.Ejercicio 4 maquete utilizando css externo.
Ejercicio 4 maquete utilizando css externo.
 
Manual de maquetado 3
Manual de maquetado 3Manual de maquetado 3
Manual de maquetado 3
 

Último

Arribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y españolArribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y españolLuis José Ferreira Calvo
 
Geometría para alumnos de segundo medio A
Geometría para alumnos de segundo medio AGeometría para alumnos de segundo medio A
Geometría para alumnos de segundo medio APabloBascur3
 
PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...
PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...
PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...albertodeleon1786
 
Origen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to SecOrigen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to Secssuser50da781
 
MODELO DE UNIDAD 2 para primer grado de primaria
MODELO DE UNIDAD 2 para primer grado de primariaMODELO DE UNIDAD 2 para primer grado de primaria
MODELO DE UNIDAD 2 para primer grado de primariaSilvanaSoto13
 
Cuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfj
CuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfjCuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfj
CuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfjLuisMartinez556504
 
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptxSEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptxLisetteChuquisea
 
MESOPOTAMIA Y SU ARQUITECTURA 1006/An)cris
MESOPOTAMIA Y SU ARQUITECTURA 1006/An)crisMESOPOTAMIA Y SU ARQUITECTURA 1006/An)cris
MESOPOTAMIA Y SU ARQUITECTURA 1006/An)crisDanielApalaBello
 
GEODESIA pptx.pdfhhjjgjkhkjhgyfturtuuuhhuh
GEODESIA pptx.pdfhhjjgjkhkjhgyfturtuuuhhuhGEODESIA pptx.pdfhhjjgjkhkjhgyfturtuuuhhuh
GEODESIA pptx.pdfhhjjgjkhkjhgyfturtuuuhhuhmezabellosaidjhon
 
LAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docxLAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docxJheissonAriasSalazar
 
Catálogo Mayo en Artelife Regalería Cristiana
Catálogo Mayo en Artelife Regalería CristianaCatálogo Mayo en Artelife Regalería Cristiana
Catálogo Mayo en Artelife Regalería Cristianasomosartelife
 
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfdiagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfDreydyAvila
 
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaUnitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaEmmanuel Toloza
 
26 de abril teoria exposición. El arte en la
26 de abril teoria exposición. El arte en la26 de abril teoria exposición. El arte en la
26 de abril teoria exposición. El arte en laMIRIANGRACIELABARBOZ
 
Concepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena OlvierasConcepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena OlvierasAnkara2
 
Supremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmSupremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmolivayasser2
 
como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdf
como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdfcomo me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdf
como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdfleonar947720602
 

Último (17)

Arribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y españolArribando a la concreción II. Títulos en inglés, alemán y español
Arribando a la concreción II. Títulos en inglés, alemán y español
 
Geometría para alumnos de segundo medio A
Geometría para alumnos de segundo medio AGeometría para alumnos de segundo medio A
Geometría para alumnos de segundo medio A
 
PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...
PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...
PROCESO ADMINISTRATIVO Proceso administrativo de enfermería desde sus bases, ...
 
Origen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to SecOrigen del Hombre- cuadro comparativo 5to Sec
Origen del Hombre- cuadro comparativo 5to Sec
 
MODELO DE UNIDAD 2 para primer grado de primaria
MODELO DE UNIDAD 2 para primer grado de primariaMODELO DE UNIDAD 2 para primer grado de primaria
MODELO DE UNIDAD 2 para primer grado de primaria
 
Cuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfj
CuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfjCuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfj
Cuadernillobdjjdjdjdjjdjdkdkkdjdjfujfjfj
 
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptxSEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
SEMIOLOGIA DE CABEZA Y CUELLO. Medicina Semiologia cabeza y cuellopptx
 
MESOPOTAMIA Y SU ARQUITECTURA 1006/An)cris
MESOPOTAMIA Y SU ARQUITECTURA 1006/An)crisMESOPOTAMIA Y SU ARQUITECTURA 1006/An)cris
MESOPOTAMIA Y SU ARQUITECTURA 1006/An)cris
 
GEODESIA pptx.pdfhhjjgjkhkjhgyfturtuuuhhuh
GEODESIA pptx.pdfhhjjgjkhkjhgyfturtuuuhhuhGEODESIA pptx.pdfhhjjgjkhkjhgyfturtuuuhhuh
GEODESIA pptx.pdfhhjjgjkhkjhgyfturtuuuhhuh
 
LAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docxLAVADO DE MANOS TRIPTICO modelos de.docx
LAVADO DE MANOS TRIPTICO modelos de.docx
 
Catálogo Mayo en Artelife Regalería Cristiana
Catálogo Mayo en Artelife Regalería CristianaCatálogo Mayo en Artelife Regalería Cristiana
Catálogo Mayo en Artelife Regalería Cristiana
 
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcfdiagrama sinóptico dcerfghjsxdcfvgbhnjdcf
diagrama sinóptico dcerfghjsxdcfvgbhnjdcf
 
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza PinedaUnitario - Serie Fotográfica - Emmanuel Toloza Pineda
Unitario - Serie Fotográfica - Emmanuel Toloza Pineda
 
26 de abril teoria exposición. El arte en la
26 de abril teoria exposición. El arte en la26 de abril teoria exposición. El arte en la
26 de abril teoria exposición. El arte en la
 
Concepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena OlvierasConcepto de Estética, aproximación,Elena Olvieras
Concepto de Estética, aproximación,Elena Olvieras
 
Supremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxmSupremacia de la Constitucion 2024.pptxm
Supremacia de la Constitucion 2024.pptxm
 
como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdf
como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdfcomo me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdf
como me enamore de ti (1).pdf.pdf_20240401_120711_0000.pdf
 

Ejercicio 1 maquete utilizando css externo.

  • 1. “Año de la diversificación productiva y del fortalecimiento de la educación” INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PRIVADO “TECNOTRONIC” COMPUTACIÓN E INFORMÁTICA UNIDAD DIDACTICA : DISSEÑO WEB DOCENTE : HANCCO QUISPE, Elar E. ESTUDIANTE :MAMANI CAÑAZACA Noemi. CICLO ACADÉMICO : V SEMESTRE : 2015 III Juliaca - Puno – Perú. 2015
  • 2. VISIÓN En el 2018, El IESTP TECNOTRONIC es un Modelo Empresarial Educativo de Excelencia Académica que lidera la Educación Superior Tecnológica de la región sur del país. MISIÓN Formar profesionales competitivos en un ambiente de Emprendimiento, Innovación, Eficiencia y Valores.
  • 3. Ejercicio1:Maquete utilizandoCSS externo Paso1:vamos realizar en CSS lo voy codificar y lo guardamos Abrimos nuevo HTML Después vamos enlazar y Vamos a ver como conseguimos esta estructura utilizando la etiqueta “div” Código HTML: Después lo guardamos y hacemos clic vista previa de navegador y lo mostrara así:
  • 4. Paso2: vamos realizar en CSS lo voy codificar y lo guardamos En HTML: Mostrar en navegador así:
  • 5. Paso3: vamos realizar en CSS lo voy codificar y lo guardamos En HTML:
  • 6. Paso3: vamos realizar en CSS lo voy codificar y lo guardamos En HTML:
  • 7. Paso4: vamos realizar en CSS lo voy codificar y lo guardamos En HTML: