Construir una gramola en HTML.

1 Parte

01

MP3

Formato de archivo de
sonido que tiene una alta calidad y un tamao
muy reducido. Para reproducirlo es necesario
utilizar un ordenador,
aunque ltimamente han
aparecido unos aparatos
similares a los Walkman, que son capaces
de reproducir MP3.
El truco de este formato
radica en la compresin
de datos,que reduce el
espacio necesario para
almacenar la informacin sonora. Adems, se
utilizan tcnicas muy
complejas para eliminar
algunos sonidos no perceptibles por el odo humano (por ejemplo cambios bruscos de
volumen o tono).
02

Archivo Wav

Cuando almacenamos el
sonido en formato digital, se puede hacer de
diversas formas. Segn
el del nmero de muestras que tomemos por
segundo del sonido analgico, el sonido digital
tendr una mayor o menor calidad.
El formato Wav, permite almacenar sonido
con una clidad muy
elevada, aunque lo hace
a costa de ocupar un
gran espacio en el disco. Este formato es el
utilizado comunmente
por el sistema operativo Windows para almacenar sus archivos de
sonido.
03

Interfaz

En software, se denomina interfaz al programa

que sirve para comunicarse con el usuario.
Lo ms corriente es que
desde este tipo de aplicaciones sea posible
acceder a la mayor parte
de las funciones y caractersticas del producto. Este tipo de programa debe ser lo
suficientemente llamativo y lo ms sencillo de
utilizar posible, ya que
es la parte que el usuario ve en la pantalla de
su ordenador personal
cuando trabaja con la
aplicacin.

46

Reunir discos en formato MP3

Pasos previos
Transformar pistas de audio en MP3
Crear listas de MP3
Preparar las imgenes para las pginas

Qu es...?

SUMARIO
46
47
47
48
50

NDICE DEL CURSO

Construir una gramola en HTML. 1 Parte
Construir una gramola en HTML. 2 Parte

N 25
N 26

Msica personalizada
Cansado de tener que cambiar el CD de msica cada vez que quiere escuchar
un nuevo disco mientras est trabajando con el ordenador? Con nuestra
gramola habr terminado con ese problema. En dos prcticas lecciones
le enseamos cmo reunir todos sus discos en uno para disfrutarlos mejor.

Reunir discos en formato MP3

Si es un lector habitual de
Computer Hoy, conocer ya
las ventajas que el pequeo
tamao de los archivos de sonido en formato MP3 01 reporta, comparativamente hablando, con una prdida no
muy grande de calidad. La
propuesta que le hacemos
en este curso es muy til,
crear una copia de sus discos en formato MP3 y grabarlos en un CD, de forma
que pueda orlos en su ordenador sin cambiar de dis-

co y sin estropear los originales. Para llegar a este objetivo, vamos a hacer uso de
muchas y muy variadas herramientas de distinto tipo.
Por un lado, necesitaremos
un programa que permita
transformar la msica que viene en soporte CDA (en el que
est grabada la msica en los
CDs).Utilizaremos el programa que ya vimos en el nmero 16 de Computer Hoy,
"Easy CD-DA"-v .
Se trata de un sencillo programa que permite transformar directamente las pistas de sonido
de un CD en
archivos MP3
sin tener que
pasar por un
formato intermedio, como
Wav 02 Despus, necesitaremos tambin
Usando un navegador de Internet, podr
construir una
acceder a la msica que tenga en el CD.
N 25

interfaz 03 con la que acceder a las canciones de un

modo sencillo. Dado que acabamos de terminar con el
curso de HTML 04 , vamos a
utilizar este formato para crear unas pginas con las que
"navegar" por el contenido del
CD. Con el programa FrontPage que ya conocemos, no
tendremos ningn problema
para hacerlas. Si dispone de
un escner, puede incluir la
portada de sus discos en las
pginas, tal y como vamos a
hacer en nuestro ejemplo,de
forma que el resultado final
sea ms vistoso.Para los retoques que llevemos a cabo en
las imgenes,usaremos el programa Paint Shop Pro - .Si
quiere escuchar los archivos
MP3 en su ordenador,necesi

tar un programa como el

popular WinAmp- V . Por
ltimo, necesitar un programa para grabar todos estos
archivos en un CD, como
por ejemplo, el programa Nero- . Todos estos
programas , a excepcin de
FrontPage, puede conseguirlos a travs de Internet
en versiones de prueba. Si
ms adelante desea seguir
utilizndolos, tendr que pagar a sus fabricantes para adquirirlos. Para nuestra particular coleccin de discos,
hemos escogido la msica
de algunas pelculas. Seleccione los discos que quiera
incluir y dispngase a comenzar. Ms adelante veremos cmo saber cuntos discos puede incluir en un CD.

Direcciones online

v Easy CD-DA: www.poikosoft.com/cdda

Paint Shop Pro: www.jasc.com
-V WinAmp: www.winamp.com
-

Nero: www.ahead.de

Foto: Cordn Press. Montaje: Computer Hoy.

Curso

Construir una gramola en HTML. 1 Parte

Antes de empezar, es conveniente que creemos una

serie de carpetas 05 que,
luego, utilizaremos para almacenar todos los archivos
HTML, MP3 y JPG que necesitaremos para crear el CD.
La correcta organizacin de
todos estos archivos nos va
a facilitar mucho el trabajo
en el futuro.

