3-1
3-2
3-3

May 15, 2008 » 6:45 pm » Escrito por: admin » Filed under: Php, Tutorial, Web

Hola!, tanto tiempo, no ? :D

Bueno, ahora vengo a dejar un post, que espero que les ayude, a mas de uno, para hacer una pagina web basica en php+css, claro está, que esto se va a ir completando con el tiempo (Eso espero :D)...

Los siguientes codigos, los uso siempre para la maquetacion de una pagina o cuando creo una, o por lo menos la mayoria de las veces :D...

Bueno, partamos con lo bueno...

Este Script, consta esencialmente del index principal, vertebral, y txt, ya que sin esos archivos, no seria tan facil manejarlo, desde el punto de vista codigo - diseño, segun yo :D

Bueno partamos con lo principal, los primeros 5 archivos.

El primero, lo llamaremos index.php, ya que sera, pues nada menos que el principal, (Novedoso, no ?), el codigo es el que sigue:

PHP:
  1. <?php include ("txt.php")?>
  2. <?php include ("vertebra.php")?>
  3. <?php include ("header.php");?>
  4. <? include $incluir; ?>
  5. <?php include ("footer.php");?>

Como veran son puros includes, la funcion include, pues lo que hace es incluir uno o varios archivos, en uno, que cuando lo arroja el servidor, queda como uno solo, los significados de los archivos es el siguiente:

  • txt.php: Es donde pondremos los textos, palabra, et., mas comunes, por ejemplo el titulo de una pagina o el contenido del footer, pues lo veremos en funcionamiento mas adelante.
  • vertebra.php: lo llame asi, ya que no se me ocurrio llamarlo de otra forma, ya que simplemente si este archivo no existe, mandaria todo al diablo, este archivo es para hacer la web modular en php, con un juguetito mas para titulos... lo veremos mas a profundidad luego.
  • header.php: Como lo dice su nombre header, o cabezera, es donde pondremos los codigos de la cabezera o parte superior de la pagina, como por ejemplo el comienzo del resultado de la pagina que arroja el servidor, como el doctype, el head y tales...
  • footer.php: Es donde ira la informacion que va al final de la pagina, derechos de autor y tales, tambien podriamos poner el codigo de Google Analytics por ejemplo.

Ahora se preguntaran que diantres sera la linea que dice "<? include $incluir; ?>" pues, es donde se mostrara el contenido de la pagina, en donde el archivo vertebra.php entra en accion, mostrando lo correspondiente a lo que se indica en ese archivo, como funciona, sale un poquitin mas abajo :D

Seguimos con txt.php :

PHP:
  1. <?php
  2. define('hola','Hola Mundo!');
  3. define('sitio_titulo','Chicoblog.net');
  4. define('sitio_slogan','Script Web Chicoblog.net Script - Por Chicoblog.');
  5. ?>

Lo que hace este codigo es, poner una palabra en un solo codigo, no falta que cuando necesitamos editar una sola palabra y esa palabra esta por todos lados, como por ejemplo el nombre de la pagina, si no se entiende mucho, les pongo un caso, una persona tiene una web super cashilupi (Buena) pero derrepente deside cambiar el nobmre de la pagina, y el nombre esta por todos lados, que hacemos ?, pues tendria que cambiar todas las palabras puestas, a menos que haga lo que estamos haciendo, que solo tendria que cambiar la palabra en el archivo txt.php, si no se entiende con ese caso, pues despues lo veran como funciona con el script completo :D

Entonces resumiendo:

En los primeros parentesis se pone el nombre de como lo vamos a llamar, si es hola, como en nuestro caso, lo llamamos de la siguiente manera "<? echo hola;?>" y esto nos imprime lo que ponemos en los segundos parentesis en nuestro caso "Hola Mundo!", el codigo define y todo lo que lo compone"define('hola','Hola Mundo!');", se puede repetir tantas veces como uno quiera, siempre y cuando se tenga nombre de los primeros parentesis distintos, o si no se tendria un error.

Ahora sigamos con los restos de los archivos!

Ahora vertebra.php :

Bueno este archivo contiene lo que se conoce mas como "Web Modular", el codigo es el siguiente:

PHP:
  1. <?
  2. switch ($_GET["paginas"]){
  3. case 'contenido1';
  4. $incluir = 'web/contenido1.php';
  5. $titulo = 'Soy el titulo de la pagina contenido1.php!';
  6. break;
  7. default:
  8. $incluir = 'web/index.php';
  9. }
  10. ?>

Bueno, si conocen lo que es una web modular, no hay para que explicarlo, pero igual hay que hacerlo :D, mostrando que nos da cada parte del codigo de arriba, no ? :)

Parte por parte la linea que dice " switch ($_GET["paginas"]){" donde dice "paginas" hace que la url quede asi "?paginas=contenido1", si se fijan en la parte negrita, se daran cuenta, lo que hace, las lineas de "case" hasta "break;" hacen lo siguiente... la linea de "case 'contenido1';" ve si existe el caso contenido1(el archivo de contenido1), si existe arroja la web que esta en la linea de " $incluir = 'web/contenido1.php';", si llegase a no existir, muetra la pagina que se especifica en default, ahora la linea de " $titulo = 'Soy el titulo de la pagina contenido1.php!';" pone el titulo de la pagina, con un codigo que lo veremos en el siguiente archivo: header.php

Ahora, ustedes se preguntaran, con que codigo muestra el contenido correspondiente, si se fijan en index.php, sale una linea que dice "<? include $incluir; ?>" pues con ese codigo se mustra lo que contiene el archivo de contenido1.php

Como explicaba mas arriba, el archivo header, es uno de los essenciales para el mostrado de la web, ya que aqui pondremos la informacion de la pagina... en nuestro caso la dejaremos asi...

PHP:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title><? echo sitio_titulo;?><?echo $titulo?><?echo " | ";?><?echo sitio_slogan?></title>
  6. </head>
  7. <body>

Como veran, en el codigo no hay nada raro, hasta que llegamos a la parte de titulo, como veran se encontraran con los codigos que pusimos en txt.php y vertebra.php,"sitio_titulo" nos imprimira "Chicoblog.net" "$titulo?" nos imprimira el titulo correspondiente puesto para cada caso o "case" de vertebra.php, y al finalmente "sitio_slogan" nos imprime lo correspondiente, a "sitio_slogan" en vertebra.php (Por lo anteriormente explicado es obvio :B)

Ahora con el ultimo archivo, pero no menos importante footer.php, pues en este archivo deberiamos de cerrar las etiquetas head y body que abrimos en header.php, y tambien le podemos poner alguna que otra cosa... como los archivos que solemos poner al final de una web, no ?

algo asi como:

HTML:
  1. </body>
  2. </html>

Ahora, si todo lo que explique, no me entendieron nada, aqui estan los archivos explicados (O mejor dicho intento de explicacion xD), listo para descargar, basta con que veas el index.php y veras lo visual que se mustra y si revisan el codigo se entenderan solos sin la explicacion endemoniada mia :D

Tutorial 1 PHP, Archivos esenciales

Ahora, una cosa que cabe mensionar, que algun dia se vendra la parte 2, donde podremos enchular la pagina y agregarles varias cosas mas, si que ojala esten atentos!

Saludos!

PD: Gracias Rodrigo, por hacerme ver el problema deque faltaba el contenido de la carpeta web y la misma carpeta.


  3 Respuestas!, Vamos bien! en “[PHP]Codigo y archivos esenciales para mi en una web - Parte 1”

  1. #1 » rodrigo Opina:

    La explicacion esta buena…
    pero el codigo para descargar, no funciona :(
    ya la corregui y me la debes pedir por msn

    saludos

  2. #2 » Lucas Opina:

    Voy a tomar Maty :)

  Trackbacks/Pings:

  1. Ping » Chicoblog » Uff…




Dejar un Comentario.