Realizar paginas-web

15
Realizar páginas web con Swishmax Autor: HUMBERTO ORTIZ LOPEZ 1 mailxmail - Cursos para compartir lo que sabes

Transcript of Realizar paginas-web

Realizar páginas web conSwishmaxAutor: 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 queactualmente existen en el mercado. Pero, ¿sabes publicar un video para compartirloen la Red? ¿Te gustaría crear páginas que además sean llamativas? En este curso teofrecemos métodos sencillos para que sepas agregar elementos multimedia a tupá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 seencarga de realizar aplicaciones en Flash Placer. Estas aplicaciones son ocupadaspara la mayoría de pág. de internet en la actualidad, así como en presentaciones osimples videos comerciales, etc.

En este caso será utilizado para realizar una página de Internet. Los pasos pararealizar esta página son los siguientes:

Una vez abierto el programa debe dar clic en el menú file, new. Así se abrirá unnuevo proyecto.

Una vez abierto el proyecto comenzamos a utilizarlo. En este proyecto utilizamosuna serie de herramientas en las que su combinación nos ayudó a llegar al proyectoconcluido.

Las herramientas que utilizamos se encuentran en el menú insert y son lassiguientes:Text: nos sirve para insertar texto en la pantallaSprite: 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 enotra animación como fondo o algo similar.

Es importante guardar el proyecto en formato html para que se pueda editar. Esto serealizará ú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, sunombre es FrontPage

Para usar nuestro proyecto terminado debemos utilizar el documento html queguardamos posteriormente, en el paso 1.

Una vez detectado el documento abrimos nuestra aplicación de FrontPage, que esde la familia de office. Vamos al menú, abrir documento y abrimos el documento dehtml 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 editarlaconforme a la creatividad de cada quien poniéndole títulos, dividiendo la pagina enpartes, 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 aInternet? Nosotros utilizamos la página youtube.com que es un sitio donde nospermite 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 tusdatos. Ya que tienes una cuenta dentro de la página de yuotube.com debes de darclic 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 sutrabajo 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 elcual explicaremos a continuación.

Ir a la pág. de youtube y encontrar el video mediante el nombre que le pusiste, deahí 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 dela página ya hecha.

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

1 0

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.

1 1

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.

1 2

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 eninternet 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 untiempo de forma gratuita.

Para subir tu página a internet hay que hacer una cuenta en esta página, iespana.es, endonde 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 quehabí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 seencargar de subir su página a internet.

1 3

mailxmail - Cursos para compartir lo que sabes

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

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

1 4

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 elprograma 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"

1 5

mailxmail - Cursos para compartir lo que sabes