Pizarra: Red Social de la educaci�n

Visita Tambi�n:

ORGANIZAR CONTENIDOS EN BLOQUES
Gu�as para Bloques y Secciones

Los contenidos de un Tema pueden estar organizados en Bloques de Texto que permita una mejor ubicaci�n del texto como tambi�n de las im�genes.

En Pizarra puedes utilizar Areas de Contenido como ser Tablas, Marcos y Capas.

ORGANIZRA CONTENIDOS EN TABLAS
Una tabla es una estructura conformada por Filas y Columnas. A continuaci�n se muestra c�mo crear una tabla sencilla de 2 columnas y 3 filas:

Se escribe as�:

(:table border=1 width=300px:)
(:cellnr:)
Fila 1 - Columna 1

(:cell:)
Fila 1 - Columna 2

(:cellnr:)
Fila 2 - Columna 1

(:cell:)
Fila 2 - Columna 2

(:cellnr:)
Fila 3 - Columna 1

(:cell:)
Fila 3 - Columna 2

(:tableend:)

Para que se vea as�:

Fila 1 - Columna 1	Fila 1 - Columna 2
Fila 2 - Columna 1	Fila 2 - Columna 2
Fila 3 - Columna 1	Fila 3 - Columna 2

Las tablas pueden tener color de fondo para decorar su contenido:

Tabla con color de fondo

Se escribe as�:

(:table border=1 width=400px bgcolor=lightblue:)
(:cellnr:)
TITULO 1

(:cell:)
TITULO 2

(:cellnr:)
Texto en primer columna

(:cell:)
Texto en segunda columna

(:cellnr:)
Texto en tercer fila

(:cell:)
Texto en tercer fila

(:tableend:)

Para que se vea as�:

TITULO 1	TITULO 2
Texto en primer columna	Texto en segunda columna
Texto en segunda fila	Texto en segunda fila

Se pueden aplicar diferentes Bordes a la tabla:

Tabla con borde

Se escribe as�:

(:table border=3 bordercolor='green'
width=400px bgcolor=lightgreen:)
(:cellnr:)
TITULO 1

(:cell:)
TITULO 2

(:cellnr:)
Texto en primer columna

(:cell:)
Texto en segunda columna

(:cellnr:)
Texto en tercer fila

(:cell:)
Texto en tercer fila

(:tableend:)

Para que se vea as�:

TITULO 1	TITULO 2
Texto en primer columna	Texto en segunda columna
Texto en segunda fila	Texto en segunda fila

Aplicar color de Fondo a ciertas celdas:

Celdas con color

Se escribe as�:

(:table border=1 width=400px :)
(:cellnr style='background-color:gold;':)
TITULO 1

(:cell style='background-color:gold;':)
TITULO 2

(:cellnr:)
Texto en primer columna

(:cell:)
Texto en segunda columna

(:cellnr:)
Texto en tercer fila

(:cell:)
Texto en tercer fila

(:tableend:)

Para que se vea as�:

TITULO 1	TITULO 2
Texto en primer columna	Texto en segunda columna
Texto en segunda fila	Texto en segunda fila

(Editar Sección ↓)

ORGANIZAR CONTENIDOS EN RECUADROS
Para enmarcar algunas frases y utilizar bordes y recuadros:

Se escribe as�:	Para que se vea as�:
Crear un texto en un Frame (marco) `>>frame<<` Este texto se encuentra en un marco. Aunque tenga varios p�rrafos igual seguir� dentro del marco. `>><<`	Este texto se encuentra en un marco. Aunque tenga varios p�rrafos igual seguir� dentro del marco.
Texto en Frame centrado `>>cframe width:'400px'<<` `%gray%[-'''Texto para Citas'''-]` Este texto est� en marco centrado con un ancho de 400 pixeles `>><<`	Texto para Citas Este texto est� en marco centrado con un ancho de 400 pixeles
Texto en un DIV (capa) `(:div style='border:1px solid blue;` `background-color:#ffffcc':)` Este texto esta en un DIV. Puedes aplicarle colores de fondo y estilos de borde. `(:divend:)`	Este texto esta en un DIV. Puedes aplicarle colores de fondo y estilos de borde.
Ejemplos de texto en DIV `(:div style='background-color:#ffddaa;` `border:2px solid orange;width:300px;` `padding:10px; margin-left:300px;':)` Este DIV tiene borde de 2 pixeles de grosor color naranja con margen izquierdo de 50 pixeles y margen interno de 10 px y un ancho del cuadro de 300 pixeles. `%center%Attach:escolares-small.gif` `(:divend:)`	Este DIV tiene borde de 2 pixeles de grosor color naranja con margen izquierdo de 50 pixeles y margen interno de 10 px y un ancho del cuadro de 300 pixeles.
Mas ejemplos de DIV `(:div style='font-style:italic;` `border:4px dotted green; padding:20px;` `background-color:#c0ffb7 :)` Este texto esta en un DIV con borde punteado de 4 pixeles y con un margen interno de 20 px, `Se puede incluir` `'''texto formateado'''` `* Lista` `-> Sangria` `(:divend:)`	Este texto esta en un DIV con borde punteado de 4 pixeles y con un margen interno de 20 px, Se puede incluir texto formateado Lista Sangria

LOS COLORES EN PIZARRA

Dentro de la construcci�n de contenido puedes hacer uso de una gama de colores para realzar tus temas. Es importante que tomes en cuenta que algunos colores est�n reservados para el uso de Pizarra pero puedes disponer de todos los que a continuaci�n se presentan:

Colores Fuertes

%blue% Azul

%navy% Azul Marino

%green% Verde

%black% Negro

%gray% Plomo

%maroon% Marron

%purple% P�rpura

%orange% Naranja

%bluegrass% Agua Marina

%red% Rojo

%magenta% Magenta

%pink% Rosa

%olive% Olivo

%fuchsia% Fucsia

Colores Suaves

%lightblue% Celeste

%lightgreen% Verde Claro

springgreen% Verde fluorecente

%yellow% Amarillo

%silver% Plateado

%lightgrey% Gris

%grey% Gris Claro

%lime% Verde Lima

%lightpurple% P�rpura claro

%lightred% Rojo claro

%gold% Dorado

%aqua% Aqua - Turquesa

%slategrey% Musgo

%white% Blanco

► Ver ARTICULO MODELO con secciones

P�ginas de Ejemplo

Aqu� se enlistan algunas p�ginas de Muestras con la gu�a requerida para aplicar los estilos a los textos y objetos incluidos dentro de una p�gina. Tambi�n se muestran algunas de las p�ginas creadas por usuarios que cumplen plenamente con los Est�ndares de Cosntrucci�n y la Gu�a de Estilos.

Muestra de Secciones de Contenido	Muestra de Formato de Texto
Muestra de p�gina con Enlaces	Muestra de contenidos con Im�genes
Muestra de p�gina con Recursos	Muestra Fromatos para Secciones
P�ginas de Ejemplos que cumplen con los Estilos:
Web 2.0 y Educaci�n Aparato Reproductor Pizarra como Apoyo Escolar

Organizar Contenidos