Cómo crear una página web local

Antes de comprar un dominio y montar un sitio web con un proveedor de Internet (ISP), considere usar páginas web locales para tareas web simples. Las páginas locales permiten crear aplicaciones web útiles, galerías de fotos y reproductores multimedia que corren en su navegador. Puede incluso guardarlas en favoritos para acceso rápido. También sirven para diseccionar otras webs y mejorar sus habilidades de desarrollo web.

Paso 1

Abra un editor HTML o el Bloc de notas y pegue el siguiente código en un documento nuevo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<title>Mi Página Local</title>
</head>
<body>
</body>
</html>

Esto crea un documento HTML vacío sin elementos ni controles.

Paso 2

Añada el siguiente código bajo la etiqueta <body>:

<p>Mi Canción 1</p>
<embed src="xyz.mp3" width="200" height="30" />

Esto inserta un reproductor de música en la página. Reemplace "Mi Canción" por un nombre descriptivo de un archivo de audio en su disco o en la web. Reemplace "xyz.mp3" por el nombre real o URL del audio. Ajuste alto y ancho para controlar las dimensiones del reproductor.

Paso 3

Añada este código bajo el bloque anterior:

<p></p><img src="miImagen1.jpg" />
<p></p><img src="miImagen2.jpg" />

Esto coloca dos imágenes en la página. Reemplace "miImagen1.jpg" y "miImagen2.jpg" por nombres de imágenes en su disco o URLs de imágenes en la web. Para crear una galería, añada más etiquetas <img> apuntando a otros archivos de imagen.

Paso 4

Añada este código bajo el bloque anterior:

<p>Mi Sitio 1</p>
<a href="https://www.xyz.com" />

Reemplace "Mi Sitio 1" por el nombre de uno de sus sitios favoritos. Reemplace "https://www.xyz.com" por la URL real. Cree más enlaces con el mismo formato.

Paso 5

Guarde el archivo con extensión .html. Esto crea un archivo HTML que su navegador reconocerá como página web.

Paso 6

Abra su navegador y seleccione "Archivo" > "Abrir". Aparecerá una ventana de selección de archivo.

Paso 7

Navegue al archivo HTML y selecciónelo. Pulse "Aceptar" para cerrar la ventana. La página web local se abrirá y mostrará sus encabezados, texto, reproductores de música, fotografías y enlaces. Pulse el botón de reproducción en el audio para escucharlo.

Paso 8

Guarde la página en favoritos. Acceda a ella en el futuro seleccionando el favorito.

Consejo

Este es un ejemplo simple que ilustra la técnica para añadir objetos y controles útiles a una página web local simple. Añada más reproductores para crear una lista de reproducción. Añada más etiquetas <img> para crear una fototeca. Cree una página de inicio personal añadiendo más enlaces. Personalice con otros elementos HTML, controles y hojas de estilo. Pulse "Ver" > "Código fuente" para ver el código de cualquier web. Copie el código y péguelo en un archivo HTML en blanco y guárdelo. Puede estudiar el código y aprender nuevas técnicas.