Si es un lector habitual deComputer Hoy, conocerá yalas ventajas que el pequeñotamaño de los archivos de so-nido en formato MP3 re-porta,comparativamente ha-blando, con una pérdida nomuy grande de calidad. Lapropuesta que le hacemosen este curso es muy útil,crear una copia de sus dis-cos en formato MP3 y gra-barlos en un CD, de formaque pueda oírlos en su or-denador sin cambiar de dis-

co y sin estropear los origi-nales. Para llegar a este ob-jetivo, vamos a hacer uso demuchas y muy variadas he-rramientas de distinto tipo.Por un lado, necesitaremosun programa que permitatransformar la música que vie-ne en soporte CDA (en el queestá grabada la música en losCDs).Utilizaremos el progra-ma que ya vimos en el nú-mero 16 de Computer Hoy,"Easy CD-DA"-v .

Se trata de un sencillo pro-grama que per-mite transfor-mar directa-mente las pis-tas de sonidode un CD enarchivos MP3sin tener quepasar por unformato inter-medio, comoWav Des-pués,necesita-

remos tambiénconstruir una

interfaz con la que acce-der a las canciones de unmodo sencillo.Dado que aca-bamos de terminar con elcurso de HTML , vamos autilizar este formato para cre-ar unas páginas con las que"navegar" por el contenido delCD. Con el programa Front-Page que ya conocemos, notendremos ningún problemapara hacerlas. Si dispone deun escáner, puede incluir laportada de sus discos en laspáginas, tal y como vamos ahacer en nuestro ejemplo,deforma que el resultado finalsea más vistoso.Para los reto-ques que llevemos a cabo enlas imágenes,usaremos el pro-grama Paint Shop Pro -« .Siquiere escuchar los archivosMP3 en su ordenador,necesi-

tará un programa como el popular WinAmp-V . Por último,necesitará un progra-ma para grabar todos estos archivos en un CD, como por ejemplo, el progra-ma Nero-� . Todos estosprogramas , a excepción deFrontPage, puede conse-guirlos a través de Interneten versiones de prueba. Simás adelante desea seguirutilizándolos, tendrá que pa-gar a sus fabricantes para ad-quirirlos. Para nuestra parti-cular colección de discos,hemos escogido la músicade algunas películas. Selec-cione los discos que quieraincluir y dispóngase a co-menzar. Más adelante vere-mos cómo saber cuántos dis-cos puede incluir en un CD.

04

03

02

01

Nº 2546

Construir una gramola en HTML. 1ª ParteCurso

Reunir discos en formato MP3 46Pasos previos 47Transformar pistas de audio en MP3 47Crear listas de MP3 48Preparar las imágenes para las páginas 50

SUMARIO

¿Qué es...?MP3

Formato de archivo desonido que tiene una al-ta calidad y un tamañomuy reducido. Para re-producirlo es necesarioutilizar un ordenador,aunque últimamente hanaparecido unos aparatossimilares a los Walk-man, que son capacesde reproducir MP3. El truco de este formatoradica en la compresiónde datos,que reduce elespacio necesario paraalmacenar la informa-ción sonora. Además, seutilizan técnicas muycomplejas para eliminaralgunos sonidos no per-ceptibles por el oído hu-mano (por ejemplo cam-bios bruscos devolumen o tono).

Archivo WavCuando almacenamos elsonido en formato digi-tal, se puede hacer dediversas formas. Segúnel del número de “mues-tras” que tomemos porsegundo del sonido ana-lógico, el sonido digitaltendrá una mayor o me-nor calidad. El formato Wav, permi-te almacenar sonidocon una cálidad muyelevada, aunque lo hacea costa de ocupar ungran espacio en el dis-co. Este formato es elutilizado comunmentepor el sistema operati-vo Windows para alma-cenar sus archivos desonido.

InterfazEn software, se denomi-na interfaz al programaque sirve para comuni-carse con el usuario. Lo más corriente es quedesde este tipo de apli-caciones sea posible acceder a la mayor partede las funciones y ca-racterísticas del produc-to. Este tipo de progra-ma debe ser losuficientemente llamati-vo y lo más sencillo deutilizar posible, ya quees la parte que el usua-rio ve en la pantalla desu ordenador personalcuando trabaja con laaplicación.

03

02

01

▼

Usando un navegador de Internet, podráacceder a la música que tenga en el CD.

Reunir discos en formato MP3

-v Easy CD-DA: www.poikosoft.com/cdda-« Paint Shop Pro:www.jasc.com-V WinAmp: www.winamp.com-� Nero: www.ahead.de

Direcciones online➜

Foto

: Cor

dón

Pres

s. M

onta

je: C

ompu

ter H

oy.

¿Cansado de tener que cambiar el CD de música cada vez que quiere escucharun nuevo disco mientras está trabajando con el ordenador? Con nuestra

“gramola” habrá terminado con ese problema. En dos prácticas lecciones le enseñamos cómo reunir todos sus discos en uno para disfrutarlos mejor.

ÍNDICE DEL CURSOConstruir una gramola en HTML. 1ª Parte Nº 25Construir una gramola en HTML. 2ª Parte Nº 26

Música personalizadaMúsica personalizadaMúsica personalizadaMúsica personalizadaMúsica personalizadaMúsica personalizadaMúsica personalizadaMúsica personalizadaMúsica personalizadaMúsica personalizadaMúsica personalizadaMúsica personalizadaMúsica personalizadaMúsica personalizada

47

Curso

Nº 25

Construir una gramola en HTML. 1ª Parte

¿Qué es...?HTML

Proviene del inglés (Hy-pertext Markup Langua-ge). Es un lenguaje decódigos que utiliza laspáginas web de Internet.Se compone de una se-rie de códigos delimita-dos por los caracteres“<” y “>” que se utilizanpara indicar las diferen-tes partes de una páginaweb, formato y fuentesdel texto, enlaces a otraspáginas o a imágenes ysonidos, código Java e,incluso, formularios.

CarpetaLas carpetas son la basedel sistema de organiza-ción de archivos deWindows 98. Las carpe-tas pueden contener ar-chivos de cualquier tipou otras carpetas, quepasan a ser denomina-das subcarpetas deaquella que las contiene.Si usted copia, mueve oborra una carpeta, tam-bién hará lo mismo contodos los elementos quecontiene. Mediante suuso, usted puede man-tener todos sus archivoso documentos ordena-dos de forma que le seamás facil encontraraquello que busca. La forma en que se pre-senta el contenido deuna carpeta puede va-riar. Usted elige si quie-re ver los archivos ycarpetas como iconos oen forma de lista.

Menúde contexto

Los modernos sistemasoperativos como Win-dows 95 o Windows 98se basan en objetos. Es-to quiere decir que to-dos los elementos quemanejamos sonobjetos, y, como tales,tienen su personalidad.Así, al actuar sobre unicono en los menús, só-lo aparecerán las opcio-nes que tienen relacióncon un icono. Losmenús contextuales sonjustamente eso, los me-nús que aparecen al pul-sar el botón derecho so-bre un icono con lasopciones que guardanrelación con ese icono.

06

05

04

▼

▲

Antes de empezar, es con-veniente que creemos unaserie de carpetas que,luego, utilizaremos para al-macenar todos los archivosHTML, MP3 y JPG que nece-sitaremos para crear el CD.La correcta organización detodos estos archivos nos vaa facilitar mucho el trabajoen el futuro.

1Con el puntero del ratónsituado sobre un lugar

vacío de su Escritorio, hagaclick con el botón derechodel ratón y, en el Menú decontexto que aparece,escoja la opción y,después, .

2Aparecerá una carpetaen su Escritorio

Escriba "CD"como nombrede la carpeta ypulse $ paraterminar

3Haga click dos veces so-bre la carpeta de CD pa-

ra abrirla

4Pulse .y, en el menú que apare-

ce, escoja, primero, y,después, .

5Pulse una vez con el bo-tón izquierdo del ratón

sobre la carpeta que ha apa-recido para seleccionarla

y, después, pulse 2.

6Escriba "imágenes" .como nombre para la

carpeta y pulse $ .

7Repita ahora los puntos4 a 6 tantas veces como

discos vaya a incluir en elCD. En el punto 6, escribacada vez el nombre del dis-

co correspondiente.El resultado final debería

ser este.

8Si finalmente no incluyealgún CD, borre su car-

peta, o cámbiela por otronombre si modifica algúndisco.Al final, debería haberuna carpeta por cada discoque incluya. Pulse paracerrar esta ventana.

06

05

Pasos previos

Si ya descargó de Internetel programa EASY CD-DA ylo tiene instalado, siga estospasos para convertir a MP3las canciones de sus CDs.

De no ser así, si tiene al-guna duda sobre cómo ins-talar o configurar el progra-ma,en la página 96 del nº 16de Computer Hoy, encon-trará la información que ne-cesita.

1Haga click sobre y, después, en ,

en y en, con el fin

de arrancar el programa.

2Haga click en para ce-rrar la ventana de conse-

jos si ésta ha aparecido.

3 ¿Ha introducido el CDque quiere convertir en

MP3 en el lector de CD? Sino es así, hágalo ahora. Alpoco tiempo, aparecerá enla ventana principal del pro-grama una lista con las pis-tas del CD

4Observe que no apareceel nombre de las can-

ciones. Si lo desea, puedeconseguirlo a través de In-ternet haciendo click sobreel icono

.Sin embargo en este caso

no será necesario. Resultamucho más sencillo dejar elnombre de las pistas tal y co-mo está, y colocarlas en unacarpeta con el nombre deldisco.

5En la barra de menús,ha-ga click sobre

y, después, escoja

para seleccionar todas lascanciones

6Ahora necesitamos en-trar en la ventana de gra-

bación. Haga click sobre:

.

7En la primera opción dela ventana que ha apare-

cido, haga click sobre yseleccione una de estas tresopciones

según el tipo de ordenadorque tenga.

8En la segunda opción,

seleccione un valor más ba-jo, lo cual quiere decir unamayor compresión, comopor ejemplo

9Ya sólo queda escojer ellugar donde vamos a

guardar los archivos MP3 yel nombre que tendrán.

En la parte inferior pulse

y seleccione la carpeta quecreó al principio con elnombre de este disco.

En nuestro caso debemoshacer click dos veces sobre

, después, sobrey, finalmente,

pulsar .

Transformar pistas de audio en MP3

Nº 2548

XXXXXXXXXXXXXX

¿Qué es...?PDA

Las siglas PDA signifi-can Personal Digital As-sistant (Asistente DigitalPersonal). Algunos deestos ordenadores que,por su reducido tamaño,caben en cualquier bol-sillo, ni siquiera tienenun teclado. Son maneja-dos con un pequeño lá-piz, que escribe los tex-tos directamente sobrela pantalla, transformán-dolos luego el ordena-dor a ficheros informá-ticos. Estos chiquitines”son utilizados sobre to-do como block de notaso como agenda de telé-fonos y de direcciones.

Puerto de infrarrojos

Dos ordenadores sepueden conectar a tra-vés de los puertos delordenador por medio deun cable. También existela posibilidad de trans-mitir los datos sin la ne-cesidad de un cable,mediante un puerto queemita señales infrarrojashacia otro puerto de lasmismas características,que esté a una distanciamáxima de 1,5 metros.El funcionamiento esigual que el del mandode un televisor.

Velocidad 24X /por 24

Los primeros lectoresde CD-ROM transmitíanlos datos a una veloci-dad de 150 Kilobytespor segundo. Esta velo-cidad se ha ido multipli-cando con los años.Ahora, las unidades de24 X transmiten los da-tos a un ritmo de 3.600Kilobytes por segundo.

Notebook2Se identifican como“notebooks” los ordena-dores pequeños y trans-portables. El tamaño essimilar al de un folio detamaño A-4. El pesoronda los 2 kilos. Éstostienen prestaciónes si-milares a los de sobre-mesa, sólo que el tecla-do es más reducido ylleva incorporado elmonitor.lleva incorpo-rado el monitor.

04

03

02

01

▼

Construir una gramola en HTML. 1ª Parte

¿Qué es...?Descargar

Dentro de la red Internetexisten muchos ordena-dores a los cuales pode-mos acceder para copiarficheros a nuestro orde-nador. Esta operación sedenomina descarga deficheros. La descarga se puederealizar desde el navega-dor, haciendo click enlos enlaces que repre-senten los archivos, omediante programas es-pecialmente pensadospara la descarga comoaquellos que utilizan elprotocolo FTP paracopiar cosas desdeotros ordenadores.

FTPSignifica “File TransferProtocol”, es decir, Pro-tocolo de Transferenciade Ficheros. Se utiliza para intercam-biar ficheros con un ser-vidor de Internet. Algu-nas empresas utilizanestos servidores paraofrecer programas gra-tuitos o actualizacionesde productos.

SeleccionarEs la acción por la que,en un programa para elsistema operativo Win-dows, usted escoje deentre varios elementosuno o varios de ellos pa-ra realizar un operación.Esto se puede realizarde distintas formas, yasea con el puntero delratón y/o mediante unacombinación de teclas.Por ejemplo, si mantie-ne pulsada la tecla `mientras hace click conel ratón sobre un ele-mento, este se añadirá alos que ya tenga ustedseleccionados.

MegabytesLa capacidad de almace-namiento de un ordena-dor se mide en bytes. Larelación entre los bytes,los kilobytes y los Me-gabytes es parecida a larelación que hay entregramos, kilogramos ytoneladas. 1 kilobyteequivale a 1.024 bytes,mientras que 1.024 me-gabytes se correspon-den con un gigabyte.

10

09

08

08

07

▼

Curso

10 Cómo nombre de lascanciones, vamos a

utilizar únicamente un nú-mero que nos indique dequé canción se trata,por tan-to, haga click en

y borre todo excepto .

11Cuando haya termina-do,pulse pa-

ra comenzar la conversión.

12 Ahora tendrá que es-perar un tiempo has-

ta que finalice la conversión

13 Pulse cuandohaya terminado.

Ahora tendrá que repetirtodos estos pasos para ca-da uno de los discos. No ol-vide grabarlos en sus car-petas correspondientes.

Para saber cuánto espa-cio le queda disponible, si-ga las indicaciones en el re-cuadro de esta mismapágina.

Pulse el icono cuandohaya terminado con el finde cerrar el programa.

¿Ha instalado ya el progra-ma WinAmp para reprodu-cir sus archivos MP3? De noser así, descárguelo deInternet e instálelo, vamos acrear con él unas listas quenos permitirán después es-cuchar un disco de formaininterrumpida.

1Arranque el programaWinAmp. Haga click so-

bre el botón

2Aparecerá la ventana deleditor de listas

Pulse para seleccionar los archi-vos que añadir a la lista.

3En la ventana, se-

leccione la carpeta dondetiene los MP3 de un disco yábrala .

4Pulse la tecla e mientrasmantiene apretada la te-

cla ` .Así seleccionará todos los archivos

Pulse para añadirlos a la lista.

5Pulse

y después para guardar la lista.Escoja un nombre para ella.Por seguir una pauta, noso-tros utilizaremos siempre elnombre del disco,en este ca-

so será:. En-

tonces pulse

6Ya ha creado la lista que,más adelante, nos per-

mitirá reproducir todo eldisco con un simple clickde ratón.

Para cerrar el programa

WinAmp, haga click sobre

.

7No olvide que deberealizar estos pasos con

cada uno de los discos queutilice. Siguiendo este mis-mo procedimiento, ustedpuede crear también listasque permitan la ejecuciónininterrumpida de todos losdiscos, o cualquier combi-nación de canciones que austed se le ocurra, comopor ejemplo, distintas ver-

siones de una misma can-ción. Ponga su imaginacióna trabajar con nuevas com-binaciones. Nosotros nos li-mitaremos a las listas paracada disco por separado.

09

07

Crear listas de MP3

Consejo Computer Hoy!

¿Cuántos discos puedoalmacenar en formatoMP3 en un CD? La res-puesta a esta preguntadepende del tamaño delos discos, de la com-presión que utilice alcrear los MP3 y del ta-maño de las imágenesque use para la interfazen HTML. Le recomen-damos que el conjuntode todos los MP3,no su-pere los 620 Megaby-tes .Para saber cuánto estánocupando los discosque va trasformando,haga click sobre la car-peta que contiene to-dos los MP3

con el botón derechodel ratón. A continua-ción, seleccione

. Compruebeel tamaño de los archhi-vos que lleva creados

y calcule cuánto espa-cio le queda. Una bue-na estimación es la de1 megabyte por minutode grabación. Normal-mente, pueden caberde 14 a 18 CDs, segúnsu tamaño.

10

Nº 2550

Construir una gramola en HTML. 1ª ParteCurso

50

Si va a incluir, como hare-mos nosotros, las imágenesde las portadas de los CDsen las páginas de acceso ala música, tendrá que esca-nearlas y adaptarlas,después, para su uso. Si tie-ne dudas sobre cómo usarsu escáner, encontrará res-puesta a ellas en la página 8del número 12 de ComputerHoy. Una vez que haya esca-neado una imagen, siga es-tos pasos para crear los ar-chivos necesarios.

Nosotros usaremos dosimágenes de cada CD, unapequeña para la página prin-cipal y otra más grande, queservirá de fondo en la pági-na de la lista de cancionesde ese disco.

1La imagen que ha esca-neado

tendrá un tamaño diferenteal que necesitamos y es po-sible que sean necesarios al-gunos ajustes.

2Para empezar, modifica-remos el tamaño de la

imagen a aquel que nos con-venga. Lo primero es selec-cionar una región cuadradade ella, en caso de que nohayamos ajustado bien al se-leccionar la región a esca-near.Haga click sobre y, después, en

.

3Observe si el tamaño delancho o de la altura es

mayor que el otro

En ese caso, sustituya el ta-maño del mayor por el delmás pequeño, de forma queambos creen un cuadrado

.Pulse para realizar

los cambios.

4La imágen ya tiene formade cuadrado

Para reducirla ahora al ta-maño que necesitamos parala imagen de fondo, haga

click en la Barra de menússobre y, después,

en .

5 Introduzca el siguientetamaño

y pulse .

6Esta es la imagen que uti-lizaremos como fondo

para la página en la que es-tá la lista de las canciones deesta película.

Pero, para que se leanbien éstas, es mejor que lavolvamos un poco más"trasparente", de forma quese pueda leer mejor encimade ella.

Hagaclick so-bre y,después,escoja laopción

7Necesita reducir la opa-cidad de la imagen para

conseguir el efecto que de-seamos. Haga click sobre

hasta que el valor se haya re-ducido a .Pulse cuando hayaterminado.

8Observe el resultado:

No se preocupe por esatrama de cuadrados grisesque aparecen,no estarán ahícuando abramos la imagencon el editor de HTML.

9Para guardar la imagen,haga click sobre

y, después, en .

10 Seleccione la carpetaque contendrá todas

las imágenes. Haga click so-bre y bus-que la carpeta dentro de laque contiene todos los ar-chivos

.

11Ahora dé un nombreal archivo, especifi-

cando que es la imagen quese usará de fondo. Por ejem-plo:

12 A continuación tieneque pulsar

y escoja el formato JPG

Cuando haya hecho todoesto,pulse para guar-dar la imagen.

13 Para la siguiente ima-gen no necesitaremos

el aspecto trasparente de és-ta, así que será mejor des-hacer lo hecho. Haga clicksobre y, luego, elija

. Laimagen volverá a tener el as-

pecto original

14 Ya sólo tenemos quedarle el tamaño ade-

cuado. Repita los pasos 4 y5, pero escoja como tamañopara la imagen

15 ¿Parece que la imagenes demasiado peque-

ña?

No se preocupe, esto sedebe a que Paint Shop Prono la está presentando a sutamaño auténtico. Para ver-la en su proporción real ha-ga click sobre y, des-pués, en .

Ya puede ver la imagen co-rrectamente:

16 Para guardarla, hagaclick de nuevo sobrey, a continuación, en

. Esta vez el for-mato y la carpeta ya son loscorrectos, y lo único que tie-ne que cambiar es el nom-bre del archivo. Para dife-renciarlo del otro, dele unnombre:

.Para terminar, pulse .

17 Repita todo este pro-ceso para cada una

de las carátulas de los CDsque desee transformar enMP3. En la próxima entregadel curso, utilizaremos to-das estas imágenes para dar-le un poco de color al in-terface en HTML que nosdará acceso a los archivosde música.

13

12

11

Preparar las imágenes para las páginas¿Qué es...?Escáner

Es un dispositivo pareci-do a una fotocopiadoraque copia imágenes,gráficos y fotografías.Pero, el resultado no esuna copia en papel, sinoun fichero que sepuede tratar en un orde-nador. Los escánerespueden ser de distintostipos, los más econó-micos son los de mano.Los más sofisticadosson los escáneres desobremesa o escáneresplanos, que suelen ofre-cer más calidad.

Barrade menús

Los programas de Win-dows tienen colocadoslos comandos principa-les en una línea en laparte superior de la ven-tana, justo debajo del tí-tulo de la aplicación. Para acceder a cada ca-tegoría o submenú, de-bemos hacer un click,con el botón izquierdodel ratón, sobre una deellas, o bien, pulsar lacombinación de teclas% + ”tecla subraya-da”. Por ejemplo, paraacceder al submenú Edi-ción, se puede pulsar lacombinación de teclas% y e .

JPGEs un formato de archi-vo gráfico. Es la abrevia-tura de JPEG, que signi-fica Joint PhotographicExpert Group. Es muy utilizado en laspáginas web de Internet,junto al formato GIF

. El formato JPG seutiliza más que el ante-rior, ya que una imagenen este formato sueleocupar menos espacioen el disco duro que lamisma imagen en for-mato GIF.

GIFEs la abreviatura deGraphics InterchangeFormat, en castellano,Formato de IntercambioGráfico. Es, junto con elformato JPG, uno de losformatos más usadosdebido a que se puedeincluir en las páginasweb de Internet.

14

14

13

12

11

▼

■

Nº 2644

Construir una gramola en HTML. 2ª ParteCurso

El interfaz para la música 44Pagina inicial con FrontPage Express 44Una página para cada disco 46Grabar la gramola en el CD 48

SUMARIO

¿Qué es...?HTML

Proviene del inglés(Hypertext Markup Lan-guage). Es un lenguajede códigos que utilizalas páginas web de In-ternet. Se compone deuna serie de códigosdelimitados por los ca-racteres “<” y “>” quese utilizan para indicarlas diferentes partes deuna página web, forma-to y fuentes del texto,enlaces a otras páginaso a imágenes y soni-dos, código Java e, in-cluso, formularios.

InterfazEn software, se deno-mina interfaz al progra-ma que sirve para co-municarse con elusuario. Lo más co-rriente es que desdeeste tipo de aplicacio-nes sea posible accedera la mayor parte de lasfunciones y caracterís-ticas del producto. Estetipo de programa debeser lo suficientementellamativo y lo más sen-cillo de utilizar posible,ya que es la parte queel usuario verá en lapantalla de su ordena-dor personal cuandoesté trabajando con laaplicación.

MP3 Es un formato de archi-vo de sonido que tieneuna alta calidad y un ta-maño muy reducido.Para reproducirlo esnecesario utilizar un or-denador, aunque últi-mamente han aparecidounos aparatos similaresa los walkman, que soncapaces de reproducirMP3. Lo que diferenciaa este formato de otroses la compresión de da-tos,que reduce el espa-cio necesario para al-macenar la informaciónsonora. Esto permitealmacenar más músicaen menos espacio. Ade-más, se utilizan técni-cas muy complejas pa-ra eliminar algunossonidos no perceptiblespor el oído humano(por ejemplo cambiosbruscos de volumen otono).

03

02

01

▼

Foto

: Cor

dón

Pres

s. M

onta

je: C

ompu

ter H

oy.

Ya le habría gustado a Tony Manero, el personaje de JohnTravolta en “Fiebre del sabado noche”, tener la tecnología

actual para poder preparar mejor sus “númeritos” connuestra gramola. Por fortuna, la música la decide usted.

ÍNDICE DEL CURSOConstruir una gramola en HTML. 1ª Parte Nº 25Construir una gramola en HTML. 2ª Parte Nº 26

No sólo para Internet esútil el código HTML .

Dadas sus características,nos será muy útil para,de unmodo sencillo, construir laInterfaz que nos permi-ta acceder a los archivos demúsica que preparamos enla entrega pasada del curso.

Por si lo ha olvidado, se lorecordamos. Estamos cons-truyendo una gramola con

la que escuchar en nuestroordenador, desde un sóloCD, la música de unos cuan-tos de nuestros discos.

Si se perdió la primera en-trega del curso, no dude enbuscar el número pasado.Esta segunda y última en-trega, se divide fundamen-talmente en dos partes.

En la primera de ellas,construiremos la interfaz pa-

ra poder escuchar la músicade una forma cómoda usan-do el programa FrontPageExpress. En la última parte,usaremos el programa Neropara grabar todas las carpe-tas que hemos preparadocon el interfaz y los archivosMP3 a un CD para que deesa manera no ocupen es-pacio en nuestro disco duro.Una vez que haya terminado,podrá disfrutar de su gra-mola siempre que quiera.

0302

01

La interfaz para la música

Vamos a empezar por laprimera página de la inter-faz,aquella a través de la cualpodemos entrar en el restode páginas que contienen lostítulos de las canciones de

cada disco.Por supuesto,sonmuchas las formas en que sepuede hacer una página así,nosotros crearemos una ta-bla con las imágenes peque-ñas de las carátulas que guar-

damos el número pasado.Si-ga estos pasos.

1Haga click en la Barra detareas sobre , es-

coja ,

y por último .

2Si no está trabajando conun documento nuevo,

haga click en

para crear uno.

3Lo primero que vamos ahacer es escribir el en-

cabezado de la página, hagaclick sobre

