P03 Uso de PHP

UNIVERSIDAD NACIONAL JORGE BASADRE GROHMANN | FACULTAD DE INGENIERA
ESCUELA ACADMICO PROFESIONAL DE INGENIERA EN INFORMTICA Y SISTEMAS

CURSO: INGENIERA WEB
AO DE ESTUDIOS: CUARTO
PRCTICA N 03: USO DE PHP

1. OBJETIVO(S)
Conseguir que los estudiantes tengan un primer contacto con la programacin y sintaxis de
PHP.
Lograr el dominio de los delimitadores y tipos de datos del lenguaje PHP.
Dominar la forma en que se crearn scripts PHP y del proceso para visualizarlos a travs de un
navegador.
2. FUNDAMENTO TERICO
DEFINICIN DE PHP
PHP es, hoy en da, un lenguaje de programacin diseado para desarrollar pginas web dinmicas que
son ejecutadas en un servidor web y, luego, devueltas en formato HTML al navegador del usuario que
las solicita.
No obstante, en sus principios PHP fue ms bien un lenguaje de secuencias de comando, guiones o
scripts del lado del servidor desarrollado por Rasmus Lerdorf en 1995 con el propsito de crear un
conjunto de scripts que le permitieran contabilizar el nmero de visitantes que accedan a su hoja de
vida que haba puesto en lnea para conseguir empleo o contratos de trabajo.
Debido a que PHP estaba diseado para trabajar en un ambiente web y que este se poda insertar
directamente dentro del cdigo (X)HTML propici que se volviera muy popular para procesar datos
ingresados a travs de formularios.
El significado actual de PHP es Hypertext PreProcessor y a partir de la versin 4.0 es considerado todo
un lenguaje de programacin y una plataforma slida para el desarrollo de aplicaciones web del lado del
servidor.
EVOLUCIN DE PHP
Despus de alcanzar su objetivo Rasmus Lerdorf libera su cdigo, que fue desarrollado en lenguaje Perl
primero, y luego, en lenguaje C. Para ese entonces se haca alusin al lenguaje como PHP/FI y su
significado era Personal Home Page/Form Interpreter, siendo la versin PHP/FI 2.0 liberada en 1997.
En este ao el proyecto de PHP pas de ser un proyecto personal de Rasmus Lerdorf a ser un proyecto
desarrollado en conjunto. En ese entonces PHP era usado en unos 50,000 dominios en Internet, lo que
representaba solamente el 1% del total de dominios en Internet.
La versin PHP 3.0 fue liberada en 1998 y desarrollada principalmente por dos programadores israels
del Instituto Tecnolgico de Israel (Technion) de nombres Andi Gutmans y Zeev Zurasky. Una de las
mejores caractersticas de esta versin era su fcil extensibilidad reflejada en la incorporacin de
nuevos mdulos y soporte para trabajar con una gran cantidad de bases de datos. En su apogeo la
versin 3.0 de PHP era utilizada en un 10% de servidores en Internet.
El siguiente paso en la evolucin de PHP fue la creacin de un nuevo ncleo, escrito desde cero para
mejorar su rendimiento y convertirse por primera vez en un lenguaje orientado a objetos. El nuevo motor
fue denominado Zend (acrnimo de los nombres de sus nuevos desarrolladores Zeev y Andy). Esta
nueva versin conocida como PHP 4.0 fue liberada en mayo del 2000. Las nuevas prestaciones de esta
versin fueron el soporte para la mayora de servidores web, el manejo de sesiones HTTP de forma
nativa, facilidades para programar utilizando orientacin a objetos (aunque muchos insisten en que esta
versin no es totalmente orientado a objetos), compatibilidad con las expresiones regulares de Perl,
encriptacin, manejo de formas ms seguras para el control de las entradas de usuario.
El 13 de julio del 2007 se anunci la suspensin del soporte para la versin 4 de PHP, no obstante, se
siguen liberando mejoras para solventar fallos crticos a nivel de seguridad, es as que se lanzaron
Docentes: Ing. Hugo Barraza Vizcarra | MSc. Edgar Taya Acosta
Pgina 1 de 14

posterior a esa fecha las versiones 4.4.8 el 13 de enero del 2008 y posteriormente, la versin 4.4.9 el 7
de agosto del mismo ao.
La versin 5 de PHP fue lanzada el 13 de julio del 2004, utilizando el motor Zend Engine 2.0 que entre
otras cosas incluye:
Mejor soporte para la programacin orientada a objetos.

Mejoras en el rendimiento.
Mejor soporte para MySQL.
Mejor soporte a XML.
Soporte nativo para SQLite.
Soporte integrado para SOAP.
Iteradores de datos.
Manejo de excepciones.
Mejoras para la implementacin con Oracle.
UTILIZACIN DE PHP
PHP se puede utilizar para:
Desarrollar aplicaciones web del lado del servidor. Este es el campo de uso ms tradicional de
PHP y el que le ha significado una infinidad de seguidores y adeptos.
Realizar scripts que se ejecuten desde la lnea de comandos. Estos scripts se pueden ejecutar
sin la necesidad de un servidor web ni de un navegador.
Escribir aplicaciones de interfaz grfica. Este es el campo ms nuevo en el que PHP ha hecho
incursin, para utilizarlo es necesario incluir la extensin PHP-GTK que no viene incluida en la
distribucin principal.
3. PROCEDIMIENTO
Utilice un editor de textos, puede ser nano o gedit, para digitar el siguiente cdigo que mostrar cmo se
inserta cdigo PHP dentro de un documento web realizado con lenguaje HTML:
Ejercicio #1:
Primer script: partehtmlphp.php
<!DOCTYPE html>
<html lang="es">
<head>
<title>Scripts con (X)HTML y PHP</title>
<meta charset="utf-8" />
<meta name="viewport" content="user-scalable=no, initial-scale=1,
maximum-scale=1,
minimum-scale=1" />

<link rel="stylesheet" media="screen" href="css/htmlphp.css">
<script src="js/modernizr.custom.lis.js"></script>
</head>
<body>
<header></header>

<section id="html">
<article>
Pgina 2 de 14

<div class="text">
<p>
<!DOCTYPE html><br />
<html><br />
...
</p>
<p>Parte de HTML normal.</p>
<p>
</html>
</p>
</div>
<div class="img">
<img src="img/html5.png" alt="Logo de HTML5" />
</div>
</article>
</section>
<?php
//Parte de la pgina generada con lenguaje PHP
echo "<section id=\"php\">\n";
echo "<article>\n";
echo "<div class=\"text\">";
echo "<p><?php<br />";
echo "...<br />";
echo "Parte con PHP.</p>";
echo "<p>?></p>";
echo "</div>";
echo "<div class=\"img\">";
echo "<img src=\"img/php.png\" alt=\"Logo de HTML5\" />";
echo "</div>";
echo "\n</article>\n";
echo "</section>\n";
?>
</body>
</html>
Segundo script: htmlphp.css
*{
margin: 0;
padding: 0;
}
body {
background-color:Bisque; /* rgb(255,228,196) o #FFE4C4 */
font-size:16px;
}
header {
background-image:url(../img/brickwall.jpg);
background-repeat:repeat-x;
Pgina 3 de 14

height: 134px;
width: 100%;
}
#html {
background:Maroon;
border-radius:0.5em;
margin:1em auto;
width:42%;
}
#php {
background:OrangeRed;
border-radius:0.5em;
margin:1em auto;
width:42%;
}
#html article,
#php article {
padding:5%;
width: 86%;
}
#html article {
color:LemonChiffon; /* rgb(255,250,205) o #FFFACD */
font-family:"Palatino Linotype",Baskerville,serif;
font-weight:600;
font-size:1.2em;
}
#html article .text {
display: inline-block;
vertical-align: top;
width: 69%;
}
#html article .img {
height: auto;
width: 30%;
}
#php article {
color:Bisque; /* rgb(255,228,196) o #FFE4C4 */
font-family:Tahoma,Verdana,Helvetica,sans-serif;
font-weight:900;
font-size:1.2em;
}
#php article .text {
width: 62%;
}
Pgina 4 de 14

#php article .img {

height: auto;
width: 37%;
}
Guarde el primer archivo con
/var/www/html/guia4/ejercicio1.
el
nombre
partehtmlphp.php
en
la
carpeta
Para visualizar el resultado en el navegador, verifique que est iniciado el servicio httpd. Si no lo inici,
hgalo con el comando service httpd start desde el terminal de CentOS.
Abra un navegador web y digite en la barra de direccin la siguiente URL:
http://localhost/guia4/ejercicio1/partehtmlphp.php
Observe la pgina PHP que acaba de cargarse en el navegador y verifique que es resultado sea el
esperado.
NOTA: De ahora en adelante solamente se le proporcionar el cdigo HTML combinado con PHP que
debe digitar, para volver a cargar una pgina en el navegador ya sabe cules deben ser los pasos a
seguir. Lo mismo ser con cualquier otro archivo adicional como hoja de estilo, guin o secuencia de
comando de JavaScript, etc.
Pgina 5 de 14

