RutasEnBici:Cómo se edita una página

De RutasEnBici

Esta página es un tutorial que te permitirá conocer los detalles sobre cómo escribir y modificar una ruta de RutasEnBici.

Recuerda, que para crear rutas y modificarlas tienes que estar registrad@ en el wiki!

Tabla de contenidos

Como empezar la edición

Añadir una ruta nueva

Antes de empezar una ruta nueva, comprueba mediante el botón buscar si alguien ya ha descrito la misma ruta que vas a añadir.

Si la página (ruta) no existe, siguiendo el enlace You can create this page comienzas la edición.

También se puede crear añadiendo el nombre de la ruta a la dirección http://rutasenbici.org/nombre_de_la_ruta (utiliza _ para los espacios entre palabras) y ponerla en tu navegador. Una vez te encuentres en dicha dirección, al pulsar editar, podrás escribir el contenido de la misma.

Por ejemplo, si en este momento estás viendo esto en el campo "URL" de tu navegador:

  • http://rutasenbici.org/RutasEnBici:C%C3%B3mo_se_edita_una_p%C3%A1gina

puedes reemplazarlo por esto:

  • http://rutasenbici.org/Nombre_de_tu_ruta

Ten en cuenta que hay que ser cuidadoso con algunos caracteres especiales (como letras con acentos y signos de puntuación) que pueden necesitar ingresarse de forma especial en un URL (en ocasiones el navegador lo convierte solo).

Además, Nombre_de_tu_ruta, Nombre_de_tu_Ruta, Nombre_De_Tu_Ruta y NOMBRE_DE_TU_RUTA son rutas diferentes. Asegúrate de crear la ruta con la sintaxis adecuada (minúsculas menos los nombres propios, que llevan la inicial en mayúscula).

Editar una ruta existente

Si encuentras una ruta que quieres corregir o ampliar (mediante la búsqueda o siguiendo un enlace) simplemente haz clic en la pestaña editar. Esto te llevará a una página con una caja de texto que contiene el texto de esa ruta.

Grabar la ruta

Presionando el botón Mostrar previsualización verás el resultado intermediario de la edición. Revisa si ha quedado bien, corrige lo que esté mal o no te guste hasta que quede bien. Cuando estés satisfecho guarda tu edición pulsando Grabar la página.

Como utilizar Google Maps

Una imagen vale más que mil palabras. Un mapa de una ruta puede explicar más que un largo discurso. Por eso RutasEnBici integra mapas de Google Maps que puedes insertar fácilmente en tus rutas.

Crear un mapa

Toolbar

Pulsando en el enlace insertar un mapa se abre un area de edición de mapa con:

  • búsqueda de direcciones,
  • la lista de rutas trazadas en el mapa,
  • un mapa de Google,
  • opciones de mapa,
  • el código de wiki para el texto de la ruta (que visualizará después el mapa),
  • una lista desplegable de mapas ya insertados en la ruta para editarlos posteriormente.

Mapa auxiliar

Utilizando las opciones puedes cambiar el aspecto general del mapa y en detalle:

  • el tamaño del control de zoom,
  • el tamaño del mapa,
  • si aparece o no el selector del tipo de mapa,
  • si aparece o no la escala,
  • si aparece o no la vista general de mapa.

Puntos de mapa

Punto de mapa
Punto de mapa

Haciendo un click encima del mapa aparece un punto con un bocadillo. En el bocadillo puedes poner la descripción del punto (utilizando el formato wiki), guardarlo y cerrar el bocadillo, eliminar el punto o empezar a trazar una ruta desde este punto. Para editar el punto hay que hacer un click encima de él y otra vez se muestra el mismo bocadillo.

Si quieres cambiar o ajustar la posición de un punto sencillamente arrastra el punto con el ratón y colócalo en otra ubicacón.

Rutas

Punto de ruta
Punto de ruta

Para empezar a trazar una ruta marca un punto y después elige inicia una ruta del bocadillo. Arriba del mapa en la lista de rutas aparece tu nueva ruta con la distancia total de la ruta, el texto Haz click en el mapa para añadir más puntos a esta ruta. y una barra que muestra la distancia relativa a la ruta más larga del mapa (la barra de la ruta más larga del mapa ocupa toda la anchura de la pantalla).

Haciendo clicks encima del mapa añades puntos de la ruta. Los puntos se conectan automáticamente y se aumenta la distancia total. Pinchando en el enlace Guardar (en la lista de rutas detrás del texto Haz click en el mapa para añadir más puntos a esta ruta.) terminas de trazar la ruta y lo guardas. Otra vez puedes añadir puntos de mapa y empezar nuevas rutas.

Si quieres editar una ruta pulsa sobre el enlace Añadir puntos de la ruta correspondiente. Estás ahora en el modo de trazar una ruta y puedes continuar añadiendo más puntos.

Una ruta tiene por defecto color azul. Siguiendo el enlace cambiar el color puedes elegir otro color de la raya.

Los puntos de la ruta se pueden editar del mismo modo que puntos del mapa (pinchando en el punto). Da igual si estás en el modo de añadir puntos de mapa o trazar una ruta. El bocadillo de un punto de ruta ofrece la posibilidad de añadir una descripción o borrarlo. Los puntos de ruta puedes moverlos arrastrandolos por el mapa, igualmente que puntos de mapa.

Trabajar con código del mapa

Abajo de las opciones del mapa aparece el código wiki que, insertado al texto del artículo, generará el mapa. Tienes que marcar el código wiki (todo entre <googlemap> y </googlemap>, con <googlemap> y </googlemap> incluidos), copiarlo y pegarlo al texto de tu ruta, donde quieres que aparezca el mapa.

Otra opción, Elimina todos los puntos borra todos los puntos y rutas del mapa y el código - empiezas todo de nuevo.

Editar un mapa existente del artículo

Los mapas ya insertados en el texto del artículo están en la lista desplegable debajo del código wiki. El primer mapa del texto aparece como Mapa #1, el segundo como Mapa #2, etc. Para editar un mapa existente pulsa en Carga el mapa. Ten cuidado - los puntos y rutas de este mapa sustituyen los del mapa auxiliar.

Referencia de googlemap

Tag <googlemap>

El tag <googlemap></googlemap> acepta siguientes parametros:

  • lat - latitud del centro del mapa; latitudes del hemisferio norte (N) representan números positivos, del hemisferio sur (S) negativos.
  • lon - longitud del centro del mapa; longitudes al este del Meridiano Greenwich (E) representan números positivos, al oeste (W) negativos.
  • zoom - el nivel de zoom, entre 0 (el zoom más pequeño) y 17 (el zoom más grande)
  • type - tipo del mapa - normal o mapa un mapa de vías, satélite un mapa satélite y híbrido un mapa satélite con vías indicadas.
  • width - anchura del mapa en pixels.
  • height - altura del mapa en pixels.
  • controls - establece controles de la posición y el zoom del mapa; small crea unicamente botones +/-. de zoom, medium añade botones con flechas para mover el mapa y un botón para volver a centrar el mapa, large tiene adicionalmente una regleta de zoom,
  • selector - determina si aparece o no el selector del tipo de mapa (posibles valores son yes y no),
  • scale - determina si aparece en el mapa una regla con la escala (posibles valores son yes y no),
  • icons - plantilla de URL para iconos propios de marcadores; tiene que contener el texto "{label}", que se sustituirá con el nombre del icono definido para un punto concreto,
  • icon - URL para marcadores de puntos sin icono especificado.

Todos los parametros son opcionales. Los valores por defecto son:

Formato de puntos y caminos

Los puntos de mapa y puntos de rutas se hallan entre <googlemap> y </googlemap>, un punto por linea.

Primero están puntos (sueltos) del mapa:

