Proyecto final

GUÍA DE USO DE LABORATORIOS
ESTUDIANTES: Guaman Simbaña Oliver Steve
Quinatoa Cando Jazmín Alicia
SEMESTRE: Tercero
PARALELO: B PRÁCTICA: Proyecto final
TEMA:
Pagina web
OBJETIVO:
Dar a conocer información completa de la página web de cómo fue desarrollada,
usando el ordenador como una herramienta más con el fin de obtener
información y adquirir conocimientos, también comprobar los ya adquiridos.
RESULTADOS DE APRENDIZAJE
Comprensión de la Página Web
Distinción de las diferentes partes del entorno de desarrollo de Eclipse
Usar correctamente el código en php para crear formularios y base de datos.
ACTIVIDADES:
· crear una página web donde se pueda poner en práctica lo aprendido durante
todo el semestre utilizando estilos formularios etc.
DESARROLLO DE CONTENIDOS
1. Capturas de la página web creada

2. Página principal
<HTML>
<head>
<meta charset="UTF-8">
<TITLE>Ropa | Accesorios Deportivos</TITLE>
<link rel="stylesheet" href="estilos.css">
</head>
<body>
<nav class="menu">
<img class="logo" srs="images.png">
<ul>
<li> <a href="#Productos"> Productos </a> <li>
<li> <a href="#Compras"> Compras </a> <li>
</ul>
</nav>
<P><A> <center><FONT spellcheck=20
FACE = TIMES COLOR = blue SIZE=26> CONFECCIÓN Y DISTRIBUCIÓN DE
ROPA Y ACCESORIOS</FONT></A></center>
<HR WIDTH= 100% COLOR=BLUE>
<PRE>
<CENTER>
<MARQUEE WIDTH=50% BGCOLOR=blue> <font face= arial color= pink
size=15>
Bienvenido, aquí podrá encontrar ropa y accesorio de distintas disciplinas
deportivas.
</font>
</MARQUEE>

<h3> Futbol | Básquet | Vóley | Natación | Atletismo | tenis | Golf
</h3>
</CENTER>
<center><IMg SRc= "deportes-futbol-hipica-tenis.gif" width="1000"
height="400">
</IMg> </center>
</article>
<article id="Productos">
<CENTER>
<MARQUEE WIDTH=50% BGCOLOR=black> <font face= arial color= white
size=15>
<h2>Sobre nuestros productos</h2>
</font>
</MARQUEE>
</CENTER>
</hav>
</div>
<div class="contenido">
<article class= "targeta">
<IMg SRc= "mens-r-performance-1(all-other-regions).gif" width="1000"
height="500">
</IMg>
<section>
<h3><a href="Hombres.php"><center><b>HOMBRES</b></center></a>
</h3>
</section>
</article>
<article class= "targeta">
<IMg SRc= "tenor.gif"width="800" height="500"></IMg>
<section>
<h3> <a href="Mujeres.php"><center><b>MUJERES</b></center></a> </h3>
</section>
</article>
</div>
</body>
</html>
3. Código de paginas adicionales
*{
border:0px;
margin:0px;
padding: 0px;
}
.body{

background-image: linear-gradient(rgb(235,208,236));
}
.menu{
display: flex;
justify-content: space-between;
padding: 0.7em;
background-color: rgb(39, 107, 128);
}
.logo{
width: 2.5em;
height: auto;
}
.menu ul{
display: flex;
justify-content: space-around;
width: 40%;
}
.menu ul li{
list-style:none;
transition: all 0.5;
}
.menu ul li a{
text-decoration: none;
color: rgb(236, 131, 131);
font-size: 1em;
padding: 0.5em;
transition: all 0.5;
}
.menu ul li :hover{
background-color: rgb(235,208,236);
color: rgb(56, 223, 186)
}
.contenido{
display: flex;
justify-content: space-around;
height: 70vh;
align-items: flex-start;
}
.targetas{
width: 20%;
background-color:rgb(166,118,214);
}
.targeta > img{
width: 100%;
}
.targeta section p{
padding: 4em;
}

f.) Guaman Simbaña Oliver Steve
Quinatoa Cando Jazmín Alicia
f.) __________________
MSc. Víctor Zapata
ESTUDIANTES DOCENTE
BIBLIOGRAFÍA:
Bell, Douglas Parr, Mike. (2011). JAVA para estudiantes. México: Pearson.
Ordax Cassá, José Miguel; Ocaña Díaz-Ufano, Pilar Aranzazu.(2012). Programación Web en
Java.Madrid. Ministerio de Educación, Cultura y Deporte de España. Recuperado:
http://www.digital iapublishing.com/a

Proyecto final

Más contenido relacionado

La actualidad más candente

Más de OliverGuaman1

Último

Proyecto final