ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
Realizar paginas-web
1. mailxmail - Cursos para compartir lo que sabes
Realizar páginas web con
Swishmax
Autor: HUMBERTO ORTIZ LOPEZ
1
2. 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
3. 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
4. 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
5. 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
6. 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
7. 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
8. 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
9. 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
10. 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
11. 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
12. 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
13. 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
14. 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
15. 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