Manual de Flash Cs6
125
FLASH CS6
Transcript of Manual de Flash Cs6
FLASH CS6
• Las Capas
• Las capas ayudan a organizar lasilustraciones de los documentos.Los objetos de una capa puedendibujarse y editarse sin queafecten a objetos de otras capas.En las zonas del escenario en lasque no hay nada en una capa,pueden verse a través de ella lascapas situadas debajo.
Para ayudar a crear efectossofisticados, utilice capas de guíaespeciales para facilitar el dibujo y laedición y crear capas de máscara.Existen cinco tipos de capas que sepueden utilizar en Flash:
• Las capas normales.• Las capas de máscara.• Las capas de guía.• Las capas de interpolación de
movimiento.• Las capas de esqueleto
• Para organizar un documento portemas, puede utilizar escenas. Porejemplo, puede utilizar escenasdiferentes para una introducción, unmensaje de carga y los créditos.
• Aunque el uso de escenas presentaalgunas desventajas, haysituaciones en las que no sonmuchas, como cuando se creananimaciones largas. Cuando utiliceescenas, evite tener que administrarun gran número de archivos FLA, yaque cada escena está contenida enun solo archivo FLA.
Cuando se publica un archivo SWF, la línea detiempo de cada una de las escenas secombina en una sola línea de tiempo en elarchivo SWF. Una vez compilado el archivoSWF, éste se comporta como se si hubieracreado el archivo FLA con una sola escena.Esta es la causa de algunas de lasdesventajas del uso de escenas:
• Las escenas pueden crear confusión a lahora de editar documentos, especialmenteen entornos de varios autores.
• Las escenas suelen producir archivos SWFde gran tamaño.
• Las escenas obligan a los usuarios adescargar progresivamente todo el archivoSWF.
• Un fotograma representa el contenido de la película en un instante de tiempo. Por tanto, una animación no es más que una sucesión de fotogramas. Todo esto se puede controlar desde la Línea de Tiempo, pero no todos los fotogramas tienen el mismo comportamiento ni se tratan igual. Veamos qué tipos de fotogramas hay y cuáles son sus rasgos.
• Fotogramas claves: Es aquel quese define cambios de animación.
• Fotograma vacío: Es aquél queestá en blanco , no tieneninguna instrucción para laanimación.
• Fotograma intermedio: Es aquélque se encuentra entre dosfotogramas claves.
• Para insertar un fotograma nuevo, seleccione Insertar - Línea de tiempo - Fotograma (F5).
• Para crear un nuevo fotograma clave, elija Insertar - Línea de tiempo -Fotograma clave (F6), o bien, presione clic derecho en el fotograma donde desee colocar un fotograma clave y seleccione Insertar fotograma clave en el menú contextual.
• Para crear un nuevo fotograma clave vacío, elija Insertar - Línea de tiempo - Fotograma clave vacío, o bien presione clic derecho en el fotograma donde desee colocar el fotograma clave y seleccione Insertar fotograma clave vacío en el menú contextual.
1. Abrimos Adobe Flash Cs6, ahora procedemos a crear un nuevo archivo para esto damos clic en el menú Archivo Nuevo.
2. En la pestaña “General” escogemos el tipo ActionScript 3.0 y de parámetros elegimos un tamaño estándar para banner, 728 pixeles de ancho por 90 pixeles de alto, 30 cuadros(Fotogramas) por segundo, color de fondo negro y damos clic en “Ok”.
• Selecciona tu espacio de trabajo apropiado en el botón superior derecho.
• Recuerda que puedes crear tu propio espacio de trabajo
Espacio recomendado “Clásico”
3. Generamos seis capas y dando doble clic sobre el nombre de la capa podemos renombrarlas con los siguientes títulos:“Estrella1”, “Estrella2”, “Logo”,
“Café”, “Botón” y “Frase”.
4. Después agrupa las estrellasen una carpeta
5. Crea una nueva Escena por medio del menú Insertar Escena.6. Por ultimo renombra las escenas:
• PROMO • ENTRADA
7. En la escena “Promo” creamos cuatro capas con los siguientes títulos: “Botón”, “Texto2”, “Texto1”y “Fondo”.
8. Cambia el tamaño del banner por: 972 de ancho y 95 de alto
9. Importa todas las imágenes a usar para esta practica
Ovalo con relleno blanco
ActionScriptStop();
Play (); - Activa la escena.GotoAndPlay (); - Navega hacia un Frame, fotograma o escena y activa la escena.GotoAndStop (); - Navega hacia un Frame, fotograma o escena y detiene la escena.Stop (); - Detiene la escena.
1. Selecciona el botón y conviértelo en botón con el nombre de botonsiguiente
2. Presiona Ctrl + Enter Para ver resultado
1. Crear un archivo nuevo de ActionScrib 2.0 con el tamaño de:500 de ancho x 700 de alto
2. Color de fondo negro3. Fotogramas x segundo: 30
4. Crear las siguientes capas con su respectivo nombre.5. Importa las imágenes a usar a la biblioteca
Aplica mascara a la capa de fondo rosa
Clic derechoMascara
• Ahora convierte la capaFONDO ROSA y CELULAR ensímbolos de tipo clip depelícula
Recuerda que para mostrar esta venta acciones debes presionar F9 y seleccionar cada uno de los objetos convertidos en símbolos para ingresar el código siguiente.
1. Crea un nuevo documento de flash con las siguientes medidas:• ActionSript 2.0• 600 de ancho• 400 de alto
2. Crea dos capas con el nombre de Fondo y la otra con el nombreFigura.
• Para esta practica se usa una figura creada a partir de formas básicas pero toma en cuenta que para futuras aplicaciones puedes usar también imágenes.
1. Sobre tu escena 1Capa FiguraCrear un circulo y agregar un color de relleno.
2. Selección tu circulo y da clic derecho convertir en símbolo3. Agrega el nombre de “Pelota”
De tipo clip de película presionar Aceptar
4. Da doble clic al circulo para entrar a la edición del símbolo Nota que en la barra de la línea de tiempo este en Pelota
Nombre
Clip de película
Símbolo
5. Ahora en la línea de tiempo busca la capa 1 y renómbrala como: Efecto Pelota.6. Y agrega un tiempo de 30 fotogramas a la capa Efecto Pelota.
7. Selecciona el primer cuadro agrega un color diferente y después el cuadro 30 y también
Cuadro 1 Cuadro 30
Recuerda que para colorear selección el panel muestras
8. Da clic en escena 1 Esto para regresar al inicio y aplicar la acción de arrastrar y soltar.
9. Selecciona tu circulo o forma y presiona F9 para agregar el siguiente código.
• Código
On(press) Ejecuta el evento presionar botón{ Indica el bloque de inicio de código
StartDrag(this); Indica el inicio tomar objeto para poder moverlo a otro lugar
Mouse.hide(); Esta línea se encarga de ocultar el puntero del ratón cuando el objeto es tomado con clic izquierdo sostenido. Para arrastrarlo.
}Termina bloque de código
On(release, releaseOutside) Ejecuta el evento soltar botón o dejar de presionar clic izquierdo
{ Indica el bloque de inicio de códigoStopDrag(); Indica que debe detenerse y soltar el
objeto.Mouse.show(); Esta línea se encarga de mostrar el
puntero del ratón cuando el objeto es soltado.
}Termina bloque de código
1. En Flash, se ejecuta código ActionScript cuando se produce un evento: por ejemplo,
• cuando se carga un clip de película, cuando se entra en un fotograma clave de la línea de tiempo o cuando el usuario hace clic en un botón.
2. Los eventos puede accionarlos el usuario o el sistema. Los usuarios hacen clic en botones y presionan teclas; el sistema acciona eventos cuando se cumplen condiciones específicas o finalizan procesos.
• Eventos de ratón y teclado: Un usuario que interactúa con laaplicación o el archivo SWF desencadena eventos de ratón yde teclado
• Eventos de clip: Dentro de un clip de película, puedereaccionar a una serie de eventos de clip que sedesencadenan cuando el usuario entra o sale de la escena ointeractúa con la misma mediante el ratón o el teclado.
• Eventos de fotograma: En una línea de tiempo principal o declip de película, un evento de sistema tiene lugar cuando lacabeza lectora entra en un fotograma clave (esto se conocecomo evento de fotograma). Los eventos de fotograma sonútiles para desencadenar acciones en función del paso deltiempo (el avance por la línea de tiempo) o para interactuarcon elementos que actualmente están visibles en elescenario.
1. Crea un documento de flash con las siguientes características:ActionScript: 3.0Ancho: 800pxAlto: 450pxFondo: Negro
1. Ir a Archivo Importar Importar a biblioteca2. Selecciona tus imágenes que usaras Máximo 73. En la capa de fondo coloca la imagen de cortinas y adáptala al
tamaño de la escena
En esta capa va la imagen de cortinas o cualquier
imagen a usar como fondo Fondo
4. Selecciona la capa de Fotos coloca las 7 imágenes en la escena.5. Cambiales el tamaño, orientación distribuirlas en la escena de tal forma que queden como la imagen
En esta capa van las imágenes usadas en
nuestro álbum
6. Selecciona la de Fotos notaras que todas las fotos se seleccionaron.7. Después da clic derecho sobre las Fotos Selecciona la opción “Distribuir en capas”8. Notaras que se crearon nuevas capas con su respectivo nombre9. Ahora agrupa las capas en una nuevaCarpeta y colócale el nombre deFOTOS
Capas nuevas
según el numero de
Fotos
10. Selecciona todas las capas de cada FOTO, excepto la de FONDO. y arrástralas dentro de la capa creada Carpeta “FOTOS”
Fotos dentro de la Capa carpeta FOTOS
Capas seleccionadas
11 Selecciona todas las fotos con ayuda de la tecla Shift12. Da clic derecho sobre las fotos o presiona (Ctrl+B) para separar 13. A continuación notaras que las fotos se ponen como punteadas esto indica que ya están separadas
Si acercas veras que se ven unos putos blancos
14. Da clic fuera de la Escena para deseleccionar las fotos Ve a la caja de herramientas y Busca bote de tinta.15. Ir a panel de propiedades y en trazo colocar el valor de 6 color de trazo blanco Extremo: cuadrado y unión: inglete
Color de trazo Trazo
ExtremoUnion
16. Ahora sobre cada foto da clic izquierdo para colocar un borde de color blanco ya que esto simulara el marco de una foto.
Borde de Foto.
17. Da doble clic izq. a una foto para seleccionarla junto con su borde y después clic derecho “Convertir en símbolo” tipo Botón nombre: img1
Tipo: Boton
Foto seleccionada
Para esta imagen se le colocara img1 y
para las demás img2, img3, img4, img5 y así sucesivamente
Por ultimo Aceptar
18. Repite el paso 17 paras las 6 imágenes restantes solo verifica seleccionar cada imagen correctamente y de colocar el nombre: img2, img3, etc. y que sea símbolo de tipo Botón
Símbolos creados de tipo Botón
19. Selecciona cualquier imagen Dar doble clic izq. Notaras que entraras al símbolo Botón.
20. Crea los 3 estados de botón con solo presionar F6Doble clic Estados de Botón
Clic para seleccionar primer estado y presionar F6 Estados de Botón creados
21. Da clic en el Fotograma Sobre clic derecho sobre la Foto convertir en símbolo.22. Ahora asigna el Nombre de “img1-Animada” De Tipo Clip de película Aceptar
Seleccionar Fotograma
Foto seleccionada
23. A la imagen convertida en símbolo Da doble clic izq. veras que entras al símbolo de img1-Animada.
24. Selecciona la Capa 1 Fotograma 1 después clic derecho sobre Fotograma 1 crear Interpolación clásica25. Ir a Fotograma 15 presionar F6
26. Selecciona el Fotograma 15 después da un clic a la Foto activa y aumenta su tamaño dando clic izq. Sostenido. En una de las esquinas.
NOTA: EL AUMENTO DE TAMAÑO TIENE QUE SER MUY POCO.
27. Clic izq. sostenido para ampliar.
Foto ampliada.
Recuerda que para ampliar la foto de forma proporcional en ancho y alto
puedes hacer uso de la tecla SHIFT+Clic izq.
28. Para ver el resultado solo presiona Enter Veras que la foto se hace un poco grande.29. Después colócate en el Fotograma 1 panel de PropiedadesBusca la sección Interpolación y en Aceleración coloca el valor de 100
Fotograma 1Aceleracion
30. Ahora colócate en el Fotograma 15 panel de PropiedadesBusca la sección Interpolación y en Aceleración coloca el valor de 100
31. En el mismo Fotograma 15 da clic izq. presiona F9 coloca el código: stop();
Fotograma 15
Aceleración
32. Regresa a la Escena Principal presionar CTRL + ENTER para ver el resultado.
33. Repetir los Pasos 19,20,21,..,31 para el resto de las imágenes.
Clic en la Escena 2. En su caso podría ser Escena 1
Nuevo ActionScript 2.0 600px
400px
30fps
Crea documento con las siguientes características
OK
Color al gusto
1. Crea las siguientes capas.
2. Verifica que los textos y rectángulos coincidan con las capas.
3. Recuerda que los colores o rellenos textos y el relleno pueden ser modificados a tu gusto Rectángulos de texto
con relleno blancoTextos normales
4. Selecciona la herramienta texto y dibuja un rectángulo sobre el rectángulo creado anteriormente del usuario.
5. En panel de propiedades Selecciona la lista Tipo de texto y selecciona “Introducción de texto” 6. Y en Nombre del la instancia coloca “usuario”
Tipo de texto
Nombre de la instancia
Rectángulo de textoAsegúrate de que cuando dibujes los rectángulos de texto estés en la capa
de TEXTO ENTRADA
7. Repite el paso 4 Dibuja el rectángulo de texto ahora sobre el rectángulo de contraseña.
Rectángulo de texto 2
Asegúrate de que cuando dibujes los rectángulos de texto estés en la capa
de TEXTO ENTRADA
Mueve la capa TEXTO ENTRADA hasta parte
superior.
Capa movida
Rectángulo de texto 1
Resultado de los pasos anteriores.
8. Ahora crearemos el mensaje de texto ya que este validara al usuario si coloca un dato incorrecto se le mostrara “Contraseña o usuario invalido…”Para esto asegúrate de estar en la capa de “Mensaje”
Mensaje
9. Selecciona la herramienta Texto10. Traza un rectángulo grande por encima de usuario y contraseña.
11. Sin dejar el rectángulo de texto anterior Ve al panel de propiedades y Selecciona la lista Texto estático, cámbialo por Texto dinámico
Rectángulo de texto
12. Notaras que al deseleccionar el rectángulo se torna punteado, esto indica que estas bien.
13. Ahora crea y diseña un botón a tu gusto… También puedes usar una imagen como botón.
14. Ahora crearemos el botón verifica que estés en la capa Boton
Capa Boton
Selecciona la capa Botón y en esta realizaras el diseño del botón a crear
15. Ir a menú Insertar Nuevo símbolo Dar el Nombre: Boton o cualquier otro nombre.16. Tipo: Botón. Presionar Aceptar
17. Si el botón lo vas crear crea 2 capas: una para el texto y otra para el rectángulo del botón por ultimo diseña tu botón. Dándole los 3 estados.
Recuerda que tu botón puede ser de cualquier forma. Ejemplo.
18. Regresa a la Escena y selecciona el botón creado.19. Después ir al panel de propiedades Nombre de la instancia coloca el nombre “valida”
Nombre de la instancia
20. Selecciona el Rectángulo de texto 1 y en propiedades agrega el Nombre de instancia: “usuario”21. Selecciona rectángulo de texto 2 y en propiedades agrega el Nombre de instancia: “contrasenia”
Rectángulo de texto 1Rectángulo de texto 2
22. Selecciona el rectángulo de texto mensaje En propiedades asigna el Nombre de instancia: “mensaje”
23 .Ve resultado final
Rectángulo de texto mensaje
Ahora puedes cambiar algunas propiedades como: color de letra, tamaño, tipo de letra, relleno, etc.
24. Para finalizar ahora selecciona la capa “CODIGOS” 25. Selecciona el Fotograma 1, dar clic Presionar F9 y agrega el siguiente código…
Fotograma 1
Introduciendo datos incorrectos
Introduciendo datos correctos
1. Inicie el documento “BannerIntel.fla”, encontramos que existen siete capas, las capas contienen clips de película listos para animar por código.2. Antes de comenzar, es necesario asignarles un nombre de instancia para poder referenciarlos en nuestro código, comenzaremos con el Carro3D. Seleccionamos nuestra imagen del carro y nos vamos al panel de propiedades, en el recuadro donde dice nombre de instancia escribimos “Carro3D”.
3. Ahora seleccionamos nuestro logo y nos vamos al panel de propiedades, en el recuadro donde dice nombre de instancia escribimos “Logo”.
4. Después seleccionamos nuestro texto y nos vamos al panel de propiedades, en el recuadro donde dice nombre de instancia escribimos “Texto”.
5. En la capa de acciones seleccionamos nuestro fotograma ubicado en el Fotograma 1, abrimos nuestra ventana de Acciones clic en el menú “Ventana – Acciones” o presionamos “F9”.6. En la ventana de acciones lo primero que necesitamos hacer es importar nuestras clases (instrucciones) al documento y lo podemos hacer con el siguiente código.
1. Crear un nuevo documento con las siguientes propiedades• ActionScript: 2.0• Ancho: 600px• Alto: 450px• Cuadros por segundo: 30fps• Fondo: El deseado incluso puede ser una imagen de fondo
2. Crear las siguientes capas:
3. Ahora Inserta un Nuevo símbolo Tipo clip de película Nombre ecualizador Aceptar
4. Dentro del Símbolo Ecualizador Crear las 2 capas siguientes:
5. En la capa de Barras Ver dibuja unas barras verticales6. Una vez terminado las barras selecciona
la capa Barras Ver después clic derecho sobre las barras Convertir en símbolo Dar el nombre de Barras musicales Tipo Clip de película
7. Ahora distribuye todas las barras en capas. Teniendo la capa 1 activa Da clic derecho sobre las barras Distribuir en capas.8. Todas la capa resultantes animar cada 10 Fotogramas de tal forma que quedara 10, 20, 30 y 40. y aplica interpolación de moviente clásica.
1. Crea Nuevo documento y aplica los siguientes ajustes.• ActionScript: 2.0• Alto:400px• Ancho: 750px• Velocidad de fotogramas: 30fps• Fondo: El que gustes
2. Ahora crea las siguientes capas con el orden especificado.Nota: Puedes variar el orden pero toma en cuenta que los colores y el personaje este siempre visibles.
Capas creadas
3. Para esta practica se necesitaran:• Un Cursor• Fondo• Imagen a pintar • Botones para la paleta de colores
4. Para crear los botones puedes usar un botón sencillo o buscar en internet “splashes” para usarlos como paleta de colores.
5. Importa o vectoriza una paleta de colores en ILLustratorColocarla en la capa paleta.
6. Coloca sobre tu capa colores cada uno de los botones que definen el color a rellenar
7. Ahora coloca sobre la capa FONDO la imagen a usar como fondo de tu animación.
8. Busca en internet y descarga una imagen para colorear Abre Illustrator importa la imagen descargada Busca la opción en la barra de propiedades “Calco de imagen”
9. Despliega la lista y selecciona la opción “Logotipo en blanco y negro”.
10. Ahora presionar el botón “Expandir”
11. Una vez expandida la imagen da clic derecho sobre esta y elige la opción “Desagrupar” Guarda la imagen con otro Nombre y como archivo de Tipo: Adobe Illustrator (*.AI)
12. Ahora importa el archivo de Illustrator a la biblioteca de Flash Actica la primera casilla “Capa 1” para seleccionar todos los elementos de la imagen y Por ultimo “Aceptar”.
13. Busca en la biblioteca la imagen de Illustrator importada Su icono debería lucir de la siguiente forma.
14. Ahora sobre la capa “IMG VECTORIZADA”, arrastra la imagen con extensión “.ai” a la escena principal.
15. Y ahora para terminar esta sección da clic derecho sobre la imagen vectorizada y selecciona “Separar”.16. Notaras que se formaron rectángulos de diferentes tamaños esto significa que todo esta correcto.
Da clic fuera para deseleccionar todo y ahora quítale el fondo al pájaro
para que solo se muestra el contorno del mismo
Imagen sin fondo blanco
17. Ahora selecciona cada parte de la imagen y conviértela en un símbolo de Tipo botón. Ejemplo: BTNALAS
Clic derecho Convertir en
símbolo
NOMBRE: BTNALASTIPO: BOTON
ACEPTAR
NOTA: Cada elemento que conviertas en símbolo relaciónalo con la extremidad ejemplo:BTNALAS, BTBPATAIZQ, BTNPATADER, BTNOJOIZQ, BTNOJODER, BTNPICO, BTNVARITA, ETC.
18. Después selecciona cada elemento de la imagen convertida en símbolo. Ejemplo seleccionar “BTNALAS” ir a panel de propiedades y en Nombre de la instancia colocar “ALAS”, sin comillas.
TOMA EN CUENTA QUE EL SIMBOLO ESTA COMPUESTO POR BTNALASPor tanto selecciona cada parte de la imagen o extremidad y asígnale el nombre después de la palabra BTN al
nombre de la instancia dejemplo: BTNPICO, BTNPATADER, BTNPATAIZQ, ETC.
Nombre de extremidad o
parte
19. Ahora selecciona Fotograma 1 de la capa Acciones 1 Presiona F9 Escribe el siguiente código.
12. Después selecciona Fotograma 1 de la capa Acciones 2 Presiona F9 Escribe el siguiente código.
13. Selecciona el primer Botón de color Presiona F9 Escribir el siguiente código.
14. Y así selección el segundo, tercer, cuarto y quinto Botón (O los que tengas). Y aplica el mismo código
Botón
Código
Color Hexadecimal
15. Ahora selecciona cada extremidad de la imagen Presiona F9 Escribir el siguiente código.
16. Realiza el paso 15 para cada parte de la imagen solo cambia el nombre de la instancia por la parte que hayas seleccionado.
Botón BTNALAS
Nombre de la instancia: ALAS
Botón BTNCUERPO
Nombre de la instancia: CUERPO
1. Crear un nuevo documento de Flash con los siguientes características.• Ancho: 400• Alto: 550• Velocidad de Fotogramas: 30fps• Color de Fondo: Al gusto
2.Ahora crea las siguientes capas
3.Selecciona la capa “Componentes de reproductor” Realizaras el agregado de los componentes siguientes “MediaPlayBack” y “List”.
NOTA: Dichos Componentes debe ir en la capa de “Componentes de reproductor”
2. Ir a ventana componentes Media MediaPlayBack y arrastrarlo al escenario.
3. Teniendo seleccionado el componente “MediaPlayBack” ir a panel de propiedades Nombre de instancia y colocar “ControladorDeAudio”
MediaPlayBack
Nombre de Instancia
4. Dentro de propiedades ahora selecciona el botón “Panel de vinculaciones”
5. Se mostrara un Panel “Inspector de componentes”
Panel de vinculaciones
6. Asegúrate que estés en Pestaña “Parámetros”
Inspector de componente”
1. Pestaña parámetros
2. Activa ON
2. Activa MP3
MediaPlayBack
Ajusta tamaño
7. Ir a ventana componentes User Interface List y arrastrarlo al escenario.
Ajusta el tamaño de List
Componente List
8. Teniendo seleccionado List ir propiedades nombre de la instancia colocar “ListaDeCanciones”.9. Activa MultipleSeleccion.
Nombre de la instancia
10. Colócate sobre la capa Fondo aplica un fondo de imagen deseado.
FONDO
11. Ahora colocaremos unas etiquetas donde se mostrara el nombre del tema y la canción en reproducción.Para esto busca los componentes “Label” arrastra 2 Label al escenario.
Componentes “Label”
Selecciona y arrastra la “Label” al
escenario
12. Selecciona la primer Label ir a propiedades Nombre de instancia colocar “LblCantidadDeCanciones”
Label 1También verifica PARÁMETROS DE COMPONENTE y
estable los valores aquí especificados
13. Selecciona la segunda Label ir a propiedades Nombre de instancia colocar “LblTitulo”
También verifica PARÁMETROS DE COMPONENTE y
estable los valores aquí especificados
Label 2
Label 1
14. Ahora selecciona Capa “COMPONENTES DE REPRODUCTOR” Presiona F9 y agrega el siguiente código. Parte 1.
Parte 2.
15. Seleccionar el componente de Lista de canciones Presiona F9 Agrega el siguiente código.
16. Ya para casi finalizar guarda el archivo de Flash o muévelo a una carpeta con el nombre Reproductor (Nota: El nombre de la carpeta puede ser cualquiera)17. Y dentro de esta carpeta creada crea otra llamada Musica (Nota: Esta carpeta si debe llamarse “Musica” ya que esta almacenara a las canciones usadas)
18. Ahora dentro de la carpeta Música crea otra carpeta llamada “Pistas De Audio” (Nota: No cambies el nombre de esta carpeta)
19. Abre un bloc de notas Copia el siguiente código.
20. Guarda el bloc de notas dentro de la Carpeta ReproductorMusica con el nombre de “Lista de canciones.asp”.
21. LISTO HAS TERMINADO
