TECNato – TIC's Perú

Crear una Pagina Web con PHP – POO

viernes, 12 de julio del 2013 4 comentarios

webphp_progoo
En este tutorial les voy a mostrar una manera de las muchas que puedan haber para crear una Pagina web con PHP Orientado a Objetos.

Hay muchos que tiene esa duda, espero poder resolver esa duda, existen CMS como wordpress, joomla, etc. Que hace uso bastante del paradigma de la POO(Programacion Orientada a Objetos).

Bueno esta es una pagina básica la cual contiene:

– Cabecera
– Menú
– Contenido
– Pie de pagina.

Entonces manos a la obra.

Primero voy a crear mi Hoja de Estilos CSS. Lo guardare con el nombre oop-estilos.css y estara en mi carpeta css/

Creamos las propiedades CSS

body{
font-family: 'Text Me One', sans-serif;
color: #000;
}

#cabecera{
width: 100%;
height: 50px;
}

#menu{
width: 100%;
height: 50px;	
background-color:#036;
text-align: center;
}

#menu a:link{
color:#fff;
text-decoration: none;
}	

#menu a:active{
color:#ff;
text-decoration: none;
}	

#menu a:visited{
color:#fff;
text-decoration: none;
}	

#menu a:hover{
color:#fff;
text-decoration: none;
}	

#contenido{padding: 10px;}

#img_php{
float: left;
margin-top:5px;
margin-right: 10px;
}

#text_der_img_php{
margin-top:5px;
}

ul.menu_nav ,
ul.menu_nav  li,
ul.menu_nav  ul {
 list-style: none;
 text-align: center;
 margin-right: 30px;
}

ul.menu_nav  {
 position: relative;
 z-index: 597;
 float: left; 
}

ul.menu_nav  li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 text-align: center;
 zoom: 1;
 width: 180px;
}

ul.menu_nav  li.hover,
ul.menu_nav  li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
 background-color:#F90;
 float: left;
 width: 180px;
}

ul.menu_nav  ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.menu_nav  ul li {
 float: left;
 background-color: #000;
 margin-left: -40px;
}

ul.menu_nav  ul ul {
 top: 1px;
}

ul.menu_nav  li:hover > ul {
 visibility: visible;
}

ul.menu_nav  li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.menu_nav  li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}

ul.desplegable {
 font-weight: bold;
}

ul.desplegable li {
padding: 7px 10px;
border-style: solid;
border-width: 1px 1px 1px 0;
border-color: #fff #d9d9d9 #d9d9d9;
background-color: #f6f6f6;
color: #000;
}

#footer{
float: left;
width: 100%;
text-align: center;
font-weight: bold;
}

Ahora voy a crear un archivo llamado index.php, este archivo sera la pagina principal en donde graficare mi web a traves de metodos, objetos, clases, etc. de PHP.

Haciendo Referencia.

Hacemos Referencia o llamamos a nuestros archivos externos.



NOTA: Dentro de las etiquetas body vamos a ir colocando todos nuestros métodos, objetos, clases, etc. de PHP.

Creamos la estructura de nuestra web:

//Cabecera
texto = $titulo;
	}
	
	public function graficar() //Metodo
	{
		//echo"

".$this->texto."

"; ?>

texto;?>

lineas[] = $li; } public function graficar() { for ($i=0;$ilineas);$i++) { ?>

lineas[$i];?>

texto = $cadena; } public function graficar() { ?>
texto;?> cabecera = new Cabecera($texto_cabecera); $this->menu = new Menu(); $this->body = new contenido(); $this->pie = new Footer($texto_pie); } public function iniciar_contenido($texto) { $this->body->iniciar_linea($texto); } public function vista() { echo "
"; echo "
"; $this->cabecera->graficar(); echo "
"; echo ""; echo "
"; $this->body->graficar(); echo "
"; echo ""; echo "
"; } } //************************************************************************* //Ahora creamos la vista de nuestra web $pag = new Pagina("Bienvenido a mi Web","Desarrollado por Juan Castro Lurita - 2013"); $pag->iniciar_contenido( "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam aliquet lectus sit amet tortor imperdiet iaculis. Cras ornare scelerisque libero et pellentesque. Mauris malesuada interdum sapien a porta. Curabitur cursus odio et nibh pretium, quis ornare purus aliquet. Aliquam gravida sodales convallis. Fusce nec viverra quam. Proin ultrices augue massa, in accumsan dui volutpat a. Quisque fringilla augue at nisl sagittis vestibulum. Duis venenatis, mauris in pharetra aliquet, ipsum massa aliquam lectus, ut volutpat nisl arcu iaculis turpis. Ut vehicula sollicitudin diam, ut pulvinar justo ornare vitae. Sed gravida auctor faucibus. Sed vel risus ac lorem commodo tincidunt a in dui. Fusce tellus magna, adipiscing et suscipit eget, malesuada at orci. Aenean vitae dignissim velit. Sed facilisis tempor lacus ac bibendum.

Nullam et lacus lobortis, congue erat at, lacinia eros. Ut dictum sodales nisi id convallis. Fusce posuere quam eget orci interdum sagittis. Maecenas vitae elementum sem. Sed et massa sem. Phasellus ac lobortis est. Praesent sit amet euismod leo. Maecenas sagittis vel ligula vitae imperdiet. Etiam condimentum elit nibh. Aliquam urna purus, sollicitudin quis est nec, convallis aliquet leo. Cras elementum, est sed feugiat sollicitudin, lorem ante venenatis urna, quis consectetur libero odio sed libero. Mauris nisi arcu, molestie ac enim nec, sagittis scelerisque turpis. Fusce sodales, nulla a venenatis eleifend, quam velit venenatis dui, vel aliquam lorem odio a lacus. Morbi vehicula felis lectus. Mauris faucibus, ante sed cursus imperdiet, est urna suscipit libero, vitae. " ); $pag->vista(); ?>

Esos es todo.

Por si tienen algun problema aca les dejo los archivos para descargarlos:

LINK

Tambien les dejo una DEMO

Espero les sirva mucho.

Gracias.


Escrito por para TECNato

4 comentarios

  • Alejandro de QC
    30 de agosto del 2013

    Saber crear páginas webs puede ser de mucha utilidad para quienes estén actualmente desempleados teniendo en cuenta la cantidad de trabajo que poseen en la actualidad los profesionales en esta área.

  • Antonio
    19 de abril del 2014

    Excelente

  • Jhony
    20 de noviembre del 2015

    Hola estoy realizando un menu con POO en php, como aria para agreagar enlaces o link ya sea a otras paginas externas o paginas dentro de nuestro sitio web.

    Gracias.

  • Juan Castro Lurita
    23 de noviembre del 2015

    Revisa este enlace, nuestra plataforma esta presentando un error parece:
    http://www.tuwebonada.com/blog/articulos/menu-en-php-programacion-orientada-a-objetos.html

Deja tu comentario

(Iniciar sesión)

TECNato

TECNato nace de la idea de crear una comunidad tecnológica, un espacio virtual para compartir conocimientos sobre TIC’s (Tecnologías de la Información y Comunicación).

Hazte miembro

TECNato es libre y abierto a nuevos miembros que estén dispuestos a compartir sus conocimientos en TIC’s, así que no dudes en escribirnos para mas detalles.

Soporte

Diseño Web:
Grupo Sistemas
CMS:
WordPress