iMeil - Tutorial HTML Intermedio - Producción de páginas

Selecciona tema:

Tutorial HTML Nivel Intermedio Capítulo 3 - PHP - Producción de páginas restantes

El código base que nos resultó después de aplicar CSS y establecer las variables e includes es el siguiente:

<?php
$rutaSol = "";
$titPagina = "Proyecto v1";
?>
<?php include($rutaSol.'/tma/includes/top.php'); ?>
<?php include($rutaSol.'/tma/includes/inicio.php'); ?>
<?php include($rutaSol.'/tma/includes/pie.php'); ?>

Nota que he resaltado en negritas la parte del código que va cambiar con cada página que vamos a generar.

Debemos generar cuatro páginas. A continuación presento las páginas a generar con el include respectivo a la derecha de las mismas:

index.php - inicio.php
mis_amigos.php - amigos.php
mis_aficiones.php - aficiones.php
contacto.php - contacto.php

Las páginas serán guardadas en el directorio raíz, mientras que todos los includes se guardarán en la ruta /tma/includes/, como ya he comentado anteriormente.

Por lo anterior, antes de hacer cualquier cosa, abrimos nuevamente el archivo top.php que hemos generado anteriormente, para implementar el nombre de las páginas. Los cambios a realizar se presentan resaltados en negritas en el siguiente código:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es-Mx" lang="es-Mx" /> <head>
<title><?php echo $titPagina ?></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style type="text/css">@import url(/tma/css/x.css);</style>
</head>
<body>
<div id="contenedor">
<div id="izq">
<ul class="menu">
<li><a href="/index.php">Inicio</a></li>
<li><a href="/mis_amigos.php">Mis amig@s</a></li>
<li><a href="/mis_aficiones.php">Mis aficiones</a></li>
<li><a href="/contacto.php">Contáctame</a></li>
</ul
</div>
<div id="der">

El código para cada página es el siguiente:

index.php

mis_amigos.php

<?php
$rutaSol = "";
$titPagina = "Proyecto v1";
?>
<?php include($rutaSol.'/tma/includes/top.php'); ?>
<?php include($rutaSol.'/tma/includes/amigos.php'); ?>
<?php include($rutaSol.'/tma/includes/pie.php'); ?>

mis_aficiones.php

<?php
$rutaSol = "";
$titPagina = "Proyecto v1";
?>
<?php include($rutaSol.'/tma/includes/top.php'); ?>
<?php include($rutaSol.'/tma/includes/aficiones.php'); ?>
<?php include($rutaSol.'/tma/includes/pie.php'); ?>

contacto.php

<?php
$rutaSol = "";
$titPagina = "Proyecto v1";
?>
<?php include($rutaSol.'/tma/includes/top.php'); ?>
<?php include($rutaSol.'/tma/includes/contacto.php'); ?>
<?php include($rutaSol.'/tma/includes/pie.php'); ?>

Sólo nos resta generar las páginas inicio.php, amigos.php, aficiones.php y contacto.php que deben estar ubicados en la ruta líneas arriba presentada.

Para generar estas páginas, toma como base la que hemos generado al realizar el cortado del código. Sólo guárdala con los nombres respectivos y altera el título que aparece con Tutorial HTML Intermedio con ASP y PHP para que puedas visualizar los cambios implementados.

Para conocer cómo funciona Overflow, copia uno de los párrafos y pégalo varias veces.

Hemos terminado con el Tutorial Intermedio, te toca poner de tu parte y practicar implementando imágenes y realizando alineación de las mismas, lo que se presenta en las primeras dos lecciones del tutorial...

¡No olvides tu donativo para comenzar el Tutorial HTML Avanzado!

Participa con tus comentarios o lee lo que otros opinan:

Registro al Newsletter
Mantente al día con tutoriales más cortos sobre desarrollo de sitios web. Políticas de Privacidad
Términos de uso

Síguenos en: