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

De Casiopea
Sin resumen de edición
Línea 1: Línea 1:
[http://dotsub.com/films/wikisinplainenglish/ ¿Qué es una Wiki?]
==Títulos o Encabezados==
==Títulos o Encabezados==


Línea 84: Línea 86:
===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 un nombre alternativo:
[http://www.ead.pucv.cl Escuela de Arquitectura y Diseño - PUCV]
<pre>
<pre>
<nowiki>
<nowiki>
http://www.ead.pucv.cl/
http://www.arquitecturaucv.cl/
ó
ó
[http://www.ead.pucv.cl Escuela de Arquitectura y Diseño - PUCV]
[http://www.arquitecturaucv.cl Escuela de Arquitectura y Diseño - PUCV]
</nowiki>
</nowiki>
</pre>
</pre>
==Imágenes==
==Imágenes==


Línea 102: Línea 99:


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>
<nowiki>
[[Archivo:Mona-lisa.jpg]]
</nowiki>
</pre>
[[Archivo:Mona-lisa.jpg]]
<pre>
<pre>
<nowiki>
<nowiki>
Línea 191: Línea 180:
</gallery>
</gallery>


==Tablas==
===Basica===
{| cellspacing="0" border="1"
!style="width:50%"|si escribes
!style="width:50%"|tienes esto
|-
|
<pre>
{|
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream
|}
</pre>
|
{|
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream
|}
|}
===Con encabezado===
====uno por columna====
{| cellspacing="0" border="1"
!style="width:50%"|si escribes
!style="width:50%"|tienes esto
|-
|
<pre>
{|
! Item
! Amount
! Cost
|-
|Orange
|10
|7.00
|-
|Bread
|4
|3.00
|-
|Butter
|1
|5.00
|-
!Total
|
|15.00
|}
</pre>
|
{|
! Item
! Amount
! Cost
|-
|Orange
|10
|7.00
|-
|Bread
|4
|3.00
|-
|Butter
|1
|5.00
|-
!Total
|
|15.00
|}
|}
====Uno para todo====
{| cellspacing="0" border="1"
!style="width:50%"|si escribes
!style="width:50%"|tienes esto
|-
|
<pre>
{|
|+Food complements
|-
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream
|}
</pre>
|
{|
|+ Food complements
|-
|Orange
|Apple
|-
|Bread
|Pie
|-
|Butter
|Ice cream
|}
|}
== 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
|}
|}


=Extensiones=
=Extensiones=
Línea 633: Línea 243:


{{#widget:YouTube|id=6gmP4nk0EOE}}
{{#widget:YouTube|id=6gmP4nk0EOE}}
=Referencias=
<references/>
[[Categoría: Casiopea]]
[[Categoría: Ayuda]]

Revisión del 19:50 25 ago 2010

¿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


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


  1. ↑ Simulacra and Simulations. Jean Baurillard, Selected Writings. Mark Poster (editor). Stanford University Press, 1988. Pag.166
Obtenido de «https://wiki.ead.pucv.cl/index.php?title=Ayuda:Cómo_se_edita_una_página&oldid=73676»
Política de privacidad
Acerca de Casiopea
Descargos
Creative Commons Con Reconocimiento y Compartir Igual 4.0
Powered by MediaWiki
Powered by Semantic MediaWiki