mailxmail - Cursos para compartir lo que sabes




Realizar páginas web con
Swishmax
Autor: HUMBERTO ORTIZ LOPEZ




                                1
mailxmail - Cursos para compartir lo que sabes

Presentación del curso
Crear una página web es realtivamente sencillo con las herramientas que
actualmente existen en el mercado. Pero, ¿sabes publicar un video para compartirlo
en la Red? ¿Te gustaría crear páginas que además sean llamativas? En este curso te
ofrecemos métodos sencillos para que sepas agregar elementos multimedia a tu
página web.




                                        2
mailxmail - Cursos para compartir lo que sabes

1. Swishmax. Introducción

Iniciamos el tema con un software llamado Swishmax que es una aplicación que se
encarga de realizar aplicaciones en Flash Placer. Estas aplicaciones son ocupadas
para la mayoría de pág. de internet en la actualidad, así como en presentaciones o
simples videos comerciales, etc.
En este caso será utilizado para realizar una página de Internet. Los pasos para
realizar esta página son los siguientes:
Una vez abierto el programa debe dar clic en el menú file, new. Así se abrirá un
nuevo proyecto.




Una vez abierto el proyecto comenzamos a utilizarlo. En este proyecto utilizamos
una serie de herramientas en las que su combinación nos ayudó a llegar al proyecto
concluido.
Las herramientas que utilizamos se encuentran en el menú insert y son las
siguientes:
Text: nos sirve para insertar texto en la pantalla
Sprite: nos permite utilizar una animación realizada anteriormente.




                                          3
mailxmail - Cursos para compartir lo que sabes




Apretando el botón text apareceré un menú donde se puede colocar lo que guste:




Para colocarle efecto ir al menú Add Effect y seleccionar el efecto que desee:




                                          4
mailxmail - Cursos para compartir lo que sabes




Después esta animación la podemos guardar como Sprite y la podemos ingresar en
otra animación como fondo o algo similar.
Es importante guardar el proyecto en formato html para que se pueda editar. Esto se
realizará únicamente exportándolo en el menú file, export, y html.




                                        5
mailxmail - Cursos para compartir lo que sabes

2. Swishmax. Paso 1

Utilizamos otra aplicación además de Swishmax que es un editor de paginas web, su
nombre es FrontPage




Para usar nuestro proyecto terminado debemos utilizar el documento html que
guardamos posteriormente, en el paso 1.
Una vez detectado el documento abrimos nuestra aplicación de FrontPage, que es
de la familia de office. Vamos al menú, abrir documento y abrimos el documento de
html que mencionamos anteriormente.




                                        6
mailxmail - Cursos para compartir lo que sabes




Una vez abierta la aplicación flash en editor de paginas webs hay que editarla
conforme a la creatividad de cada quien poniéndole títulos, dividiendo la pagina en
partes, etc.
Su manejo es sencillo y es muy similar al de Word.




                                         7
mailxmail - Cursos para compartir lo que sabes

3. Swishmax. Paso 2

Una vez terminada tu página, insertamos un video, pero ¿cómo subimos videos a
Internet? Nosotros utilizamos la página youtube.com que es un sitio donde nos
permite subir videos en línea a Internet. Se sube de la siguiente manera.
Lo primero es hacer una cuenta en esta página. Sólo hay que registrarse dando tus
datos. Ya que tienes una cuenta dentro de la página de yuotube.com debes de dar
clic en un botón que dice my account.




Después dar clic en el botón en el que se muestra upload new video




Tienes que proporcionar los datos del video y dar clic en el botón upload new video.




                                         8
mailxmail - Cursos para compartir lo que sabes




Después hay que poner la dirección del video y esperar a que la página realice su
trabajo de adjuntarlo o subirlo a la red.
Una vez tu video ha sido subido a internet ahora sólo has de meterlo en tu página.
Para esto hay que volver al editor de páginas web.
Este proceso de anexar un video ya estando en internet se hace mediante código el
cual explicaremos a continuación.
Ir a la pág. de youtube y encontrar el video mediante el nombre que le pusiste, de
ahí copiar el código que se muestra en la fig. donde dice embed :

                                         9
mailxmail - Cursos para compartir lo que sabes
ahí copiar el código que se muestra en la fig. donde dice embed :




