RED ESCUELA.: Formatos Para Contenidos

Principal.FormatosParaContenidos Historia

Oculta ediciones menores - Muestra los cambios de salida

20 marzo 2011 a las 19h30 por irazema -

Línea añadida 127:

Restaurar

20 marzo 2011 a las 19h28 por irazema -

Líneas añadidas 73-74:

'-Para conocer más sobre los colores '''[[Principal/FormatosParaColores | Haz Clic Aquí]]'''-'

Líneas añadidas 122-131:

(:cellnr:)
'''INSERTAR HIPERVÍNCULOS'''

Para crear vínculo a otras páginas de la Web:
[@[[http://www.bolivia.com | Texto Vinculado]]@]
(:cell:)
[[http://www.bolivia.com | Texto Vinculado]]

'-'''Nota:''' Si deseas vincular a páginas dentro de Red Escuela solo debes escribir [@[[WikiEscuela/NombrePágina | Texto Vinculado]]@].-'

Restaurar

20 marzo 2011 a las 19h05 por irazema -

Líneas añadidas 64-71:

(:cellnr:)
'''APLICAR COLOR DE TEXTO'''
[@%red% Texto Rojo@]
[@%color=#ffd7009% Texto Dorado@]
(:cell:)
'''%red% Texto Rojo'''
'''%color=#ffd700% Texto Dorado'''

Restaurar

20 marzo 2011 a las 17h34 por irazema -

Líneas añadidas 1-136:

(:description Guia de estilos y formatos para los contenidos de Red Escuela:)
(:title Formatos para Contenidos:)
%center color=#ff8c00%'''[++FORMATOS PARA EL CONTENIDO DE LAS PAGINAS++]'''\\
%center color=#ff8c00%'''[+Guías para Bloques y Secciones+]'''

En Red Escuela puedes crear contenido de una forma rápida y atractiva. Es importante que tu contenido tenga una estructura organizada para que los temas que publiques sean fáciles de entender.

Te sugerimos seguir esta estructura de contenido en tus páginas:

# Toda página debe contener un '''TITULO PRINCIPAL''' con el que debe inicar el tema o contenido. Este título debe estar en mayúsculas y centrado.

# Para dar comienzo con al desarrollo de tu página es importante iniciar con una '''INTRODUCCIÓN AL TEMA''' describiendo brevemente sobre el contenido que se desarrollará y los recursos y actividades que estarán disponibles.

# Posteriormente se desarrolla el '''CONTENIDO DEL TEMA''' el cual puede estar ilustrado y organizado de manera que sea atractivo e interesante para los visitantes que leeran tu página. Puedes agregar Viñetas y Numeraciónes para crear listas, destacar textos dentro de recuadros y además agregar imágenes para una descripción gráfica.

# Finalmente si consideras pertinente puedes agregarle a tu página una sección de '''ENLACES RELACIONADOS''' como ser galería de Imágenes, Videos, Audio, Presentaciones y Archivos para descargarse como documentos o archivos PDF.

!

%center color=#ff8c00%'''[++FORMATOS PARA LA ESTRUCTURA DE UNA PAGINA++]'''

Las secciones que puede contener tus páginas deben ser fáciles de identificar, por tal motivo es importante aplicar formatos a los títulos y subtítulos de cada sección.

A continuación se describe los formatos que debes aplicar para resaltar las secciones de tus páginas:

(:table border=1 celpadding=2px align=center:)
(:cell style='padding:3px; background-color:#e6e6fa; ' width='240px' align='center' :)
'''[+FORMATOS PARA TEXTO:+]'''
(:cell style='padding:5px; background-color:#e6e6fa; ' width='370px' align='center' :)
'''[+RESULTADO:+]'''

(:cellnr style='padding:3px;':)
'''TITULO PRINCIPAL'''
[@%center color=#ff8c00%'''[++EJEMPLO DE TITULO PRINCIPAL++]'''@]
(:cell:)
%center color=#ff8c00%'''[++EJEMPLO DE TITULO PRINCIPAL++]'''

(:cellnr:)
'''SUBTITULO'''
[@%color=#ff8c00%'''[+EJEMPLO DE SUBTITULO+]'''@]
(:cell:)
%color=#ff8c00%'''[+EJEMPLO DE SUBTITULO+]'''

(:cellnr:)
'''SUBTITULO DE SECCIÓN'''
[@'''SUBTITULO DE SECCION'''@]
(:cell:)
'''SUBTITULO DE SECCION'''

(:cellnr:)
'''TEXTO CON NEGRITAS'''
[@'''Ejemplo de Texto'''@]
(:cell:)
'''Ejemplo de Texto'''

(:cellnr:)
'''TEXTO CON CURSIVA'''
[@''Ejemplo de Texto''@]
(:cell:)
''Ejemplo de Texto''

(:cellnr:)
'''TEXTO CENTRADO'''
[@%center%Ejemplo de Texto@]
(:cell:)
%center%Ejemplo de Texto

(:cellnr:)
'''TEXTO CON VIÑETAS'''
[@*Primero
*Segundo
*Tercero@]
(:cell:)
*Primero
*Segundo
*Tercero

(:cellnr:)
'''TEXTO CON NUMERACIÓN'''
[@#Primero
#Segundo
#Tercero@]
(:cell:)
#Primero
#Segundo
#Tercero

(:cellnr:)
'''TEXTO EN RECUADROS'''
[@(:div style='width: 300px; border:1px solid #1e90ff;
background-color:#f5f5f5':)
''Textos importantes dentro de recuadros''
(:divend:) @]
(:cell:)
[[<<]]
(:div style='width:300px; border:1px solid #1e90ff; background-color:#f5f5f5':)
''Textos importantes dentro de recuadros''
(:divend:)
[[<<]]

(:cellnr:)
'''LINEA DE DIVISIÓN'''
[[<<]]
[@----@]
(:cell:)
[[<<]]
----
[[<<]]

(:cellnr:)
'''INSERTAR IMÁGENES'''

[@Attach:nombre-imagen.jpg@]
(:cell:)
Attach:nombre-imagen.jpg

'-'''Nota:''' Si la imagen es nueva deberá hacer clic en el enlace que dice Attach para buscar la imagen en su equipo y poder cargarla en la página.-'

(:cellnr:)
'''INSERTAR VIDEOS DE YOUTUBE'''\\
'-'''Nota:''' Para agregar los videos debes copiar el código que aparece cuando haces clic en el botón '''Insertar''' que está debajo del video en la ventana de Youtube.-'

'''Ejemplo:'''

[@<iframe width="480" height="390"
src="http://www.youtube.com/embed/EYk4_DCRBnE"></iframe>@]

(:cell:)
<iframe width="280" height="190" src="http://www.youtube.com/embed/EYk4_DCRBnE"></iframe>

(:tableend:)

Restaurar