Ayuda:Cómo se edita una página

De Casiopea

Títulos o Encabezados


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

cada título crea una subsección en la página que permite editarla por partes.

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

  • ítem
  • ítem
    • 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]].

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 un nombre alternativo:


Escuela de Arquitectura y Diseño - PUCV


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 lateral HERRAMIENTAS: "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 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.



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:


[[Archivo: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|50px|left|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|300px|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>
Image:Mona-lisa.jpg|La mona lisa de Leonardo primera versión
Image:Mona-lisa.jpg|La mona lisa de Leonardo segunda versión
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>

Tablas

Basica

si escribes tienes esto
{|
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream 
|}
Orange Apple
Bread Pie
Butter Ice cream

Con encabezado

uno por columna

si escribes tienes esto
{|
! Item
! Amount
! Cost
|-
|Orange
|10
|7.00
|-
|Bread
|4
|3.00
|-
|Butter
|1
|5.00
|-
!Total
|
|15.00
|}
Item Amount Cost
Orange 10 7.00
Bread 4 3.00
Butter 1 5.00
Total 15.00

Uno para todo

si escribes tienes esto
{|
|+Food complements
|-
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream 
|}
Food complements
Orange Apple
Bread Pie
Butter Ice cream

XHTML Atributos

Puedes agregarle algunos atributos y estilos a tus tables, debes teder conocimiento xhtml the W3C's HTML 4.01 Specification page on tables.

Attributes on tables

Placing attributes after the table start tag ({|) applies attributes to the entire table.

You type You get
{| border="1"
|Orange
|Apple
|12,333.00
|-
|Bread
|Pie
|500.00
|-
|Butter
|Ice cream
|1.00
|}
Orange Apple 12,333.00
Bread Pie 500.00
Butter Ice cream 1.00

Attributes on cells

You can put attributes on individual cells. For example, numbers may look better aligned right.

You type You get
{| border="1"
|Orange
|Apple
|align="right" | 12,333.00
|-
|Bread
|Pie
|align="right" | 500.00
|-
|Butter
|Ice cream
|align="right" | 1.00
|}
Orange Apple 12,333.00
Bread Pie 500.00
Butter Ice cream 1.00

You can also use cell attributes when you are listing multiple cells on a single line. Note that the cells are separated by ||, and within each cell the attribute(s) and value are separated by |.

You type You get
{| border="1"
| Orange || Apple     || align="right" | 12,333.00
|-
| Bread  || Pie       || align="right" | 500.00
|-
| Butter || Ice cream || align="right" | 1.00
|}
Orange Apple 12,333.00
Bread Pie 500.00
Butter Ice cream 1.00

Attributes on rows

You can put attributes on individual rows, too.

You type You get
{| border="1"
|Orange
|Apple
|align="right"|12,333.00
|-
|Bread
|Pie
|align="right"|500.00
|- style="font-style:italic; color:green;"
|Butter
|Ice cream
|align="right"|1.00
|}
Orange Apple 12,333.00
Bread Pie 500.00
Butter Ice cream 1.00

HTML colspan and rowspan

You can use HTML colspan and rowspan attributes on cells for advanced layout.

You type You get
{| border="1"
!colspan="6"|Shopping List
|-
|rowspan="2"|Bread & Butter
|Pie
|Buns
|Danish
|colspan="2"|Croissant
|-
|Cheese
|colspan="2"|Ice cream
|Butter
|Yoghurt
|}
Shopping List
Bread & Butter Pie Buns Danish Croissant
Cheese Ice cream Butter Yoghurt

With HTML attributes and CSS styles

CSS style attributes can be added with or without other HTML attributes.

You type You get
{| style="color:green; background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream 
|}
Orange Apple
Bread Pie
Butter Ice cream

Attributes can be added to the caption and headers as follows.

You type You get
{| border="1" cellpadding="20" cellspacing="0"
|+ align="bottom" style="color:#e76700;" |''Food complements''
|-
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream 
|}
Food complements
Orange Apple
Bread Pie
Butter Ice cream

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].


Slideshare

[1]Página de la presentación en Slideshare

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

Luego de cargar la presentación en Slideshare, [1] en la página de la presentación [2] copiamos el código que entrega slideshare en for Wordpress.

 [slideshare id=1435119&doc=quesslideshare-090514100511-phpapp02] 

Copiando sólo el código desde doc hasta el fin del código el:

 doc=quesslideshare-090514100511-phpapp02 

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=

{{#widget:SlideShare
|doc=quesslideshare-090514100511-phpapp02
|width=425
|height=348
}}

Al guardar los cambios visualizamos la presentación, se pueden ajustar los tamaños al cambiar los width y height.

Vimeo

Para insertar este widget debe usar un código de este tipo:

{{#widget:Vimeo|id=3579013|width=640|height=480}}

Parámetros

  • 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.

YouTube

Esta extensión o widget te permite incrustar videos de YouTube en cualquier página de esta wiki.

Para insertar este widget, debes incluir el siguiente código:

 {{#widget:YouTube|id=6gmP4nk0EOE}}

El valor delid 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.


Referencias

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