para que quede centrado.

4Pulse $ para bajar unalinea el cursor y escriba

lo siguiente:

5Esto aún no se parece alencabezado tal como lo

queremos, seleccione todoel párrafo haciendo click so-bre un extremo de él y arras-trando el puntero hasta elotro extremo: .

Después haga click sobreél con el botón derecho delratón y, en el Menú de con-texto que aparece, hagaclick sobre

6En la ventana que se abrea continuación

puede cam-biar la apa-riencia de lafuente usada paraeste párrafo.Para aumen-tar el tama-ño, hagaclick en

05

04

Página inicial con FrontPage Express

45

Curso

Nº 26

Construir una gramola en HTML. 2ª Parte

¿Qué es...?Menúde contexto

Los modernos sistemasoperativos como Win-dows 95 o Windows 98se basan en objetos. Es-to quiere decir que to-dos los elementos quemanejamos sonobjetos, y, como tales,tienen su personalidad.Así, al actuar sobre unicono en los menús, só-lo aparecerán las opcio-nes que tienen relacióncon un icono. Losmenús contextuales sonjustamente eso, los me-nús que aparecen al pul-sar el botón derecho so-bre un icono con lasopciones que guardanrelación con ese icono.

FuentesTambién se las llama “ti-po de letra”. Es la formade representar los ca-racteres en la pantallade ordenador y en la im-presora. Existenmuchos tipos de letras,aunque usted posible-mente use “Times NewsRoman” o “Courier”cuando está escribien-do. Este texto, porejemplo, utiliza el tipode letra “Helvetica Con-densed”. Dentro de lasfuentes podemos elegirdistintos tamaños yefectos como la negritao la cursiva.

Barra deherramientas

Las aplicaciones deWindows bien pensadasse distinguen de otrosprogramas por variosdetalles, pero uno de losque realmente ayuda aque sean más cómodasy fáciles de usar es laBarra de herramientas.Con ella, en lugar de te-ner que buscar por losmenús cada uno de loscomandos que se quie-ren emplear, basta conefectuar una simple pul-sación de ratón sobre elicono correspondiente.En los programas real-mente buenos se puedepersonalizar el conteni-do de esta barra paraque incluya las accionespreferidas para facilitarel trabajo al usuario.

06

05

04

▼

▲

y seleccione después.

7Cambie también el tipode letra

a .

8Haga click también sobrepara resaltar aún

más el texto. Pulse para terminar. El color deltexto también puede cam-biarlo aquí, con la opción:

pero tendrá a su disposiciónmenos colores que si esco-je la siguiente opción.

9 ¿Se mantiene aún el tex-to seleccionado, pero

con sus nuevos atributos?.

De no ser así, seleccióne-lo de nuevo y después hagaclick en la Barra de herra-mientas sobre

y seleccione el color

Pulse para confir-mar el cambio.

10 Pulse un par de veces$ para dejar algo de

espacio entre el encabeza-do y la tabla

Pulse y escoja.

11Seleccione el númerode filas y de columnas

que se correspondan con elnúmero de CDs que intro-duzca.

En nuestro caso

Tiene que tener en cuen-ta que hemos escogido untamaño para las imágenespequeñas que nos permi-te poner en la misma fila nomás de tres imágenes parauna resolución de640x400.

12Cambie el valor de to-dos estos campos a 0

y haga click sobre .

13No se preocupe si latabla no aparece cen-

trada,

Cuando hayamos termina-do de rellenarla, la pondre-mos en su sitio.

14Haga click sobre laprimera celda vacía y

después sobre

para insertar una imágen.Pulse en la ventana que haaparecido

y, escriba,

poniendo el nombre de unode los CDs.

15 La primera imagen yaestá en su celda.

Repita el paso 14 para ca-da una de las imágenes delos CDs que incluye en sugramola,el resultado final se-rá parecido a este

16 Para centrar la tabla,haga click sobre

y escoja .Pulse

y la tabla quedará centrada.

17Ya sólo nos quedacambiar el color del

fondo a negro.Haga click so-bre y seleccione

18Acontinuación pulse

y escoja .Ya puedehacer click en paracerrar esta ventana.

Este es el resultado

19Aún queda lo más im-portante, crear los en-

laces de cada una de estasimágenes a la página (queharemos en el siguienteapartado) en la que apareceel contenido del disco.

20Haga click sobre laimagen de un disco

y después haga click sobre

21En el campo .

escriba el nombre de la car-peta que contiene las can-

ciones de ese disco seguidade "/index.html", en este ca-so .

Pulse para cerrarla ventana.

22 Repita los pasos 20 y21 para cada una de

las imágenes.Cuando haya terminado,ya

estará finálizada la página.Pulse

para guardarla y después.

Guarde el archivo en lacarpeta conel nombre

.

23Haga click en .

para cerrar este archivo.Yaestá listo para seguir con lossiguientes, que son uno porcada disco, donde irán losnombres de las canciones.

06

Nº 2646

XXXXXXXXXXXXXX

¿Qué es...?PDA

Las siglas PDA signifi-can Personal Digital As-sistant (Asistente DigitalPersonal). Algunos deestos ordenadores que,por su reducido tamaño,caben en cualquier bol-sillo, ni siquiera tienenun teclado. Son maneja-dos con un pequeño lá-piz, que escribe los tex-tos directamente sobrela pantalla, transformán-dolos luego el ordena-dor a ficheros informá-ticos. Estos chiquitines”son utilizados sobre to-do como block de notaso como agenda de telé-fonos y de direcciones.