Haga click dos veces sobre la carpeta de CD para abrirla

04

Aparecer una carpeta

en su Escritorio

Escriba "CD"
como nombre
de la carpeta y
pulse $ para
terminar

Pulse
.
y, en el men que aparece, escoja, primero,
y,
.
despus,

Pulse una vez con el botn izquierdo del ratn

sobre la carpeta que ha aparecido para seleccionarla

y, despus, pulse 2.

Escriba "imgenes" .
como nombre para la

05

carpeta y pulse $ .

ciones. Si lo desea, puede

conseguirlo a travs de Internet haciendo click sobre
el icono
.
Sin embargo en este caso
no ser necesario. Resulta
mucho ms sencillo dejar el
nombre de las pistas tal y como est, y colocarlas en una
carpeta con el nombre del
disco.

Haga click sobre

y, despus, en

,
en
y en
, con el fin
de arrancar el programa.

Haga click en para cerrar la ventana de consejos si sta ha aparecido.

co correspondiente.
El resultado final debera
ser este.

8
74

Repita ahora los puntos

a 6 tantas veces como
discos vaya a incluir en el
CD. En el punto 6 , escriba
cada vez el nombre del dis-

Transformar pistas de audio en MP3

Si ya descarg de Internet
el programa EASY CD-DA y
lo tiene instalado, siga estos
pasos para convertir a MP3
las canciones de sus CDs.
De no ser as, si tiene alguna duda sobre cmo instalar o configurar el programa, en la pgina 96 del n 16
de Computer Hoy, encontrar la informacin que necesita.

para seleccionar todas las

canciones

Ahora necesitamos entrar en la ventana de grabacin. Haga click sobre:

.

En la barra de mens, haga click sobre

Si finalmente no incluye
algn CD, borre su carpeta, o cmbiela por otro
nombre si modifica algn
disco. Al final, debera haber
una carpeta por cada disco
que incluya. Pulse
para
cerrar esta ventana.

En la primera opcin de
la ventana que ha aparecido, haga click sobre
y
seleccione una de estas tres
opciones

segn el tipo de ordenador

que tenga.

En la segunda opcin
,
seleccione un valor ms bajo, lo cual quiere decir una
mayor compresin, como
por ejemplo

Ya slo queda escojer el

lugar donde vamos a
guardar los archivos MP3 y
el nombre que tendrn.
En la parte inferior pulse

y, despus, escoja

Ha introducido el CD
que quiere convertir en
MP3 en el lector de CD? Si
no es as, hgalo ahora. Al
poco tiempo, aparecer en
la ventana principal del programa una lista con las pistas del CD

y seleccione la carpeta que

cre al principio con el
nombre de este disco.
En nuestro caso debemos
hacer click dos veces sobre
, despus, sobre
y, finalmente,
pulsar
.

Observe que no aparece

el nombre de las canN 25

Carpeta

Las carpetas son la base

del sistema de organizacin de archivos de
Windows 98. Las carpetas pueden contener archivos de cualquier tipo
u otras carpetas, que
pasan a ser denominadas subcarpetas de
aquella que las contiene.
Si usted copia, mueve o
borra una carpeta, tambin har lo mismo con
todos los elementos que
contiene. Mediante su
uso, usted puede mantener todos sus archivos
o documentos ordenados de forma que le sea
ms facil encontrar
aquello que busca.
La forma en que se presenta el contenido de
una carpeta puede variar. Usted elige si quiere ver los archivos y
carpetas como iconos o
en forma de lista.
06

Men
de contexto

Los modernos sistemas

operativos como Windows 95 o Windows 98
se basan en objetos. Esto quiere decir que todos los elementos que
manejamos son
objetos, y, como tales,
tienen su personalidad.
As, al actuar sobre un
icono en los mens, slo aparecern las opciones que tienen relacin
con un icono. Los
mens contextuales son
justamente eso, los mens que aparecen al pulsar el botn derecho sobre un icono con las
opciones que guardan
relacin con ese icono.

HTML

Proviene del ingls (Hypertext Markup Language). Es un lenguaje de

cdigos que utiliza las
pginas web de Internet.
Se compone de una serie de cdigos delimitados por los caracteres
< y > que se utilizan
para indicar las diferentes partes de una pgina
web, formato y fuentes
del texto, enlaces a otras
pginas o a imgenes y
sonidos, cdigo Java e,
incluso, formularios.

Con el puntero del ratn

situado sobre un lugar
vaco de su Escritorio, haga
click con el botn derecho
del ratn y, en el Men de
contexto 06 que aparece,
escoja la opcin
y,
.
despus,

Qu es...?

Pasos previos

Curso

47

Curso

XXXXXXXXXXXXXX
Construir
una gramola en HTML. 1 Parte

07
01

Descargar
PDA

