Está en la página 1de 3

INSTITUTO DE EDUACCION SUPERIOR TECNOLÓGICA PÚBLICO

SANTIAGO ANTUNEZ DE MAYOLO


“Ser excelentes” Lic. Nohemy Esther Carhuancho Hidalgo
___________________________________________________________________________

PRIMERA PRACTICA CALIFICADA DE

ANIMACIÓN DE PÁGINAS WEB


Criterio de Evaluación 1

APELLIDOS Y NOMBRES:vila Ochoa Wendy Yakelin


PERIODO ACADÉMICO:IV MODULO:DPW TURNO:Noche FECHA:14/10/20

INSTRUCCIONES-. Lea detenidamente cada pregunta y responda correctamente. Tiene un


tiempo de 40 minutos. La entrega puntual suma 1 punto.

1. Realizar una página web con 3 imágenes: la imagen de fondo, imagen gif y una imagen png.
Ubicar la imagen gif en la esquina inferior izquierda y la imagen png en la esquina superior
derecha (escriba el código y el resultado) 10 ptos.
2. <!DOCTYPE html>
3. <html lang="en">
4. <head>
5. <meta charset="UTF-8">
6. <meta name="viewport" content="width=device-width, initial-
scale=1.0">
7. <title>fondos</title>
8. <style>
9. #Ejem1{
10. background-image: url(duke02.gif), url(imagen003.png);
11. background-position: right bottom, left top;
12. background-repeat: no-repeat, repeat;
13. }
14. </style>
15. </head>
16. <body>
17. <div id="Ejem1">
18. <h1>FELIZ ANIVERSARIO SANTIAGO ANTUNES DE MAYOLO</h1>
19. </style>
20. <p>Jovenes Y Docentes con propositos.</p>
21. <p>Nosotros felices participaremos de todas las actividades
planificada
22. s en este aniversario.</p>
23. </div>
24. </body>
25. </head>
26. <body>
27.
28. </body>
29. </html>

DISEÑO Y PROGRAMACIÓN WEB Animación de páginas web


INSTITUTO DE EDUACCION SUPERIOR TECNOLÓGICA PÚBLICO
SANTIAGO ANTUNEZ DE MAYOLO
“Ser excelentes” Lic. Nohemy Esther Carhuancho Hidalgo
___________________________________________________________________________

02.Realizar la siguiente página web, los cuadros deben ubicarse empezando de la derecha: 10
ptos. (escriba o pegue el código)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>tipos de bordes redondeados</title>
<link rel="stylesheet" href="BorderRadios.css">
</head>
<body>
<div id="caja9">
<p style="text-align: center"><br/><br/>Mi tierra Natal</p>
<p style="text-align: center"> Danza de Tijeras, Carnaval, Santiago -
Plato: Shaccta y ceviche de calabaza;</p>
</div>
<div id="caja3">
<h2>Lugares</h2>
<p>Bosque Dorado, Laguna de Pacca, Huaytapallana:</p>
</div>
<div id="caja2">
<h2>MY Hobby</h2>
<p>Escucho musica en mis tiempos libres tambien me gusta jugar el futb
ol, cuando me siento estresado y por lo general suelo pintar y leer:</p>
</div>

<div id="caja10">
<h2>Nombres y Apellidos</h2>
<p> WENDY YAKELIN VILA OCHOA;</p>
</div>
</body>
</html>

p{margin:0; padding: 0.1em 1em;}


#caja01, #caja02, #caja03, #caja04,
#caja10 {

DISEÑO Y PROGRAMACIÓN WEB Animación de páginas web


INSTITUTO DE EDUACCION SUPERIOR TECNOLÓGICA PÚBLICO
SANTIAGO ANTUNEZ DE MAYOLO
“Ser excelentes” Lic. Nohemy Esther Carhuancho Hidalgo
___________________________________________________________________________
border: 3px double black; background-color: greenyellow;
width: 200px; height: 150px; float:left; margin: 10px;
font: normal 0.7em arial;}
#caja01{ border-radius: 20px;}
#caja02{ border-radius: 60px 30px 60px;}
#caja03{ border-radius: 20px 15px 10px 5px;}
#caja04{ border-top-left-radius: 30px 20px;
border-top-right-radius: 20px 30px ;}

DISEÑO Y PROGRAMACIÓN WEB Animación de páginas web

También podría gustarte