Puerto de infrarrojos

Dos ordenadores sepueden conectar a tra-vés de los puertos delordenador por medio deun cable. También existela posibilidad de trans-mitir los datos sin la ne-cesidad de un cable,mediante un puerto queemita señales infrarrojashacia otro puerto de lasmismas características,que esté a una distanciamáxima de 1,5 metros.El funcionamiento esigual que el del mandode un televisor.

Velocidad 24X /por 24

Los primeros lectoresde CD-ROM transmitíanlos datos a una veloci-dad de 150 Kilobytespor segundo. Esta velo-cidad se ha ido multipli-cando con los años.Ahora, las unidades de24 X transmiten los da-tos a un ritmo de 3.600Kilobytes por segundo.

Notebook2Se identifican como“notebooks” los ordena-dores pequeños y trans-portables. El tamaño essimilar al de un folio detamaño A-4. El pesoronda los 2 kilos. Éstostienen prestaciónes si-milares a los de sobre-mesa, sólo que el tecla-do es más reducido ylleva incorporado elmonitor.lleva incorpo-rado el monitor.

04

03

02

01

▼

Construir una gramola en HTML. 2ª Parte

¿Qué es...?Links

Normalmente se les lla-ma enlaces. Consistenen líneas de texto o imá-genes que se encuen-tran dentro de ciertosdocumentos, general-mente en páginas web, yque permiten acceder aotros documentos. Estos enlaces estable-cen conexiones conotras páginas en Inter-net para que el navega-dor pueda visualizarlas.Cuando se hace clicksobre un enlace, el na-vegador abrirá automá-ticamente la página deinformación a la que ha-ce referencia.

PestañaWindows emplea mu-chos símbolos gráficosrelacionados con los ob-jetos que podemos en-contrar en una oficina.Algunas ventanas tienentantas opciones, que es-tán separadas en distin-tos apartados.Para seleccionar el apar-tado buscado, sólo hacefalta pulsar con el ratónen los pequeños cam-pos de la parte superiorde la ventana. Estas fichas son pareci-das a las pestañas de unarchivador y sirven paraseparar los distintoscontenidos y opcionesde algunos objetos deWindows, presentándo-los de una forma bas-tante lógica.

ArrastrarEs la acción de despla-zar de un lugar a otro dela pantalla uno o variosobjetos seleccionados.Simplemente hay quehacer click sobre elloscon el botón del ratón y,manteniéndolo pulsado,moverlos hasta el lugaral que queremos llevar-los, soltando allí el bo-tón. Por ejemplo, ustedpuede arrastar cualquierarchivo hasta la papele-ra que hay en el Escri-torio deWindows para borrarlode su disco duro.

10 (Pág. 48)

09

08

07

▼

Curso

Ya tenemos la página prin-cipal. Ahora necesitamosuna página para cada CDque nos permita reproducircada una de las canciones deforma individual o todo eldisco completo. El sistemaque emplearemos será simi-lar al que usamos para la pá-gina principal, una tabla enla que introducimos cadauno de los componentes.Pa-ra adornarla un poco, aña-diremos una imagen de la ca-rátula como fondo de lapantalla.

1¿Aún tiene abierto el pro-grama FrontPage? Haga

click sobre

para crear una nueva página.

2Pulse un par de veces $para dejar un poco de es-

pacio. Haga click en la Ba-rra de menús en y des-pués en .

3Cree una tabla con doscolumnas y tantas filas

como canciones tenga el dis-co, más una, en la que in-cluiremos la opción de es-cuchar todas las cancionesseguidas.

Nosotros usamos para es-te ejemplo el disco de “TheMatrix”, que tiene 13 can-ciones, por lo tanto, la tablatendrá

4En el apartado ,modifique los valores pa-

ra que sean estos

Pulse cuando ter-mine los cambios.

5Ahora incluya en la pri-mera columna de cada fi-

la, el número de la canción,y en la siguiente columna, eltítulo de la misma.

6Rellene del mismo modoel resto de las filas con

las distintas canciones y, enla última de ellas, introduz-ca la opción

7Ahora hay unos cuantosretoques que la tabla ne-

cesita para dar una imagenóptima.Para empezar los nú-meros no están correcta-mente alineados. Haga clicksobre una celda de la pri-mera columna

y después pulse y.Toda la co-

lumna

está seleccionada.

8Pulse de nuevo yescoja esta vez

. En laventana que aparece hagaclick sobre

y elija . Ya puedepulsar , ahora los nú-meros están en su sitio

9Una vez más, haga clicksobre y ahora elija

.Toda la tabla está resaltada

Pulse

para centrar la tabla.

10Con la tabla aún se-leccionada, haga click

sobre para cambiar el tipo de letrautilizado y escoja .

Por último pulse

para resaltar aún más el tex-to.Ya puede hacer click so-bre cualquier lugar vacío dela página para ver el resul-tado.

11 El siguiente paso escolocar los links

que nos permitirán escucharlas canciones. Seleccione eltítulo de una canción

y pulse

12Ahora, sustituya elcontenido del campo

por elnombre del archivo corres-

