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

De Casiopea
Línea 303: Línea 303:
|}
|}


===Con HTML===
== XHTML Atributos ==
Puedes agregarle algunos atributos y estilos a tus tables, debes teder conocimiento xhtml [http://www.w3.org/TR/REC-html40/struct/tables.html the W3C's HTML 4.01 Specification page on tables].
 
=== Attributes on tables ===
Placing attributes after the table start tag (<code>{|</code>) applies attributes to the entire table.
 
{| cellspacing="0" border="1"
!style="width:50%"|You type
!style="width:50%"|You get
|-
|
<pre>
{| border="1"
|Orange
|Apple
|12,333.00
|-
|Bread
|Pie
|500.00
|-
|Butter
|Ice cream
|1.00
|}
</pre>
|
{| border="1"
|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.
 
{| cellspacing="0" border="1"
!style="width:50%"|You type
!style="width:50%"|You get
|-
|
<pre>
{| border="1"
|Orange
|Apple
|align="right" | 12,333.00
|-
|Bread
|Pie
|align="right" | 500.00
|-
|Butter
|Ice cream
|align="right" | 1.00
|}
</pre>
|
{| border="1"
|Orange
|Apple
|align="right"|12,333.00
|-
|Bread
|Pie
|align="right"|500.00
|-
|Butter
|Ice cream
|align="right"|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 <code>||</code>, and within each '''cell''' the attribute(s) and value are separated by <code>|</code>.
 
{| cellspacing="0" border="1"
!style="width:50%"|You type
!style="width:50%"|You get
|-
|
<pre>
{| border="1"
| Orange || Apple    || align="right" | 12,333.00
|-
| Bread  || Pie      || align="right" | 500.00
|-
| Butter || Ice cream || align="right" | 1.00
|}
</pre>
|
{| border="1"
| Orange || Apple    || align="right" | 12,333.00
|-
| Bread  || Pie      || align="right" | 500.00
|-
| Butter || Ice cream || align="right" | 1.00
|}
|}
 
===Attributes on rows===
You can put attributes on individual '''rows''', too.
 
{| cellspacing="0" border="1"
!style="width:50%"|You type
!style="width:50%"|You get
|-
|
<pre>
{| 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
|}
</pre>
|
{| 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
|}
|}
 
===HTML colspan and rowspan===
 
You can use HTML '''colspan''' and '''rowspan''' attributes on cells for advanced layout.
 
{| cellspacing="0" border="1"
!style="width:50%"|You type
!style="width:50%"|You get
|-
|
<pre>
{| border="1"
!colspan="6"|Shopping List
|-
|rowspan="2"|Bread & Butter
|Pie
|Buns
|Danish
|colspan="2"|Croissant
|-
|Cheese
|colspan="2"|Ice cream
|Butter
|Yoghurt
|}
</pre>
|
{| border="1"
!colspan="6"|Shopping List
|-
|rowspan="2"|Bread & Butter
|Pie
|Buns
|Danish
|colspan="2"|Croissant
|-
|Cheese
|colspan="2"|Ice cream
|Butter
|Yoghurt
|}
|}
 
===With HTML attributes and CSS styles===
CSS style attributes can be added with or without other HTML attributes.
 
{| cellspacing="0" border="1"
!style="width:50%"|You type
!style="width:50%"|You get
|-
|
<pre style="white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; white-space:pre-wrap; word-wrap:break-word; word-break:break-all;">
{| style="color:green; background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream
|}
</pre>
|
{| style="color:green; background-color:#ffffcc;" cellpadding="20" cellspacing="0" border="1"
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream
|}
|}
 
'''Attributes''' can be added to the caption and headers as follows.
 
{| cellspacing="0" border="1"
!style="width:50%"|You type
!style="width:50%"|You get
|-
|
<pre style="white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; white-space:pre-wrap; word-wrap:break-word; word-break:break-all;">
{| border="1" cellpadding="20" cellspacing="0"
|+ align="bottom" style="color:#e76700;" |''Food complements''
|-
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream
|}
</pre>
|
{| border="1" cellpadding="20" cellspacing="0"
|+ align="bottom" style="color:#e76700;" |''Food complements''
|-
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream
|}
|}


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

Revisión del 10:47 13 oct 2009

¿Qué es una Wiki?

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: 


http://www.arquitecturaucv.cl/
ó
[http://www.arquitecturaucv.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|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>
  • La mona lisa de Leonardo primera versión

    La mona lisa de Leonardo primera versión

  • La mona lisa de Leonardo segunda versión

    La mona lisa de Leonardo segunda versión

  • La mona lisa de Leonardo tercera versión

    La mona lisa de Leonardo tercera versión

  • La mona lisa de Leonardo cuarta versión

    La mona lisa de Leonardo cuarta versión

  • La mona lisa de Leonardo quinta versión

    La mona lisa de Leonardo quinta versión

  • La mona lisa de Leonardo sexta versión

    La mona lisa de Leonardo sexta versión

  • La mona lisa de Leonardo séptima versión

    La mona lisa de Leonardo séptima versión

  • La mona lisa de Leonardo octava versión

    La mona lisa de Leonardo octava versión

  • La mona lisa de Leonardo novena versión

    La mona lisa de Leonardo novena versión

  • La mona lisa de Leonardo décima versión

    La mona lisa de Leonardo décima versión

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

Citas

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

Obtenido de «https://wiki.ead.pucv.cl/index.php?title=Ayuda:Cómo_se_edita_una_página&oldid=46103»
Política de privacidad
Acerca de Casiopea
Descargos
Creative Commons Con Reconocimiento y Compartir Igual 4.0
Powered by MediaWiki
Powered by Semantic MediaWiki