Primeros pasos

De BurbuWiki

Paleta de colores para edición de páginas Web. Cortesía de PageTutor.com

El libro de estilo que recomendamos para la edición de páginas es el mismo que se usa, habitualmente en Wikipedia.

Comenzamos con los rudimentos de HTML y wiki.

Tipos de letra

Esta línea está en cursiva (Usando la comilla simple dos veces, es decir, ''así'').

Y ésta también (Usando la etiqueta HTML <i>: <i>ejemplo</i>).

Cualquiera de ellas sirve pero se aconseja usar el estilo wiki ('').

Más cómodo es seleccionar el texto que quieras poner en cursiva y pulsar el botón .

Esta línea está en negrita (Usando la comilla simple tres veces, es decir, '''así''').

Al igual que ésta (Con etiquetas HTML <b>: <b>ejemplo</b>).

Como en el caso de la cursiva, se aconseja el método wiki. Lo puedes hacer fácilmente seleccionando el texto y pulsando el botón .

Si deseas que el texto aparezca tachado deberás introducir el código <strike>.....</strike>. Un ejemplo:

Este texto está tachado.

En código wiki sería <s>Este texto está tachado</s>. Y el resultado sería el mismo que con código HTML.

Para que aparezca texto en fuente monoespacio, por ejemplo para escribir elementos de código que quieras separar del resto de la explicación, debes utilizar los elementos HTML <tt> o <code> (<code> además resalta el texto levemente mediante un color de fondo).

Para escribir en una fuente que no sea Arial (predeterminada) o Courier New (códigos fuente, etc.) hace falta escribir una etiqueta HTML. La más sencilla, <font face="Times New Roman">lo que se quiera poner</font>, aunque teniendo en cuenta que el elemento HTML font ha sido desaconsejado en los nuevos estándares sería mejor que utilizases <span style="font-family:'Times New Roman'">aquí el contenido</span>

Veamos unos cuantos ejemplos

• Burbuwiki es un lugar donde puede encontrarse información muy interesante a cerca de la evolución de la burbuja inmobiliaria en España

¿Se pueden combinar los dos códigos, HTML y wiki, al mismo tiempo? Por lógica si queremos el texto anterior en el mismo tipo de fuente pero en cursiva justo delante de los corchetes y después de ellos deberíamos usar . Comprobémoslo:

• Burbuwiki es un lugar donde puede encontrarse información muy interesante a cerca de la evolución de la burbuja inmobiliaria en España

Cómo jugar con los atributos de las fuentes

¿Nunca te has preguntado como modificar el tamaño de la fuente usada? La curiosidad es la fuerza impulsora del conocimiento y este la base del éxito en la toma de decisiones. Observa el siguiente texto:

• La burbuja ha estallado

Si tecleas cada una de las letras que forman la frase anterior y, posteriormente, grabas lo escrito en el campo de edición, el software sobre el que se sustenta esta página entenderá que lo que deseas es que aparezca con el mismo tamaño, el mismo tipo de letra, y los mismos atributos del texto que ha está editado.

Imagina que no te sientes satisfecho con el resultado y quieres personalizar las características tipográficas de la frase. Tendrás que indicarle de alguna manera al sistema que pretendes modificar los valores, parámetros o características que, por defecto, usa el sistema.

Para los que estáis acostumbrados a usar código HTML, lo tenéis francamente fácil. Veamos unos ejemplos:

El atributo <font size> de la fuente puede tener un valor máximo de 7, a partir de ahí, los resultados serían los mismos que usando 7. Observa además que la distancia entre las líneas base se mantiene a pesar de que el tamaño de la fuente ha variado. Sí, redactar una página web presenta un mayor número de sorpresas que usar un simple procesador de textos wysiwyng

A veces somos muy caprichosos y no nos basta con el color negro de la fuente usada para redactar. No hay problema, podemos variar el color de esta ¿Cómo? De nuevo usando atributos. Veamos:

En todos los casos anteriores hemos usado el código <font color=el color deseado> delante del texto y hemos cerrado con </font>.

Por supuesto que se puede hacer con un tamaño de texto tan grande como se quiera. Una página por ejemplo, o con un simple letra. Si editas esta página comprobarás que el color se que se desea usar en el atributo tiene un nombre determinado. Si quieres recrearte en una buena muestra de colores, lo suyo es que visites está página

¿Combinamos el código HTML y el wiki a ver que pasa?

Ahora vamos a esbozar, un poco, como se puede cambiar el tipo de fuente. Imagino que os habréis dado cuenta pero el procedimiento de modificar los atributos de un texto, al menos en HTML, siempre es muy similar. Se comienza con <font atributo1=parametro1>. Se escribe el texto con el formato por defecto e, inmediatamente después, se teclea la expresión de código </font>.

¿Se pueden asignar dos atributos a un mismo texto de manera simultánea?

Comprobémoslo con algunos ejemplos:

Parece ser que sí.

Si has editado esta página habrás comprobado que para que salga el código que hemos usado en la edición justo delante de los códigos ocultos aparece un corchete que es <nowiki> y para delimitar el final de la parte de código oculta que queremos hacer visible se usa la etiqueta </nowiki>. Observa el siguiente párrafo con atención:

La burbuja ha estallado a pesar de lo que cuenten en la prensa.

Podrás verificar que el código usado para visualizar la frase anterior es el escrito a continuación.

<font size=5 color=Lime Green><span style="font-family:'Times New Roman'">''La burbuja ha estallado a pesar de lo que cuenten en la prensa.''</span></font>

Efectivamente, de nuevo hemos combinado el código HTML y el wiki sobre la misma frase.

Al principio es un galimatías pero, posteriormente, es una gran ventaja. Ya se sabe que los programadores echan de mano de lo que pueden para conseguir los efectos deseados. Por eso les gusta mucho la variedad y, dicho sea de paso, complicarnos bastante la existencia a los que no lo somos.