Dentro
de la
redsignifiInternet
Las
siglas
PDA
existen
muchos
ordenacan
Personal
Digital
Asdores a(Asistente
los cualesDigital
podesistant
mos acceder
para copiar
Personal).
Algunos
de
ficheros
a nuestro ordeestos
ordenadores
que,
nador.
Esta operacin
se
por
su reducido
tamao,
denomina
descargabolde
caben
en cualquier
ficheros.
sillo,
ni siquiera tienen
La teclado.
descargaSon
se puede
un
manejarealizar
el navegados
con desde
un pequeo
ldor, que
haciendo
piz,
escribeclick
los en
texlos directamente
enlaces que repretos
sobre
senten
los archivos,
o
la
pantalla,
transformnmediante
programas
dolos
luego
el ordena-especialmente
pensados
dor
a ficheros
informpara laEstos
descarga
como
ticos.
chiquitines
aquellos
que utilizan
el
son
utilizados
sobre toprotocolo
FTP de08notas
para
do
como block
desde
ocopiar
comocosas
agenda
de telotros ordenadores.
fonos
y de direcciones.
08
02

FTP de
Puerto

Significa
File Transfer
infrarrojos
Protocol,
es decir,
Dos
ordenadores
se Protocolo de
Transferencia
pueden
conectar
a trade Ficheros.
vs
de los puertos del
Se utiliza para
ordenador
por intercammedio de
biarcable.
ficheros
con unexiste
serun
Tambin
vidor
de Internet.
Algula
posibilidad
de transnas empresas
mitir
los datos utilizan
sin la neestos servidores
para
cesidad
de un cable,
ofrecer programas
mediante
un puertograque
tuitos seales
o actualizaciones
emita
infrarrojas
de productos.
hacia
otro puerto de las
mismas caractersticas,
09 Seleccionar
que
est a una distancia
Es la accin
pormetros.
la que,
mxima
de 1,5
enfuncionamiento
un programa para
El
es el
sistema
Winigual
queoperativo
el del mando
dows,
usted escoje de
de
un televisor.
entre varios elementos
uno
o varios de ellos
03 Velocidad
24para realizar
operacin.
X /porun 24
Estoprimeros
se puedelectores
realizar
Los
de CD-ROM
distintas formas,
ya
transmitan
seadatos
con elapuntero
del
los
una velociratndey/o
dad
150mediante
Kilobytesuna
combinacin
teclas.
por
segundo. de
Esta
veloPor ejemplo,
si multiplimantiecidad
se ha ido
ne pulsada
la tecla
cando
con los
aos.`
mientras
click con
Ahora,
lashace
unidades
de
el ratn
sobre unlos
ele-da24
X transmiten
mento,
sede
aadir
tos
a uneste
ritmo
3.600 a
los que yapor
tenga
usted
Kilobytes
segundo.
seleccionados.
04

Notebook2

10 identifican
Megabytes
Se
como
La capacidadlos
de ordenaalmacenotebooks
namiento
de un ordenadores
pequeos
y transdor se mideEl en
bytes.esLa
portables.
tamao
relacinalentre
bytes,
similar
de unlos
folio
de
los kilobytes
Metamao
A-4. Ely los
peso
gabytes
a la
ronda
loses2 parecida
kilos. stos
relacin
que hay entre
tienen
prestacines
sigramos,akilogramos
y
milares
los de sobretoneladas.
kilobyte
mesa,
slo 1que
el teclaequivale
bytes,
do
es msa 1.024
reducido
y
mientras
que 1.024elmelleva
incorporado
gabytes se corresponmonitor.lleva
incorpoden con
un gigabyte.
rado
el monitor.

48

Qu es...?

10

Cmo nombre de las

canciones, vamos a
utilizar nicamente un nmero que nos indique de
qu cancin se trata, por tanto, haga click en

y borre todo excepto

11

Cuando haya terminado, pulse

para comenzar la conversin.

12

Ahora tendr que esperar un tiempo has-

ta que finalice la conversin

13

Pulse
cuando
haya terminado.
Ahora tendr que repetir
todos estos pasos para cada uno de los discos. No olvide grabarlos en sus carpetas correspondientes.
Para saber cunto espacio le queda disponible, siga las indicaciones en el recuadro de esta misma
pgina.
Pulse el icono
cuando
haya terminado con el fin
de cerrar el programa.

Crear listas de MP3

Ha instalado ya el programa WinAmp para reproducir sus archivos MP3? De no
ser as, descrguelo 07 de
Internet e instlelo, vamos a
crear con l unas listas que
nos permitirn despus escuchar un disco de forma
ininterrumpida.

so ser:
. En-

Pulse

tonces pulse

y despus
para guardar la lista.
Escoja un nombre para ella.
Por seguir una pauta, nosotros utilizaremos siempre el
nombre del disco, en este ca-

Ya ha creado la lista que,

ms adelante, nos permitir reproducir todo el
disco con un simple click
de ratn.
Para cerrar el programa

Aparecer la ventana del

editor de listas
Pulse
para seleccionar los archivos que aadir a la lista.
En

! Consejo
Computer Hoy

Cuntos discos puedo

almacenar en formato
MP3 en un CD? La respuesta a esta pregunta
depende del tamao de
los discos, de la compresin que utilice al
crear los MP3 y del tamao de las imgenes
que use para la interfaz
en HTML. Le recomendamos que el conjunto
de todos los MP3, no supere los 620 Megabytes 10 .
Para saber cunto estn
ocupando los discos
que va trasformando,
haga click sobre la carpeta que contiene todos los MP3

Arranque el programa
WinAmp. Haga click sobre el botn

siones de una misma cancin. Ponga su imaginacin

a trabajar con nuevas combinaciones. Nosotros nos limitaremos a las listas para
cada disco por separado.

la

ventana
, seleccione la carpeta donde
tiene los MP3 de un disco y
brala
.

Pulse la tecla e mientras

mantiene apretada la tecla ` . As seleccionar 09
todos los archivos
Pulse
para aadirlos a la lista.
WinAmp, haga click sobre
.

