Ayuda:Cómo se edita una página
De Wikibello
Aquí encontrarás una referencia rápida sobre cómo editar una página con formato utilizando la sintaxis Wiki. También se puede hacer uso de la sintaxis HTML en algunos casos, pero se recomienda usar la sintaxis Wiki siempre que sea posible, puesto que hace el código más legible.
No hagas las pruebas en esta página. Si quieres probar, hazlo en la Zona de pruebas.
Contenido |
[editar] Párrafos
Para separar los párrafos debes dejar una línea en blanco de separación entre un párrafo y el siguiente (dos saltos de línea). De esta forma, el segundo párrafo aparecerá separado del primero. Si solamente insertas un salto de línea (al pulsar la tecla "enter") el texto aparecerá todo junto, como si ese salto de línea no existiera. Tenlo en cuenta. Si dejas más de una línea en blanco, el espacio entre párrafos aumentará, pero eso no es deseable pues se busca que el formato de los artículos sea homogéneo. A continuación unos ejemplos:
Este texto está escrito como ejemplo para mostrar cómo se edita una wiki. La idea es crear un texto largo para que se pueda ver en más de una línea. Estamos alargando este texto para que aparezca en varias líneas.
Este es el segundo párrafo que, como ves, está separado del anterior por dos saltos de línea, es decir, con una línea en blanco entre medio. Este texto es un ejemplo para ilustrar cómo se edita en una Wiki.
Este texto está separado por tres saltos de línea, como ves, el espacio es mayor que el anterior. Estamos alargando este texto para que aparezca en varias líneas.
Esta es una nueva línea pero en realidad aparece pegada a la anterior porque no se ha dejado una línea en blanco entre ésta y la anterior.
[editar] Enlaces
[editar] Enlaces internos
Son la mejor forma de tener todos los artículos interrelacionados. Si en el texto crees que puede ser relevante poner un enlace a otro artículo de WikiBello, ¡Adelante!. Esto facilitará a un lector poder llegar hasta ese artículo y saber más cosas sobre él, en caso de que exista. Si no existe también lo sabrá porque aparecerá el enlace en rojo y podrá crearlo al hacer clic sobre él.
Para insertar un enlace escribe el título de la página que quieras enlazar (no la dirección) entre dobles corchetes, o pulsando sobre el botón 
de la barra de herramientas de edición. Utiliza el símbolo '|' (tecla AltGr + 1) para que muestre un texto diferente.
- Enlace a página existente
- Decano
[[Decano]]
- Enlace a página inexistente
- Página inexistente
[[Página inexistente]]
- Enlace a una página pero mostrando otro nombre en el enlace
El siguiente enlace nos llevará a la portada.
El siguiente [[Página Principal|enlace] nos llevará a la portada.
- Enlace a una página mostrando el nombre de la página con un sufijo
Centros de Estudios de la Facultad.
[[Centros de Estudios]] de la Facultad.
- Enlaces a páginas de imágenes
- Para que se muestre un enlace a la página de la imagen y no aparezca la imagen en si debes añadir dos puntos (:) delante del nombre de la página. Ver más adelante en imágenes.
[[:Imagen:wb1.png|Logo de WikiBello]]
[editar] Enlaces a proyectos hermanos
En algunos casos puede que consideres necesario un enlace a un proyecto hermano, como Wikipedia, Wikilibros, etc. Es lo que se conoce también como Interwikis.
Se realizan igual que los enlaces internos, pero añadiendo un prefijo o más al nombre de la página a enlazar. Para Wikipedia, el prefijo será Wikipedia:, Wikibooks:, etc. seguido del código de idioma (es para español), ya que sin prefijo irá a la Wiki en inglés.
Wikipedia:es:Facultad de Derecho de la Universidad de Chile
[[Wikipedia:es:Facultad de Derecho de la Universidad de Chile]]
o bien
[[wikipedia:es:Portada|Wikipedia]]
[editar] Enlace externo
Para otros casos se puede utilizar la dirección web directamente, sin corchetes. También puedes ponerla entre corchetes simples. Si quieres que aparezca un nombre distinto no debes utilizar la barra vertical, sino un espacio. El primer espacio que encuentre separará la dirección del texto a mostrar. También puedes hacerlo pulsando el botón 
de la barra de herramientas de edición.
- Con texto a mostrar
CED, Sitio web seguro, dirección de correo
[http://www.estudiantesdederecho.cl/ CED], [https://sourceforge.net/ Sitio web seguro], [mailto:correo@electronico.com dirección de correo]
[editar] Modificar el texto
[editar] Negritas y cursivas
Para destacar palabras y expresiones utiliza negritas y cursivas. Se consigue poniendo apóstrofes (') triples y dobles respectivamente alrededor de la expresión. También con los botones 
para negrita y 
para cursiva de la barra de herramientas de edición.
- Texto en negrita y cursiva
Texto en negrita y cursiva
Texto en '''negrita''' y ''cursiva''
- Negrita y cursiva combinadas
A este texto en negrita le añadimos la cursiva
A este texto en '''negrita le añadimos la ''cursiva'''''
[editar] Cambiar el color
No hay botón para hacerlo
Cambiar el color a una palabra sirve para resaltar su significado. Para ello hay que escribir antes de la palabra <span style="color: ;"> en el espacio blanco escribiremos el color que deseemos. Al final de la palabra se escribe </span>. No es necesario escribir esto por cada palabra. Desde donde se inserte <span style="color: ;"> hasta donde se inserte </span> el color cambiara, del negro por defecto, al elegido.
Procura usar colores en formato hexadecimal o RGB en vez de nombres de color en inglés, pues los nombres no están soportados en todos los navegadores.
Un ejemplo común de su uso también es para indicar los colores de una tabla, a modo de leyenda. Fijate:
- Verde: son correctos.
- Rojo: son incorrectos.
Este es el código:
* <span style="color:green;">Verde</span>: son correctos. * <span style="color:red;">Rojo</span>: son incorrectos.
Puedes encontrar una amplia gama de colores aquí.
 Solo usalo si es estrictamente necesario. |
[editar] Cambiar la fuente
No hay botón para hacerlo
Por defecto el texto siempre lleva una fuente, pero es posible cambiarla, esto puede servir, por ejemplo, para decorar un título. Para ello se escribe <span style="font-family:' ';"> en el espacio blanco escribiremos la fuente que deseemos. Al final del texto se escribe </span>. Su uso es el mismo que para cambiar el color.
Fíjate en un ejemplo:
- Comic Sans es informal.
- Times New Roman sin embargo es más formal.
- Calibri vale para ambos casos.
Mira su código:
<span style="font-family:'Comic Sans MS';">Comic Sans es informal</span>. <span style="font-family:'Times New Roman';">Times New Roman sin embargo es más formal</span>. <span style="font-family:'Calibri';">Calibri vale para ambos casos</span>.
|
[editar] Cambiar el tamaño
No hay botón para hacerlo
Cambiar el tamaño de una palabra o texto sirve para resaltarlo, normalmente no es necesario ya que se cuenta con los encabezados. Pero para casos especiales esto es lo que hay que hacer: desde donde se inserte <span style="font-size: ;"> hasta donde se inserte </span> el tamaño cambiara.
Los tamaños se pueden indicar de varias formas, en tantos porcientos (%) o con palabras. Con los tantos porciento no hay limite, las palabras que puedes utilizar son: xx-small|x-small|small|medium|large|x-large|xx-large o larger|smaller
Fijate en un ejemplo:
- La palabra texto esta al tamaño 140%
- Ahora he cambiado el tamaño de la palabra texto poniendo large.
Este es el código:
* La palabra <span style="font-size:150%;">texto</span> esta al tamaño 150% * Ahora he cambiado el tamaño de la palabra <span style="font-size:large;">texto</span> poniendo large.
Para cambiar el tamaño también se pude encerrar el texto entre <small> que reduce el tamaño y <big> que lo agranda.
[editar] Encabezados
Los encabezados o subtítulos sirven para separar las diferentes partes de un artículo y ayudan a organizar la información. Además, generarán automáticamente una tabla de contenidos, siempre y cuando haya por lo menos tres encabezados en el artículo o según lo tengas configurado en tus preferencias.
Los encabezados se crean añadiendo signos igual (=) al principio y al final de una línea. Cuantos más signos añadas, el encabezado será de menor nivel, es decir, será de menor importancia. El encabezado de mayor nivel debería estar formado por dos signos de igual en cada lado, tal como lo hace el botón 
de la barra de herramientas.
Este sería su código:
== Titular1 == === Subtítulo1 === Texto === Subtítulo2 === Texto == Titular2 == Texto
[editar] Imágenes
Para insertar imágenes en WikiBello primero debes subirlas, o elegir una que ya esté subida. Sólo tienes que insertar un enlace a la página de la imagen o bien utilizar el botón 
de la barra de herramientas de edición.
La imagen puede tener varios parámetros que controlen su posición y visualización. Pueden ir en cualquier orden pero se recomienda dejar para el final el texto descriptivo de la imagen. Sólo el nombre de la imagen es obligatorio.
[[Imagen:NOMBRE DE LA IMAGEN|FORMATO|POSICIÓN|TAMAÑO|TEXTO DESCRIPTIVO]]
- Formato
- thumb / thumbnail: Aparece una versión reducida (180px como máximo si no se especifica otro tamaño) de la imagen y se alinea a la derecha (a menos que se especifique lo contrario). Añade un símbolo de Ampliar
- frame: Sólo aparece enmarcada, sin el símbolo de Ampliar. La imagen aparecerá a tamaño original
- Alineación
- right: Alineación a la derecha, con el texto flotando a la izquierda
- left: Alineación a la izquierda, con el texto flotando a la derecha
- center: Alineación al centro. El texto siguiente aparece debajo de la imagen
- none: Sin alineación. La imagen aparece en la misma línea que el texto.
- Tamaño
- númeropx. Especifica el ancho de la imagen en píxeles. Si se especifica númeroxnúmeropx especificará el alto y el ancho máximos de la imagen, manteniendo siempre la proporción de la imagen. Si se usa con frame será ignorado.
- Texto descriptivo
- Cualquier otro texto no reconocido como parámetro. Aparecerá al situar el ratón sobre la imagen y, si el formato es thumb o frame, aparecerá debajo de ella.
- Ejemplos
[[Imagen:Wb3.png|thumb|Formato thumb]] [[Imagen:Wb3.png|frame|Formato frame]]
[editar] Listas
Las listas sirven para hacer enumeraciones o expresar un orden a seguir. Hay de diferentes tipos y no hay un atajo en la botonera de edición para crearlas.
- Lista de boliches
Se crean empezando la línea con un asterisco. Si ponemos más asteriscos seguidos la línea quedará más indentada.
- Este es un ítem
- Este es otro ítem más indentado que el primero
- Igual que el anterior
- Volvemos al nivel superior
* Este es un ítem ** Este es otro ítem más indentado que el primero ** Igual que el anterior * Volvemos al nivel superior
- Lista ordenada
Se crean empezando cada línea con uno o más signos almohadilla o "gatos" (#).
- Primera acción
- Segunda acción
- Esta acción tiene subapartados
- Otro
- Seguimos
# Primera acción # Segunda acción ## Esta acción tiene subapartados ## Otro # Seguimos
- Lista de definición
Constan de un título y de uno o varios elementos que dependen de él. Aunque es posible usar sólo uno de los dos elementos. Sirve para indentar comentarios en discusiones o párrafos. El título se forma empezando la línea con un punto y coma (;) y los elementos con dos puntos (:)
- Titular
- Un ítem
- Otro ítem.
; Titular : Un ítem : Otro ítem.
Un comentario
- Otro comentario indentado
- Aún más indentado
- Volvemos
Un comentario : Otro comentario indentado :: Aún más indentado : Volvemos
[editar] Tablas
Tampoco hay botón para generarlas y pueden ser complicadas de entender. La sintaxis de la tabla va por líneas.
La primera línea de una tabla debe ser {| seguido de atributos HTML opcionales que modificarán el aspecto de toda la tabla, la última línea será |}.
La tabla se forma por filas. Cada fila es una línea que empieza con |- seguido de atributos HTML opcionales que modificarán el aspecto de la fila y las celdas de la misma.
Las celdas se pueden escribir en una misma línea o en líneas diferentes. Y hay de dos tipos: las normales y las de título. Las celdas normales empiezan la línea con una barra vertical (|) seguido del contenido, o bien de atributos HTML y el contenido separados por otra barra vertical. Para separar dos celdas o bien escribes la celda al lado de la primera separándola por dos barras verticales seguidas, o bien empiezas una nueva línea, como si fuera la primera celda. Las celdas de título aparecerán en negrita y centradas y se forman igual que las celdas normales pero empezando la línea por un signo de exclamación (!) y separando las celdas de una misma línea por dos signos de exclamación, en vez de dos barras verticales.
| Título 1a-1b | Título 1c | Título 1d | |
|---|---|---|---|
| Celda 2a-3a | Celda 2b | Celda 2c | Celda 2d |
| Celda 3b | Celda 3c-3d 4c-4d | ||
| celda 4a | celda 4b | ||
{| align="center" width="80%" border="1" style="border-collapse:collapse;"
|- style="color:blue; background:orange;"
! colspan="2" | Título 1a-1b
! Título 1c
! Título 1d
|-
| rowspan="2" align="center" | Celda 2a-3a
| Celda 2b
| Celda 2c
| Celda 2d
|-
| Celda 3b
| colspan="2" rowspan="2" | Celda 3c-3d 4c-4d
|-
| celda 4a
| celda 4b
|}
Como ves, se han añadido algunos atributos HTML de ejemplo. Si no sabes cómo mejorar una tabla en un artículo, no importa. Alguien que sepa ya le dará un retoque.
[editar] Alineación de columnas
Para alinear columnas se puede utilizar a nivel de tabla estilos del tipo class="col1cen col2izq col3der". Estos estilos son fáciles de utilizar y la nomenclatura es la siguiente: col + número de columna + alineación (izq = izquierda; cen = centro; der = derecha)
Esta alineación se realiza con CSS, especificación que soporta la mayoría de los navegadores ámpliamente usados, excepto Internet Explorer anterior a la versión 7. Si usas Internet Explorer 6 o inferior piensa en usar navegadores más seguros y funcionales como Mozilla Firefox u Opera.
De forma predeterminada las celdas están alineadas a la izquierda, pero si deseas que todas las celdas estén centradas excepto una, utiliza: (por ejemplo, la columna 2 alineada a la izquierda)
{| class="col2izq" style="text-align:center;"
Para un ejemplo véase el siguiente apartado.
[editar] Tablas ordenables
Para casos en los que pueda ser útil ordenar una lista alfabéticamente o numéricamente. Aparecerán unos botones en la primera fila para ordenar el resto de filas a partir de la columna seleccionada. class="sortable".
Para que alguna de las columnas no sea ordenable, porque contenga una descripción que no será útil su ordenación, hay que poner a nivel de celda de la primera fila un class="unsortable".
| Profesores | Cantidad | Descripción |
|---|---|---|
| Profesores Invitados | 124 | Profesores de la Facultad1 |
| Profesores Asistentes | 93 | Profesores de la Facultad2 |
| Profesores Asociados | 35 | Profesores de la Facultad3 |
| Profesores Titulares | 54 | Profesores de la Facultad4 |
{| {{TablaB}} class="sortable lista col2der col4cen"
|- class="encabezado"
! Profesores !! Cantidad !! class="unsortable" | Descripción
|-
| Profesores Invitados || 124 || Profesores de la Facultad1
|-
| Profesores Asistentes || 93 || Profesores de la Facultad2
|-
| Profesores Asociados || 35 || Profesores de la Facultad3
|-
| Profesores Titulares || 54 || Profesores de la Facultad4
|}
[editar] Escapar del código
En algunas ocasiones puede ser necesario utilizar alguna de las notaciones aquí expuestas para otros fines como, por ejemplo, empezar una línea con un asterisco pero no querer que aparezca como una lista de boliches. En esos casos, el código que pueda confundir al software (porque no sabe si deseas en realidad usar el formato o que aparezca tal cual) debes encerrarlo entre las etiquetas <nowiki> y </nowiki> respectivamente. También puedes usar el botón 
.
Recuerda que todo lo que esté incluido entre esas etiquetas será mostrado tal cual y tampoco reconocerá enlaces. Tampoco hace falta que pongas todo el texto entre las etiquetas. Si quieres mostrar, por ejemplo, dobles corchetes sin que se cree un enlace puedes utilizarlos en una parte del texto:
Este [[enlace]] no se verá como tal.
Este <nowiki>[[</nowiki>enlace]] no se verá como tal.
* Esto que en principio aparecería como una lista en realidad no se visualizará así
<nowiki>*</nowiki> Esto que en principio aparecería como una lista en realidad no se visualizará así
http://www.wikibello.cl/ con enlace y http://www.wikibello.cl/ sin enlace
http://www.wikibello.cl/ con enlace y http://www.wikibello.cl/ sin enlace
[editar] Texto oculto
En determinadas situaciones, interesa poner en el artículo texto que sólo se ve al editar el artículo, pero no si sólo lo estas viendo. Puede resultar útil para dar indicaciones a los editores sobre cosas que se deben arreglar, o cómo hay que editar cierta parte del artículo, etc. Se conoce como comentario o comentario HTML.
Todo lo que vaya entre <!-- y --> no se mostrará en el artículo, pero sí en la caja de edición cuando alguien lo edite.
Por ejemplo (compruébalo pulsando en el enlace editar de esta sección):
Esto es una frase. Entre la frase anterior y ésta hay un texto oculto.
Esto es una frase. <!-- *** texto oculto que no se mostrará *** --> Entre la frase anterior y ésta hay un texto oculto.
[editar] Categorías
Las categorías son una parte importante del wiki. Por ello, se explican en una página a parte, Ayuda:Categorías.
