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.
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"lineas[] = $li; } public function graficar() { for ($i=0;$i".$this->texto."
"; ?>texto;?>
lineas[$i];?>
texto = $cadena; } public function graficar() { ?>Esos es todo.
Por si tienen algun problema aca les dejo los archivos para descargarlos:
Tambien les dejo una DEMO
Espero les sirva mucho.
Gracias.
Escrito por Juan Castro Lurita para TECNato
Engineer especialista en Web development, también especializado en multimedia, gráfica e impresiones, Blender 3D, Autocad 3D, etc. Actualmente vivo en Lima - Perú. Amo la informática y la Web. Twitter: @pepoflex
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).
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.
Diseño Web:
Grupo Sistemas
CMS:
WordPress
4 comentarios
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.
19 de abril del 2014
Excelente
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.
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