con el botn derecho

del ratn. A continuacin,
seleccione
. Compruebe
el tamao de los archhivos que lleva creados

No olvide que debe

realizar estos pasos con
cada uno de los discos que
utilice. Siguiendo este mismo procedimiento, usted
puede crear tambin listas
que permitan la ejecucin
ininterrumpida de todos los
discos, o cualquier combinacin de canciones que a
usted se le ocurra, como
por ejemplo, distintas ver-

N 25

y calcule cunto espacio le queda. Una buena estimacin es la de

1 megabyte por minuto
de grabacin. Normalmente, pueden caber
de 14 a 18 CDs, segn
su tamao.

Curso

Construir una gramola en HTML. 1 Parte

Qu es...?
11

Escner

Es un dispositivo parecido a una fotocopiadora

que copia imgenes,
grficos y fotografas.
Pero, el resultado no es
una copia en papel, sino
un fichero que se
puede tratar en un ordenador. Los escneres
pueden ser de distintos
tipos, los ms econmicos son los de mano.
Los ms sofisticados
son los escneres de
sobremesa o escneres
planos, que suelen ofrecer ms calidad.
12

Barra
de mens

Los programas de Windows tienen colocados

los comandos principales en una lnea en la
parte superior de la ventana, justo debajo del ttulo de la aplicacin.
Para acceder a cada categora o submen, debemos hacer un click,
con el botn izquierdo
del ratn, sobre una de
ellas, o bien, pulsar la
combinacin de teclas
% + tecla subrayada. Por ejemplo, para
acceder al submen Edicin, se puede pulsar la
combinacin de teclas
% ye.
13

GIF

Es la abreviatura de
Graphics Interchange
Format, en castellano,
Formato de Intercambio
Grfico. Es, junto con el
formato JPG, uno de los
formatos ms usados
debido a que se puede
incluir en las pginas
web de Internet.

En ese caso, sustituya el tamao del mayor por el del

ms pequeo, de forma que
ambos creen un cuadrado
.
Pulse
para realizar
los cambios.

La imgen ya tiene forma

de cuadrado

pecto original

Necesita reducir la opacidad de la imagen para

conseguir el efecto que deseamos. Haga click sobre

hasta que el valor se haya reducido a

.
Pulse
cuando haya
terminado.

Observe el resultado:

Para reducirla ahora al tamao que necesitamos para

la imagen de fondo, haga

Para guardar la imagen,

haga click sobre
y, despus, en
.

10

Para empezar, modificaremos el tamao de la

imagen a aquel que nos convenga. Lo primero es seleccionar una regin cuadrada
de ella, en caso de que no
hayamos ajustado bien al seleccionar la regin a escanear. Haga click sobre
y,
despus,
en
.

Observe si el tamao del

ancho o de la altura es
mayor que el otro

Introduzca el siguiente
tamao

y pulse

Seleccione la carpeta
que contendr todas
las imgenes. Haga click sobre
y busque la carpeta dentro de la
que contiene todos los archivos
.
Ahora d un nombre
al archivo, especificando que es la imagen que
se usar de fondo. Por ejemplo:
A continuacin tiene
que pulsar

y escoja el formato JPG

Esta es la imagen que utilizaremos como fondo

para la pgina en la que est la lista de las canciones de
esta pelcula.
Pero, para que se lean
bien stas, es mejor que la
volvamos un poco ms
"trasparente", de forma que
se pueda leer mejor encima
de ella.
Haga
click sobre
y, despus,
escoja la
opcin
N 25

No se preocupe, esto se
debe a que Paint Shop Pro
no la est presentando a su
tamao autntico. Para verla en su proporcin real haga click sobre
y, despus, en
.
Ya puede ver la imagen correctamente:

11
12

Parece que la imagen

es demasiado peque-

a?

click en la Barra de mens

12 sobre
y, despus,
en
.

Ya slo tenemos que

darle el tamao adecuado. Repita los pasos 4 y
5, pero escoja como tamao
para la imagen

15
No se preocupe por esa
trama de cuadrados grises
que aparecen, no estarn ah
cuando abramos la imagen
con el editor de HTML.

tendr un tamao diferente

al que necesitamos y es posible que sean necesarios algunos ajustes.

14

13

Cuando haya hecho todo

esto, pulse
para guardar la imagen.

13

Para la siguiente imagen no necesitaremos

el aspecto trasparente de sta, as que ser mejor deshacer lo hecho. Haga click
sobre
y, luego, elija
. La
imagen volver a tener el as-

16

Para guardarla, haga

click de nuevo sobre
y, a continuacin, en
. Esta vez el formato y la carpeta ya son los
correctos, y lo nico que tiene que cambiar es el nombre del archivo. Para diferenciarlo del otro, dele un
nombre:
.
Para terminar, pulse
.

17

Repita todo este proceso para cada una

de las cartulas de los CDs
que desee transformar en
MP3. En la prxima entrega
del curso, utilizaremos todas estas imgenes para darle un poco de color al interface en HTML que nos
dar acceso a los archivos
de msica.
50

50

Si va a incluir, como haremos nosotros, las imgenes

de las portadas de los CDs
en las pginas de acceso a
la msica, tendr que escanearlas 11 y adaptarlas,
despus, para su uso. Si tiene dudas sobre cmo usar
su escner, encontrar respuesta a ellas en la pgina 8
del nmero 12 de Computer
Hoy. Una vez que haya escaneado una imagen, siga estos pasos para crear los archivos necesarios.
Nosotros usaremos dos
imgenes de cada CD, una
pequea para la pgina principal y otra ms grande, que
servir de fondo en la pgina de la lista de canciones
de ese disco.
La imagen que ha escaneado

JPG

Es un formato de archivo grfico. Es la abreviatura de JPEG, que significa Joint Photographic

Expert Group.
Es muy utilizado en las
pginas web de Internet,
junto al formato GIF
14 . El formato JPG se
utiliza ms que el anterior, ya que una imagen
en este formato suele
ocupar menos espacio
en el disco duro que la
misma imagen en formato GIF.
14

Preparar las imgenes para las pginas

Curso

Construir una gramola en HTML. 2 Parte

01

El interfaz para la msica

Pagina inicial con FrontPage Express
Una pgina para cada disco
Grabar la gramola en el CD

Qu es...?

SUMARIO

HTML

Proviene del ingls

(Hypertext Markup Language). Es un lenguaje
de cdigos que utiliza
las pginas web de Internet. Se compone de
una serie de cdigos
delimitados por los caracteres < y > que
se utilizan para indicar
las diferentes partes de
una pgina web, formato y fuentes del texto,
enlaces a otras pginas
o a imgenes y sonidos, cdigo Java e, incluso, formularios.
02

NDICE DEL CURSO

Construir una gramola en HTML. 1 Parte
Construir una gramola en HTML. 2 Parte

03

44

Si no est trabajando con

un documento nuevo,
haga click en
para crear uno.

Interfaz

MP3

N 25
N 26

y por ltimo

Lo primero que vamos a

hacer es escribir el encabezado de la pgina, haga
click sobre

En software, se denomina interfaz al programa que sirve para comunicarse con el

usuario. Lo ms corriente es que desde
este tipo de aplicaciones sea posible acceder
a la mayor parte de las
funciones y caractersticas del producto. Este
tipo de programa debe
ser lo suficientemente
llamativo y lo ms sencillo de utilizar posible,
ya que es la parte que
el usuario ver en la
pantalla de su ordenador personal cuando
est trabajando con la
aplicacin.
Es un formato de archivo de sonido que tiene
una alta calidad y un tamao muy reducido.
Para reproducirlo es
necesario utilizar un ordenador, aunque ltimamente han aparecido
unos aparatos similares
a los walkman, que son
capaces de reproducir
MP3. Lo que diferencia
a este formato de otros
es la compresin de datos,que reduce el espacio necesario para almacenar la informacin
sonora. Esto permite
almacenar ms msica
en menos espacio. Adems, se utilizan tcnicas muy complejas para eliminar algunos
sonidos no perceptibles
por el odo humano
(por ejemplo cambios
bruscos de volumen o
tono).

44
44
46
48

Foto: Cordn Press. Montaje: Computer Hoy.

para que quede centrado.

Ya le habra gustado a Tony Manero, el personaje de John

Travolta en Fiebre del sabado noche, tener la tecnologa
actual para poder preparar mejor sus nmeritos con
nuestra gramola. Por fortuna, la msica la decide usted.

La interfaz para la msica

No slo para Internet es
til el cdigo HTML 01 .
Dadas sus caractersticas,
nos ser muy til para, de un
modo sencillo, construir la
Interfaz 02 que nos permita acceder a los archivos de
msica que preparamos en
la entrega pasada del curso.
Por si lo ha olvidado, se lo
recordamos. Estamos construyendo una gramola con

la que escuchar en nuestro

ordenador, desde un slo
CD, la msica de unos cuantos de nuestros discos.
Si se perdi la primera entrega del curso, no dude en
buscar el nmero pasado.
Esta segunda y ltima entrega, se divide fundamentalmente en dos partes.
En la primera de ellas,
construiremos la interfaz pa-

ra poder escuchar la msica

de una forma cmoda usando el programa FrontPage
Express. En la ltima parte,
usaremos el programa Nero
para grabar todas las carpetas que hemos preparado
con el interfaz y los archivos
MP3 03 a un CD para que de
esa manera no ocupen espacio en nuestro disco duro.
Una vez que haya terminado,
podr disfrutar de su gramola siempre que quiera.

Pgina inicial con FrontPage Express

Vamos a empezar por la
primera pgina de la interfaz,aquella a travs de la cual
podemos entrar en el resto
de pginas que contienen los
ttulos de las canciones de

cada disco. Por supuesto, son

muchas las formas en que se
puede hacer una pgina as,
nosotros crearemos una tabla con las imgenes pequeas de las cartulas que guarN 26

damos el nmero pasado. Siga estos pasos.

Haga click en la Barra de

tareas sobre
, escoja
,

Pulse $ para bajar una

linea el cursor y escriba
lo siguiente:

Esto an no se parece al
encabezado tal como lo
queremos, seleccione todo
el prrafo haciendo click sobre un extremo de l y arrastrando el puntero hasta el
otro extremo:
.
Despus haga click sobre
l con el botn derecho del
ratn y, en el Men de contexto 04 que aparece, haga
click sobre

En la ventana que se abre

a continuacin

puede cambiar la apariencia de la

fuente 05
usada para
este prrafo.
Para aumentar el tamao, haga
click en

Construir una gramola en HTML. 2 Parte

seleccione
.

despus

Cambie tambin el tipo

de letra

y haga click sobre

13

No se preocupe si la
tabla no aparece cen-

17

Ya slo nos queda

cambiar el color del
fondo a negro. Haga click sobre
y seleccione

trada,

ciones de ese disco seguida

de "/index.html", en este caso
.
Pulse
para cerrar
la ventana.

22 21
a

Repita los pasos 20 y

para cada una de
las imgenes.
Cuando haya terminado,ya
estar finlizada la pgina.
Pulse

Haga click tambin sobre

para resaltar an
ms el texto. Pulse
para terminar. El color del
texto tambin puede cambiarlo aqu, con la opcin:
pero tendr a su disposicin
menos colores que si escoje la siguiente opcin.

Se mantiene an el texto seleccionado, pero

con sus nuevos atributos?
.
De no ser as, seleccinelo de nuevo y despus haga
click en la Barra de herramientas 06 sobre

y seleccione el color

18
Cuando hayamos terminado de rellenarla, la pondremos en su sitio.
Haga click sobre la
primera celda vaca y
despus sobre

Pulse un par de veces

$ para dejar algo de
espacio entre el encabezado y la tabla

Pulse

15

La primera imagen ya
est en su celda.

An queda lo ms importante, crear los enlaces de cada una de estas

imgenes a la pgina (que
haremos en el siguiente
apartado) en la que aparece
el contenido del disco.
Haga click sobre la
imagen de un disco
y despus haga click sobre

escoja

21

En el campo

11

Seleccione el nmero
de filas y de columnas
que se correspondan con el
nmero de CDs que introduzca.
En nuestro caso

Tiene que tener en cuenta que hemos escogido un

tamao para las imgenes
pequeas que nos permite poner en la misma fila no
ms de tres imgenes para
una
resolucin
de
640x400.

Repita el paso 14 para cada una de las imgenes de

los CDs que incluye en su
gramola, el resultado final ser parecido a este

escriba el nombre de la carpeta que contiene las can-

16

Para centrar la tabla,

haga click sobre
y escoja
.
Pulse
y la tabla quedar centrada.

23

Haga click en

para cerrar este archivo.Ya

est listo para seguir con los
siguientes, que son uno por
cada disco, donde irn los
nombres de las canciones.

Men
de contexto

Los modernos sistemas

operativos como Windows 95 o Windows 98
se basan en objetos. Esto quiere decir que todos los elementos que
manejamos son
objetos, y, como tales,
tienen su personalidad.
As, al actuar sobre un
icono en los mens, slo aparecern las opciones que tienen relacin
con un icono. Los
mens contextuales son
justamente eso, los mens que aparecen al pulsar el botn derecho sobre un icono con las
opciones que guardan
relacin con ese icono.

Fuentes

Tambin se las llama tipo de letra. Es la forma

de representar los caracteres en la pantalla
de ordenador y en la impresora. Existen
muchos tipos de letras,
aunque usted posiblemente use Times News
Roman o Courier
cuando est escribiendo. Este texto, por
ejemplo, utiliza el tipo
de letra Helvetica Condensed. Dentro de las
fuentes podemos elegir
distintos tamaos y
efectos como la negrita
o la cursiva.
06

Barra de
herramientas

Las aplicaciones de
Windows bien pensadas
se distinguen de otros
programas por varios
detalles, pero uno de los
que realmente ayuda a
que sean ms cmodas
y fciles de usar es la
Barra de herramientas.
Con ella, en lugar de tener que buscar por los
mens cada uno de los
comandos que se quieren emplear, basta con
efectuar una simple pulsacin de ratn sobre el
icono correspondiente.
En los programas realmente buenos se puede
personalizar el contenido de esta barra para
que incluya las acciones
preferidas para facilitar
el trabajo al usuario.

Cambie el valor de todos estos campos a 0

12

19

20

04

05

para insertar una imgen.

Pulse en la ventana que ha
aparecido

,
poniendo el nombre de uno
de los CDs.

10

y escoja
.Ya puede
hacer click en
para
cerrar esta ventana.
Este es el resultado

para guardarla y despus

.
Guarde el archivo en la
carpeta
con
el nombre
.

14

y, escriba

Pulse
para confirmar el cambio.

Acontinuacin pulse

Qu es...?

Curso

N 26

45

Curso

XXXXXXXXXXXXXX
Construir
una gramola en HTML. 2 Parte

07
01

Links
PDA

