This page looks plain and unstyled because you're using a non-standard compliant browser. To see it in its best form, please upgrade to a browser that supports web standards. It's free and painless.

Accidente en F1
Actualidad
Alertvir
Tiempo Valencia
tiempo den Valencia
Technorati
agregar
RSS 0.90
RSS 1.0
RSS 2.0
Atom 0.3

Manual plog: La barra de herramientas del editor de artículos

19 Julio, 2007 21:18

Vamos a aprender a usar la barra de herramientas del editor de artículos de nuestro sistema de bitácoras. Con el podremos formatear nuestros textos, añadir enlaces o imágenes.

Podeis ver todos los capítulos escritos hasta el momento de este manual aqui


El funcionamiento es muy sencillo, y a excepción de los tres últimos, solo hay que señleccionar el texto y pulsar sobre cualquiera de los controles para obtener el resultado.

Por ejemplo, el primer campo del formulario (size) sirve para varia el tamaño del texto. Seleccionamos en primer lugar el texto que queremos cambiar de tamaño, por ejemplo la siguiente palabra:

prueba

Una vez seleccionado pulsamos sobre size y seleccionamos el tamaño 24 (por ejemplo)

Una vez hecho esto nos mostrará la palabra (frase, parrafo o todo el texto, lo que hayamos seleccionado) con ese tamaño.

prueba

Con los demas controles, el funcionamiento es el mismo. Si queremos una palabra (o palabras) en negrita, la seleccionamos con el ratón y pulsamos sobre B. Si la queremos en itálica, lo mismo y pulsamos sobre I. Si la queremos subrayada, seleccionamos y pulsamos sobre U y si la queremos tachada, seleccionamos y pulsamos sobre S. Podemos incluso hacerla de varias formas, por ejemplo Subrayada y en Italica, negrita y tachada... todas las combinaciones son posibles. Simplemente pulsar, después de seleccionar el texto, en todas las opciones que queramos.

Los cuatro siguientes controles se refieren al formateo de los parrafos (o de todo el texto). El primero justifica el texto a la izquierda (pero no a la derecha), el siguiente en el centro, el siguiente a la derecha (pero no a la izquierda) y el último lo justifica a derechas e izquierdas. Su funcionamiento es igual. Seleccionamos el parrafo (o todo el texto) y pulsamos sobre la opción que queramos.

Los dos siguientes controles son para confeccionar listas. Por ejemplo escribimos en cada linea la lista (sin escribir los números, solo el texto de la linea). Seleccionamos todas las lineas de la lista y pulsamos sobre la lista ordenada (gráfico con números y rayas)

  1. primera linea
  2. Segunda linea
  3. tercera linea

Si pulsamos sobre el control que tiene los puntos y rayas, la misma lista quedará ordenada así

El siguiente gráfico, que parece unos eslabones de cadena sirve para enlazar un texto con una URL. No es lo mismo por ejemplo indicar una URL para que aparezca asi:

http://www.internautas.org

que poner

Asociación de Internautas

que como veis tiene un enlace a la misma URL

Para ello, seleccionamos el texto que queremos enlazar y pulsamos sobre el gráfico en forma de cadena (en la imagen coloreado de naranja). Nos aparecerá una nueva ventana donde solo tendremos que escribir la URL, el enlace, que queramos y pulsar el OK

El siguiente control de la barra es un gráfico que simula un cuadro con un paisaje dentro. Sirve para incluir imágenes QUE NO ESTEN EN NUESTRO SERVIDOR, es decir que no las hayamos subido a nuestro blog previamente. En este caso no hay que seleccionar nada, simplemente situarnos dentro del texto donde queramos incluir la imagen y pulsar sobre el grafico (marcado de naranja en la siguiente imagen). Se abrirá un nuevo cuadro de dialogo donde podremos indicar la URL (por ejemplo si la tenemos subida en flickr o en cualquier otro sitio) donde está la imagen que queremos insertar.

Si la imagen la hemos subido a nuestro blog, tal y como explicamos aqui, entonces el control que hay que pulsar es el siguiente (marcado en la siguiente imagen con naranja) donde se nos abrirá una nueva pantalla con las imágenes que hemos subido al servidor.

Seleccionamos el album y pulsamos sobre la imagen que queramos en Añadir Fichero. La imagen se pondra en nuestro articulo automáticamente

El último control <> es para ver el código fuente, el html, del texto. Sirve para incluir código html que en la ventana normal no podríamos incluir. Si se pulsa una vez se ve el código html y si se vuelve a pulsar. Por ejemplo, si queremos poner un video de youtube, pulsamos sobre ese control, vemos el código fuente, e insertamos dentro el código que nos indica youtube.

Por ejemplo

Retroenlaces (0) Comentario (2)

Añadir comentario

AuthImageauthimage
Tu nombre:
Título:
Página personal (opcional):
Dirección de correo (opcional):
Añadir comentario

  


cicono comentarios [2] [ Responder ]

No se que haríamos sin ti... Todos sabemos que el Primer Gran Axioma de la Informatica es: "En caso de problemas, lea las instrucciones", pero ni con esas... Gracias.

Escrito por Dominatrix | 20/07/2007, 08:15

cicono comentarios [1] [ Responder ]

Me está pasando como con la amoto, se me queda pequeña, hala! a aprender, gracias jrem.

Escrito por noexisto | 23/01/2008, 21:51
calendario
« Agosto 2008 »
Lu Ma Mi Ju Vi Sa Do
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
recientemente...
Feliz cumpleaños, HAL 9000
Los del Ministerio de Vivienda no saben 'construir' una web
El PSOE sigue intentando defender lo indefendible
Canon, el Bárbaro
La zaragozana Noa es la primera aragonesa de 2008 y... mi sobrina
El CANON DIGITAL impuesto por el Gobierno del PSOE perjudica mucho más a los ciudadanos con rentas mas bajas
¿A quién beneficia la Ley Electoral?
'Con Z de ZGAE' se extiende por la red vertiginosamente
El P2P de NNGG. ¿una realidad?
El Gordo de Navidad salió el día 20
archivos
Enero 2008
Diciembre 2007
Noviembre 2007
Agosto 2007
Julio 2007
Mayo 2007
Abril 2007
Marzo 2007
Febrero 2007
Enero 2007
Noviembre 2006
Agosto 2006
Abril 2006
Marzo 2006
Febrero 2006
Enero 2006
Diciembre 2005
Mayo 2005
categorías
Politica [2]
Juegos [4]
humor [2]
Programación web [2]
Mac [8]
otros temas [9]
Plog [7]
Tecnología [11]
Propiedad Intelectual [23]
mis enlaces
Tecnología
Asociación de Internautas
La Monda Digital
Dominatrix
Miquel
El incordio

Internautas TV

Publicidad