Diferencia entre revisiones de «Ayuda:Tutorial»

De Wiki Las Láminas
Ir a la navegación Ir a la búsqueda
 
Línea 1: Línea 1:
{{Ayuda:Tutorial/Cabecera}}
+
Por lo regular se necesita '''subir un archivo de imagen''' antes (véase [[Help:Files management/es|Gestión de archivos]]). Use el siguiente wikitexto para colocar una imagen en un artículo:
{{atajos|[[A:T]]}}
 
<div style="border:2px solid #A3B1BF; padding:.5em 1em 1em 1em;border-top:none;background-color:#fff;color:#000">
 
== ¡Bienvenido al Tutorial de Wikipedia! ==
 
'''[[Wikipedia]] es una enciclopedia de Internet, editada de forma colaborativa en la que tú también puedes contribuir. Este tutorial te ayudará a convertirte en un [[Wikipedia:Wikipedistas|Wikipedista]].
 
  
En las siguientes páginas podrás descubrir elementos de Wikipedia, contenido y estilo, información sobre la comunidad de Wikipedia e importantes políticas y convenciones.
+
{| {{Prettytable}}
 +
|-
 +
|{{Hl3}}|'''Descripción'''
 +
|{{Hl3}}|'''Escribes'''
 +
|{{Hl3}}|'''Obtienes'''
 +
|-
 +
|Imagen incrustada<br /> (con texto alternativo)
 +
|
 +
<code><nowiki>[[Image:Example.jpg|Girasoles]]</nowiki></code>
 +
|
 +
[[Image:Example.jpg|Girasoles]]
 +
|-
 +
|Enlace con la página de descripción
 +
|
 +
<code><nowiki>[[:Image:Example.jpg]]</nowiki></code><br />
 +
<code><nowiki>[[:Image:Example.jpg|Girasoles]]</nowiki></code>
 +
|
 +
[[:Image:Example.jpg]]<br />
 +
[[:Image:Example.jpg|Girasoles]]
 +
|-
 +
|Enlace directamente al archivo
 +
|
 +
<code><nowiki>[[Media:Example.jpg]]</nowiki></code><br />
 +
<code><nowiki>[[Media:Example.jpg|Girasoles]]</nowiki></code>
 +
|
 +
[[Media:Example.jpg]]<br />
 +
[[Media:Example.jpg|Girasoles]]
 +
|-
 +
|Miniatura<br /> (centrada, 100 pixeles<br /> de ancho, con descripción)
 +
|
 +
<code><nowiki>[[Image:Example.jpg|center|thumb|100px|Girasoles]]</nowiki></code>
 +
|
 +
[[Image:Example.jpg|center|thumb|100px|Girasoles]]
 +
|-
 +
|Borde<br /> (100 pixels) <br /> El resultado es un ligero borde gris (no puede verse debido a las propiedades de la tabla)
 +
|
 +
<code><nowiki>[[Image:Example-white-bg.jpg|border|100px]]</nowiki></code>
 +
|
 +
[[Image:Example-white-bg.jpg|border|100px]]
 +
|-
 +
|Sin Marco<br />Como Miniatura, respeta las preferencias de los usuarios para el ancho de la imagen, pero sin bordes y sin flotación derecha.
 +
|
 +
<code><nowiki>[[Image:Example.jpg|frameless]]</nowiki></code>
 +
|
 +
[[Image:Example.jpg|frameless]]
 +
|}
  
Recuerda que esto es sólo un ''tutorial'' y no un extenso manual. A lo largo de él encontrarás enlaces a otras páginas con mayor información sobre los temas tratados. También hay enlaces a lugares en los que puedes practicar lo que has aprendido. No tengas miedo de intentar cosas nuevas, nadie se enfadará si cambias algo en las zonas de práctica.
+
== Sintaxis ==
 +
La sintaxis completa para mostrar una imagen es: <code><nowiki>[[Imagen:{nombre de la imagen}|{opciones}|{descripción}]]</nowiki></code>
  
Adicionalmente, para crear un artículo nuevo, puedes servirte de nuestro [[Wikipedia:Asistente para la creación de artículos|asistente para la creación de artículos]].
+
En caso de que tenga opciones deben separarse por barras <code><nowiki>|</nowiki></code>:
 +
*<code>thumb</code>, <code>frameless</code>, <code>border</code>, o <code>frame</code>: Controla como la imagen es formateada
 +
*<code>left</code>, <code>right</code>, <code>center</code>, <code>none</code>: Controla la alineación de la imagen en la página
 +
*<code>{tamaño}px</code>: Cambia el tamaño de la imagen para dar el ancho en pixeles
 +
*<code>{texto de subtítulo o descripción}</code>
 +
Las opciones pueden ser escritas en cualquier orden. Si una determinada opción no coincide con ninguna de las posibilidades, se supondrá que es la descripción de la imagen. La descripción de la imagen puede contener enlaces a otros vínculos wiki (wikilinks) u otros formatos.
  
<p style="font-size:85%">''Nota: Este tutorial asume que estás usando el ''[[Skin (software)|skin]]'' por defecto. Si has iniciado sesión y has cambiado el ''skin'' (en tus preferencias), puede que la ubicación de los enlaces sea diferente.''</p><br clear="all" />
+
== Otros archivos ==
 +
Se puede conectar a un archivo externo usando la misma sintaxis utilizada para enlazar con una página web externa.
 +
*<code><nowiki>[http://direccion.de/alguna/imagen.png]</nowiki></code>
 +
O con diferente texto:
 +
*<code><nowiki>[http://direccion.de/alguna/imagen.png texto del enlace aquí]</nowiki></code>
  
 +
Si esta habilitado en su wiki [[Manual:$wgAllowExternalImages|$wgAllowExternalImages]], se podrán incrustar imagenes externas. Para hacer esto, simplemente inserte la URL de la imagen:
 +
*<code><nowiki>http://direccion.de/alguna/imagen.png</nowiki></code>
  
<div style="align: left; float:left; margin-top: -1.75em; margin-bottom:3px; background-color: #f5faff; color: #000; padding: .2em .6em; font-size: 130%; border: 1px solid #cedff2;"><span style="font-size: larger; font-weight: bold;">←</span> '''¡Espera! Antes de empezar revisa la [[Ayuda:Introducción|Introducción]]'''</div>
+
== Galería de imágenes ==
 +
Es muy sencillo crear una galería de miniaturas con la etiqueta <code><nowiki><gallery></nowiki></code>, por medio de la sintaxis:
 +
<source lang="text">
 +
<gallery>
 +
Imagen:{Archivo}|{título}
 +
Imagen:{Archivo}|{título}
 +
{...}
 +
</gallery>
 +
</source>
  
<div style="float:right; margin-top: 0.0em; margin-bottom:3px; background-color: #cedff2; color: #000; padding: .2em .6em; font-size: 130%; border: 1px solid #B8C7D9;">'''Inicia el tutorial con:''' '''[[Ayuda:Tutorial (Edición)|Editar]]''' <span style="font-size: larger; font-weight: bold;">→</span><div>
+
Los títulos son opcionales, ademas de que pueden contener enlaces wiki u otros formatos.
</div>
 
<div style="clear:both"></div>
 
</div>
 
<!-- Interwikis found using http://vs.aka-online.de/globalwpsearch/ -->
 
<!-- Search for Wikipedia:Tutorial -->
 
  
[[Categoría:Ayuda:Tutorial|*]]
+
Por ejemplo:
 +
<source lang="text">
 +
<gallery>
 +
Imagen:Example.jpg|Elemento 1
 +
Imagen:Example.jpg|Un vínculo hacia [[Help:Contents]]
 +
Imagen:Example.jpg
 +
Imagen:Example.jpg
 +
Imagen:Example.jpg|''Título en cursiva''
 +
</gallery>
 +
</source>
 +
que se mostrará como:
 +
<gallery>
 +
Image:Example.jpg|Elemento 1
 +
Image:Example.jpg|Un vínculo hacia [[Help:Contents]]
 +
Image:Example.jpg
 +
Image:Example.jpg
 +
Image:Example.jpg|''Título en cursiva''
 +
</gallery>

Revisión actual - 11:13 18 may 2014

Por lo regular se necesita subir un archivo de imagen antes (véase Gestión de archivos). Use el siguiente wikitexto para colocar una imagen en un artículo:

Plantilla:Hl3|Descripción Plantilla:Hl3|Escribes Plantilla:Hl3|Obtienes
Imagen incrustada
(con texto alternativo)

[[Image:Example.jpg|Girasoles]]

Girasoles

Enlace con la página de descripción

[[:Image:Example.jpg]]
[[:Image:Example.jpg|Girasoles]]

Image:Example.jpg
Girasoles

Enlace directamente al archivo

[[Media:Example.jpg]]
[[Media:Example.jpg|Girasoles]]

Media:Example.jpg
Girasoles

Miniatura
(centrada, 100 pixeles
de ancho, con descripción)

[[Image:Example.jpg|center|thumb|100px|Girasoles]]

Girasoles
Borde
(100 pixels)
El resultado es un ligero borde gris (no puede verse debido a las propiedades de la tabla)

[[Image:Example-white-bg.jpg|border|100px]]

100px

Sin Marco
Como Miniatura, respeta las preferencias de los usuarios para el ancho de la imagen, pero sin bordes y sin flotación derecha.

[[Image:Example.jpg|frameless]]

Example.jpg

Sintaxis

La sintaxis completa para mostrar una imagen es: [[Imagen:{nombre de la imagen}|{opciones}|{descripción}]]

En caso de que tenga opciones deben separarse por barras |:

  • thumb, frameless, border, o frame: Controla como la imagen es formateada
  • left, right, center, none: Controla la alineación de la imagen en la página
  • {tamaño}px: Cambia el tamaño de la imagen para dar el ancho en pixeles
  • {texto de subtítulo o descripción}

Las opciones pueden ser escritas en cualquier orden. Si una determinada opción no coincide con ninguna de las posibilidades, se supondrá que es la descripción de la imagen. La descripción de la imagen puede contener enlaces a otros vínculos wiki (wikilinks) u otros formatos.

Otros archivos

Se puede conectar a un archivo externo usando la misma sintaxis utilizada para enlazar con una página web externa.

  • [http://direccion.de/alguna/imagen.png]

O con diferente texto:

  • [http://direccion.de/alguna/imagen.png texto del enlace aquí]

Si esta habilitado en su wiki $wgAllowExternalImages, se podrán incrustar imagenes externas. Para hacer esto, simplemente inserte la URL de la imagen:

  • http://direccion.de/alguna/imagen.png

Galería de imágenes

Es muy sencillo crear una galería de miniaturas con la etiqueta <gallery>, por medio de la sintaxis: <source lang="text">

</source>

Los títulos son opcionales, ademas de que pueden contener enlaces wiki u otros formatos.

Por ejemplo: <source lang="text">

</source> que se mostrará como: