Wiki Icesi:Manual
De Wiki Icesi
Contenido |
Texto
Editando una página
Casi todas las páginas tienen una pestaña [editar]. Una vez allí nos encontramos un cuadro de texto y una barra de herramientas como ésta: 
Esta tabla funciona seleccionando un texto y pinchando sobre un botón, aunque si no hay texto seleccionado aparecerá un texto de ejemplo. Siempre podrás imitar su efecto manualmente introduciendo esos caracteres desde el teclado.
Formato del texto
El texto que escribes dentro del cuadro no tiene formato, y se dice que es "texto plano". Para darle formato podemos usar los botones de la barra de herramientas o introduciendo los caracteres manualmente.
Negrita y Cursiva
Para resaltar el texto en negrita, cursiva o ambas utilizaremos el símbolo del apóstrofo ('), que no es el mismo que el de la tilde ni las comillas (aunque a veces se pongan dos apóstrofos seguidos). El apóstrofo está junto al cero en el teclado alfanumérico.
Texto en Negrita: Para resaltar una palabra o frase en negrita hay que poner tres apóstrofos antes y después del texto. También se puede usar el botón 
Ej: Para mostrar Texto en negrita hay que escribir '''Texto en negrita'''
Texto en Cursiva: Para escribir un texto en cursiva (también llamado itálica), se deben poner dos apóstrofos antes y después del texto. También se puede usar el botón 
Ej: Para mostrar Texto en cursiva hay que escribir ''Texto en cursiva''
Negrita y Cursiva: En este caso se utilizan cinco apóstrofos (3 de negrita + 2 de cursiva), y se pueden cerrar antes o después indistintamente: NOTA: Esto es un ejemplo se ha escrito: '''''NOTA:''' Esto es un ejemplo''
Nombres de Secciones
Los títulos de las secciones se deben escribir en una línea que no esté escrita, y no dejar texto delante ni detrás. Las secciones se escriben con signo igual (=). Esto es un ejemplo:
=Sección 1=
==Sección 1.1==
=Sección 2=
==Sección 2.1==
===Sección 2.1.1===
===Sección 2.1.2===
==Sección 2.2==
=Sección 3=
Normalmente se empieza con el segundo nivel, presionando el botón 
, debido a que el primer nivel tiene un tamaño demasiado grande. Lo usual es usar == Segundo == y ==== Tercer nivel ==== de secciones.
Línea Horizontal
A veces es necesario poner únicamente una línea horizontal que separe el texto. Para ello se ponen cuatro guiones ----. También se puede usar el botón 
.
Listas
Las listas son un conjunto de frases, separadas por saltos de carro (retroceso). En ellas se antepone un número o símbolo.
Numéricas
Las listas numéricas deben empezar cada renglón con #. Se puede poner más de uno para indicar un subgrupo dentro de la lista.
- Europa
- América
- Norteamérica
- Centroamérica
- Sudamérica
- Asia
- África
- Oceanía
- Antártida
No numéricas
Se forman empezando cada línea con un asterisco, (*). De la misma forma se pueden anidar las listas, poniendo dos asteriscos.
- Pan
- Integral
- De leche
- Aceite
- De oliva
- De girasol
- Tomate
Sangrado del texto
Hay que tener en cuenta que el wiki no admite tabulaciones. Por ello el sistema de sangrado (alineación de un párrafo) se utiliza con dos puntos (:) delante de la primera palabra de párrafo. Como las listas, si se añaden más de un carácter seguido, se dice que el párrafo tiene doble, triple... sangrado.
- Línea de párrafo sangrada.
- Párrafo doblemente sangrado.
- Párrafo con triple sangrado.
- Párrafo doblemente sangrado.
Su principal utilidad es la señalización de una respuesta a un comentario en los foros de discusión, como el Café
Tipografía monoespaciada
La tipografía monoespaciada se caracteriza por tener todos sus caracteres de la misma anchura. Se utiliza mucho en programación. También la ventana de comandos de tu sistema operativo lo usa.
Si dejas un espacio o más delante de una línea, todo el párrafo aparecerá encuadrado con línea indentada, fondo gris y tipografía monoespaciada. Nota: Todo el párrafo aparece en una línea, por lo que es conveniente "romperlo en varias líneas"
En otras palabras, si empiezas un párrafo con espacios, esa línea se indentará
y a la vez aparecerá con una fuente monoespaciada.
Esto es muy útil para importar materiales formateados con tabulador y letra
monoespacio, como la versión de 1911 de EB. Observa además que las líneas
indentadas con espacios no se dividen, sino que incrementan la anchura de tu
ventana.
Enlaces
En general, todos los enlaces se pueden clasificar en: "Enlaces internos", que enlazan a una página o archivo del proyecto; y "Enlaces externos", enlaces que te envían fuera del proyecto.
Enlaces Internos
Los enlaces internos, son siempre enlaces simplificados, en los que el software de wikimedia interpreta como enlaces entre páginas propias. A su vez se pueden clasificar en "Enlaces dentro del proyecto", "Enlaces entre proyectos" y "Enlaces multimedia".
Enlaces dentro del proyecto
- Estos enlaces son los más usados. Se escriben entre dos corchetes: [[Nombre de la página]].
- También puedes usar el botón
y enlazan a páginas del mismo proyecto, en este caso es.wikibooks.org. En general un enlace dentro de un proyecto te lleva a otra página dentro del proyecto de ese mismo idioma.
- Puede que quieras que aparezca otro texto que el que aparece por defecto, entonces se escribe: [[Nombre de la página|Texto]]. Ej: Este enlace lleva a la ayuda,
[[Wiki_Icesi:Ayuda|Este enlace lleva a la ayuda]]
El software diferencia entre mayúsculas y minúsculas, pero siempre considera la primera letra mayúscula.
En wikilibros, los libros se organizan por [[Nombre del libro/Capítulo]]. De esta forma se puede acceder a un capítulo conociendo el libro al que pertenece, y por tanto se puede acceder a la página principal del libro: [[Nombre del libro]]. La inicial del capítulo por convenio será siempre con mayúscula porque en este caso el software sí diferencia entre mayúsculas y minúsculas.
El software diferencia páginas especiales del proyecto como: Ayuda, Usuario, Usuario Discusión, etc. gracias a ese prefijo seguido de dos puntos (:). Por eso muchas páginas puedes encontrarlas como Wikipedia:Café, Wiki_Icesi:Acerca de... La letra que sigue a los dos puntos se suele escribir con mayúscula, aunque el software no la distingue y la considera siempre mayúscula.
Puedes escribir los enlaces tal como se escriben en español, aunque el software considera las vocales acentuadas y la Ñ como caracteres especiales, y por eso en la barra de dirección de tu navegador aparece con símbolos % y números. De la misma forma, los espacios de una página se interpretan como guiones bajos y aunque se puede, no es recomendable que escribas los enlaces con guiones bajos (_).
TRUCO: Si no quieres que salga la etiqueta con los dos puntos pon una barra vertical antes de cerrar con corchetes. Este sistema también elimina el texto entre paréntesis.
Enlaces multimedia
Un enlace multimedia es un enlace a una imagen, a un sonido o a cualquier otro archivo contenido en el proyecto wikimedia.
Para enlazar un archivo multimedia, debes tener en cuenta que se debe encontrar preferentemente en Commons o alternativamente dentro del proyecto en el que estés.
Imágenes:
Para mostrar imágenes debes poner un enlace interno poniendo [[Imagen:Nombre de la imagen.png]]. También puedes usar el botón 
y aunque puede ser con otra extensión, normalmente será ".png". Para buscar una imagen puedes entrar a
Commons y usar el buscador.
Otros formatos multimedia:
Para enlazar con otro tipo de archivo, debes poner [[Media:Ejemplo.ogg]], también puedes usar el botón 
si es un sonido posiblemente sea ".ogg", aunque también puede ser un .pdf, un .txt...
Enlaces externos
Se entiende enlace externo al enlace que te envía fuera de una página del proyecto wikimedia. En general, aquellas páginas que no se pueden enlazar con "enlaces internos".
- Para poner un enlace a una página, imagen, archivo... puedes poner su dirección completa comenzando por http://. Ejemplo: http://www.google.es. Mira como www.google.es no funciona.
- Puedes poner un enlace cuyo texto no sea el que tiene por defecto, para ello pon el enlace entre corchetes simples, seguido de un espacio y tu texto. También puedes usar el botón
. [http://www.ejemplo.com Título del enlace]. Recuerda poner siempre http://.
Imágenes
La forma general para mostrar una imagen será:
A las imágenes se les puede poner una breve descripción, e incluso añadir algunas formas como anchura, presentación, alineación de la imagen, etc.
El texto de la descripción es útil si no se carga la imagen, si el navegador sólo soporta texto, para personas invidentes que usan lectores de pantalla o incluso para mostrarlo como pie de página en algunos formatos de la imagen.
El software es capaz de identificar cuál es el texto de descripción aunque no lo coloques en ese orden.
Las opciones son:
- Formato
- Alineación
- Tamaño
Las diferentes opciones y el texto descriptivo se pueden poner sin ningún orden en concreto, pero se deben separar entre ellos con una barra vertical.
Formato
- Por defecto:
Para dar formato a una imagen puede dejarse el que tiene por defecto, no añadiendo ninguna opción de formato. En tal caso la imagen aparecerá junto al último carácter (alineada a la izquierda si está al principio de línea). El tamaño será el propio de la imagen, y aparecerá sin marco y sin pie de foto. Si se ha puesto alguna descripción, ésta aparecerá dejando el puntero unos segundos sobre la imagen.
- Miniatura con pie de foto:
Es posible que te interese poner una imagen con pie de foto, pero también quieras reducirla un poco, ya que el tamaño es un poco grande para que sea visto cómodamente. Para ello pon la opción thumb o thumbnail. Ésta opción alineará la imagen a la derecha, reducirá la imagen hasta unos 180 px de anchura, y le pondrá un marco con pie de foto. Estas opciones se pueden variar, forzando la imagen a tener otro tamaño o alineación.
- Pie de foto:
La opción frame le añade un marco similar al de la opción thumb en el que se muestra el texto de descripción y lo alinea también a la derecha, pero no reduce la imagen.
Alineación
- A la izquierda:
Una imagen puede alinearse a la izquierda añadiendo la opción left. El texto puede ocupar el lado de la derecha.
- A la derecha:
Se puede alinear a la derecha si tienen el formato thumb o frame. En otro caso se puede añadir la opción right. Su posición no impide que el texto aparezca a su izquierda.
- Sin texto a los lados:
Independientemente a la alineación que se le haya dado, se puede añadir la opción none para indicar que no queremos que el texto de la página ocupe el espacio a los lados de la imagen. Si se añaden varias imágenes es una forma de indicar que la imagen siguiente aparezca debajo, y no a su lado.
Tamaño
En la opción del tamaño se añade el número de píxeles de ancho que debe tener y las letras "px".
Aquí varios ejemplo de una imagen, con distintas combinaciones de opciones:
| Descripción | Si escribes | Tendrás como resultado |
| Imagen embebida (con texto alternativo) |
|
|
| Enlace a la página de descripción |
| |
| Enlace directo al archivo |
| |
| Thumbnail (centrado, 100 pixels con texto alternativo) |
|
 |
| Frame (con texto alternativo) |
|
Museo del Prado |
| Border (100 pixels) |
|
|
| Frameless |
|
|
Tablas
Sintaxis con barras verticales
Aunque la sintaxis HTML para tablas funcione, el código wiki puede ser usado para crear una tabla de la siguiente forma:
- La tabla entera comienza con una línea "
{|parámetros opcionales para la tabla " y finaliza con la línea "|}". - Una leyenda opcional se incluye con la línea "
|+leyenda " luego de "{|". - El código para una fila consiste en una línea "
|-parámetros opcionales para la tabla " y comenzando en una nueva fila, los códigos para las celdas en la fila estan separados por nueva línea o "|". - Datos de tabla son los códigos para las celdas; el código de la celda esta formado por "| valor " o "| parámetros de celda | valor ".
- Una fila de títulos de columna se identifica usando "!" en lugar de "|", excepto para la separación entre un parámetro de celda y un valor; la diferencia con una fila normal depende del navegador, los títulos de columna están frecuentemente presentados en negritas.
- La primera celda de la fila es identificada como fila de títulos si comienza la línea con "!" en lugar de "|", y comienzan las subsecuentes celdas de datos en una nueva línea.
Los parámetros de tabla y de celdas son los mismos como en HTML. Sin embargo los elementos thead, tbody, tfoot, colgroup y col actualmente no son soportados en MediaWiki.
Una tabla puede ser útil aun si ninguna de sus celdas tiene contenido, notablemente porque con el uso de colores de fondo de celdas la tabla puede ser un diagrama. Una "imagen" en forma de una tabla es mucho más conveniente para editar una imagen subida.
Cada fila debe tener el mismo número de celdas que las otras filas, así el número de columnas en la tabla continúa siendo consistente (a menos que haya celdas que abarquen varias columnas o filas, vea colspan y rowspan en ejemplo mezcla más abajo). Para celdas vacías, use el espacio “non-breaking” como contenido para asegurar que las celdas sean mostradas.
Ejemplos
Ejemplo simple
{|
| Celda 1, Fila 1
| Celda 2, Fila 1
|-
| Celda 1, Fila 2
| Celda 2, Fila 2
|}
y
{|
| Celda 1, Fila 1 || Celda 2, Fila 1
|-
| Celda 1, Fila 2 || Celda 2, Fila 2
|}
ambos generan
| Celda 1, Fila 1 | Celda 2, Fila 1 |
| Celda 1, Fila 2 | Celda 2, Fila 2 |
Tabla de multiplicar
Hemos complicado un poco esta tabla poniendo atributos de alineación a celdas y a filas enteras para que pueda apreciar cómo se ponen los atributos a nivel de fila y a nivel de celda cuando las celdas se escriben sobre la misma línea de código.
Obsérvese también que NO se pueden mezclar en una misma línea de código una celda de datos y una celda de título.
Código fuente
{| border="1" cellpadding="2"
|+ Tabla de multiplicar
|-
! × !! align="right" | 1 !! align="right" | 2 !! align="right" | 3
|-
! align="right" | 1
| align="right" | 1 || align="right" | 2 || align="right" | 3
|- align="right"
! 2
| 2 || 4 || 6
|- align="right"
! 3
| 3 || 6 || 9
|- align="right"
! 4
| 4 || 8 || 12
|- align="right"
! 5
| 5 || 10 || 15
|}
Apariencia
| × | 1 | 2 | 3 |
|---|---|---|---|
| 1 | 1 | 2 | 3 |
| 2 | 2 | 4 | 6 |
| 3 | 3 | 6 | 9 |
| 4 | 4 | 8 | 12 |
| 5 | 5 | 10 | 15 |
Color; alcance de parámetros
Hay dos formas de especificar el color del texto y del fondo para una sola celda:
{|
| bgcolor="red" | <font color="white" > abc
| def
| style="background:red; color:white" | ghi
| jkl
|}
| abc | def | ghi | jkl |
Como se ve “font” funciona para una sola celda, aún sin etiqueta de cierre: la etiqueta de cierre es añadida por el sistema. Nota: se desanconseja utilizar esta etiqueta ya que está desaprobada en HTML 4 en beneficio del atributo style.
Como otros parámetros, los colores pueden también ser especificados para una fila completa o para una tabla completa; los parámetros para una fila sobrescriben los valores para la tabla, y los de una celda sobrescriben los de la fila:
{| style="background:yellow; color:green"
|-
| abc
| def
| ghi
|- style="background:red; color:white"
| jkl
| mno
| pqr
|-
| stu
| style="background:silver" | vwx
| yz
|}
da
| abc | def | ghi |
| jkl | mno | pqr |
| stu | vwx | yz |
La especificación HTML 4.01 define dieciséis colores, aquí se muestran con sus valores hexadecimales:
| Negro | #000000 | Plata | #c0c0c0 | Marrón | #800000 | Rojo | #ff0000 | |||
| Azul marino | #000080 | Azul | #0000ff | Púrpura | #800080 | Fucsia | #ff00ff | |||
| Verde | #008000 | Lima | #00ff00 | Oliva | #808000 | Amarillo | #ffff00 | |||
| Verde azulado | #008080 | Aguamarina | #00ffff | Gris | #808080 | Blanco | #ffffff |
Ancho, alto
El ancho y el alto de toda la tabla puede ser especificado, como así también el alto de una fila. Para especificar el ancho de una columna uno puede especificar el ancho de una celda en la columna arbitrariamente. Si no se especifica el ancho para todas las columnas ni el alto de todas las filas, entonces habrá alguna ambigüedad, y el resultado dependerá del navegador.
{| style="width:400px; height:200px" border="1"
|-
| abc
| def
| ghi
|- style="height:100px"
| jkl
| style="width:200px" |mno
| pqr
|-
| stu
| vwx
| yz
|}
da
| abc | def | ghi |
| jkl | mno | pqr |
| stu | vwx | yz |
Posición
Uno puede ubicar la tabla en sí, y todo el contenido de una fila, y el contenido de una celda, pero no con un solo parámetro todo el contenido de una tabla. No use, bajo ninguna circunstancia, “float” para ubicar una tabla. Esto rompería la presentación de la página a fuentes de gran tamaño.
“Ejemplo mezcla”
Aquí hay un ejemplo más avanzado que muestra más opciones disponibles para “maquillar” tablas. Puede jugar con estos ajustes en su propia tabla para ver los efectos que tienen. No todas estas técnicas pueden ser apropiadas en todos los casos; ya que adicionar fondos coloreados, por ejemplo, puede no ser una buena idea. Trate de mantener el “maquillaje” en sus tablas relativamente simple –recuerde , otras personas estarán editando también el artículo. Este ejemplo le da una idea de lo que es posible.
Código fuente
{| border="1" cellpadding="5" cellspacing="0" align="center"
|+'''Una tabla ejemplo'''
|-
! style="background:#efefef;" | Primer encabezado
! colspan="2" style="background:#ffdead;" | Segundo encabezado
|-
| arriba a la izquierda
|
| rowspan=2 style="border-bottom:3px solid grey;" valign="top" |
lado derecho
|-
| style="border-bottom:3px solid grey;" | abajo a la izquierda
| style="border-bottom:3px solid grey;" | abajo en el medio
|-
| colspan="3" align="center" |
{| border="0"
|+''Una tabla en otra tabla''
|-
| align="center" width="150px" | [[Image:wiki.png]]
| align="center" width="150px" | [[Image:wiki.png]]
|-
| align="center" colspan="2" style="border-top:1px solid red; border-right:1px
solid red; border-bottom:2px solid red; border-left:1px solid red;" |
Dos logos de Wikipedia
|}
|}
Apariencia
Una tabla ejemplo Primer encabezado Segundo encabezado arriba a la izquierda lado derecho
abajo a la izquierda abajo en el medio
Una tabla en otra tabla 
Dos logos de Wiki Icesi
JUANITO PÉREZ
Colores
Para dar colores a una página de internet, se usa el código HTML indicando cuál es el color que se quiere dar a una tabla, texto, un fondo... y el wiki no es una excepción. El color puede ser un código RGB o su propio nombre en inglés, de forma que es lo mismo referirse al rojo como "red" que como #FF0000 para ello vamos a explicar el funcionamiento del código de colores RGB.
Editando el wiki, los colores se indican con una [[../Etiquetas HTML|etiqueta HTML]] que comienza con:
<font color="#0000FF">'''Texto en color'''</font>. Si lo que queremos es colorear el texto de esta manera: Texto en color.
Si lo que quieres es poner color al fondo de un texto, debes usar la siguiente etiqueta: <font style="background:#FFFF00">Texto con fondo amarillo</font> Texto con fondo amarillo
Tabla de colores
En esta tabla puedes encontrar los colores más comunes que se usan en HTML.
|
|
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
