SEARCH
TOOLBOX
LANGUAGES

Ayuda:Cómo se edita una página

De Wiki Portuaria

Saltar a: navegación, buscar

Contenido

Edicion

"Aquí se explica cómo editar paso a paso.”

Wikiportuaia es un wiki, esto significa que todo usuario registrado puede editar fácilmente cualquier página y sus cambios serán visibles inmediatamente. Aquí aprenderás cómo se edita una página. Las indicaciones que se dan sirven para cualquier tipo de página, aunque principalmente se editan artículos.

Se explican algunas cosas sobre la sintaxis: cómo crear enlaces, los principales formatos de texto, estructurar el contenido en secciones, cómo insertar imágenes, hacer listas y tablas, usar plantillas.

Plantillas

Plantillas preestablecidas

Primeros pasos

Para editar es necesario estar registrado. El proceso deeditar un artículo puede resumirse en tres pasos.

Paso1. Editar Wikipedia es muy sencillo, simplemente haz clic en la pestaña«editar» ubicada en la parte superior de todas las páginas (cada seccióntambién tiene un enlace equivalente
Paso2. Sabrás que estás en el «modo edición» porque verás una caja blancaque contiene el texto del artículo. En la parte superior de ella dispones deuna barra de herramientas paradar formato al texto. Modifica lo que estimes oportuno.
Paso3. Los cambios que hagas serán visibles desde el momento en que presiones elbotón «Grabar la pagina». Dada esta inmediatez, es preferibleutilizar antes el botón «Mostrar previsualización» y una vez has comprobado que todo está correcto,entonces grabar los cambios.

Ir a inicio.jpg Ir a inicio

Cómo empezar una página

Básicamente hay dos formas:


Mientras editas el texto de una página existente puedesponer algo entre dobles corchetes como, por ejemplo, [[mipágina]]. Cuando guardes la página, aparecerá unenlace azul si la página ya existe, o rojo si aun no. En el segundo caso, pulsasobre él e irás a una nueva página que puedes editar. Reemplaza el texto«Escribe aquí el contenido de la página» con el texto que desees.

  1. Teclea el

título de tu nueva página precedido de la cadena«http://es.wikipedia.org/wiki/» en el campo «URL»de tu navegador y pulsa la tecla Enter. Si todo resulta bien, llegarás auna página con el título que usaste y podrás empezar a editarla.


El modo recomendado es el primero. Se recomienda esto paraque las páginas no queden sueltas, sino que haya algún enlace entre ellas y seamás fácil que el usuario las encuentre.

Enlaces

En Internet se navega entre páginas a través de enlaces. EnWikiportuaria se sigue el mismo sistema. Existen principalmente dos tipos deenlaces: internos y externos.


Enlaces internos

Si noquieres introducir los dobles corchetes([[ ]]) a mano,puedes crear los enlaces utilizando el asistente. Selecciona la palabra aenlazar con el ratón y presiona el botón Enlacede la barra de herramientas. Esto abrirá un formulario donde indicarás eltítulo de artículo destino y el título del enlace.


Los enlaces internos son aquellos que nos llevan aotros artículos, sin salirnos de Wikiportuaria. Los enlaces internos se crean siempreque el artículo destino aporte información de valor al artículo actual,permitiendo al lector navegar entre ambos.


Por ejemplo, si estamos escribiendo sobre los planetas delSistema Solar:


...los planetas delSistema Solar son: Mercurio, Venus,Tierra...


Quizás nos interese activar los enlaces internos hacia losartículos de cada planeta. En ese caso, pondremos dobles corchetes alrededor decada palabra que queramos convertir en enlace:


...los planetas delSistema Solar son: [[Mercurio]], [[Venus]],Tierra...


Automáticamente las palabras actuarán como enlaces internos.Si el artículo existe, saldrá en azul; si no existe, saldrá en rojo. En estecaso no existen los dos artículos enlazados:


...los planetas del Sistema Solarson: Mercurio, Venus, Tierra...


Pero hay un problema. Mercurio es un planeta, pero tambiénun elemento químico. Venus es un planeta, pero también una diosa de lamitología, etc. Por ello, Mercurio y Venus son páginas dedesambiguación y contienen los enlaces a todos los posibles significados.Bastará consultar esas páginas para saber el título exacto de los artículossobre el planeta Mercurio y Venus, en este caso: [[Mercurio (planeta)]] yVenus (planeta). Entonces crearemos los enlaces de este modo (con una barravertical «|» entre el título del artículo y el título del enlace):


...los planetas delSistema Solar son: [[Mercurio (planeta)|Mercurio]], [[Venus (planeta)|Venus]],Tierra...


Y tendremos, ahora sí, los enlaces apuntando a los artículoscorrectos.


...los

planetas del Sistema Solarson: Mercurio, [[Venus

(planeta)|Venus]],Tierra...


Generalmente los artículos que comparten un mismo título noson frecuentes, por lo que bastará con introducir los corchetes y listo (es elcaso de Sistema Solar y Tierra).


...los planetas del[[Sistema Solar]] son: [[Mercurio (planeta)|Mercurio]], [[Venus(planeta)|Venus]], [[Tierra]]...


Y obtendrás:

...los

planetas del SistemaSolar son: Mercurio,

Venus,Tierra...


Ir a inicio.jpg Ir a inicio

Enlaces externos

Tambiénexiste un asistente para crear enlaces externos. Pulsa el botón Enlacede la barra de herramientas y selecciona la opción «A una página web externa».Escribe en «Título de página» la dirección web o URL del sitio escogido (noolvides añadir al principiohttp://) y en «Título delenlace» el texto que hará de enlace.

Muchas veces es necesario enlazar con otros sitios web deInternet. Por ello, este tipo de enlaces se llaman enlaces externos.


El sistema detecta automáticamente los enlaces externos queempiecen por http://. Porejemplo, al introducir lo siguiente (sin necesidad de dobles corchetes, ni debarra vertical):


http://www.google.com


Obtendremos directamente un enlace externo:


http://www.google.com


Si queremos que la dirección web quede oculta bajo un textoque nosotros elijamos, procederemos del siguiente modo:


[http://www.google.comPágina principal de Google]


Y resultará:


Páginaprincipal de Google


También es posible crear un enlace externo de modo queaparezca como referencia numerada, encerrándola sin más entre corchetes simples([ ]):


[http://www.google.com]

Obtendremos:



[1]


Ir a inicio.jpg Ir a inicio

Otros enlaces

Existen estas otras variantes a los enlaces internos yexternos.

Títulos con paréntesis:[[Júpiter (mitología)|]][[Júpiter (mitología)|Júpiter]]

  • Plurales:

[[rey de Portugal|reyes dePortugal]][[rey de Portugal|reyes dePortugal]]

  • Imágenes y categorías: hay que precederlas de dospuntos «:».

ver [[:Categoría:Países|todoslos países]] del mundovertodos los países del mundo

    • [[:Archivo:Einstein.jpg]]

Archivo:Einstein.jpg

una imagen de[[:Archivo:Einstein.jpg|Albert Einstein]] pensativouna imagen de Albert Einsteinpensativo

  • Subpáginas: establecen

una jerarquía. Son útiles enpáginas de usuario y discusión (para almacenar conversaciones antiguas).

    • [[/Subpágina]]:

enlaza auna subpágina de la actual. Es decir, otra forma de enlazar a[[Wikiportuaria:puerto/Archivo]]desde «Wikiportuaria:puerto» es hacerlo así: [[/Archivo|Archivo]].

    • [[../]]: enlaza a lapágina superior de la actual.
    • [[../Hermana]]:

enlaza auna página en el mismo nivel de jerarquía. Es decir, desde [[Wikiportuaria:puerto/Archivo]]podemos enlazar con [[../Archivo2004]] a[[Wikiportuaria:puerto/Archivo2004]].

  • Secciones: permite enlazar con las secciones dentrode una misma página.
    • [[#Historia]]:

si elartículo tiene una sección llamada «Historia», el enlace nos llevará a ella.

    • [[#top]]: envía alcomienzo de la página.
    • [[#footer]]:envía al final de la página.

Como con los demás enlaces internos, podemos modificar eltexto del enlace: [[#Historia|suhistoria]]suhistoria


Ir a inicio.jpg Ir a inicio

Formatos de texto

Los formatos de texto facilitan la lectura y resaltanlos puntos más importantes. Los principales son las negritas y lascursivas. También existen otras opciones adicionales, pero ten en cuentaque no conviene abusar de ellas, sobre todo de subrayados, tachados, líneashorizontales, distintos tamaños, fuentes y colores, ya que pueden provocar unefecto negativo en la legibilidad del texto.


Negritas

Para convertir una palabra o frase en negritas debesrodearlo de tres comillas simples ('''),escribiéndolas a mano o presionando el botón Negritade la barra de herramientas. El código siguiente:


...el texto ennegrita '''resalta mucho''' sobre todo lo demás...


Genera esto:


...el texto en negritas resaltamucho sobre todo lo demás...


Ir a inicio.jpg Ir a inicio

Cursivas

Para convertir una palabra o frase en cursivas debesrodearlo de dos comillas simples(''), escribiéndolas amano o presionando el botón Negritas de la barrade herramientas. El código siguiente:


...el texto encursiva ''resalta un poco menos'' que en negrita...

Genera esto:



...el texto en cursiva resaltaun poco menos que en negrita...


Otras opciones de formato

Además de las negritas y cursivas existen otros formatosde texto:

Subrayado

...podemos subrayar <u>unaparte</u> de la oración... → ...podemossubrayar una parte de la oración...

Tachado

...incluso tachar <s>unfragmento</s> de otra... → ...incluso tacharun fragmento de otra...

Sangría

La forma más simple de poner sangría al texto es escribir«dos puntos» (:) al inicio de la línea o utilizar elbotón Indentación. Cuantosmás signos de dos puntos pongas, más sangría tendrá la línea.

Esta línea está sangrada a nivel 1
Ésta lo está un poco más, a nivel 2 (se ponendos caracteres de dos puntos :: al inicio)
Nivel

3. ¿Quién sabe hasta dónde podríamosllegar? (se ponen tres signos de dos puntos ::: al inicio)

Tipografía monoespaciada

Para escribir un texto con una tipografía de anchurafija de carácter, como «Courier», escribe uno o más espacios al principio delínea:

En otras palabras, siempiezas un párrafo con espacios, esa línea se indentará


y a la vez aparecerácon una fuente monoespaciada.

Ir a inicio.jpg Ir a inicio

Coloreado de sintaxis

Si quieres insertar fragmentos de código fuente puedes hacersu lectura más sencilla si usas el coloreado de sintaxis:

<sourcelang=C>


int main()
{
   printf("hola");
}
</source>

Se verá así: <sourcelang=C> int main() {

  printf("hola");

} </source>

Tipos de letra

Existen etiquetas para cambiar el tipo de fuente, de estamanera resalta sobre el texto normal.

  • <tt></tt>:fuente

monoespacio. Ejemplo:<tt>monoespacio</tt>monoespacio.

  • <code></code>:resalta

el texto levemente mediante un color de fondo gris. Ejemplo:<code>micódigo</code>micódigo.

  • <pre></pre>:similar

a<code></code>pero preserva los saltos de línea.

  • <span></span>:para

escribir en una fuente que desees. Ejemplo para escribir usando Times NewRoman: <span style="font-family: Times NewRoman">Aquí el contenido</span>Aquí elcontenido.

  • <nowiki></nowiki>:su

utilidad es la de poder insertar código wiki sin que sea interpretado. En elsiguiente ejemplo no se activa el enlace:<nowiki>[[enlace]]</nowiki>[[enlace]]. Una formacómoda de usar<nowiki></nowiki>es seleccionar el código que quieras mostrar y pulsar el botón Sinformato wiki.

Líneas horizontales

Puedes hacer una línea horizontal colocando cuatro guionesseguidos ----.

Caracteres especiales

Puede que necesites usar caracteres especiales como: ü À α.Para acceder a un listado de los más comunes rápidamente, haz clic en lasección «Caracteres especiales» de la barra de herramientas. EnAyuda:Caracteres especiales puedes consultar los que hay disponibles y algunasindicaciones adicionales.


Superíndices y subíndices

Con las etiquetas<sup></sup> y<sub></sub>respectivamente, insertando el texto dentro de ellas. Ejemplo:<sup>texto arriba</sup>texto arriba y<sub>textoabajo</sub>textoabajo. Recuerda que tienes a tu disposición los botones SubíndiceSuperíndice (subíndice /superíndice).


Tamaño del texto

Puedes modificarlo metiendo el texto entre las etiquetas<small></small>para reducirlo o entre<big></big>para agrandarlo; usa los botones Textogrande Texto pequeño(agrandar / reducir tamaño del texto) para hacerlo sin mayores complicaciones.Ejemplo: <small>texto pequeño</small>texto pequeño y<big>textogrande</big>textogrande.


Color

También puedes controlar el color. Por ejemplo: <span style="color: #FF00FF">este texto es rosa</span>este texto es rosa. Para ver un listado de los colores que puedes usar, mira Colores HTML.


Secciones

Cuando una página tiene bastante texto y la separación enpárrafos no es suficiente, se crean secciones para estructurar el texto.


El título de la sección se sitúa entre dos o más signos deigual == Sección ==. Losespacios entre los signos de igual y el título no se tienen en cuenta. Es lomismo poner ==Filmografía==que == Filmografía ==.Aunque sí es obligatorio pegar el primer signo de igual al margen izquierdo.


El número de signos de igual define el nivel de jerarquía dela sección del siguiente modo:


== Sección 1==
=== Sección 1.1===
==== Sección 1.1.1====
==== Sección 1.1.2====
=== Sección 1.2===
== Sección 2==
== Sección 3==


También puedes crear secciones utilizando la barra deherramientas pulsando el menú desplegable «Encabezado».


Barra de herramientas


Junto a las secciones aparece un enlace [<fontcolor=blue>editar</font>], que permitemodificar sólo esa sección. Esto facilita la edición de artículos largos.


En el caso de que, por tener la página un diseño especial,no convenga que aparezcan esos enlaces, puedes eliminarlos poniendo__NOEDITSECTION__.


Ir a inicio.jpg Ir a inicio

Archivos

Una vez que has subido el archivo, tienes que insertar uncódigo en el artículo de Wikiportuaria para que se muestre. Este código secompone de dos partes fundamentales: el nombre del archivo y lasopciones de visualización.



[[Archivo:Nombredelarchivo|opciones]]


Puedes hacerlo con el botón Archivoempotrado que aparece en la barra de herramientas. Escribe y seleccionael nombre del archivo y el texto alternativo —separados por una barra «|»— ypulsa el botón. Escribirá[[Archivo: adelante y]] detrás.


El nombre del archivo siempre debe tener una extensión(la mayoría de las imágenes son JPG/JPEG, PNG o SVG; para audio o vídeo puedesusar OGG y para documentos PDF o DjVu. Debes tener cuidado con las mayúsculas yminúsculas. Por ejemplo, si subes una imagen con el nombre «Mi Imagen.jpg»(atención a la «i» mayúscula) pero luego no escribes su nombre exactamenteigual, no funcionará y dicha imagen no se verá (saldrá un enlace rojo indicandoque la imagen no existe). Sin embargo, da igual escribir espacios o guionesbajos «_», los nombres«Mi Imagen.jpg» y «Mi_Imagen.jpg» son equivalentes.


Algunas de las opciones de visualización avanzadas alinsertar archivos son las siguientes:

Formato: thumb (miniatura ycon recuadro), frame (marco) oborder (con un borde gris). Es recomendable utilizarthumb.

  • Alineación:

posición del archivo en la pantalla (sepuede indicar en español o inglés). Puede ser: left oizquierda, center ocentro, right oderecha. Lo común es en la derecha.

Tamaño: se indica en píxeles. Por ejemplo200px ó 300px. Si no existela necesidad de usarlo más grande, lo mejor es algo menor200px. Recuerda que aun hay gente con resoluciones de pantalla pequeñas.

Descripción: es el texto que explica el contenidodel archivo (en el caso de las imágenes es el pie de foto). Puede ser todo lodetallado que se quiera.

  • Texto alternativo: se indica mediante el

códigoalt=. Allí puedes añadir un texto narrativo de lo quese ve. Es recomendable ponerlo siempre, de esta forma, los invidentes que utilizan lectores de pantalla pueden hacerse una idea de qué se muestra enel archivo.

  • Enlace: se

indica mediante el códigolink=. Añadir el nombre de una página de Wikiportuariao una dirección web allí, hará que la imagen lleve hacia esa página al hacerclic sobre ella, en lugar de la página de descripción por defecto.


A un archivo se le puede pasar ninguna opción, una, varias otodas (y en cualquier orden, la única obligación es poner el nombre del archivoal principio y separar las opciones con barras verticales «|»).


Ir a inicio.jpg Ir a inicio

Imágenes

Esta imagen de la Gran Muralla China se ha insertado mediante el código:
[[Archivo:The_Great_wall-by_Bernard_Goldbach.jpg|thumb|right|300px|...]]

A continuación se detallan algunos ejemplos para insertar imágenes en artículos:

[[Archivo:Miimagen.jpg]]: no hemos indicado nada. Quedará atamaño máximo y flotando a la izquierda.

[[Archivo:Miimagen.jpg|thumb]]: saldrá con un recuadroalrededor. Por defecto, debido al thumb, la posiciónserá a la derecha y con 180 píxeles de tamaño (a menos que el lector lo hayacambiado en sus preferencias).

[[Archivo:Miimagen.jpg|border|100px]]: con un borde grisalrededor y a 100 píxeles.

[[Archivo:Mi imagen.jpg|thumb|left]]:con recuadro y a la izquierda. El tamaño será de 180 píxeles (indicados por elthumb por defecto).

[[Archivo:Miimagen.jpg|thumb|right|350px]]: con recuadro, a laderecha y a 350 píxeles.

[[Archivo:Miimagen.jpg|thumb|right|200px|La descripción de miimagen.]]: con recuadro, a la derecha, a 200píxeles y con una descripción útil.


Lo más recomendable es utilizar[[Archivo:Mi imagen.jpg|thumb|La descripción de miimagen.]]. Debido al thumbse mostrará con un recuadro, a la derecha y a 180 píxeles. Si el lector haelegido otros valores en sus preferencias, se mostrará con ellos, por lo queestamos dejándole esa libertad de elección (lo cual es bueno).


Ir a inicio.jpg Ir a inicio

Listas

Las listas permiten organizar visualmente lainformación.


Numeradas

Las listas numeradas se crean utilizando el símbolo# pegado al margenizquierdo. Para añadir una fácilmente, utiliza el botón Listanumerada situado en la sección «Avanzado» de la barra de herramientas.


Este es un ejemplo de una lista numerada:


# Ítemuno
# Ítemdos
## Se pueden anidar poniendo dos omás # seguidos
##Otra
### Todavíamás...

# Ítem tres


Que genera lo siguiente:


  1. Ítem uno
  2. Ítem dos
    1. Se pueden anidar poniendo dos o más# seguidos
    2. Otra
      1. Todavía más...
  3. Ítem tres


No numeradas

Las listas no numeradas (o viñeteadas) se crean con elsigno de asterisco *. Sino quieres escribirlos a mano, utiliza el botón Listaviñeteada de la barra de herramientas.


Con el siguiente código para listas no numeradas:


* Unpunto
* Otropunto
** Podemos tener también sublistas(usando varios * seguidos)
*** Y seguir, yseguir...

* Últimopunto


Tendremos esto:

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


Ir a inicio.jpg Ir a inicio

Otras listas

Las listas de definición se generan empezando la líneacon el signo de punto y coma;. El resto de elementosde la lista se generan poniendo el signo de dos puntos: ya sea en la mismalínea del título de la lista (si es de sólo un elemento) o en una nueva línea.Si necesitas incluir los dos puntos como signo de puntuación dentro del títulode la lista, tendrás que sustituirlo por su codificación en HTML(&#58;).


Si introducimos este código:


; Este es el título de la lista dedefinición : Este es un elemento.
: este es otroelemento.

:: unomás.
: y esteotro.


Veremos esta salida:

Este es el título de la lista de definición 
Este es unelemento.
este es otro elemento.
uno más.
y este otro.


Ir a inicio.jpg Ir a inicio

Tablas

Es posible crear tablas de dos formas, con la sintaxispropia de Wikiportuaria (forma recomendada) o a través de código HTML(<table></table>).Si encuentras alguna tabla en forma HTML, puedes usar este[http://www.uni-bonn.de/~manfear/html2wiki-tables.php#wiki conversor automático]para pasarla a formato wiki.


Para insertar una tabla personalizada fácilmente, haz clicen el botón Tabla, el cual se encuentrabajo la sección «Avanzado» de la barra de herramientas.


Encabezado 1 Encabezado 2 Encabezado 3
celda 1 celda 2 celda 3
celda 4 celda 5 celda 6


La tabla de la derecha se ha generado con el siguientecódigo:

{|border="1" style="float:right; margin:0 0 1em 1em"
! Encabezado 1 !! Encabezado 2 !! Encabezado 3
|-
| celda 1 || celda 2 || celda 3
|-
| celda 4 || celda 5 || celda 6
|}


Encabezado 1 Encabezado 2 Encabezado 3
celda 1 celda 2 celda 3
celda 4 celda 5 celda 6

Como habrás observado, el diseño no es muy estilizado. Porello existen «clases» que definen estilos predeterminados. Es el caso de laclase «wikitable», que se inserta con el códigoclass="wikitable".


{|class="wikitable" align=right
! Encabezado1 !! Encabezado 2 !! Encabezado 3
|-
| celda 1 || celda 2 || celda 3
|-
| celda 4 || celda 5 ||celda 6
|}


Tablas de contenido

En esta misma página hay al principio una tabla decontenido, pero si intentas editarla, verás que no puedes. ¿Por qué? Lastablas de contenido se generan automáticamente cuando hay más de tres seccionesen la página. En la tabla las secciones se numeran según la jerarquía. Se da elnúmero 1 ala 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 empiezaen 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, hayuna serie de órdenes que puedes poner en el texto del artículo. Se recomiendausarlas sólo cuando la tabla de contenidos puede crear algún problema (porejemplo, en listas de artículos o diseños especiales):

  • __FORCETOC__

haceaparecer la tabla de contenidos, aunque no haya suficientes secciones. Debesponerlo al principio o al final del artículo.

  • __TOC__

hace aparecer latabla 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 elartículo. Ponlo al principio o al final del artículo.


Ir a inicio.jpg Ir a inicio

Principal.pngPágina principal