Ejercicio #2:
Primer archivo: delimitadores.php
<!DOCTYPE html>
<head>
<title>Delimitadores de cdigo PHP</title>
<link rel="stylesheet" href="css/fonts.css" />
<link rel="stylesheet" href="css/tabs.css" />
<link rel="stylesheet" href="css/delimiters.css" />
<script type="text/javascript"
src="js/modernizr.custom.lis.js"></script>
</head>
<body>
<header>
<h1>Los delimitadores de cdigo PHP</h1>
</header>
<section>
<article>
<div class="contenedor-tabs">
<?php
header('Content-Type: text/html; charset=UTF-8');
echo "<span class=\"diana\" id=\"una\"></span>\n";
echo "<div class=\"tab\">\n";
echo "<a href=\"#una\" class=\"tab-e\">Estilo XML</a>\n";
echo "<div class=\"first\">\n";
echo "<p class=\"xmltag\">\n";
echo "Este texto est escrito en PHP, utilizando las etiquetas ms ";
echo "usuales y recomendadas para delimitar el cdigo PHP, que son: ";
echo "<?php ... ?>.<br>\n";
echo "</p>\n";
echo "</div>\n";
echo "</div>\n";
?>
<script language="php">
echo "<span class=\"diana\" id=\"dos\"></span>\n";
echo "<a href=\"#dos\" class=\"tab-e\">Script</a>\n";
echo "<div>\n";
echo "<p class=\"htmltag\">\n";
echo "A pesar de que estas lneas estn escritas dentro de un script PHP,
";
echo "Estn enmarcadas dentro de etiquetas HTML: ";
echo "<script> ... </script>";
echo "</p>\n";
echo "</div>\n";
echo "</div>\n";
</script>
Pgina 6 de 14

