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

Selecciona tema:

Tutorial HTML Nivel Intermedio Capítulo 3 - ASP - 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:

<%
Dim titPagina

titPagina = "Proyecto v1"

%>

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.asp - inicio.asp
mis_amigos.asp - amigos.asp
mis_aficiones.asp - aficiones.asp
contacto.asp - contacto.asp

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.asp 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><%=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.asp">Inicio</a></li>
<li><a href="/mis_amigos.asp">Mis amig@s</a></li>
<li><a href="/mis_aficiones.asp">Mis aficiones</a></li>
<li><a href="/contacto.asp">Contáctame</a></li>
</ul
</div>
<div id="der">

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

index.asp

mis_amigos.asp

<%
Dim titPagina

titPagina = "Proyecto v1"

%>

mis_aficiones.asp

<%
Dim titPagina

titPagina = "Proyecto v1"

%>

contacto.asp

<%
Dim titPagina

titPagina = "Proyecto v1"

%>

Sólo nos resta generar las páginas inicio.asp, amigos.asp, aficiones.asp y contacto.asp 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: