EdiLIM es un editor para crear páginas web interactivas con tecnología Flash. Se descarga el programa desde www.educalim.com y se crea un nuevo proyecto LIM seleccionando una carpeta de recursos. Se diseña el aspecto del LIM agregando recursos multimedia, configurando colores, botones y páginas. Finalmente, se exporta el proyecto LIM para publicarlo en internet mediante Dropbox u otro servicio de alojamiento web.

2. ¿Qué es EdiLIM?

3. ¿Qué es EdiLIM?
Es el editor para crear…

10. El resultado final es
Una página web (html)
con tecnología Flash

11. ¡Vamos con ello!
Primero descargamos el programa desde
www.educalim.com
Descomprimimos el zip y encontramos
un ejecutable que no necesita instalación

12. Empezamos un LIM nuevo

13. Creamos una carpeta para nuestro LIM

14. Seleccionamos esa carpeta en el apartado
de “Directorio de recursos”

15. Seleccionamos esa carpeta en el apartado
de “Directorio de recursos”
Y ponemos un nombre a nuestro LIM

16. Metemos los recursos en el
almacén de recursos

17. Los buscamos
desde aquí
txt
html
mp3
flv
png
gif
jpg
swf

18. Los buscamos
desde aquí jpg
txt
html
mp3
flv
png
gif
swf

19. Los buscamos
desde aquí jpg gif
txt
html
mp3
flv
png
swf

20. Los buscamos
desde aquí jpg gif png
txt
html
mp3
flv
swf

21. Los buscamos
desde aquí jpg gif png
txt
html
flv
mp3
swf

22. Los buscamos
desde aquí jpg gif png
txt
html
flv
mp3
swf

23. Los buscamos
desde aquí jpg gif png
txt
html
mp3
swf flv

24. Los buscamos
desde aquí jpg gif png
html
mp3
swf flv
txt

25. Los buscamos
desde aquí jpg gif png
mp3
swf flv
html txt

26. Desde aquí accedemos
a un sencillo
editor de imágenes

28. Cambiar tamaño

29. Actualizar el almacén

30. Eliminar un recurso

31. Empezamos a diseñar el aspecto

32. Estamos en Propiedades

33. Empezamos por el logotipo,
fondo y skins

34. arrastrar

35. Podemos hacer que el logo
enlace a una página web
escribiendo la URL completa (http://...) aquí
(Sólo funcionará cuando el LIM esté publicado en Internet)

36. arrastrar

37. arrastrar

38. Seleccionar uno

43. Definimos los colores

49. Definimos los botones

50. Para configurar los botones del menú

51. Ir a una página del LIM

52. Ir a una página web
(sólo funcionará cuando el LIM esté publicado en Internet)

53. Abrir un archivo
*debe estar en la carpeta del LIM
(sólo funcionará cuando el LIM esté publicado en Internet)

54. Imprimir la página

55. Botón para reiniciar la actividad

56. Botón para ir a la página...

57. Por defecto es un
menú desplegable a la
izquierda del LIM

58. Puede ser no desplegable
si seleccionamos esta opción

59. Puede ser desplegable y a la derecha
si seleccionamos esta opción

61. arrastrar

62. Menú
no
desplegable

64. Informe
de
resultados

65. Informe
de
resultados

66. On/Off
Audio

67. Pantalla
Completa
(no se puede
escribir en
este modo)

68. Identificación del LIM

69. Escribimos los
datos que
identifican
nuestro LIM

70. Son las letras
que deben
aparecer en las
páginas de… aàâbcdeéèêfghiîjklmnoôpqrstuùûvwxyz-

71. Son las letras
Que deben
aparecer en las
páginas de… aàâbcdeéèêfghiîjklmnoôpqrstuùûvwxyz-
Palabra secreta

72. Son las letras
Que deben
aparecer en las
páginas de… aàâbcdeéèêfghiîjklmnoôpqrstuùûvwxyz-
Palabra secreta Sopa de letras

73. Últimas propiedades

74. Música para TODO el libro
(definimos su volumen y
si se repetirá en bucle)
* Arrastramos desde el almacén de recursos

75. Enlace que aparecerá
al finalizar el libro

76. Si queremos que las páginas
del libro se presenten al azar
(excepto la primera)

77. ¡Muy bien!
Inténtalo de nuevo
EVALUACIÓN
Mensajes (definir color del texto)
y sonidos de evaluación

79. ¡Vamos a empezar a
crear las páginas!

81. 52 páginas diferentes

82. Edición comÚn a todas las páginas

83. Guardar

84. Listado de páginas

85. Podemos cambiar
el orden de las páginas
arrastrando y pinchando
en “Aplicar”

86. Duplicar página

87. Nueva página

88. Ir a la 1ª página

89. Ir una página atrás

90. Ir una página adelante

91. Ir a la última página

92. Eliminar página

93. Ir a la página nº…

94. Sonido para la página

95. Sonido para la página
Puede empezar
Automáticamente o no

96. Activar botón de atrás y/o adelante

97. Activar botón de atrás y/o adelante
*Si no activamos el botón de adelante
el alumno sólo podrá avanzar
si supera la actividad

98. Texto inferior

99. Título de la página

100. Vista previa de la página
Vista previa

101. Botones para esta página

102. Botón
(a página del libro o página web)

103. Mensajes de evaluación
personalizados para la página

104. IMAGEN Y TEXTO
Ideal para una portada
Imagen/animación/video
Texto
Edición HTML
Colores

105. Insertar una nueva página

106. Experimenta con las que más
te llamen la atención 

107. Para terminar
Hay que exportar

108. Para guardar el trabajo Lo exportamos

109. Seleccionamos la carpeta del LIM

110. Escribimos el nombre del LIM
aulablog
aulablog.html

111. Seleccionamos “empaquetar”
si queremos un zip
aulablog
aulablog.html

112. Pinchamos en “publicar”
aulablog
aulablog.html

113. Podemos ver la vista previa
aulablog
aulablog.html

114. Pinchamos aquí para ver
la carpeta de nuestro LIM
aulablog
aulablog.html

119. ¿Cómo lo subo a internet?
DROPBOX
www.dropbox.com

120. Nos creamos una cuenta nueva

121. Abro la carpeta pública

123. Creo una carpeta para mi LIM

124. Abrimos esa carpeta

125. Subo todos los archivos necesarios

126. Copio el enlace público del archivo html

127. Este es el enlace de mi LIM
http://dl.dropbox.com/u/33041444/Aulablog/aulablog.html

128. ¿Cómo lo “embedo” en mi blog?

129. ¿Cómo lo “embedo” en mi blog?
Hay que escribir, en el modo html:

130. ¿Cómo lo “embedo” en mi blog?
Hay que escribir, en el modo html:
*la etiqueta iframe
<iframe src=></iframe>

131. ¿Cómo lo “embedo” en mi blog?
Hay que escribir, en el modo html:
*la etiqueta iframe
*con el enlace público del LIM (entre comillas)
<iframe
src=“http://dl.dropbox.com/u/33041444/Aulablo
g/aulablog.html “></iframe>

132. ¿Cómo lo “embedo” en mi blog?
Hay que escribir, en el modo html:
*la etiqueta iframe
*con el enlace público del LIM (entre comillas)
* con la anchura y altura
<iframe
src=“http://dl.dropbox.com/u/33041444/Aulablo
g/aulablog.html “ width=”500”
height=”400″></iframe>

133. ¿Cómo lo “embedo” en mi blog?
Así:

134. Voilà!