<?
echo "<span class=\"diana\" id=\"tres\"></span>\n";
echo "<a href=\"#tres\" class=\"tab-e\">Etiquetas cortas</a>";
echo "<div>\n";
echo "<p class=\"shorttag\">";
echo "Este texto tambin est escrito con PHP, utilizando las etiquetas ";
echo "cortas, <br>\n que son: <? ... ?>";
echo "</p>\n";
echo "</div>\n";
echo "</div>\n";
?>
<%
echo "<span class=\"diana\" id=\"cuatro\"></span>\n";
echo "<a href=\"#cuatro\" class=\"tab-e\">Estilo ASP</a>";
echo "<div>\n";
echo "<p class=\"asptag\">";
echo "Este texto est escrito en PHP, como los dos ejemplos anteriores. ";
echo "Sin embargo, se ha delimitado con etiquetas estilo ASP: ";
echo "<% ... %>.<br>\n";
echo "</p>\n";
echo "</div>\n";
echo "</div>\n";
%>
</div>
</article>
<article class="paragraph">
<p>
Usted est en la libertad de decidir cul de estos delimitadores
utilizar en sus scripts PHP. Sin embargo, la recomendacin es
utilizar siempre el primer tipo de delimitadores, conocido como
delimitador estilo XML, a menos que no tenga otra opcin.
</p>
</article>
</section>
</body>
</html>
Segundo script: fonts.css
@font-face {
font-family: 'GentiumRegular';
src: url('../fonts/GentiumRegular.eot');
src: url('../fonts/GentiumRegular.eot?#iefix') format('embeddedopentype'),
url('../fonts/GentiumRegular.woff') format('woff'),
url('../fonts/GentiumRegular.ttf') format('truetype'),
Pgina 7 de 14

url('../fonts/GentiumRegular.svg#MyWebfont') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LeagueGothic';
src: url('../fonts/League_Gothic.eot');
src: url('../fonts/League_Gothic.eot?#iefix') format('embeddedopentype'),
url('../fonts/League_Gothic.woff') format('woff'),
url('../fonts/League_Gothic.ttf') format('truetype'),
url('../fonts/League_Gothic.svg#LeagueGothic') format('svg');
font-style: normal;
}
Tercer script: tabs.css
*{
box-sizing: border-box;
margin: 0;
padding: 0;
}
.contenedor-tabs {
max-width: 720px;
margin: 50px auto 0;
position: relative;
width: 100%;
}
span.diana {
display: none;
position: fixed;
}
.tab div {
/* Old browsers */
background: #f989f9;
/* FF3.6+ */
background: -moz-linear-gradient(-45deg, #f989f9 0%, #f7a5ec
48%, #fd89d7 51%, #ff7cd8
100%);
/* Chrome,Safari4+ */
background: -webkit-gradient(linear, left top, right bottom, colorstop(0%,#f989f9),
color-stop(48%,#f7a5ec), color-stop(51%,#fd89d7), colorstop(100%,#ff7cd8));
/* Chrome10+,Safari5.1+ */
background: -webkit-linear-gradient(-45deg, #f989f9 0%,#f7a5ec
48%,#fd89d7 51%,#ff7cd8
Pgina 8 de 14

100%);
/* Opera 11.10+ */
background: -o-linear-gradient(-45deg, #f989f9 0%,#f7a5ec
48%,#fd89d7 51%,#ff7cd8
100%);
/* IE10+ */
background: -ms-linear-gradient(-45deg, #f989f9 0%,#f7a5ec
48%,#fd89d7 51%,#ff7cd8
100%);
/* W3C */
background: linear-gradient(135deg, #f989f9 0%,#f7a5ec
48%,#fd89d7 51%,#ff7cd8 100%);
/* IE6-9 fallback on horizontal gradient */
filter:
progid:DXImageTransform.Microsoft.gradient( startColorstr='#f98
9f9',
endColorstr='#ff7cd8',GradientType=1 );
border-radius: 0 5px 5px;
color: #fff;
font-family:'LeagueGothic',Geneva,sans-serif;
font-size: 1.1rem;
left: 0;
letter-spacing: 0.5px;
line-height: 1.2;
z-index: 5;
opacity: 0;
padding: 1rem;
position: absolute;
top: 1.2rem;
transition: all 1s ease;
width: 100%;
}
.tab div.first {
/* Esto har visible la primera pestaa (tab class=first) */
opacity: 1;
}
.tab .tab-e {
background: #d5d5d5;
border-radius: 5px 5px 0 0;
color: #628;
float: left;
font-family:'GentiumRegular',Geneva,sans-serif;
font-size: 1.3rem;
font-weight: Bold;
padding: 5px;
position: relative;
margin-right: 3px;
Pgina 9 de 14

margin-top: -1rem;
min-width: 120px;
text-decoration: none;
text-align: center;
transition: all .5s ease;
width: 22.5%;
}
a.tab-e:hover {
color: #999;
}
p img {
float: left; width: 20%;
}
.diana:target + .tab div {
/* Old browsers */
/* FF3.6+ */
48%, #fd89d7 51%, #ff7cd8
100%);
48%,#fd89d7 51%,#ff7cd8
100%);
/* Opera 11.10+ */
48%,#fd89d7 51%,#ff7cd8
100%);
/* IE10+ */
48%,#fd89d7 51%,#ff7cd8
100%);
/* W3C */
48%,#fd89d7 51%,#ff7cd8 100%);
filter:
9f9',
color: #fff;
opacity: 1;
}
Pgina 10 de 14

.diana:target + .tab .tab-e {

/* Old browsers */
/* FF3.6+ */
48%, #fd89d7 51%, #ff7cd8
100%);
48%,#fd89d7 51%,#ff7cd8
100%);
/* Opera 11.10+ */
48%,#fd89d7 51%,#ff7cd8
100%);
/* IE10+ */
48%,#fd89d7 51%,#ff7cd8
100%);
/* W3C */
48%,#fd89d7 51%,#ff7cd8 100%);
filter:
9f9',
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
color: #f5f5f5;
z-index: 2;
}
@media screen and (max-width:370px){
.contenedor-tabs {
min-width: 370px;
margin: 2.5rem 0;
width: 100%;
}
.tab div {
font-size: 1rem;
line-height: 1.1;
padding: 1rem 5px;
width: 100%;
}
Pgina 11 de 14

.tab .tab-e {
font-size: 1rem;
line-height: 1.5rem;
margin-right: 0;
padding: .5rem 0;
text-align: center;
width: 25%;
}
}
Cuarto script: delimiters.css
html, body {
height: 100%;
}
body {
/* Old browsers */
background: #ebe9f9;
/* FF3.6+ */
background: -moz-linear-gradient(-45deg, #ebe9f9 0%, #d8d0ef
50%, #cec7ec 51%, #c1bfea
100%);
background: -webkit-gradient(linear, left top, right bottom, colorstop(0%,#ebe9f9),
color-stop(50%,#d8d0ef), color-stop(51%,#cec7ec), colorstop(100%,#c1bfea));
background: -webkit-linear-gradient(-45deg, #ebe9f9 0%,#d8d0ef
50%,#cec7ec 51%,#c1bfea
100%);
/* Opera 11.10+ */
background: -o-linear-gradient(-45deg, #ebe9f9 0%,#d8d0ef
100%);
/* IE10+ */
background: -ms-linear-gradient(-45deg, #ebe9f9 0%,#d8d0ef
100%);
/* W3C */
background: linear-gradient(135deg, #ebe9f9 0%,#d8d0ef
50%,#cec7ec 51%,#c1bfea 100%);
filter:
progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe
9f9',
endColorstr='#c1bfea',GradientType=1 );
}
Pgina 12 de 14

header h1 {
color:Purple;
font-family:'GentiumRegular',Geneva,sans-serif;
font-weight:bold;
font-size:3.5em;
padding: 12px;
text-align:center;
text-shadow:0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}
.paragraph {
/* Old browsers */
/* FF3.6+ */
48%, #fd89d7 51%, #ff7cd8
100%);
48%,#fd89d7 51%,#ff7cd8
100%);
/* Opera 11.10+ */
48%,#fd89d7 51%,#ff7cd8
100%);
/* IE10+ */
48%,#fd89d7 51%,#ff7cd8
100%);
/* W3C */
48%,#fd89d7 51%,#ff7cd8 100%);
Pgina 13 de 14