Normalmente
les llaLas
siglas PDAsesignifima enlaces.
can
PersonalConsisten
Digital Asen lneas
de texto Digital
o imsistant
(Asistente
genes que Algunos
se encuenPersonal).
de
tran dentro
de ciertos
estos
ordenadores
que,
documentos,
generalpor
su reducido
tamao,
mente en
en cualquier
pginas web,
caben
bol- y
que permiten
acceder
sillo,
ni siquiera
tienena
otros
documentos.
un
teclado.
Son manejaEstos
enlaces
establedos
con
un pequeo
lcen que
conexiones
piz,
escribe con
los texotras
pginas en Intertos
directamente
sobre
netpantalla,
para quetransformnel navegala
dor pueda
dolos
luegovisualizarlas.
el ordenaCuando
se haceinformclick
dor
a ficheros
sobre Estos
un enlace,
el naticos.
chiquitines
vegador
abrirsobre
automson
utilizados
toticamente
la pgina
de
do
como block
de notas
a ladeque
haoinformacin
como agenda
telce referencia.
fonos
y de direcciones.
08
02

Pestaade
Puerto

Windows
emplea muinfrarrojos
chosordenadores
smbolos grficos
Dos
se
relacionados
conalos
pueden
conectar
tra-objetosdeque
envs
lospodemos
puertos del
contrar en por
una medio
oficina.de
ordenador
Algunas
un
cable.ventanas
Tambin tienen
existe
tantas
opciones,
que esla
posibilidad
de transtn separadas
mitir
los datos en
sindistinla netos apartados.
cesidad
de un cable,
Para seleccionar
el aparmediante
un puerto
que
tado buscado,
slo hace
emita
seales infrarrojas
falta pulsar
con elde
ratn
hacia
otro puerto
las
en los pequeos
cammismas
caractersticas,
pos est
de laaparte
superior
que
una distancia
de la ventana.
mxima
de 1,5 metros.
Estas
fichas son pareciEl
funcionamiento
es
das a que
las pestaas
de un
igual
el del mando
archivador
y sirven para
de
un televisor.
separar los distintos
contenidos
y opciones
03 Velocidad
24
de algunos
X /porobjetos
24 de
Windows,
presentndoLos
primeros
lectores
losCD-ROM
de una forma
basde
transmitan
tante
lgica.
los
datos
a una velocidad de 150 Kilobytes
por segundo. Esta velocidad se ha ido multiplicando con los aos.
Ahora, las unidades de
09 XArrastrar
24
transmiten los daEs laa un
accin
tos
ritmodededespla3.600
zar de un por
lugarsegundo.
a otro de
Kilobytes
la pantalla uno o varios
objetos
seleccionados.
04 Notebook2
Simplemente
que
Se
identifican hay
como
hacer click sobre
ellos
notebooks
los ordenacon el pequeos
botn del yratn
y,
dores
transmantenindolo
pulsado,
portables.
El tamao
es
moverlos
hasta
el lugar
similar
al de
un folio
de
al que queremos
llevartamao
A-4. El peso
los, soltando
all elstos
boronda
los 2 kilos.
tn. Por
ejemplo, usted
tienen
prestacines
sipuede arrastar
milares
a los decualquier
sobrearchivoslo
hasta
mesa,
quelaelpapeleteclara que
hay reducido
en el Escrido
es ms
y
10 (Pg. 48) elde
torioincorporado
lleva
Windows paraincorpoborrarlo
monitor.lleva
de sueldisco
duro.
rado
monitor.

Qu es...?

Una pgina para cada disco

Ya tenemos la pgina principal. Ahora necesitamos
una pgina para cada CD
que nos permita reproducir
cada una de las canciones de
forma individual o todo el
disco completo. El sistema
que emplearemos ser similar al que usamos para la pgina principal, una tabla en
la que introducimos cada
uno de los componentes.Para adornarla un poco, aadiremos una imagen de la cartula como fondo de la
pantalla.

y despus pulse
y
.Toda la columna

An tiene abierto el programa FrontPage? Haga

click sobre

Rellene del mismo modo

el resto de las filas con
las distintas canciones y, en
la ltima de ellas, introduzca la opcin

Ahora hay unos cuantos

retoques que la tabla necesita para dar una imagen
ptima. Para empezar los nmeros no estn correctamente alineados. Haga click
sobre una celda de la primera columna

para crear una nueva pgina.

Pulse un par de veces $

para dejar un poco de espacio. Haga click en la Barra de mens en
y despus en
.

est seleccionada.

Cree una tabla con dos

columnas y tantas filas
como canciones tenga el disco, ms una, en la que incluiremos la opcin de escuchar todas las canciones
seguidas.
Nosotros usamos para este ejemplo el disco de The
Matrix, que tiene 13 canciones, por lo tanto, la tabla
tendr

El siguiente paso es
colocar los links 07
que nos permitirn escuchar
las canciones. Seleccione el
ttulo de una cancin

Pulse
cuando termine los cambios.

11

carpeta distinta y no hay

confusin posible. Pulse
para crear el enlace.

y elija
. Ya puede
pulsar
, ahora los nmeros estn en su sitio

Una vez ms, haga click

sobre
y ahora elija
.
Toda la tabla est resaltada

Ahora incluya en la primera columna de cada fila, el nmero de la cancin,

y en la siguiente columna, el
ttulo de la misma.

para resaltar an ms el texto.Ya puede hacer click sobre cualquier lugar vaco de
la pgina para ver el resultado.

pondiente a esta cancin

.
Recuerde que cada cancin tiene como nombre el
nmero de la posicin que
ocupaba en el CD. No se preocupe si todas las canciones
de los CDs tienen los mismos nombres, cada grupo de
ellas est guardado en una