Una vez copiado hay que ir al editor de páginas web donde entraremos al código de
la página ya hecha.




Una vez se encuentre en el código, pegue el código que copió anteriormente en el
interior del la página como se muestra en la imagen.




                                        10
mailxmail - Cursos para compartir lo que sabes




Su video ya está en la página, sólo hay que acomodarla en el lugar donde prefiera.




                                        11
mailxmail - Cursos para compartir lo que sabes




Así se verá su aplicación cuando le de vista previa:




Nuestra aplicación ya quedó culminada sólo hay que subirla a Internet.




                                          12
mailxmail - Cursos para compartir lo que sabes

4. Swishmax. Paso 3

Para subir una página a internet sólo hay que escoger una página que dé espacios en
internet gratis o de pago con extensión .com .gob .net etc.
En este caso nosotros utilizamos una página llamada www.iespana.es donde la aloja por un
tiempo de forma gratuita.
Para subir tu página a internet hay que hacer una cuenta en esta página, iespana.es, en
donde hay opciones de web gratis. Siga los paso que le indiquen




Después se abrirá una aplicación de java en donde puede subir los documentos que
habíamos utilizado ya guardado en su PC, la página hecha en el editor.
Seleccione el documento de tu página ya hecha y mándelo con unas flechas. Java se
encargar de subir su página a internet.




                                            13
mailxmail - Cursos para compartir lo que sabes

Una vez terminado de subir todos los documentos puedes ingresar a ella en la dirección que
le asignan.




Su página de internet está en línea y lista para ser visitada.




                                               14
mailxmail - Cursos para compartir lo que sabes

5. Swishmax. Bibliografía

Manuales de front page pagina www.lawebdelprogramador.com
Manual de swishmax página www.lawebdelprogramador.com y descargado por el
programa de www.ares.com
Conocimientos adquiridos en la investigación en las siguientes páginas de internet.
www.aulaclic.com
www.mailxmail.com
Así como consultas a profesores y a propios alumnos de la escuela: TESOEM
"TECNOLÓGICO DE ESTUDIOS SUPERIORES DEL ORIENTE DEL ESTADO DE MÉXICO"




                                        15