pondiente a esta canción.

Recuerde que cada can-ción tiene como nombre elnúmero de la posición queocupaba en el CD.No se pre-ocupe si todas las cancionesde los CDs tienen los mis-mos nombres,cada grupo deellas está guardado en una

carpeta distinta y no hayconfusión posible. Pulse

para crear el enlace.

13Repita el paso 12paracada una de las can-

ciones, cambiando el núme-ro del archivo

14 En la última línea .cree el enlace al ar-

chivo que es en el que guardamosla lista de las canciones.

07

Una página para cada disco

▲

Nº 2648

Construir una gramola en HTML. 2ª ParteCurso

¿Qué es...?Escritorio

Es la superficie principalde trabajo de Windows95 y de Windows 98. En esta superficie pode-mos dejar todo tipo deficheros y aplicacionespara que estén accesi-bles en cualquier mo-mento. En el Escritorioencontraremos iconosimportantes como el deMi PC, la Papelera de re-ciclaje o la Bandeja deentrada. Podemos per-sonalizarlo a nuestrogusto, con diferentesfondos, tipos y tamañosde letras o colores enlos menús.

Grabadorade CDs

Las unidades normalesde CD-ROM sólo permi-ten realizar la operaciónde lectura de discos. Sin embargo, un/a Gra-bador/a de CDs tambiénpermite la operación deescritura utilizando unprograma específico.Para escribir los datoshay que utilizar unosdiscos especialesdenominados CD-R

CD-REs un disco compactograbable. El aspecto delos discos CD-R es muysimilar al de los discosCD musicales y puedenser utilizados en cual-quier reproductor deCD, bien sea el delequipo de música o eldel ordenador. La única diferencia, ra-dica en que los discosCD-R se pueden grabarcon la música que sedesee una sola vez y enlos discos CD tradicio-nales no se puede gra-bar. Para hacerlo, esnecesario disponer deuna unidad grabadorade CD que normalmen-te se instala en un or-denador. También hay discosCD-RW que se puedengrabar tantas veces co-mo se desee.

12

12

11

10

▼

■

15Ya prácticamente he-mos terminado

pero el aspecto aún es unpoco simple. Dejará de serasí cuando añadamos de fon-do la imagen que prepara-mos al principio del curso.

Haga click sobre yescoja .

16 Pulse ahora .

para añadir una imagen y de-pués , en el campo es-criba .

Cada vez tendrá que es-cribir el nómbre de la pelí-cula correspondiente. Pulse

.

17Aún no se ve el resul-tado ¿verdad? Necesi-

ta guardar la página paraque, una vez ubicado el ar-chivo, FrontPage pueda en-contrar la imagen de fondo.

Haga click sobre

y después en .

18Guarde la página den-tro de la carpeta

con elnombre y pulse .

19 ¿Ve ya un resultadocomo este?

De no ser así, cierre el do-cumento y vuélvalo a abrirpara que FrontPage lea denuevo el archivo. Ahora ten-drá que repetir este proce-so con cada uno de los CDs.

Tenga cuidado de ponersiempre los nombres co-rrectos a cada uno de los ar-chivos, es sencillo, puessiempre usamos el nombredel disco, y de guardarlos enlas carpetas correspondien-tes, es decir, cada archivo enla carpeta con el nombre deldisco.

Si ha terminado, ya tienetodos los archivos que ne-cesita para crear el CD.

Hemos llegado al final. yatiene su gramola grabada enel CD y puede escucharlacuando quiera. ¿Cómo? Muysencillo. Con su navegadorde Internet favorito, abra elarchivo “index.html”que seencuentra en la raíz del CD.

A partir de ahí, ya puedenavegar por el contenido dela gramola. Para volver de lapágina de un disco a la prin-cipal, basta con que use elbotón “atrás” que tienen to-dos los navegadores.Para es-cuchar una canción, hagaclick sobre su título y, si nose reproduce automática-mente, en la ventana queaparece, haga click sobre

y después en . Si aúnno suena la música, puedeque no tenga asociado nin-gún programa para repro-ducir los archivos MP3.

Busque en la lista

el programa oaquel que usted tenga ins-talado en su equipo para es-cuchar MP3 y haga clickdespués sobre .

1Arranque el programaNero, haciendo click so-

bre y después eny .

2En la ventana que apare-ce inicialmente, asegú-

rese de que está activada laopción

y de que el tipo de CD es:

3Haga click sobre la flecha

hasta que encuentre la pes-taña .

Haga click sobre ella ycompruebe que las opcio-nes escogidas son

4Pulse para esco-ger los archivos que ne-

cesita. En la ventana

abra la carpeta "cd" que con-tenía todos los archivos

5Pulse ` y a para selec-cionar todos los archivos

y carpetas y, haciendo clicksobre ellos con el botón de-recho del ratón,arrástrelos

a la ventana de la

izquierda. Pulse enla ventana que aparece.Ya tie-ne seleccionados todos losarchivos que quiere grabar.

6Haga click sobre y después .Ase-

gúrese de que la unidadGrabadora de CDs con-tiene un CD-R nuevo y pulse .

7Cuando haya terminadola grabación, pulse

y después para ce-rrar esas dos ventanas. Yapuede cerrar el programa.

1211

09 (Pág. 46)

08 (Pág. 46)

Grabar la gramola en el CD