DISEÑO DEL CONTENIDO<br />
ESTILOS<br />Esta herramienta permite dar un diseño personalizado al contenido que estamos realizando.<br />Para ello en p...
A continuación pueden verse los diferentes estilos que le hemos dado a nuestro contenido:<br />
Insertar enlace a contenido<br />Esta herramienta nos permite realizar enlaces entre diferentes contenidos creados. <br />...
A continuación nos aparecerá  la siguiente ventana donde tendremos que seleccionar los criterios de búsqueda para encontra...
A continuación se mostrarán los resultado coincidentes con nuestra búsqueda.<br />Seleccionamos el contenido deseado<br />
8.  En la ventana emergente se incorporará el contenido seleccionado y pulsaremos en Insertar.<br />
El enlace quedaría creado y el resultado sería el siguiente:<br />
Insertar enlace<br />Esta herramienta nos permite crear enlaces a documentos, videos, presentaciones,  enlaces a otras web...
3. En la siguiente ventana emergente introducimos los siguiente datos y pulsamos en Insertar:<br />
4. A continuación se muestra como quedaría insertado el enlace:<br />
desenlazar<br />Esta opción permite que &quot;rompamos&quot; los enlaces creados tanto a otros contenidos nuestros como a ...
A continuación se muestra como quedaría el contenido una vez hemos roto el enlace.<br />
Insertar/ editar ancla<br />Esta funcionalidad nos va a permitir movernos por el contenido sin necesidad de movernos a tra...
 Insertar el enlace al ancla.</li></li></ul><li>Creación del ancla:<br />Situamos el cursor del ratón en el punto exacto d...
El resultado sería el siguiente:<br />
Creación del enlace al ancla:<br />Seleccionamos el texto donde queramos crear el enlace al ancla.<br />Pulsamos sobre el ...
El resultado sería el siguiente:<br />En el caso que se presenta, cada vez que pulsemos sobre Cuerda, nos llevará al apart...
Insertar/ editar imagen<br />A través de esta herramienta podremos insertar la imagen y dotarle del diseño que deseemos. <...
3. En la siguiente ventana pulsaremos sobre el botón examinar:<br />4. Pulsamos en Añadir Fichero<br />
5. A continuación pulsamos en Examinar, seleccionamos el archivo y pulsamos en abrir<br />6. Pulsamos en Subir fichero<br />
7. Hecho esto, nos aparecerá el  estado de proceso de subida de la imagen<br />8. Finalizado el proceso de subida, pulsare...
9. Nos aparecerán todas las imágenes subidas, seleccionamos la imagen deseada y pulsamos sobre Insertar.<br />10. Previsua...
El resultado sería el que mostramos:<br />
Insertar/ editar archivo multimedia<br />Esta herramienta permite insertar archivos multimedia en nuestro contenido.<br />...
3. A continuación subimos el archivo al disco duro del contenido:<br />
4. Seleccionamos el archivo a insertar:<br />
5. Introducimos el tamaño con el que queremos que se vea el archivo y pulsamos en Insertar:<br />
El resultado sería el siguiente:<br />
Insertar fragmento html (embebido)<br />Esta herramienta nos va a permitir insertar videos, audios,… dentro del contenido ...
3. Pulsar sobre el icono Insertar fragmento html<br />4. Pegar código<br />5. Pulsar en Insertar<br />
El resultado sería el siguiente:<br />
Upcoming SlideShare
Loading in …5
×

Diseño del contenido

3,215 views

Published on

Se recogen aquí las nuevas funcionalidades del editor online de la versión 5 del portal Educamadrid en cuando al diseño del contenido se refiere.

1 Comment
2 Likes
Statistics
Notes
  • Hello Educamadrid.!!!
    its presentations I liked very much, because in my company we working with web design,& e-marketing, in the slide we talk about the reasons for have a site in the web, and how you can do it very easy, I invited, to visit my slide and if it likes, please add me to your favorites, thank you very much.

    Congratulations! I’ll add to favorites.
    I hope you add me to your favorite ’♥’ bye bye

    See my presentation - http://slidesha.re/5Td1I5
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
3,215
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
22
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide

Diseño del contenido

  1. 1. DISEÑO DEL CONTENIDO<br />
  2. 2. ESTILOS<br />Esta herramienta permite dar un diseño personalizado al contenido que estamos realizando.<br />Para ello en primer lugar seleccionaremos el párrafo a modificar y posteriormente pulsaremos en Estilos.<br />Hecho esto, seleccionaremos el estilo deseado.<br />Estilos disponibles<br />
  3. 3. A continuación pueden verse los diferentes estilos que le hemos dado a nuestro contenido:<br />
  4. 4. Insertar enlace a contenido<br />Esta herramienta nos permite realizar enlaces entre diferentes contenidos creados. <br />1. Seleccionamos la parte del texto donde queramos introducir el enlace.<br />2. Pulsamos sobre el icono Insertar enlace de contenido.<br />3. En la ventana emergente pulsamos sobre Examinar.<br />
  5. 5. A continuación nos aparecerá la siguiente ventana donde tendremos que seleccionar los criterios de búsqueda para encontrar nuestro contenido. En este caso, el criterio de búsqueda empleado ha sido el de Tipo de contenido.<br />Hecho esto, pulsaremos en Buscar<br />
  6. 6. A continuación se mostrarán los resultado coincidentes con nuestra búsqueda.<br />Seleccionamos el contenido deseado<br />
  7. 7. 8. En la ventana emergente se incorporará el contenido seleccionado y pulsaremos en Insertar.<br />
  8. 8. El enlace quedaría creado y el resultado sería el siguiente:<br />
  9. 9. Insertar enlace<br />Esta herramienta nos permite crear enlaces a documentos, videos, presentaciones, enlaces a otras webs,… <br />Para crear un enlace lo que tendremos que hacer será:<br />Seleccionar el texto donde queramos insertar el enlace<br />Pulsar sobre el icono Insertar enlace<br />
  10. 10. 3. En la siguiente ventana emergente introducimos los siguiente datos y pulsamos en Insertar:<br />
  11. 11. 4. A continuación se muestra como quedaría insertado el enlace:<br />
  12. 12. desenlazar<br />Esta opción permite que &quot;rompamos&quot; los enlaces creados tanto a otros contenidos nuestros como a otras páginas web o sitios webs. <br />Para ello :<br />1. Seleccionar el enlace <br />2. Pulsar sobre el icono Romper enlace de la barra de herramientas.<br />
  13. 13. A continuación se muestra como quedaría el contenido una vez hemos roto el enlace.<br />
  14. 14. Insertar/ editar ancla<br />Esta funcionalidad nos va a permitir movernos por el contenido sin necesidad de movernos a través del scrol.<br />Tenemos que tener en cuenta que el uso de esta herramienta exige la realización dos acciones: <br /><ul><li> Crear el ancla e
  15. 15. Insertar el enlace al ancla.</li></li></ul><li>Creación del ancla:<br />Situamos el cursor del ratón en el punto exacto donde queremos crear el ancla.<br />Pulsamos sobre el icono Insertar ancla<br />Introducimos nombre que queramos darle al ancla y pulsamos en insertar<br />
  16. 16. El resultado sería el siguiente:<br />
  17. 17. Creación del enlace al ancla:<br />Seleccionamos el texto donde queramos crear el enlace al ancla.<br />Pulsamos sobre el icono Insertar enlace<br />Seleccionamos el ancla donde queremos que lleve ese enlace<br />
  18. 18. El resultado sería el siguiente:<br />En el caso que se presenta, cada vez que pulsemos sobre Cuerda, nos llevará al apartado Cuerda que es el ancla que hemos creado.<br />
  19. 19. Insertar/ editar imagen<br />A través de esta herramienta podremos insertar la imagen y dotarle del diseño que deseemos. <br />Los pasos a seguir serían los siguientes:<br />Situar el cursor del ratón en el lugar a insertar la imagen.<br />Pulsar sobre el icono Insertar imagen.<br />
  20. 20. 3. En la siguiente ventana pulsaremos sobre el botón examinar:<br />4. Pulsamos en Añadir Fichero<br />
  21. 21. 5. A continuación pulsamos en Examinar, seleccionamos el archivo y pulsamos en abrir<br />6. Pulsamos en Subir fichero<br />
  22. 22. 7. Hecho esto, nos aparecerá el estado de proceso de subida de la imagen<br />8. Finalizado el proceso de subida, pulsaremos en Listado<br />
  23. 23. 9. Nos aparecerán todas las imágenes subidas, seleccionamos la imagen deseada y pulsamos sobre Insertar.<br />10. Previsualizamos la imagen y pulsamos en insertar. <br />
  24. 24. El resultado sería el que mostramos:<br />
  25. 25. Insertar/ editar archivo multimedia<br />Esta herramienta permite insertar archivos multimedia en nuestro contenido.<br />Los pasos a seguir serían los siguientes:<br />Pulsar sobre el icono Insertar archivo multimedia<br />Seleccionar el tipo de archivo a insertar.<br />
  26. 26. 3. A continuación subimos el archivo al disco duro del contenido:<br />
  27. 27. 4. Seleccionamos el archivo a insertar:<br />
  28. 28. 5. Introducimos el tamaño con el que queremos que se vea el archivo y pulsamos en Insertar:<br />
  29. 29. El resultado sería el siguiente:<br />
  30. 30. Insertar fragmento html (embebido)<br />Esta herramienta nos va a permitir insertar videos, audios,… dentro del contenido que estamos creando.<br />Para emplear este herramienta tendremos que realizar los siguientes pasos:<br />Buscar un video que nos interese<br />Copiar el código html<br />
  31. 31. 3. Pulsar sobre el icono Insertar fragmento html<br />4. Pegar código<br />5. Pulsar en Insertar<br />
  32. 32. El resultado sería el siguiente:<br />

×