filter:
9f9',
border-radius: 5px 5px;
color: #fff;
max-width: 720px;
margin: 50px auto 0;
padding: 1rem;
position: relative;
top: 106px;
width: 100%;
}
.paragraph p {
font-family:'LeagueGothic',Geneva,sans-serif;
font-size: 1.1rem;
letter-spacing: 0.5px;
line-height: 1.2;
}
NOTA: Cuando ejecute el segundo ejercicio en el navegador, notar algo raro, parte del cdigo no es
interpretado correctamente. Esto ya se coment en la Introduccin terica de la gua y en la
presentacin sobre introduccin al lenguaje PHP. Acuda a este recurso para hacer funcionar los
delimitadores de cdigo PHP que no estn operando. En las imgenes que se muestran a continuacin
notar cmo se ve la pgina antes y despus de habilitar ambos estilos de delimitadores.
IMPORTANTE:
Si al ejecutar el script en el navegador visualiza lo siguiente, significa que el archivo de configuracin del
PHP (php.ini) no tiene habilitadas las etiquetas cortas ni las etiquetas estilo ASP. Debe habilitarlas.
Pgina 14 de 14

P03 Uso de PHP

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

P03 Uso de PHP

Uploaded by

Copyright:

Available Formats

UNIVERSIDAD NACIONAL JORGE BASADRE GROHMANN | FACULTAD DE INGENIERA

ESCUELA ACADMICO PROFESIONAL DE INGENIERA EN INFORMTICA Y SISTEMAS

PRCTICA N 03: USO DE PHP

UNIVERSIDAD NACIONAL JORGE BASADRE GROHMANN | FACULTAD DE INGENIERA

Mejor soporte para la programacin orientada a objetos.

UNIVERSIDAD NACIONAL JORGE BASADRE GROHMANN | FACULTAD DE INGENIERA

UNIVERSIDAD NACIONAL JORGE BASADRE GROHMANN | FACULTAD DE INGENIERA

UNIVERSIDAD NACIONAL JORGE BASADRE GROHMANN | FACULTAD DE INGENIERA

#php article .img {

Docentes: Ing. Hugo Barraza Vizcarra | MSc. Edgar Taya Acosta

UNIVERSIDAD NACIONAL JORGE BASADRE GROHMANN | FACULTAD DE INGENIERA

UNIVERSIDAD NACIONAL JORGE BASADRE GROHMANN | FACULTAD DE INGENIERA

UNIVERSIDAD NACIONAL JORGE BASADRE GROHMANN | FACULTAD DE INGENIERA

UNIVERSIDAD NACIONAL JORGE BASADRE GROHMANN | FACULTAD DE INGENIERA

UNIVERSIDAD NACIONAL JORGE BASADRE GROHMANN | FACULTAD DE INGENIERA

UNIVERSIDAD NACIONAL JORGE BASADRE GROHMANN | FACULTAD DE INGENIERA

.diana:target + .tab .tab-e {

UNIVERSIDAD NACIONAL JORGE BASADRE GROHMANN | FACULTAD DE INGENIERA

UNIVERSIDAD NACIONAL JORGE BASADRE GROHMANN | FACULTAD DE INGENIERA

UNIVERSIDAD NACIONAL JORGE BASADRE GROHMANN | FACULTAD DE INGENIERA

Docentes: Ing. Hugo Barraza Vizcarra | MSc. Edgar Taya Acosta

You might also like