Diferencia entre revisiones de «Ayuda:Cómo se edita una página»

De Casiopea
(Control de Tamaño)
 
(No se muestran 39 ediciones intermedias de 10 usuarios)
Línea 1: Línea 1:
 +
__NOTITLE__
 +
__NOEDITSECTION__
 +
 +
=¿Cómo se edita una página?=
 +
 
Esta página cubre los aspectos técnicos de la escritura dentro de los artículos de esta wiki. Para entender los principios detrás de esta wiki en particular, por favor dirígete a [[Ayuda:Cómo Colaborar]].
 
Esta página cubre los aspectos técnicos de la escritura dentro de los artículos de esta wiki. Para entender los principios detrás de esta wiki en particular, por favor dirígete a [[Ayuda:Cómo Colaborar]].
  
Línea 5: Línea 10:
 
Estos títulos construyen automáticamente una tabla de contenidos, como la presentada al comienzo de esta página y obedecen, en su estructura tabular a la jerarquía de encabezados.
 
Estos títulos construyen automáticamente una tabla de contenidos, como la presentada al comienzo de esta página y obedecen, en su estructura tabular a la jerarquía de encabezados.
  
<pre>
+
<pre><nowiki>=h1=
<nowiki>
 
=h1=
 
 
==h2==
 
==h2==
 
===h3===
 
===h3===
etc...
+
etc...</nowiki></pre>
</nowiki>
 
</pre>
 
  
 
genera esto:
 
genera esto:
 +
 
=h1=
 
=h1=
 
==h2==
 
==h2==
Línea 31: Línea 33:
 
### ítem 2.2.1
 
### ítem 2.2.1
  
<pre>
+
<pre><nowiki>
<nowiki>
 
 
# ítem 1
 
# ítem 1
 
# ítem 2
 
# ítem 2
 
## ítem 2.1
 
## ítem 2.1
 
## ítem 2.2
 
## ítem 2.2
### ítem 2.2.1
+
### ítem 2.2.1</nowiki></pre>
</nowiki>
+
 
</pre>
 
 
===Desordenada y Alternada===
 
===Desordenada y Alternada===
  
Línea 47: Línea 47:
 
*#* sub-sub-ítem
 
*#* sub-sub-ítem
  
<pre>
+
<pre><nowiki>* ítem
<nowiki>
 
* ítem
 
 
* ítem
 
* ítem
 
*# sub-ítem
 
*# sub-ítem
*#* sub-sub-ítem
+
*#* sub-sub-ítem</nowiki></pre>
</nowiki>
 
</pre>
 
  
 
==Estilos==
 
==Estilos==
Línea 61: Línea 57:
 
* estos dos atributos se pueden combinar: '''''strong & em'''''
 
* estos dos atributos se pueden combinar: '''''strong & em'''''
  
<pre>
+
<pre><nowiki>
<nowiki>
 
 
* Negrita o bold: '''strong'''
 
* Negrita o bold: '''strong'''
 
* Cursiva o itálica: ''em''
 
* Cursiva o itálica: ''em''
* estos dos atributos se pueden combinar: '''''strong & em'''''
+
* estos dos atributos se pueden combinar: '''''strong & em'''''</nowiki></pre>
</nowiki>
 
</pre>
 
  
 
==Links==
 
==Links==
Línea 73: Línea 66:
 
El link es el elemento básico que permite construir la wiki. Cada vez que se indica un link, se crea la posibilidad de crear una página nueva. La notación del link es doble paréntesis de corchete:
 
El link es el elemento básico que permite construir la wiki. Cada vez que se indica un link, se crea la posibilidad de crear una página nueva. La notación del link es doble paréntesis de corchete:
  
<pre>
 
<nowiki>
 
 
Voy a crear una [[nueva página]].
 
Voy a crear una [[nueva página]].
</nowiki>
+
 
</pre>
+
<pre><nowiki>
 +
Voy a crear una [[nueva página]].</nowiki></pre>
  
 
El título de la página será el texto que está dentro del paréntesis de corchete doble. Si se quiere emplear otro título, se deberá dividir el nombre de la página con el texto alternativo mediante el caracter barra: '|'
 
El título de la página será el texto que está dentro del paréntesis de corchete doble. Si se quiere emplear otro título, se deberá dividir el nombre de la página con el texto alternativo mediante el caracter barra: '|'
  
<pre>
+
<pre><nowiki>
<nowiki>
 
 
Voy a vincular a una [[página existente|página]].
 
Voy a vincular a una [[página existente|página]].
  
para vincular a páginas especiales se antepone el tipo seguido de dos puntos:
+
Para vincular a páginas especiales se antepone el tipo seguido de dos puntos:
  
Voy a vincular a [[usuario:jorge|la página de jorge]].
+
Voy a vincular a [[Usuario:jorge|la página de jorge]].
Voy a definir una [[categoría:diseño|categoría fundamental]]
+
Voy a definir una [[Categoría:Diseño|categoría fundamental]]</nowiki></pre>
</nowiki>
 
</pre>
 
  
 
===fuera de la wiki===
 
===fuera de la wiki===
Simplemente se escribe la URL. La wiki reconocerá que se trata de un link o bien se utiliza paréntesis de corchete simple para especificar un nombre alternativo:
+
Simplemente se escribe la URL. La wiki reconocerá que se trata de un link o bien se utiliza paréntesis de corchete simple para especificar la URL separada de un espacio para un un nombre alternativo:
<pre>
+
<pre><nowiki>http://www.ead.pucv.cl/
<nowiki>
 
http://www.arquitecturaucv.cl/
 
 
ó
 
ó
[http://www.arquitecturaucv.cl Escuela de Arquitectura y Diseño - PUCV]
+
[http://www.ead.pucv.cl/ Escuela de Arquitectura y Diseño - PUCV]</nowiki></pre>
</nowiki>
+
 
</pre>
 
 
==Imágenes==
 
==Imágenes==
  
 
===Modo Simple===
 
===Modo Simple===
Para incrustar una imagen, ésta debe estar [[Especial:upload|subida en la wiki]] (link en barra lateral '''HERRAMIENTAS''': "[[Especial:upload|Subir Archivo]]"). El sistema no permite enlazar imágenes externas como salvaguarda a las leyes de copyright.
+
Para incrustar una imagen, ésta debe estar [[Especial:upload|subida en la wiki]] (link en barra superior '''Archivos''': "[[Especial:upload|Subir Archivo]]"). El sistema no permite enlazar imágenes externas como salvaguarda a las leyes de copyright.
  
 
Este es el modo básico que arroja la imagen a tamaño completo:
 
Este es el modo básico que arroja la imagen a tamaño completo:
<pre>
+
<pre><nowiki>[[Archivo:Mona-lisa.jpg]]</nowiki></pre>
<nowiki>
+
[[Archivo:Mona-lisa.jpg]]
[[Archivo:Mona-lisa.jpg|300px]]
+
 
</nowiki>
+
<pre><nowiki>[[Archivo:Mona-lisa.jpg|300px]]</nowiki></pre>
</pre>
 
 
[[Archivo:Mona-lisa.jpg|300px]]
 
[[Archivo:Mona-lisa.jpg|300px]]
  
 
===Miniatura===
 
===Miniatura===
 
Si se quiere ubicar una miniatura:
 
Si se quiere ubicar una miniatura:
<pre>
+
<pre><nowiki>[[Archivo:Mona-lisa.jpg|thumb|Texto de descripción de la imagen]]</nowiki></pre>
<nowiki>
 
[[Archivo:Mona-lisa.jpg|thumb|Texto de descripción de la imagen]]
 
</nowiki>
 
</pre>
 
 
[[Archivo:Mona-lisa.jpg|thumb|Texto de descripción de la imagen]]
 
[[Archivo:Mona-lisa.jpg|thumb|Texto de descripción de la imagen]]
El texto del párrafo se adapata en el ancho para dejar que la imagen con las indicaciones de "'''thumb'''" (de ''thumbnail'' eng: uña de pulgar o miniatura) literalmente flote en el costado derecho de la caja del texto.
+
El texto del párrafo se adapta en el ancho para dejar que la imagen con las indicaciones de "'''thumb'''" (de ''thumbnail'' eng: uña de pulgar o miniatura) literalmente flote en el costado derecho de la caja del texto.
  
  
Línea 131: Línea 112:
 
Ahora bien, si la imagen es demasiado grande y se prefiere mostrarla en un tamaño reducido se deben especificar las dimensiones del ancho en pixeles:
 
Ahora bien, si la imagen es demasiado grande y se prefiere mostrarla en un tamaño reducido se deben especificar las dimensiones del ancho en pixeles:
  
<pre>
+
<pre><nowiki>[[Archi:Mona-lisa.jpg|50px]]</nowiki></pre>
<nowiki>
 
[[Archivo:Mona-lisa.jpg|50px]]
 
</nowiki>
 
</pre>
 
 
[[Archivo:Mona-lisa.jpg|50px]]
 
[[Archivo:Mona-lisa.jpg|50px]]
  
Línea 142: Línea 119:
 
Como ya se explicó en la sección de miniatura, la imagen puede ajustar en su tamaño, ubicación y texto descriptivo (o pie de foto). También se puede reemplazar '''thumb''' por '''frame''', con la salvedad que esta indicación no permite redimensionar la imagen.
 
Como ya se explicó en la sección de miniatura, la imagen puede ajustar en su tamaño, ubicación y texto descriptivo (o pie de foto). También se puede reemplazar '''thumb''' por '''frame''', con la salvedad que esta indicación no permite redimensionar la imagen.
  
<pre>
+
<pre><nowiki>[[Archivo:Mona-lisa.jpg|thumb|100px|thumb|Texto de descripción de la imagen]]
<nowiki>
+
[[Archivo:Mona-lisa.jpg|thumb|200px|thumb|Texto de descripción de la imagen]]
[[Archivo:Mona-lisa.jpg|thumb|50px|left|Texto de descripción de la imagen]]
+
[[Archivo:Mona-lisa.jpg|thumb|300px|thumb|Texto de descripción de la imagen]]
[[Archivo:Mona-lisa.jpg|thumb|100px|center|Texto de descripción de la imagen]]
+
[[Archivo:Mona-lisa.jpg|thumb|400px|thumb|Texto de descripción de la imagen]]</nowiki></pre>
 +
 
 +
[[Archivo:Mona-lisa.jpg|thumb|100px|thumb|Texto de descripción de la imagen]]
 +
[[Archivo:Mona-lisa.jpg|thumb|200px|thumb|Texto de descripción de la imagen]]
 +
[[Archivo:Mona-lisa.jpg|thumb|300px|thumb|Texto de descripción de la imagen]]
 +
[[Archivo:Mona-lisa.jpg|thumb|400px|thumb|Texto de descripción de la imagen]]
 +
 
 +
<hr style="width: 100%; clear:both;" />
 +
 
 +
<pre><nowiki>[[Archivo:Mona-lisa.jpg|thumb|200px|left|Texto de descripción de la imagen]]
 +
[[Archivo:Mona-lisa.jpg|thumb|200px|center|Texto de descripción de la imagen]]
 
[[Archivo:Mona-lisa.jpg|thumb|200px|right|Texto de descripción de la imagen]]
 
[[Archivo:Mona-lisa.jpg|thumb|200px|right|Texto de descripción de la imagen]]
[[Archivo:Mona-lisa.jpg|thumb|300px|none|Texto de descripción de la imagen]]
+
[[Archivo:Mona-lisa.jpg|thumb|200px|none|Texto de descripción de la imagen]]</nowiki></pre>
</nowiki>
+
 
</pre>
+
[[Archivo:Mona-lisa.jpg|thumb|200px|left|Texto de descripción de la imagen]]
[[Archivo:Mona-lisa.jpg|thumb|50px|left|Texto de descripción de la imagen]]
+
[[Archivo:Mona-lisa.jpg|thumb|200px|center|Texto de descripción de la imagen]]
[[Archivo:Mona-lisa.jpg|thumb|100px|center|Texto de descripción de la imagen]]
 
 
[[Archivo:Mona-lisa.jpg|thumb|200px|right|Texto de descripción de la imagen]]
 
[[Archivo:Mona-lisa.jpg|thumb|200px|right|Texto de descripción de la imagen]]
[[Archivo:Mona-lisa.jpg|thumb|300px|none|Texto de descripción de la imagen]]
+
[[Archivo:Mona-lisa.jpg|thumb|200px|none|Texto de descripción de la imagen]]
<hr style="width: 100%; clear:both;" />
+
 
  
 
===La etiqueta &lt;gallery>===
 
===La etiqueta &lt;gallery>===
 
MediaWiki soporta la etiqueta de ''<nowiki><gallery></nowiki>'', que simplifica enormemente la presentación de '''secuencias de imágenes''' en las páginas.
 
MediaWiki soporta la etiqueta de ''<nowiki><gallery></nowiki>'', que simplifica enormemente la presentación de '''secuencias de imágenes''' en las páginas.
  
<pre>
+
<pre><nowiki><gallery>
<nowiki>
+
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo primera versión
 +
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo segunda versión
 +
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo tercera versión
 +
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo cuarta versión
 +
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo quinta versión
 +
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo sexta versión
 +
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo séptima versión
 +
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo octava versión
 +
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo novena versión
 +
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo décima versión
 +
</gallery></nowiki></pre>
  
 
<gallery>
 
<gallery>
Image:Mona-lisa.jpg|La mona lisa de Leonardo primera versión
+
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo primera versión
Image:Mona-lisa.jpg|La mona lisa de Leonardo segunda versión
+
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo segunda versión
Image:Mona-lisa.jpg|La mona lisa de Leonardo tercera versión
+
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo tercera versión
Image:Mona-lisa.jpg|La mona lisa de Leonardo cuarta versión
+
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo cuarta versión
Image:Mona-lisa.jpg|La mona lisa de Leonardo quinta versión
+
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo quinta versión
Image:Mona-lisa.jpg|La mona lisa de Leonardo sexta versión
+
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo sexta versión
Image:Mona-lisa.jpg|La mona lisa de Leonardo séptima versión
+
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo séptima versión
Image:Mona-lisa.jpg|La mona lisa de Leonardo octava versión
+
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo octava versión
Image:Mona-lisa.jpg|La mona lisa de Leonardo novena versión
+
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo novena versión
Image:Mona-lisa.jpg|La mona lisa de Leonardo décima versión
+
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo décima versión
 
</gallery>
 
</gallery>
</nowiki>
 
</pre>
 
  
<gallery>
+
=Widgets=
Image:Mona-lisa.jpg|La mona lisa de Leonardo primera versión
+
 
Image:Mona-lisa.jpg|La mona lisa de Leonardo segunda versión
+
La documentación de cómo utilizar los '''Widgets''' está en cada página específica:
Image:Mona-lisa.jpg|La mona lisa de Leonardo tercera versión
 
Image:Mona-lisa.jpg|La mona lisa de Leonardo cuarta versión
 
Image:Mona-lisa.jpg|La mona lisa de Leonardo quinta versión
 
Image:Mona-lisa.jpg|La mona lisa de Leonardo sexta versión
 
Image:Mona-lisa.jpg|La mona lisa de Leonardo séptima versión
 
Image:Mona-lisa.jpg|La mona lisa de Leonardo octava versión
 
Image:Mona-lisa.jpg|La mona lisa de Leonardo novena versión
 
Image:Mona-lisa.jpg|La mona lisa de Leonardo décima versión
 
</gallery>
 
  
 +
# [[Widget:FlickrSetShow]]
 +
# [[Widget:Google Calendar]]
 +
# [[Widget:Google Document]]
 +
# [[Widget:Google Form]]
 +
# [[Widget:Google Maps]]
 +
# [[Widget:Google Presentation]]
 +
# [[Widget:Google Street View]]
 +
# [[Widget:LinkedIn Company]]
 +
# [[Widget:PiX]]
 +
# [[Widget:Sketchfab]]
 +
# [[Widget:SoundCloud]]
 +
# [[Widget:Vimeo]]
 +
# [[Widget:YouTube]]
  
=Extensiones=
+
Para una versión actualizada de los Widgets disponibles, puedes revisar [http://wiki.ead.pucv.cl/index.php?title=Especial%3AP%C3%A1ginasPorPrefijo&prefix=&namespace=274 todos los widgets instalados]
  
 +
=Otras Extensiones=
 
==Citas==
 
==Citas==
 +
 
Extensión: http://www.mediawiki.org/wiki/Extension:Cite/Cite.php
 
Extensión: http://www.mediawiki.org/wiki/Extension:Cite/Cite.php
  
“El territorio ya no precede al mapa, ni lo sobrevive. De aquí en adelante, es el mapa el que precede al territorio, es el mapa el que engendra el territorio" <ref>'''Simulacra and Simulations'''. Jean Baurillard, Selected Writings. Mark Poster (editor). Stanford University Press, 1988. Pag.166</ref>.
+
“El territorio ya no precede al mapa, ni lo sobrevive. De aquí en adelante, es el mapa el que precede al territorio, es el mapa el que engendra el territorio" <ref>'''Simulacra and Simulations'''. Jean Baurillard, Selected Writings. Mark Poster (Editor). Stanford University Press, 1988. Pag.166</ref>.
  
 
<references/>
 
<references/>
  
==Flickr Sets==
+
==Texto Desplegable==
Esta extensión permite incrustar sets de flickr en páginas de la wiki. La principal ventaja de esta funcionalidad es la independencia de archivo de imágenes y la fluidez de conexión a grandes repositorios de imágenes.
 
 
 
formas de uso:
 
<pre>
 
<nowiki>
 
<flickrset>photo-set-id</flickrset>
 
 
 
donde el photo-set-id corresponde al número del set en la URL.
 
 
 
</nowiki>
 
</pre>
 
 
 
Más información en [http://shohei.yokoyama.ac/%E3%82%BD%E3%83%95%E3%83%88%E3%82%A6%E3%82%A7%E3%82%A2/MediaWiki_Extension/FlickrSet/en el sitio del desarrollador]
 
 
 
==Slideshare==
 
 
 
[[Archivo:Captura_de_pantalla_SlideShare3.png| left|350px| thumb| [1]Página de la presentación en Slideshare]]
 
 
 
[http://www.slideshare.net/ Slideshare] es un servicio gratuito en línea que permite compartir presentaciones de pfd, ppt y keynote cargando directamente la presentación en el sitio de slideshare transformandolo para ser visto por cualquier ordenador, También puede incrustarse en la wiki para visualizar las presentaciones.
 
  
===Parámetros===
+
Crea una caja <code>div</code> de texto desplegable que puede ocultarse para despejar la vista. Se necesitan crear 2 elementos:
Luego de cargar la presentación en [http://www.slideshare.net/ Slideshare], [1] en la página de la presentación [2] copiamos el código que entrega slideshare en '''for Wordpress'''.
+
# el elemento que gatilla el comportamiento de expandir y colapsar
 +
# el contenedor del contenido a expandir u ocultar
  
<nowiki> [slideshare id=1435119&doc=quesslideshare-090514100511-phpapp02] </nowiki>
+
El primer elemento puede estar dentro de un <code>div</code> o <code>span</code> y debe tener una '''clase''': <code>mw-customtoggle-ejemplo1</code> donde ''ejemplo1'' es un nombre que debe ser inventado cada vez de acuerdo al contenido y al contexto. Es segundo elemento contenedor, por su parte, debe tener un '''id''' <code>mw-customcollapsible-ejemplo1</code> con el mismo nombre ''ejemplo1'' para asociar el gatillador al contenedor. El hecho de que exista un nombre único permite múltiples intancias de contenido desplegable en una página.
  
Copiando sólo el código desde '''doc''' hasta el fin del código el:
+
En esta sección se hace uso de la plantilla <code><nowiki>{{Lorem}}</nowiki></code> que genera texto simulado.
  
<nowiki>
+
===Ejemplo===
doc=quesslideshare-090514100511-phpapp02 </nowiki>
 
  
Luego copiamos este código para pegarlo en la página de la wiki en la que queremos la presentación copiando el código que sacamos de slideshare reemplazandolo en la parte de '''doc=''' 
+
<pre><nowiki>
<nowiki>{{#widget:SlideShare
+
<span class='mw-customtoggle-ejemplo1 link-toggle'>esto despliega texto</span>
|doc=quesslideshare-090514100511-phpapp02
 
|width=425
 
|height=348
 
}}</nowiki>
 
  
Al guardar los cambios visualizamos la presentación, se pueden ajustar los tamaños al cambiar los '''width''' y '''height'''.
+
<div class='mw-collapsible mw-collapsed' id='mw-customcollapsible-ejemplo1'>{{Lorem}}</div>
{{#widget:SlideShare
+
</nowiki></pre>
|doc=quesslideshare-090514100511-phpapp02
 
|width=660
 
|height=480
 
}}
 
  
==Vimeo==
+
Este código genera esto:
  
Para insertar este widget debe usar un código de este tipo:
+
<span class='mw-customtoggle-ejemplo1 link-toggle'>Esto despliega texto</span>
  
<nowiki>{{#widget:Vimeo|id=3579013|width=640|height=480}}</nowiki>
+
<div class='mw-collapsible mw-collapsed' id='mw-customcollapsible-ejemplo1'>{{Lorem}}</div>
  
=== Parámetros ===
+
==== Otros Ejemplos ====
* '''id''' - id numérico de la URL
 
* '''width''' and '''height''' definen dimensiones de alto y ancho respectivamente. Si se omite su definición, 400x300 es lo predeterminado.
 
  
{{#widget:Vimeo|id=1244578|width=300|height=300}}
+
Un contenedor que aparece colapsado en primera instancia:
 +
<pre><nowiki><div class="mw-collapsible mw-collapsed">
 +
{{Lorem}}></div></nowiki></pre>
  
==YouTube==
+
''Ejemplo:''
  
Esta extensión o widget te permite incrustar videos de [http://www.youtube.com/ YouTube] en cualquier página de esta wiki.
+
<div class="mw-collapsible mw-collapsed">
 +
{{Lorem}}</div>
  
Para insertar este widget, debes incluir el siguiente código:
 
  
  <nowiki>{{#widget:YouTube|id=6gmP4nk0EOE}}</nowiki>
+
Un contenedor que aparece abierto y permite colapsarse:  
  
El valor del '''id''' corresponde al identificador que aparece en la URL del video. Este widget no permite el ajuste de tamaño dejando los video fijos en 425 x 355.
+
<pre><nowiki><div class="mw-collapsible">
 +
{{Lorem}}</div></nowiki></pre>
  
 +
''Ejemplo:''
  
{{#widget:YouTube|id=6gmP4nk0EOE}}
+
<div class="mw-collapsible">{{Lorem}}</div>

Revisión actual del 12:06 24 oct 2018


¿Cómo se edita una página?

Esta página cubre los aspectos técnicos de la escritura dentro de los artículos de esta wiki. Para entender los principios detrás de esta wiki en particular, por favor dirígete a Ayuda:Cómo Colaborar.

Títulos o Encabezados de Sección

Las página de la wiki se estructuran a partir de un régimen jerárquico de títulos. Estos títulos construyen automáticamente una tabla de contenidos, como la presentada al comienzo de esta página y obedecen, en su estructura tabular a la jerarquía de encabezados.

=h1=
==h2==
===h3===
etc...

genera esto:

h1

h2

h3

Cada título crea una subsección en la página que permite editarla por separado. Una página extensa, dado este régimen de secciones, facilita la colaboración simultánea evitando que hayan conflictos de versiones si los editores trabajan en secciones diferentes.

Listas

Ordenadas

  1. ítem 1
  2. ítem 2
    1. ítem 2.1
    2. ítem 2.2
      1. ítem 2.2.1
# ítem 1
# ítem 2
## ítem 2.1
## ítem 2.2
### ítem 2.2.1

Desordenada y Alternada

  • ítem
  • ítem
    1. sub-ítem
      • sub-sub-ítem
* ítem
* ítem
*# sub-ítem
*#* sub-sub-ítem

Estilos

  • Negrita o bold: strong
  • Cursiva o itálica: em
  • estos dos atributos se pueden combinar: strong & em
* Negrita o bold: '''strong'''
* Cursiva o itálica: ''em''
* estos dos atributos se pueden combinar: '''''strong & em'''''

Links

dentro de la wiki

El link es el elemento básico que permite construir la wiki. Cada vez que se indica un link, se crea la posibilidad de crear una página nueva. La notación del link es doble paréntesis de corchete:

Voy a crear una nueva página.

Voy a crear una [[nueva página]].

El título de la página será el texto que está dentro del paréntesis de corchete doble. Si se quiere emplear otro título, se deberá dividir el nombre de la página con el texto alternativo mediante el caracter barra: '|'

Voy a vincular a una [[página existente|página]].

Para vincular a páginas especiales se antepone el tipo seguido de dos puntos:

Voy a vincular a [[Usuario:jorge|la página de jorge]].
Voy a definir una [[Categoría:Diseño|categoría fundamental]]

fuera de la wiki

Simplemente se escribe la URL. La wiki reconocerá que se trata de un link o bien se utiliza paréntesis de corchete simple para especificar la URL separada de un espacio para un un nombre alternativo:

http://www.ead.pucv.cl/
ó
[http://www.ead.pucv.cl/ Escuela de Arquitectura y Diseño - PUCV]

Imágenes

Modo Simple

Para incrustar una imagen, ésta debe estar subida en la wiki (link en barra superior Archivos: "Subir Archivo"). El sistema no permite enlazar imágenes externas como salvaguarda a las leyes de copyright.

Este es el modo básico que arroja la imagen a tamaño completo:

[[Archivo:Mona-lisa.jpg]]

Mona-lisa.jpg

[[Archivo:Mona-lisa.jpg|300px]]

Mona-lisa.jpg

Miniatura

Si se quiere ubicar una miniatura:

[[Archivo:Mona-lisa.jpg|thumb|Texto de descripción de la imagen]]
Texto de descripción de la imagen

El texto del párrafo se adapta en el ancho para dejar que la imagen con las indicaciones de "thumb" (de thumbnail eng: uña de pulgar o miniatura) literalmente flote en el costado derecho de la caja del texto.



Control de Tamaño

Ahora bien, si la imagen es demasiado grande y se prefiere mostrarla en un tamaño reducido se deben especificar las dimensiones del ancho en pixeles:

[[Archi:Mona-lisa.jpg|50px]]

Mona-lisa.jpg

Avanzadas

Como ya se explicó en la sección de miniatura, la imagen puede ajustar en su tamaño, ubicación y texto descriptivo (o pie de foto). También se puede reemplazar thumb por frame, con la salvedad que esta indicación no permite redimensionar la imagen.

[[Archivo:Mona-lisa.jpg|thumb|100px|thumb|Texto de descripción de la imagen]]
[[Archivo:Mona-lisa.jpg|thumb|200px|thumb|Texto de descripción de la imagen]]
[[Archivo:Mona-lisa.jpg|thumb|300px|thumb|Texto de descripción de la imagen]]
[[Archivo:Mona-lisa.jpg|thumb|400px|thumb|Texto de descripción de la imagen]]
Texto de descripción de la imagen
Texto de descripción de la imagen
Texto de descripción de la imagen
Texto de descripción de la imagen

[[Archivo:Mona-lisa.jpg|thumb|200px|left|Texto de descripción de la imagen]]
[[Archivo:Mona-lisa.jpg|thumb|200px|center|Texto de descripción de la imagen]]
[[Archivo:Mona-lisa.jpg|thumb|200px|right|Texto de descripción de la imagen]]
[[Archivo:Mona-lisa.jpg|thumb|200px|none|Texto de descripción de la imagen]]
Texto de descripción de la imagen
Texto de descripción de la imagen
Texto de descripción de la imagen
Texto de descripción de la imagen


La etiqueta <gallery>

MediaWiki soporta la etiqueta de <gallery>, que simplifica enormemente la presentación de secuencias de imágenes en las páginas.

<gallery>
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo primera versión
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo segunda versión
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo tercera versión
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo cuarta versión
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo quinta versión
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo sexta versión
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo séptima versión
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo octava versión
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo novena versión
Archivo:Mona-lisa.jpg|La mona lisa de Leonardo décima versión
</gallery>

Widgets

La documentación de cómo utilizar los Widgets está en cada página específica:

  1. Widget:FlickrSetShow
  2. Widget:Google Calendar
  3. Widget:Google Document
  4. Widget:Google Form
  5. Widget:Google Maps
  6. Widget:Google Presentation
  7. Widget:Google Street View
  8. Widget:LinkedIn Company
  9. Widget:PiX
  10. Widget:Sketchfab
  11. Widget:SoundCloud
  12. Widget:Vimeo
  13. Widget:YouTube

Para una versión actualizada de los Widgets disponibles, puedes revisar todos los widgets instalados

Otras Extensiones

Citas

Extensión: http://www.mediawiki.org/wiki/Extension:Cite/Cite.php

“El territorio ya no precede al mapa, ni lo sobrevive. De aquí en adelante, es el mapa el que precede al territorio, es el mapa el que engendra el territorio" [1].

  1. Simulacra and Simulations. Jean Baurillard, Selected Writings. Mark Poster (Editor). Stanford University Press, 1988. Pag.166

Texto Desplegable

Crea una caja div de texto desplegable que puede ocultarse para despejar la vista. Se necesitan crear 2 elementos:

  1. el elemento que gatilla el comportamiento de expandir y colapsar
  2. el contenedor del contenido a expandir u ocultar

El primer elemento puede estar dentro de un div o span y debe tener una clase: mw-customtoggle-ejemplo1 donde ejemplo1 es un nombre que debe ser inventado cada vez de acuerdo al contenido y al contexto. Es segundo elemento contenedor, por su parte, debe tener un id mw-customcollapsible-ejemplo1 con el mismo nombre ejemplo1 para asociar el gatillador al contenedor. El hecho de que exista un nombre único permite múltiples intancias de contenido desplegable en una página.

En esta sección se hace uso de la plantilla {{Lorem}} que genera texto simulado.

Ejemplo

<span class='mw-customtoggle-ejemplo1 link-toggle'>esto despliega texto</span>

<div class='mw-collapsible mw-collapsed' id='mw-customcollapsible-ejemplo1'>{{Lorem}}</div>

Este código genera esto:

Esto despliega texto

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris cursus sem massa, eget placerat purus vehicula vel. Phasellus arcu elit, hendrerit ac nisl eu, fermentum rutrum purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi pharetra accumsan rutrum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam non egestas mi. Duis molestie elit lorem, vel auctor eros scelerisque quis. Sed ut auctor sem. Vivamus vel purus eros. Nulla congue, mauris at ultrices rhoncus, sem dui congue orci, quis egestas ipsum nisl at magna. Aenean metus eros, porttitor ut neque pulvinar, eleifend consequat erat. Vivamus eget mi ante. Ut in commodo quam. Suspendisse arcu tortor, fringilla in ligula sed, congue sagittis mi. Aliquam dictum sapien ut velit fermentum, ut commodo ligula tristique. Morbi et nulla enim.

Nam non pellentesque nisl. Quisque est quam, ultrices et enim sed, posuere consectetur augue. Pellentesque id quam pharetra, pulvinar erat id, accumsan nibh. Nam id vulputate nunc, ac sagittis leo. Nunc eu accumsan nulla, non aliquam velit. Aenean enim massa, dapibus in tincidunt iaculis, maximus sit amet libero. Aenean dignissim, tortor non rutrum pellentesque, ipsum nulla posuere ex, ac laoreet nisl purus hendrerit sem. Sed purus dui, dapibus vel volutpat ut, placerat hendrerit arcu. Aliquam quam quam, porttitor et fringilla in, tempus sit amet purus. Nulla vel imperdiet nibh.

Duis eleifend metus nec augue cursus rutrum. Vivamus luctus nisi ut orci egestas lacinia. Fusce risus sem, tristique sit amet lectus sit amet, molestie rhoncus massa. Nulla eu felis felis. Morbi consectetur diam eleifend tempus tincidunt. Nulla id fringilla erat, at dictum dui. Sed fermentum tincidunt justo et scelerisque. Pellentesque vitae lacus eget neque convallis blandit quis et enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed in mollis sapien, quis rutrum velit. Fusce eu feugiat ante. Donec lacinia sollicitudin nibh sed pellentesque. Quisque laoreet sodales justo sit amet tempor. Donec pellentesque nibh vel eleifend pulvinar.

Phasellus elementum efficitur enim ac finibus. Sed pulvinar elit sit amet est porttitor efficitur. Suspendisse diam nisi, finibus sed dictum eget, mollis commodo augue. Phasellus aliquam laoreet dignissim. Aliquam ut sagittis tortor, quis sollicitudin justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus viverra eu lorem non consectetur. Etiam a ante augue. In nisi mauris, laoreet id lacus eget, viverra aliquet tellus. Sed quis sodales erat.

Fusce consequat mauris eu est ullamcorper tincidunt. Pellentesque non purus vel arcu feugiat ultricies. Integer eget blandit risus, nec eleifend tortor. Aliquam id lorem fringilla, scelerisque risus id, placerat diam. Nunc blandit velit dolor, suscipit hendrerit dui tristique id. Praesent mollis convallis purus. Curabitur interdum sollicitudin ligula non aliquet.

Otros Ejemplos

Un contenedor que aparece colapsado en primera instancia:

<div class="mw-collapsible mw-collapsed">	
{{Lorem}}></div>

Ejemplo:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris cursus sem massa, eget placerat purus vehicula vel. Phasellus arcu elit, hendrerit ac nisl eu, fermentum rutrum purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi pharetra accumsan rutrum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam non egestas mi. Duis molestie elit lorem, vel auctor eros scelerisque quis. Sed ut auctor sem. Vivamus vel purus eros. Nulla congue, mauris at ultrices rhoncus, sem dui congue orci, quis egestas ipsum nisl at magna. Aenean metus eros, porttitor ut neque pulvinar, eleifend consequat erat. Vivamus eget mi ante. Ut in commodo quam. Suspendisse arcu tortor, fringilla in ligula sed, congue sagittis mi. Aliquam dictum sapien ut velit fermentum, ut commodo ligula tristique. Morbi et nulla enim.

Nam non pellentesque nisl. Quisque est quam, ultrices et enim sed, posuere consectetur augue. Pellentesque id quam pharetra, pulvinar erat id, accumsan nibh. Nam id vulputate nunc, ac sagittis leo. Nunc eu accumsan nulla, non aliquam velit. Aenean enim massa, dapibus in tincidunt iaculis, maximus sit amet libero. Aenean dignissim, tortor non rutrum pellentesque, ipsum nulla posuere ex, ac laoreet nisl purus hendrerit sem. Sed purus dui, dapibus vel volutpat ut, placerat hendrerit arcu. Aliquam quam quam, porttitor et fringilla in, tempus sit amet purus. Nulla vel imperdiet nibh.

Duis eleifend metus nec augue cursus rutrum. Vivamus luctus nisi ut orci egestas lacinia. Fusce risus sem, tristique sit amet lectus sit amet, molestie rhoncus massa. Nulla eu felis felis. Morbi consectetur diam eleifend tempus tincidunt. Nulla id fringilla erat, at dictum dui. Sed fermentum tincidunt justo et scelerisque. Pellentesque vitae lacus eget neque convallis blandit quis et enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed in mollis sapien, quis rutrum velit. Fusce eu feugiat ante. Donec lacinia sollicitudin nibh sed pellentesque. Quisque laoreet sodales justo sit amet tempor. Donec pellentesque nibh vel eleifend pulvinar.

Phasellus elementum efficitur enim ac finibus. Sed pulvinar elit sit amet est porttitor efficitur. Suspendisse diam nisi, finibus sed dictum eget, mollis commodo augue. Phasellus aliquam laoreet dignissim. Aliquam ut sagittis tortor, quis sollicitudin justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus viverra eu lorem non consectetur. Etiam a ante augue. In nisi mauris, laoreet id lacus eget, viverra aliquet tellus. Sed quis sodales erat.

Fusce consequat mauris eu est ullamcorper tincidunt. Pellentesque non purus vel arcu feugiat ultricies. Integer eget blandit risus, nec eleifend tortor. Aliquam id lorem fringilla, scelerisque risus id, placerat diam. Nunc blandit velit dolor, suscipit hendrerit dui tristique id. Praesent mollis convallis purus. Curabitur interdum sollicitudin ligula non aliquet.


Un contenedor que aparece abierto y permite colapsarse:

<div class="mw-collapsible">
{{Lorem}}</div>

Ejemplo:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris cursus sem massa, eget placerat purus vehicula vel. Phasellus arcu elit, hendrerit ac nisl eu, fermentum rutrum purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi pharetra accumsan rutrum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam non egestas mi. Duis molestie elit lorem, vel auctor eros scelerisque quis. Sed ut auctor sem. Vivamus vel purus eros. Nulla congue, mauris at ultrices rhoncus, sem dui congue orci, quis egestas ipsum nisl at magna. Aenean metus eros, porttitor ut neque pulvinar, eleifend consequat erat. Vivamus eget mi ante. Ut in commodo quam. Suspendisse arcu tortor, fringilla in ligula sed, congue sagittis mi. Aliquam dictum sapien ut velit fermentum, ut commodo ligula tristique. Morbi et nulla enim.

Nam non pellentesque nisl. Quisque est quam, ultrices et enim sed, posuere consectetur augue. Pellentesque id quam pharetra, pulvinar erat id, accumsan nibh. Nam id vulputate nunc, ac sagittis leo. Nunc eu accumsan nulla, non aliquam velit. Aenean enim massa, dapibus in tincidunt iaculis, maximus sit amet libero. Aenean dignissim, tortor non rutrum pellentesque, ipsum nulla posuere ex, ac laoreet nisl purus hendrerit sem. Sed purus dui, dapibus vel volutpat ut, placerat hendrerit arcu. Aliquam quam quam, porttitor et fringilla in, tempus sit amet purus. Nulla vel imperdiet nibh.

Duis eleifend metus nec augue cursus rutrum. Vivamus luctus nisi ut orci egestas lacinia. Fusce risus sem, tristique sit amet lectus sit amet, molestie rhoncus massa. Nulla eu felis felis. Morbi consectetur diam eleifend tempus tincidunt. Nulla id fringilla erat, at dictum dui. Sed fermentum tincidunt justo et scelerisque. Pellentesque vitae lacus eget neque convallis blandit quis et enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed in mollis sapien, quis rutrum velit. Fusce eu feugiat ante. Donec lacinia sollicitudin nibh sed pellentesque. Quisque laoreet sodales justo sit amet tempor. Donec pellentesque nibh vel eleifend pulvinar.

Phasellus elementum efficitur enim ac finibus. Sed pulvinar elit sit amet est porttitor efficitur. Suspendisse diam nisi, finibus sed dictum eget, mollis commodo augue. Phasellus aliquam laoreet dignissim. Aliquam ut sagittis tortor, quis sollicitudin justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus viverra eu lorem non consectetur. Etiam a ante augue. In nisi mauris, laoreet id lacus eget, viverra aliquet tellus. Sed quis sodales erat.

Fusce consequat mauris eu est ullamcorper tincidunt. Pellentesque non purus vel arcu feugiat ultricies. Integer eget blandit risus, nec eleifend tortor. Aliquam id lorem fringilla, scelerisque risus id, placerat diam. Nunc blandit velit dolor, suscipit hendrerit dui tristique id. Praesent mollis convallis purus. Curabitur interdum sollicitudin ligula non aliquet.