Está en la página 1de 13

Programacin de sitios web

Fundamentos de programacin PHP

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

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA


Programacin de sitios web
Bogot D.C

Introduccin

PHP es el lenguaje de programacin que se utiliza actualmente en la programacin de


sitios web, es por eso que es fundamental el aprendizaje de cada uno de los temas de la
unidad 1 en lo que se refiere a la programacin bsica para tener las habilidades para la
programacin avanzada de este lenguaje.
Este documento contiene la evidencia de ejecucion de las distintas aplicaciones
referentes a los cinco ejercicios propuestos en la gua de actividades.

Capturas de pantalla
Men principal

4. Un script debe pedirle al usuario que digite la cantidad de nmeros a generar,


luego se debe crear la siguiente secuencia (1, 5, 6, 10, 11, 15, 16, )

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>

<p>Disee un programa que permita ingresar la edad del


usuario y otro nmero cualquiera (a).
El programa sumar el nmero a a la edad
ingresada y generar la tabla de multiplicar de este nmero </p>
<form action="" method="post" name="multiplicar"
id="multiplicar">
<table align="center">
<tr>
<td>Ingrese la edad del usuario:</td>
<td><label for="edad_user"></label>
<input type="text" name="edad_user"
id="edad_user"></td>
</tr>
<tr>
<td>Ingrese un nmero cualquiera:</td>
<td><label for="numcual"></label>
<input type="text" name="numcual"
id="numcual"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit"
name="enviando5" id="enviando5" value="Calcular"></td>
</tr>
</table>
</form>
</section>
</div>
<div class="campo2">
<?php
if(isset($_POST["enviando5"])){
$edad_user=$_POST["edad_user"];
$numcual=$_POST["numcual"];
$suma=0;
$cont=1;
echo "<br>";
echo "<b>---- DATOS -----</b><br>";
echo "Edad ingresada por el usuario: <b>" . $edad_user .
"</b><br>";
echo "Nmero ingresado por el usuario: <b>" . $numcual .
"</b><br><br>";
echo "<b>---- RESULTADO ----</b></br>";
$suma = ($edad_user+$numcual);
echo "Resultado: " . $suma . "<br><br>";
echo "<b>TABLA DE MULTIPLICAR DEL: " . $suma .
"</b><br>";
for($i=1; $i<=10; $i++){

echo $suma . "*" . $cont . "=" . ($suma*$cont) .


"<br>";
$cont++;
}
}
echo "<br>";
echo "<br>";
?>
</div>
</div>
</body>
</html>

Conclusiones

Fue posible la aplicacin de conocimientos de HTML5, CSS y PHP en la


realizacin de los ejercicios propuestos, lo cual redundo en una mejor

presentacin grfica de los ejercicios.


Se foment la creatividad y la investigacin utilizando el lenguaje de

programacin PHP en el desarrollo de soluciones a problemas informticos.


Se concluye como aspecto general, que PHP es una herramienta valiosisima y
poderosa en el entorno web, ya que con esto podemos hacer prcticamente lo
que queramos, solo basta un poco de imaginacin, conocer de Html y Css
para dar forma a nuestras pginas y listo.

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

También podría gustarte