SlideShare una empresa de Scribd logo
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

Más contenido relacionado

La actualidad más candente (13)

Tutorialwordpress
TutorialwordpressTutorialwordpress
Tutorialwordpress
 
Trabajo Practico De TIC
Trabajo Practico De TICTrabajo Practico De TIC
Trabajo Practico De TIC
 
Práctica de instalación y uso de Joomla
Práctica de instalación y uso de JoomlaPráctica de instalación y uso de Joomla
Práctica de instalación y uso de Joomla
 
Informatica !! resolucion prueba
Informatica !! resolucion pruebaInformatica !! resolucion prueba
Informatica !! resolucion prueba
 
Resolución de Prueba Lucila Zamora
Resolución de Prueba Lucila ZamoraResolución de Prueba Lucila Zamora
Resolución de Prueba Lucila Zamora
 
Tutorial1
Tutorial1Tutorial1
Tutorial1
 
Tutorial 1
Tutorial 1Tutorial 1
Tutorial 1
 
Ola
OlaOla
Ola
 
Si quiere empezar con una forma fácil y rápida de crear páginas web
Si quiere empezar con una forma fácil y rápida de crear páginas webSi quiere empezar con una forma fácil y rápida de crear páginas web
Si quiere empezar con una forma fácil y rápida de crear páginas web
 
T.p. nº 4 camila sandiga
T.p. nº 4 camila sandigaT.p. nº 4 camila sandiga
T.p. nº 4 camila sandiga
 
Franmanca1
Franmanca1Franmanca1
Franmanca1
 
Presentadión del blog
Presentadión del blogPresentadión del blog
Presentadión del blog
 
Creación de una página web básica
Creación de una página web básicaCreación de una página web básica
Creación de una página web básica
 

Similar a Realizar paginas-web

Subir actividades lim y ardora en tu blog
Subir actividades lim y ardora en tu blogSubir actividades lim y ardora en tu blog
Subir actividades lim y ardora en tu blog
axelpulgar80
 
Tutorial webquest creator
Tutorial webquest creatorTutorial webquest creator
Tutorial webquest creator
Lorena Brondani
 
Tutorial como publicar informacion en el lector rss netvibes en linea
Tutorial como publicar informacion en el lector rss netvibes en linea Tutorial como publicar informacion en el lector rss netvibes en linea
Tutorial como publicar informacion en el lector rss netvibes en linea
Erica Pacheco
 
Apuntes sesion 1 y 2
Apuntes sesion 1 y 2Apuntes sesion 1 y 2
Apuntes sesion 1 y 2
jjarrabal
 
Tutorial Para Hacer Una Pagina Web
Tutorial Para Hacer Una Pagina WebTutorial Para Hacer Una Pagina Web
Tutorial Para Hacer Una Pagina Web
isai220595
 
Herramientas tecnologicas
Herramientas tecnologicasHerramientas tecnologicas
Herramientas tecnologicas
yamilereymejia
 

Similar a Realizar paginas-web (20)

Herramientasinteractivas
HerramientasinteractivasHerramientasinteractivas
Herramientasinteractivas
 
Publicar en internet
Publicar en internetPublicar en internet
Publicar en internet
 
Subir actividades lim y ardora en tu blog
Subir actividades lim y ardora en tu blogSubir actividades lim y ardora en tu blog
Subir actividades lim y ardora en tu blog
 
Tutorial webquest creator
Tutorial webquest creatorTutorial webquest creator
Tutorial webquest creator
 
Tutorial como publicar informacion en el lector rss netvibes en linea
Tutorial como publicar informacion en el lector rss netvibes en linea Tutorial como publicar informacion en el lector rss netvibes en linea
Tutorial como publicar informacion en el lector rss netvibes en linea
 
Exelearning Basico
Exelearning BasicoExelearning Basico
Exelearning Basico
 
Trabajo Practico
Trabajo PracticoTrabajo Practico
Trabajo Practico
 
Trababo practico1
Trababo practico1Trababo practico1
Trababo practico1
 
Tutorial en-castellano-no-oficial-de-xsite-pro
Tutorial en-castellano-no-oficial-de-xsite-proTutorial en-castellano-no-oficial-de-xsite-pro
Tutorial en-castellano-no-oficial-de-xsite-pro
 
Apuntes sesion 1 y 2
Apuntes sesion 1 y 2Apuntes sesion 1 y 2
Apuntes sesion 1 y 2
 
Como elaborar un video
Como elaborar un videoComo elaborar un video
Como elaborar un video
 
Tutorial Google Sites
Tutorial Google SitesTutorial Google Sites
Tutorial Google Sites
 
Tutorial google sites
Tutorial google sitesTutorial google sites
Tutorial google sites
 
Slideshare:Sube Tus Presentaciones
Slideshare:Sube Tus PresentacionesSlideshare:Sube Tus Presentaciones
Slideshare:Sube Tus Presentaciones
 
Tutorial Para Hacer Una Pagina Web
Tutorial Para Hacer Una Pagina WebTutorial Para Hacer Una Pagina Web
Tutorial Para Hacer Una Pagina Web
 
Herramientas tecnologicas
Herramientas tecnologicasHerramientas tecnologicas
Herramientas tecnologicas
 
Practico n° 2.
Practico n° 2.Practico n° 2.
Practico n° 2.
 
Practico n° 1
Practico n° 1Practico n° 1
Practico n° 1
 
Servicios en la nube
Servicios en la nubeServicios en la nube
Servicios en la nube
 
Blog 3º Eso
Blog 3º EsoBlog 3º Eso
Blog 3º Eso
 

Último

(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
raquelariza02
 

Último (20)

¡Mira mi nuevo diseño hecho en Canva!.pdf
¡Mira mi nuevo diseño hecho en Canva!.pdf¡Mira mi nuevo diseño hecho en Canva!.pdf
¡Mira mi nuevo diseño hecho en Canva!.pdf
 
Presentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptxPresentacion y Extension de tema para Blogger.pptx
Presentacion y Extension de tema para Blogger.pptx
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
Robótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptxRobótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptx
 
Herramientas informáticas. Sara Torres R.
Herramientas informáticas. Sara Torres R.Herramientas informáticas. Sara Torres R.
Herramientas informáticas. Sara Torres R.
 
Unidad 1- Historia y Evolucion de las computadoras.pdf
Unidad 1- Historia y Evolucion de las computadoras.pdfUnidad 1- Historia y Evolucion de las computadoras.pdf
Unidad 1- Historia y Evolucion de las computadoras.pdf
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
Introducción a la robótica con arduino..pptx
Introducción a la robótica con arduino..pptxIntroducción a la robótica con arduino..pptx
Introducción a la robótica con arduino..pptx
 
Inteligencia Artificial para usuarios nivel inicial
Inteligencia Artificial para usuarios nivel inicialInteligencia Artificial para usuarios nivel inicial
Inteligencia Artificial para usuarios nivel inicial
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
 
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
HerramientasInformaticas ¿Que es? - ¿Para que sirve? - Recomendaciones - Comp...
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
 
herramientas informaticas mas utilizadas
herramientas informaticas mas utilizadasherramientas informaticas mas utilizadas
herramientas informaticas mas utilizadas
 
Estudio de la geometría analitica. Pptx.
Estudio de la geometría analitica. Pptx.Estudio de la geometría analitica. Pptx.
Estudio de la geometría analitica. Pptx.
 
proyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptualesproyectos_social_y_socioproductivos _mapas_conceptuales
proyectos_social_y_socioproductivos _mapas_conceptuales
 
Pons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdf
Pons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdfPons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdf
Pons, A. - El desorden digital - guia para historiadores y humanistas [2013].pdf
 

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