Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Grupo: 301127_5
Tutor:
Francisco Javier Hilarin Novoa
Presentado por:
Ronald Mauricio Bermdez Gonzlez - Cdigo 80165388
Victor julio Urrego Bejarano - Cdigo 80185143
Jos Antonio Campos Cdigo 80134146
Introduccin
Capturas de pantalla
Men principal
Cdigo:
<!DOCTYPE html>
<html lang="es">
<head>
<!-- El class no js, activa las librerias no activas segun el navegador-->
<meta charset="UTF-8" class="no-js">
<meta content="Ronald Mauricio Bermudez Gonzalez" name="author">
<meta content="Programacion de sitios web" name="description">
<meta content="fase2" name="keywords">
<!-- Doy compatibilidad con otros dispositivos-->
<meta name="viewport" content="width=device-width, initial-scale=1,
maximun-scale=1">
<title>Programacion de Sitios Web</title>
<link rel="stylesheet" href="css/miestilo1.css">
<link rel="stylesheet"
href="https://necolas.github.io/normalize.css/4.1.1/normalize.css">
<script src ="js/jquery-2.1.1.js"></script>
<script src ="js/modernizr.js"></script>
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans|Lobster|
Quattrocento+Sans|Yatra+One" rel="stylesheet">
<!-- Pongo icono de imagen a mi pagina-->
<link rel="shortcut icon" href="media/imagen/logo.jpg" type="image/x-icon">
</head>
<div id="contenidos"> <!-- Declaro el contenedor "Contenidos"-->
<body>
<header>
<figure>
<img src="media/imagen/logo.jpg" alt="">
<h1>PROGRAMACION DE SITIOS WEB</h1>
</figure>
</header>
<nav>
<ul class="menu">
<li><a href="index.php">Inicio</a></li>
<li><a href="ejercicio1.php">Ejercicio 1</a></li>
<li><a href="ejercicio2.php">Ejercicio 2</a></li>
<li><a href="ejercicio3.php">Ejercicio 3</a></li>
<li><a href="ejercicio4.php">Ejercicio 4</a></li>
<li><a href="ejercicio5.php">Ejercicio 5</a></li>
<li><a href="autor.php">Autor</a></li>
</ul>
</nav>
<section>
<h2> Ejercicio 4 </h2><br>
<form action="ejercicio4.php" method="POST">
<h2>
<div>
<label>Ingrese la cantidad de cifras que
desea visualizar</label><br>
<td><input type="text"
name="numero"></td><br><br>
<td><input type="submit"
value="Ejecutar"></td><br><br>
</div>
</h2>
</form>
<?php
if($_POST)
{
$num = $_POST
['numero'];
$suma = 1;
$res = 1;
$contador = 1;
while ($contador < ($num+1))
{
echo $res.", ";
if ($contador % 2 == 0)
{
$suma = $res + 1;
$res = $suma;
}
else
{
$suma = $res + 4;
$res = $suma;
}
$contador++;
}
}
?>
</section>
<footer>
Copyrigth. Todos los derechos reservados<br>
<strong>Desing by Ronald Bermdez</strong>
</footer>
</body>
</div>
</html>
Ejercicio 5. Disee un programa que permita ingresar la edad del usuario y otro
numero cualquiera (a). el programa sumar el nmero (a) a la edad ingresada por el
usuario y generar la tabla de multiplicar de este nmero.
Codigo:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta author="Jose Antonio Campos Urquijo">
<title>Ejercicios Practica Individual</title>
<link rel="stylesheet" href="estilo.css">
</head>
<body>
<!-- CONTIENE TODOS LOS ELEMENTOS DEL MENU -->
<div id="menu">
<div id="logo-principal"></div>
<div id="contenedor-general-primero" class="contenedor-general">
<div class="logo-interior">
<p class="texto1"><a href="#img1">1</p></a>
</div>
<p class="texto2"><a href="#img1">EJERCICIO</p></a>
</div>
<div class="contenedor-general">
<div class="logo-interior">
<p class="texto1"><a href="#img2">2</p></a>
</div>
<p class="texto2"><a href="#img2">EJERCICIO</p></a>
</div>
<div class="contenedor-general">
<div class="logo-interior">
<p class="texto1"><a href="#img3">3</p></a>
</div>
<p class="texto2"><a href="#img3">EJERCICIO</p></a>
</div>
<div class="contenedor-general">
<div class="logo-interior">
<p class="texto1"><a href="#img4">4</p></a>
</div>
<p class="texto2"><a href="#img4">EJERCICIO</p></a>
</div>
<div class="contenedor-general">
<div class="logo-interior">
<p class="texto1"><a href="#img5">5</p></a>
</div>
<p class="texto2"><a href="#img5">EJERCICIO</p></a>
</div>
</div>
<!-- CONTIENE LA INFORMACION DE PAGINA PRINCIPAL -->
<article id="info">
<div id="texto-contenedor">
<h2>Universidad Nacional Abierta y a Distancia</h2>
<h2>Programa: Ingeniera de Sistemas</h2>
<h2>Programacin de Sitios Web</h2>
<h2>Manejo de programacin bsica</h2>
<h2>Por: JOSE ANTONIO CAMPOS URQUIJO</h2>
<h2>Cdigo: 80134146</h2>
<h2>Tutor: FRANCISCO JAVIER HILARION NOVOA</h2>
<p>fecha: 17 de Septiembre de 2016</p>
<p>Todos los derechos reservados || All rigths reserved</p>
<p><b><font color="red">Para acceder a los ejercicios, haga click
en el men de la izquierda.</font></b></p>
</div>
<div id="imagen-contenedor">
<img id="imagen"
src="https://userscontent2.emaze.com/images/39c0a734-04b5-4b3c-a7451749f8364913/1e4105c17ccfc6b50cbfa9796425c79f.png" alt="">
</div>
</article>
<!-- CONTIENE EL DESARROLLO DE LOS EJERCICIOS -->
<!-- EJERCICIO 5 -->
<div class="modal" id="img5">
<a class="cerrar" href="">X</a>
<div class="campo">
<section id="contenedor5">
<h3>EJERCICIO 5</h3>
Conclusiones
Observacin
Una vez publicados los cdigos bsicos, uno de los compaeros incluy diseo CSS
y cdigo HTML, con lo cual motiv la inclusin de un diseo grfico ms agradable.
Se utiliz clculos matemticos para programar cada uno de los ejercicios.
Hay que tener muy en cuenta la sitaxis del lenguaje PHP, haciendo el uso
adecuado de palabras reservadas, metodos y procedimientos para no cometer errores en
la ejecucin de las aplicaciones, ni aparezcan esos molestos mensajes de error.
Bibliografa
Vaswani, V. (s.f.). Fundamentos de PHP. McGrawHill.
Holzner, S. (2009). PHP: Manual de referencia. Mxico: McGraw-Hill.
Vaswani, Vikram. Fundamentos de PHP, 2010, McGraw-Hill Interamericana.
Disponible en http://site.ebrary.com/lib/colecciones/docDetail.action?docID=10433843
Video. tutorial html y css | crear menu lateral con efecto de hover 1 parte. Recuperado
de:
https://www.youtube.com/watch?v=Kmgr8FVBbck
Video. tutorial html y css | crear body adaptativo con margen fijo a un lado 2 parte.
Recuperado de:
https://www.youtube.com/watch?v=RiO3jYLhQ2k
Video. Curso PHP MySQL. Presentacin. Vdeo 1 12. Recuperado de:
https://www.youtube.com/watch?
v=I75CUdSJifw&list=PLU8oAlHdN5BkinrODGXToK9oPAlnJxmW_
Video. Requerimientos para programar en PHP. Recuperado de:
https://www.youtube.com/watch?v=FsxQ2ziFKu8
Video. Cmo crear formularios y procesarlos en PHP. Recuperado de:
https://www.youtube.com/watch?v=oz_6v89h9p4
Video. Galera de imgenes con efecto lightbox solo con HTML y CSS. Recuperado de:
https://www.youtube.com/watch?v=mWKmDV94uPI