Realizar paginas-web

  • 1.
    mailxmail - Cursospara compartir lo que sabes Realizar páginas web con Swishmax Autor: HUMBERTO ORTIZ LOPEZ 1
  • 2.
    mailxmail - Cursospara compartir lo que sabes Presentación del curso Crear una página web es realtivamente sencillo con las herramientas que actualmente existen en el mercado. Pero, ¿sabes publicar un video para compartirlo en la Red? ¿Te gustaría crear páginas que además sean llamativas? En este curso te ofrecemos métodos sencillos para que sepas agregar elementos multimedia a tu página web. 2
  • 3.
    mailxmail - Cursospara compartir lo que sabes 1. Swishmax. Introducción Iniciamos el tema con un software llamado Swishmax que es una aplicación que se encarga de realizar aplicaciones en Flash Placer. Estas aplicaciones son ocupadas para la mayoría de pág. de internet en la actualidad, así como en presentaciones o simples videos comerciales, etc. En este caso será utilizado para realizar una página de Internet. Los pasos para realizar esta página son los siguientes: Una vez abierto el programa debe dar clic en el menú file, new. Así se abrirá un nuevo proyecto. Una vez abierto el proyecto comenzamos a utilizarlo. En este proyecto utilizamos una serie de herramientas en las que su combinación nos ayudó a llegar al proyecto concluido. Las herramientas que utilizamos se encuentran en el menú insert y son las siguientes: Text: nos sirve para insertar texto en la pantalla Sprite: nos permite utilizar una animación realizada anteriormente. 3
  • 4.
    mailxmail - Cursospara compartir lo que sabes Apretando el botón text apareceré un menú donde se puede colocar lo que guste: Para colocarle efecto ir al menú Add Effect y seleccionar el efecto que desee: 4
  • 5.
    mailxmail - Cursospara compartir lo que sabes Después esta animación la podemos guardar como Sprite y la podemos ingresar en otra animación como fondo o algo similar. Es importante guardar el proyecto en formato html para que se pueda editar. Esto se realizará únicamente exportándolo en el menú file, export, y html. 5
  • 6.
    mailxmail - Cursospara compartir lo que sabes 2. Swishmax. Paso 1 Utilizamos otra aplicación además de Swishmax que es un editor de paginas web, su nombre es FrontPage Para usar nuestro proyecto terminado debemos utilizar el documento html que guardamos posteriormente, en el paso 1. Una vez detectado el documento abrimos nuestra aplicación de FrontPage, que es de la familia de office. Vamos al menú, abrir documento y abrimos el documento de html que mencionamos anteriormente. 6
  • 7.
    mailxmail - Cursospara compartir lo que sabes Una vez abierta la aplicación flash en editor de paginas webs hay que editarla conforme a la creatividad de cada quien poniéndole títulos, dividiendo la pagina en partes, etc. Su manejo es sencillo y es muy similar al de Word. 7
  • 8.
    mailxmail - Cursospara compartir lo que sabes 3. Swishmax. Paso 2 Una vez terminada tu página, insertamos un video, pero ¿cómo subimos videos a Internet? Nosotros utilizamos la página youtube.com que es un sitio donde nos permite subir videos en línea a Internet. Se sube de la siguiente manera. Lo primero es hacer una cuenta en esta página. Sólo hay que registrarse dando tus datos. Ya que tienes una cuenta dentro de la página de yuotube.com debes de dar clic en un botón que dice my account. Después dar clic en el botón en el que se muestra upload new video Tienes que proporcionar los datos del video y dar clic en el botón upload new video. 8
  • 9.
    mailxmail - Cursospara compartir lo que sabes Después hay que poner la dirección del video y esperar a que la página realice su trabajo de adjuntarlo o subirlo a la red. Una vez tu video ha sido subido a internet ahora sólo has de meterlo en tu página. Para esto hay que volver al editor de páginas web. Este proceso de anexar un video ya estando en internet se hace mediante código el cual explicaremos a continuación. Ir a la pág. de youtube y encontrar el video mediante el nombre que le pusiste, de ahí copiar el código que se muestra en la fig. donde dice embed : 9
  • 10.
    mailxmail - Cursospara compartir lo que sabes ahí copiar el código que se muestra en la fig. donde dice embed : Una vez copiado hay que ir al editor de páginas web donde entraremos al código de la página ya hecha. Una vez se encuentre en el código, pegue el código que copió anteriormente en el interior del la página como se muestra en la imagen. 10
  • 11.
    mailxmail - Cursospara compartir lo que sabes Su video ya está en la página, sólo hay que acomodarla en el lugar donde prefiera. 11
  • 12.
    mailxmail - Cursospara compartir lo que sabes Así se verá su aplicación cuando le de vista previa: Nuestra aplicación ya quedó culminada sólo hay que subirla a Internet. 12
  • 13.
    mailxmail - Cursospara compartir lo que sabes 4. Swishmax. Paso 3 Para subir una página a internet sólo hay que escoger una página que dé espacios en internet gratis o de pago con extensión .com .gob .net etc. En este caso nosotros utilizamos una página llamada www.iespana.es donde la aloja por un tiempo de forma gratuita. Para subir tu página a internet hay que hacer una cuenta en esta página, iespana.es, en donde hay opciones de web gratis. Siga los paso que le indiquen Después se abrirá una aplicación de java en donde puede subir los documentos que habíamos utilizado ya guardado en su PC, la página hecha en el editor. Seleccione el documento de tu página ya hecha y mándelo con unas flechas. Java se encargar de subir su página a internet. 13
  • 14.
    mailxmail - Cursospara compartir lo que sabes Una vez terminado de subir todos los documentos puedes ingresar a ella en la dirección que le asignan. Su página de internet está en línea y lista para ser visitada. 14
  • 15.
    mailxmail - Cursospara compartir lo que sabes 5. Swishmax. Bibliografía Manuales de front page pagina www.lawebdelprogramador.com Manual de swishmax página www.lawebdelprogramador.com y descargado por el programa de www.ares.com Conocimientos adquiridos en la investigación en las siguientes páginas de internet. www.aulaclic.com www.mailxmail.com Así como consultas a profesores y a propios alumnos de la escuela: TESOEM "TECNOLÓGICO DE ESTUDIOS SUPERIORES DEL ORIENTE DEL ESTADO DE MÉXICO" 15