Biomod/2014/UANL/Manual Wiki/index: Difference between revisions
(Creación de la página) |
(titulo y etiqueta no reconocida) |
||
| Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
<title>Manual Wiki</title> | |||
</head> | </head> | ||
<body> | <body> | ||
Revision as of 19:51, 7 June 2014
<html> <head> <title>Manual Wiki</title> </head> <body> <h1 style="text-align: center;">Manual para edición de la Wiki</h1> <br> <ol>
<li>Requisitos previos.</li>
<li>Conceptos básicos de un código HTML.</li>
<li>¿Cómo editar la Wiki?</li>
<li>Pasos Básicos.</li>
<ol>
<li>Creación del código</li>
<li>Herramientas WYSWYG</li>
<ol>
<li>Kompozer</li>
<li>Editor Online</li>
</ol>
<li>Tablas</li>
<li>Imagenes</li>
<li>Ecuaciones</li>
</ol>
<li>Buenos hábitos.</li>
</ol> <h2>Requisitos Previos</h2> Si te encuentras leyendo esto, debo suponer que ya te has registrado en la pagina de OpenWetWare, y ya tienes tu propia cuenta. Si no es así, apresúrate. Da click en "Log In" y sigue los pasos para registrarte. Cuando tengas la confirmación de tu cuenta, regresa aquí para que aprendas a trabajar con esta herramienta.<br> <br> <h2>Conceptos Básicos de HTML</h2> Para visualizar una página de internet, se ha diseñado un código en especifico, HTML. Este código puede ser escrito en cualquier editor de texto, o en programas sofisticados que permitan al usuario trabajar en un ambiente más cómodo y crear códigos más detallados. Un código HTML está compuesto por secciones o etiquetas entre corchetes triangulares "<etiqueta> </etiqueta>" que asignan formato o propiedades a lo que se encuentre entre las mismas. A continuación se presenta un ejemplo de un código HTML:<br> <br> <div style="margin-left: 200px;"><span
style="font-style: italic;"><html></span><br style="font-style: italic;">
<span style="font-style: italic;"><head></span><br
style="font-style: italic;">
<span style="font-style: italic;"><title>Titulo de Hola Mundo</title></span><br
style="font-style: italic;">
<span style="font-style: italic;"></head></span><br
style="font-style: italic;">
<span style="font-style: italic;"><body></span><br
style="font-style: italic;">
<span style="font-style: italic;">Hola Mundo</span><br
style="font-style: italic;">
<span style="font-style: italic;"><br></span><br
style="font-style: italic;">
<span style="font-style: italic;">Hola!</span><br
style="font-style: italic;">
<span style="font-style: italic;"></body></span><br
style="font-style: italic;">
<span style="font-style: italic;"></html></span><br> </div> <br> El código crearía una página con el título "Título de Hola Mundo", y consistiría de dos tres líneas de texto, "Hola Mundo", una línea vacía y "Hola!". Para exhibir texto (sin ningún formato) solo es necesario escribirlo entre las etiquetas. Existen etiquetas que solo pueden utilizarse dentro de ciertas partes del código, como <span
style="font-style: italic;"><title></title></span>.
Las etiquetas más importantes y básicas son las siguientes:<br> <br> <table
style="text-align: left; margin-left: auto; margin-right: auto; width: 582px; height: 192px;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="text-align: center;"><span
style="font-weight: bold;">Etiquetas</span></td>
<td style="text-align: center;"><span
style="font-weight: bold;">Función</span></td>
</tr>
<tr>
<td style="font-style: italic;"><html></html></td>
<td>Señala inicio y fin del código HTML.</td>
</tr>
<tr>
<td style="font-style: italic;"><head></head></td>
<td>Encierra todo lo que será encabezado.</td>
</tr>
<tr>
<td style="font-style: italic;"><title></title></td>
<td>Encierra todo lo que será el título. Debe ir dentro de <span
style="font-style: italic;"><head></head></span>.</td>
</tr>
<tr>
<td style="font-style: italic;"><body></body></td>
<td>Encierra todo lo que será el cuerpo (la página web)</td>
</tr>
<tr>
<td style="font-style: italic;"><br></td>
<td>Salto de línea.</td>
</tr>
</tbody>
</table> <br> Para agregar más información al código, solo es necesario agregar dentro de <span style="font-style: italic;"><body></body></span> lo que se guste incorporar a la página.<br> <br> <br> <h2>¿Cómo editar la Wiki?</h2> Para que podamos trabajar activamente editando nuestra página Wiki, solo necesitamos hacer una serie de pasos muy sencillos. Más adelante se verá que no es necesario aprender escribir código HTML para trabajar en nuestra Wiki, simplemente las nociones básicas serán importantes.<br> <br> Para editar una página dentro de OpenWetWare, necesitamos estar conectados en nuestra cuenta, abriendo la página que se desea editar. Si lo que se quiere es "Crear" la página, será necesario pensar en la dirección que se quiera dar a la página, introducirla en el navegador y asegurarse de que no halla sido tomada ya. Para asegurarse de que no halla sido creada ya por alguien más, deberas observar lo siguiente a la hora de entrar en la página:<br> <br> <br> <br> </body> </html>