Pulse de nuevo
y
escoja
esta
vez
. En la
ventana que aparece haga
click sobre

En el apartado
,
modifique los valores para que sean estos

sobre
para cambiar el tipo de letra
utilizado y escoja
.
Por ltimo pulse

y pulse

12

Ahora, sustituya el
contenido del campo
por el
nombre del archivo corres-

13

Repita el paso 12 para

cada una de las canciones, cambiando el nmero del archivo

14

En la ltima lnea
.
cree el enlace al ar-

chivo
que es en el que guardamos
la lista de las canciones.

Pulse
para centrar la tabla.

10

Con la tabla an seleccionada, haga click

46

N 26

Curso

Construir una gramola en HTML. 2 Parte

Qu es...?
10

Escritorio

Es la superficie principal
de trabajo de Windows
95 y de Windows 98.
En esta superficie podemos dejar todo tipo de
ficheros y aplicaciones
para que estn accesibles en cualquier momento. En el Escritorio
encontraremos iconos
importantes como el de
Mi PC, la Papelera de reciclaje o la Bandeja de
entrada. Podemos personalizarlo a nuestro
gusto, con diferentes
fondos, tipos y tamaos
de letras o colores en
los mens.
11

Grabadora
de CDs

Las unidades normales

de CD-ROM slo permiten realizar la operacin
de lectura de discos.
Sin embargo, un/a Grabador/a de CDs tambin
permite la operacin de
escritura utilizando un
programa especfico.
Para escribir los datos
hay que utilizar unos
discos especiales
denominados CD-R 12

15

Ya prcticamente hemos terminado

pero el aspecto an es un
poco simple. Dejar de ser
as cuando aadamos de fondo la imagen que preparamos al principio del curso.
Haga click sobre
y
escoja
.

16

Pulse ahora

Tenga cuidado de poner

siempre los nombres correctos a cada uno de los archivos, es sencillo, pues
siempre usamos el nombre
del disco, y de guardarlos en
las carpetas correspondientes, es decir, cada archivo en
la carpeta con el nombre del
disco.
Si ha terminado, ya tiene
todos los archivos que necesita para crear el CD.

para aadir una imagen y depus , en el campo

escriba
.
Cada vez tendr que escribir el nmbre de la pelcula correspondiente. Pulse
.

17

An no se ve el resultado verdad? Necesita guardar la pgina para

que, una vez ubicado el archivo, FrontPage pueda encontrar la imagen de fondo.
Haga click sobre

y despus en

18

Guarde la pgina dentro de la carpeta

con el
nombre
y pulse
.

19

Ve ya un resultado
como este?
De no ser as, cierre el documento y vulvalo a abrir
para que FrontPage lea de
nuevo el archivo. Ahora tendr que repetir este proceso con cada uno de los CDs.

Grabar la gramola en el CD

Arranque el programa
Nero, haciendo click sobre
y despus en
y
.

abra la carpeta "cd" que contena todos los archivos

izquierda. Pulse
en
la ventana que aparece.Ya tiene seleccionados todos los
archivos que quiere grabar.

2
12

CD-R

Es un disco compacto
grabable. El aspecto de
los discos CD-R es muy
similar al de los discos
CD musicales y pueden
ser utilizados en cualquier reproductor de
CD, bien sea el del
equipo de msica o el
del ordenador.
La nica diferencia, radica en que los discos
CD-R se pueden grabar
con la msica que se
desee una sola vez y en
los discos CD tradicionales no se puede grabar. Para hacerlo, es
necesario disponer de
una unidad grabadora
de CD que normalmente se instala en un ordenador.
Tambin hay discos
CD-RW que se pueden
grabar tantas veces como se desee.

y de que el tipo de CD es:

Haga click sobre la flecha

hasta que encuentre la pestaa 08 (Pg. 46)

.
Haga click sobre ella y
compruebe que las opciones escogidas son

Haga click sobre

y despus
. Asegrese de que la unidad
Grabadora de CDs 11 contiene un CD-R 12
nuevo y pulse
.

5
4

Pulse
para escoger los archivos que necesita. En la ventana

Pulse ` y a para seleccionar todos los archivos

y carpetas y, haciendo click
sobre ellos con el botn derecho del ratn, arrstrelos
09 (Pg. 46) a la ventana de la

y despus en
. Si an
no suena la msica, puede
que no tenga asociado ningn programa para reproducir los archivos MP3.
Busque en la lista

Cuando haya terminado

la grabacin, pulse
y despus
para cerrar esas dos ventanas. Ya
puede cerrar el programa.
el programa
o
aquel que usted tenga instalado en su equipo para escuchar MP3 y haga click
despus sobre
.

N 26

48

En la ventana que aparece inicialmente, asegrese de que est activada la

opcin

Hemos llegado al final. ya

tiene su gramola grabada en
el CD y puede escucharla
cuando quiera. Cmo? Muy
sencillo. Con su navegador
de Internet favorito, abra el
archivo index.html que se
encuentra en la raz del CD.
A partir de ah, ya puede
navegar por el contenido de
la gramola. Para volver de la
pgina de un disco a la principal, basta con que use el
botn atrs que tienen todos los navegadores. Para escuchar una cancin, haga
click sobre su ttulo y, si no
se reproduce automticamente, en la ventana que
aparece, haga click sobre