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 : DISEÑO WEB
DOCENTE : HANCCO QUISPE, Elar E.
ESTUDIANTE : COILA FLORES, Yurema Lucero.
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.
Ejercicio 3: Maquete utilizando CSS externo.
Primero lo tenemos abierto el programa dreamweavern para así podertrabajar,
los pasos sonlos siguientes.
Paso N°1:Trabajaremos en el archivo CSS.
Para esto es los siguientes códigos que nos servirán para poderhacerlo el
ejercicio N°3
Paso N°3:codificamos los siguientes códigos para el cuerpo asignado que es
lo siguiente.
#cuerpo{
width:900px;
margin:auto;
}
Paso N°4:codificamos los siguientes códigos para la capa 1 asignado que es
lo siguiente.
#capa1{
width:900px;
background:#0FF;
height:200px;
border:solid 1px;
}
Paso N°5:codificamos los siguientes códigos para la capa 2 asignado que es
lo siguiente.
#capa2{
width:900px;
background:#0F0
;
height:50px;
border:solid 1px;
}
Paso N°6:codificamos los siguientes códigos para la capa 3 asignado que es
lo siguiente.
#capa3{
width:900px;
background:#9F3;
height:500px;
border:solid 1px;
}
Paso N°7:codificamos los
siguientes códigos para la capa
4 asignado que es lo
siguiente.
#capa4{
width:900px;
background:#306;
height:50px;
border:solid 1px;
}
Paso N°8:codificamos los
siguientes códigos para la
capa 5 asignado que es lo
siguiente.
#capa5{
width:900px;
background:#FC9;
height:50px;
border:solid 1px;
}
Paso N°9:Trabajaremos en el archivo HTML.
Para esto es los siguientes códigos que nos servirán para poderhacerlo el
ejercicio N°2
Paso N°10:codificamos los siguientes códigos para la práctica 2 (HTML)
asignado que es lo siguiente.
Paso N° 11:Es el resultado ejecutado en el navegador (ejercicio N°3)

Más contenido relacionado

La actualidad más candente (11)

Ejercicio 4
Ejercicio 4Ejercicio 4
Ejercicio 4
 
Ejercicio2
Ejercicio2Ejercicio2
Ejercicio2
 
Ejercicio 1
Ejercicio 1Ejercicio 1
Ejercicio 1
 
Ejercicio 1
Ejercicio 1Ejercicio 1
Ejercicio 1
 
Ejercicio3
Ejercicio3Ejercicio3
Ejercicio3
 
Practica 1
Practica 1Practica 1
Practica 1
 
Ejercicio1
Ejercicio1Ejercicio1
Ejercicio1
 
Ejercicio 1 maquete utilizando css externo
Ejercicio 1 maquete utilizando css externoEjercicio 1 maquete utilizando css externo
Ejercicio 1 maquete utilizando css externo
 
Ejercicio4
Ejercicio4Ejercicio4
Ejercicio4
 
Ejercicio4
Ejercicio4Ejercicio4
Ejercicio4
 
Practica 4
Practica 4Practica 4
Practica 4
 

Destacado

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_yurema
 
Evaluation training for wellcome trust 15th may
Evaluation training for wellcome trust 15th mayEvaluation training for wellcome trust 15th may
Evaluation training for wellcome trust 15th mayBruce Etherington
 
Trabajo de 3 ejercicios de ciencia
Trabajo de 3 ejercicios de cienciaTrabajo de 3 ejercicios de ciencia
Trabajo de 3 ejercicios de cienciapetit512
 
2-1 pag Hopman Schoenen Fall10
2-1 pag Hopman Schoenen Fall102-1 pag Hopman Schoenen Fall10
2-1 pag Hopman Schoenen Fall10Vincent Huiser
 
Using BigQuery as a main Big Data solution
Using BigQuery as a main Big Data solutionUsing BigQuery as a main Big Data solution
Using BigQuery as a main Big Data solutionNikolay Novozhilov
 
7 วิชาสามัญ คณิต 57+เฉลย
7 วิชาสามัญ  คณิต 57+เฉลย7 วิชาสามัญ  คณิต 57+เฉลย
7 วิชาสามัญ คณิต 57+เฉลยsm_anukul
 
Company_profile_latest_2015
Company_profile_latest_2015Company_profile_latest_2015
Company_profile_latest_2015Jayesh Chudawala
 

Destacado (10)

Ejercicio 4-maquete-utilizando-css-externo.
Ejercicio 4-maquete-utilizando-css-externo.Ejercicio 4-maquete-utilizando-css-externo.
Ejercicio 4-maquete-utilizando-css-externo.
 
Evaluation training for wellcome trust 15th may
Evaluation training for wellcome trust 15th mayEvaluation training for wellcome trust 15th may
Evaluation training for wellcome trust 15th may
 
Trabajo de 3 ejercicios de ciencia
Trabajo de 3 ejercicios de cienciaTrabajo de 3 ejercicios de ciencia
Trabajo de 3 ejercicios de ciencia
 
El dibujo
El dibujoEl dibujo
El dibujo
 
Documentos inicial-matematica-ii
Documentos inicial-matematica-iiDocumentos inicial-matematica-ii
Documentos inicial-matematica-ii
 
2-1 pag Hopman Schoenen Fall10
2-1 pag Hopman Schoenen Fall102-1 pag Hopman Schoenen Fall10
2-1 pag Hopman Schoenen Fall10
 
Using BigQuery as a main Big Data solution
Using BigQuery as a main Big Data solutionUsing BigQuery as a main Big Data solution
Using BigQuery as a main Big Data solution
 
Porfolio
PorfolioPorfolio
Porfolio
 
7 วิชาสามัญ คณิต 57+เฉลย
7 วิชาสามัญ  คณิต 57+เฉลย7 วิชาสามัญ  คณิต 57+เฉลย
7 วิชาสามัญ คณิต 57+เฉลย
 
Company_profile_latest_2015
Company_profile_latest_2015Company_profile_latest_2015
Company_profile_latest_2015
 

Similar a 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.carlos_yurema
 
Ejercicio2 maquete-utilizando-css-externo.
Ejercicio2 maquete-utilizando-css-externo.Ejercicio2 maquete-utilizando-css-externo.
Ejercicio2 maquete-utilizando-css-externo.Ru Vilca
 
Practica 2
Practica 2Practica 2
Practica 2gabypaye
 
Ejercicio3
Ejercicio3Ejercicio3
Ejercicio3Merly QA
 
Ejercicio 3 maquete utilizando css externo.
Ejercicio 3 maquete utilizando css externo.Ejercicio 3 maquete utilizando css externo.
Ejercicio 3 maquete utilizando css externo.mayumi_noemi
 
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
 
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
 
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
 
Ejercicio 1 maquete utilizando css externo
Ejercicio 1 maquete utilizando css externoEjercicio 1 maquete utilizando css externo
Ejercicio 1 maquete utilizando css externoCarlos Ccalla
 
Ejercicio 1 maquete utilizando css externo
Ejercicio 1 maquete utilizando css externoEjercicio 1 maquete utilizando css externo
Ejercicio 1 maquete utilizando css externorogelioapaza04
 
Ejercicio 2 maquete utilizando css externo.
Ejercicio 2 maquete utilizando css externo.Ejercicio 2 maquete utilizando css externo.
Ejercicio 2 maquete utilizando css externo.mayumi_noemi
 
Ejercicio 1 maquete utilizando css externo.
Ejercicio 1 maquete utilizando css externo.Ejercicio 1 maquete utilizando css externo.
Ejercicio 1 maquete utilizando css externo.mayumi_noemi
 
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
 
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
 

Similar a Ejercicio 3-maquete-utilizando-css-externo. (18)

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.
 
Practica 2
Practica 2Practica 2
Practica 2
 
Ejercicio3
Ejercicio3Ejercicio3
Ejercicio3
 
Ejercicio 3
Ejercicio 3Ejercicio 3
Ejercicio 3
 
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 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
 
Ejercicio 3 maquete utilizando css externo.
Ejercicio 3 maquete utilizando css externo.Ejercicio 3 maquete utilizando css externo.
Ejercicio 3 maquete utilizando css externo.
 
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 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
 
Ejercicio 2 maquete utilizando css externo.
Ejercicio 2 maquete utilizando css externo.Ejercicio 2 maquete utilizando css externo.
Ejercicio 2 maquete utilizando css externo.
 
Ejercicio 1 maquete utilizando css externo.
Ejercicio 1 maquete utilizando css externo.Ejercicio 1 maquete utilizando css externo.
Ejercicio 1 maquete utilizando css externo.
 
Ejercicio3
Ejercicio3Ejercicio3
Ejercicio3
 
Ejercicio 4 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.
Ejercicio 4 maquete utilizando css externo.Ejercicio 4 maquete utilizando css externo.
Ejercicio 4 maquete utilizando css externo.
 

Último

Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
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
 
CLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfCLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfJonathanCovena1
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfPaolaRopero2
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
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
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSjlorentemartos
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...JAVIER SOLIS NOYOLA
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSYadi Campos
 
Éteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesÉteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesLauraColom3
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
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
 
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
 
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
 

Último (20)

Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
 
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
 
CLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfCLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdf
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
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...
 
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOSTEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
TEMA 13 ESPAÑA EN DEMOCRACIA:DISTINTOS GOBIERNOS
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
Éteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesÉteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reacciones
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
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
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
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
 
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
 

Ejercicio 3-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 : DISEÑO WEB DOCENTE : HANCCO QUISPE, Elar E. ESTUDIANTE : COILA FLORES, Yurema Lucero. 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. Ejercicio 3: Maquete utilizando CSS externo. Primero lo tenemos abierto el programa dreamweavern para así podertrabajar, los pasos sonlos siguientes. Paso N°1:Trabajaremos en el archivo CSS. Para esto es los siguientes códigos que nos servirán para poderhacerlo el ejercicio N°3 Paso N°3:codificamos los siguientes códigos para el cuerpo asignado que es lo siguiente. #cuerpo{ width:900px; margin:auto; }
  • 4. Paso N°4:codificamos los siguientes códigos para la capa 1 asignado que es lo siguiente. #capa1{ width:900px; background:#0FF; height:200px; border:solid 1px; } Paso N°5:codificamos los siguientes códigos para la capa 2 asignado que es lo siguiente. #capa2{ width:900px; background:#0F0 ; height:50px; border:solid 1px; }
  • 5. Paso N°6:codificamos los siguientes códigos para la capa 3 asignado que es lo siguiente. #capa3{ width:900px; background:#9F3; height:500px; border:solid 1px; } Paso N°7:codificamos los siguientes códigos para la capa 4 asignado que es lo siguiente. #capa4{ width:900px; background:#306; height:50px; border:solid 1px; } Paso N°8:codificamos los siguientes códigos para la capa 5 asignado que es lo siguiente. #capa5{
  • 6. width:900px; background:#FC9; height:50px; border:solid 1px; } Paso N°9:Trabajaremos en el archivo HTML. Para esto es los siguientes códigos que nos servirán para poderhacerlo el ejercicio N°2
  • 7. Paso N°10:codificamos los siguientes códigos para la práctica 2 (HTML) asignado que es lo siguiente.
  • 8. Paso N° 11:Es el resultado ejecutado en el navegador (ejercicio N°3)