latitud punto 1,longitud punto 1,descripción punto 1
(nombre de icono) latitud punto 2,longitud punto 2,descripción punto 2
latitud punto 3,longitud punto 3
/título de la pestaña 1\ texto de la pestaña 1
/título de la pestaña 2\ texto de la pestaña 2
latitud punto 4,longitud punto 4,descripción punto 4
...

por ejemplo:

40.44857998362135,-3.785063624382019,Aravaca Cercanías
(S) 40.450735382579694,-3.792203664779663,Entrada a Pozuelo
40.450768039608015, -3.792128562927246
/Descripción\ Entrada a Pozuelo
/Mira también\ http://www.ayto-pozuelo.es/

El nombre del icono se utiliza en la plantilla definida en el parámetro icons; sustituye el texto {label}. Por ejemplo, si utilizas la plantilla por defecto (http://maps.google.com/mapfiles/marker{label}.png) y defines el nombre de icono como (S) el URL final será http://maps.google.com/mapfiles/markerS.png.

La descripción de puntos puede contener el formato wiki (incluso imagenes) y tener varias pestañas. Una pestaña se define debajo del punto; entre / y \ pones el título de la pestaña, despues sigue el contenido.

Despues están rutas. Una ruta empieza por el código hexadecimal de color de la raya y despues siguen puntos de la ruta, uno por linea:

código hexadecimal de color de la ruta
latitud punto 1,longitud punto 1,descripción punto 1
latitud punto 2,longitud punto 2,descripción punto 2
...

por ejemplo:

#758bc5 
40.450637411399455, -3.792128562927246, continua recto
40.451943682058754, -3.785090446472168, gira a la izquierda
40.44857998362135, -3.785063624382019, Aravaca Cercanías

Recuerda que empezando una ruta los puntos siguientes pertenecerán a esta ruta o las rutas siguientes.

Cómo escribir con formato en una página

A continuación hay varias secciones para demostrar los diversos efectos posibles usando el wiki, tales como negrita, itálica/cursiva, listas numeradas, etc. También puedes consultar un libro Manual de edición 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 image:Italic icon.png.

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 image:Bold icon.png.

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 (predeterminado) 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>

Tipografía monoespaciada

Para escribir un texto con una tipografía de anchura fija de carácter, como "Courier", escribe uno o más espacios al principio de línea:

    En otras palabras, si empiezas un párrafo con espacios, esa línea se indentará
    y a la vez aparecerá con una fuente monoespaciada.
          Esto es muy útil para importar materiales formateados con tabulador y letra
          monoespacio, como la versión de 1911 de EB. Observa además que las líneas
          indentadas con espacios no se dividen, sino que incrementan la anchura de tu 
          ventana.

Sangrado de párrafos (o indentación)

Esta línea está sangrada (se pone dos puntos [:] al inicio de línea)
Ésta lo está todavía más (se ponen dos caracteres de dos puntos [::] al inicio)
¿Quién sabe hasta dónde podríamos llegar? (se ponen tres signos de dos puntos [:::] al inicio)


Esta línea se ha indentado usando un espacio inicial (repetidamente)
              pero como no se han usado los dos puntos (:)
     al comienzo de la línea, aparece como una fuente monoespaciada
 generándose, además, el recuadro punteado.

(ver Tipografía monoespaciada).

Secciones

Puedes estructurar una página en secciones. Para ello sólo tienes que poner el título de la sección entre signos = (= así =). Los espacios entre los signos de = y el título no se tienen en cuenta, es igual poner =esto= que = esto =

El número de = define el nivel de jerarquía de la sección, veámoslo con un ejemplo:

=Sección 1=
==Sección 1.1==
=Sección 2=
==Sección 2.1==
===Sección 2.1.1===
===Sección 2.1.2===
==Sección 2.2==
=Sección 3=

El número de = también afecta al formato del título de la sección. No es necesario empezar por el nivel 1, que tiene un tamaño bastante grande de letra. Esta misma página empieza por el nivel dos.

También puedes crear secciones de nivel dos seleccionando el titular y pulsando el botón image:Headline icon.png

Si quieres hacer un enlace a una sección, pulsa aquí para ver cómo hacerlo.

En las secciones suele aparecer un pequeño enlace [editar] en la esquina superior derecha, para editar sólo esa sección. Así, cuando alguien necesite corregir un pequeño detalle de esa sección (una falta de ortografía, por ejemplo), no necesitará recorrer todo el código para encontrarlo. En el caso de que, por tener la página un diseño especial, no convenga que aparezcan esos enlaces, puedes eliminarlos poniendo __NOEDITSECTION__.

Listas

Las listas numeradas se escriben utilizando la sintaxis “#texto”, con el “#” pegado al margen izquierdo. Este es un ejemplo de una lista numerada:

  1. Ítem 1
  2. Ítem 2
    1. Se pueden anidar poniendo dos “#” seguidos.
  3. Ítem 3
#Nota, esta línea no está numerada porque no está alineada a la izquierda.

Las listas no numeradas se realizan utilizando la sintaxis “*texto”. Aquí está una lista no numerada:

  • Un punto
  • Otro punto
    • Podemos tener también sublistas (usando varios * seguidos)
      • Y seguir, y seguir...

Las listas de definición se generan empezando la línea (sin espacios antes) con el signo de punto y coma (;). El resto de elementos de la lista se generan poniendo el signo de dos puntos (:) ya sea en la misma línea del título de la lista de definición si sólo pones un elemento o en una nueva línea (pero sin dejar ninguna línea de espacio entre ellas). Tenlo en cuenta por si necesitas incluir los dos puntos como signo de puntuación dentro del título de la lista, pues tendrás que sustituirlos por su codificación en HTML que es &#58;:

Este es el título de la lista de definición 
Este es un elemento.
este es otro elemento.
y este otro.

Tablas

Hay dos modos de crear tablas:

  • Con los elementos habituales de HTML: <table>, <tr>, <td> o <th>.
  • Con marcas especiales del wiki (forma preferida)

La tabla entera comienza con una línea "{| parámetros opcionales para la tabla " y finaliza con la línea "|}". Una leyenda opcional se incluye con la línea "|+ leyenda " luego de "{|".

Para comenzar una nueva fila usa "|- parámetros opcionales para la fila".

Una celda añades con cualquiera de las siguientes formas:

|celda1
|celda2
|celda3

o

|celda1||celda2||celda3


Una fila de títulos de columna se identifica usando "!" en lugar de "|" de comienzo. Para separar las celdas de títulos "!!" puede ser usado en vez de "||", excepto para la separación entre un parámetro de celda y un valor. La diferencia con una fila normal depende del navegador, los títulos de columna están frecuentemente presentados en negritas:

!Encabezado 1!!Encabezado 2!!Encabezado 3

o

!Encabezado 1||Encabezado 2||Encabezado 3

Parámetros en celdas pueden ser usados de la siguiente forma:

|parámetros opcionales de la celda|celda1||parámetros|celda2||parámetros|celda3

o para títulos de columna

!parámetros opcionales del encabezado|Encabezado 1!!parámetros|Encabezado 2!!parámetros|Encabezado 3

Los parámetros de tabla, de filas y de celdas son los mismos como en http://es.wikipedia.org/wiki/HTML HTML]. Para aprender más sobre edición de tabla mira Manual de edición wiki/Tablas

Leyenda
Encabezado 1Encabezado 2Encabezado 3
celda 1celda 2celda 3
celda 1celda2celda 3

Éste es un ejemplo de tabla flotante mediante marcas wiki:

Cuyo código es:

{| border=1 style="float:right; margin:0 0 1em 1em"
|+Leyenda
!Encabezado 1!!Encabezado 2!!Encabezado 3
|-
|celda 1||celda 2||celda 3
|-
|celda 1||celda2||celda 3
|}

Tablas de contenido

En esta misma página hay al principio una tabla de contenido, pero si intentas editarla, verás que no puedes. ¿Por qué? Las tablas de contenido se generan automáticamente cuando hay más de tres secciones en la página. En la tabla las secciones se numeran según la jerarquía. Se da el número 1 a la primera sección que haya, independientemente del nivel que tenga y será considerada la raíz del árbol jerárquico. Por eso esta página, aunque empieza en un nivel 2, en la tabla de contenido aparece el título como 1 y no como 1.1.

Para un control más preciso de las tablas de contenido, hay una serie de órdenes que puedes poner en el texto del artículo. Se recomienda usarlas sólo cuando la tabla de contenidos puede crear algún problema (por ejemplo, en listas de artículos o diseños especiales):

  • __FORCETOC__ hace aparecer la tabla de contenidos, aunque no haya suficientes secciones. Debes ponerlo al principio o al final del artículo.
  • __TOC__ hace aparecer la tabla de contenidos en la parte de la página donde lo pongas.
  • __NOTOC__ hace que la tabla de contenidos no aparezca, por muchas secciones que tenga el artículo. Ponlo al principio o al final del artículo.

Líneas horizontales

Se recomienda no abusar de las líneas horizontales.

Puedes hacer una línea horizontal en una página, usando una línea de guiones (-----):


o simplemente pulsando el botón image:H-line icon.png.

Mostrar código

Hay tres formas de mostrar código:

  1. Usar la etiqueta <nowiki>. Esta línea es un ejemplo con la etiqueta <nowiki>; se pueden usar signos >, < y & libremente.
  2. Usar la etiqueta <code>. Esta línea es un ejemplo con la etiqueta <code>.
  3. Usar la etiqueta <pre>.
Esta línea es un ejemplo con la etiqueta <pre>.

La diferencia entre <code></code> y <pre></pre> es que la etiqueta pre preserva los saltos de línea, mientras que la etiqueta code no lo hace. Además, el formato de pre es distinto.

La utilidad de nowiki es poder insertar caracteres que no sean interpretados como código wiki, pero conservando el estilo de párrafo y el tipo de letra del texto; se ha usado en esta página por ejemplo para mostrar cosas como [[esta]] sin crear un enlace wiki. Una forma cómoda de usar <nowiki> es seleccionar el código que quieras mostrar y pulsar el botón image:Nowiki icon.png

Como crear enlaces internos y externos

Enlaces internos

Si estás escribiendo una ruta y quieres enlazarla con otra, agrega simplemente corchetes alrededor del nombre de ella, por ejemplo [[Canal de Castilla]]. También puedes seleccionar la palabra y pulsar el botón image:Internal link icon.png. Si ya existe la ruta se creará un enlace —en azul— que abrirá dicha ruta. Si aún no existe, se creará un enlace —en rojo— que permitirá que alguien la cree (al hacer clic en él se entra en la caja de edición directamente).

El software Wiki considera el título de página enlazada igual al texto de su enlace, excepto que la primera letra será mayúscula. Por ejemplo, si escribes [[canal de Castilla]], se crea una conexión a la página titulada «Canal de Castilla».

A veces el texto que te gustaría convertir en un enlace simplemente no es un buen título de página. En ese caso puedes especificar ambos en los corchetes utilizando una barra vertical para separar como en [[Aravaca Cercanías - Las Rozas centro|ruta urbana entre Aravaca y Las Rozas]]. Esto aparecerá como «ruta urbana entre Aravaca y Las Rozas» aunque el enlace apuntará en realidad a «Aravaca Cercanías - Las Rozas centro».

Enlaces con secciones

También puedes hacer enlaces a una sección de la página que estás editando. Es igual que un enlace interno de wikipedia, pero en lugar de poner el nombre del artículo se pone el nombre de la sección precedido de # así: [[#sección|sección]] (si no pones |sección el enlace aparece con una fea #). Por ejemplo, el siguiente enlace va a la sección llamada Secciones.

Enlaces con categorías

Si quieres enlazar con imágenes o con categorías pero no quieres que se muestre la imagen ni se categorice el artículo respectivamente debes hacer lo siguiente:

  • Para enlazar con categorías es necesario poner dos puntos : de esta forma, [[:Categoría:Mi categoría]]. Por ejemplo Categoría:Comunidad de Madrid se obtiene con [[:Categoría:Comunidad de Madrid]].
  • Para enlazar a imágenes del mismo modo, Imagen:Ejemplo.jpg se obtiene con [[:Imagen:Ejemplo.jpg]].

Enlaces externos

El wiki detecta automáticamente los enlaces externos que empiecen por http://. Por ejemplo, un enlace a otra web: http://www.pedalibre.org.

El mismo enlace se puede hacer poniendo dentro de los corchetes tanto la dirección web como el título del enlace, separadas por un espacio. Este ejemplo: Página web de la asociación Pedalibre, se ha conseguido de esta manera: [http://www.pedalibre.org Página web de la asociación Pedalibre]

También puedes seleccionar el texto y pulsar el botón image:External link icon.png.

O de modo que aparezca como referencia encerrándola sin más entre corchetes ([]): [1].

Como asignar una categoría a la ruta

Las categorías son agrupaciones de rutas por ubicaciones geograficas, típos, grados de dificultad, etc. Para agregar una ruta a una categoría, basta con agregar al contenido (preferentemente, al final, después de la descripción) un enlace a una o más categorías:

[[Categoría:El nombre de la categoría 1]]
[[Categoría:El nombre de la categoría 2]]

Antes de guardar la ruta asegúrate de que ha sido agregada a la categoría apropiada al previsualizarla. Comprueba también que la ruta aparecerá correctamente ordenada.

Orden

Las rutas aparecen listados en la página de la categoría en orden lexicográfico (que muchas veces es igual al orden alfabético). Cuando el orden apropiado no es el del nombre de la ruta, se debe crear una llave de ordenamiento:

[[Categoría:Comunidad de Madrid|Puerto de Navacerrada-Cotos]]

Debido a una limitación del software, las vocales acentuadas, las eñes y las letras minúsculas se ordenan después de la Z. Los signos de puntuación pueden estar antes de la A o después de la Z. Por lo tanto, las llaves de ordenamiento deben omitir acentos, eñes, signos de puntuación, caracteres especiales, y utilizar mayúscula sólo en la primera letra. Las vocales acentuadas (y la ü) se reemplazan por la vocal normal. La letra eñe debe reemplazarse por nzz. Ejemplos:

[[Categoría:Cataluña|Ruta de Catalunzza]]
[[Categoría:Aragón|Ruta de Aragon]]

Crear una categoría nueva

Para crear una categoría hay que poner un enlace a una categoría que aún no existe. Por ejemplo, para crear la categoría "Sierra de Guadarrama" hay que colocar [[Categoría:Sierra de Guadarrama]] dentro de una ruta. La Categoría:Sierra de Guadarrama será creada automáticamente cuando la edición de la ruta sea guardada.

La lista completa de categorías está en Especial:Categories. Otra lista Especial:Uncategorizedpages contiene rutas que aún no pertenecen a ninguna categoría. Editalas si sabes en qué categoría poner alguna de ellas.

Como añadir imagenes

Para subir una imagen, haz un click sobre Subir archivo del menú de izquierda. Puedes seguir también este enlace.

Una vez subida, se puede insertar en una ruta utilizando la misma sintaxis que para un enlace interno:

[[Imagen:nombre_del_archivo.png|Texto alternativo]]

(en caso de una imagen JPEG la extensión es .jpg, para una GIF es .gif)

Si quieres que laimagen aparezca en un marco a la derecha, utiliza la sintaxis siguiente:

[[Imagen:nombre_del_archivo.png|framed|Texto alternativo]]
Herramientas personales
ad