Biomod/2014/UANL/Manual Wiki/index: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
(Creación de la página)
 
(Corrección de hipervinculos e indice)
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<html>
<head>
<head>
   <meta content="text/html; charset=UTF-8"
   <meta content="text/html; charset=UTF-8"
  http-equiv="content-type">
  http-equiv="content-type">
   <title>manual</title>
   <title>Manual Wiki</title>
</head>
</head>
<body>
<body>
Line 11: Line 10:
<br>
<br>
<ol>
<ol>
   <li>Requisitos previos.</li>
   <li><a
   <li>Conceptos básicos de un código HTML.</li>
href="http://openwetware.org/wiki/Biomod/2014/UANL/Manual_Wiki/Requisitos">Requisitos
   <li>¿Cómo editar la Wiki?</li>
previos.</a></li>
   <li>Pasos Básicos.</li>
   <li><a
href="http://openwetware.org/wiki/Biomod/2014/UANL/Manual_Wiki/Conceptos">Conceptos
básicos de un código HTML.</a></li>
   <li><a
href="http://openwetware.org/wiki/Biomod/2014/UANL/Manual_Wiki/Editando">¿Cómo
editar la Wiki?</a></li>
   <li><a
href="http://openwetware.org/wiki/Biomod/2014/UANL/Manual_Wiki/Pasos">Pasos
Básicos.</a></li>
   <ol>
   <ol>
     <li>Creación del código</li>
     <li><a
     <li>Herramientas WYSWYG</li>
href="http://openwetware.org/wiki/Biomod/2014/UANL/Manual_Wiki/Pasos">Creación
del código.</a></li>
     <li><a
href="http://openwetware.org/wiki/Biomod/2014/UANL/Manual_Wiki/Herramientas">Herramientas
WYSWYG.</a></li>
     <ol>
     <ol>
       <li>Kompozer</li>
       <li>Kompozer.</li>
       <li>Editor Online</li>
       <li>Editor Online.</li>
     </ol>
     </ol>
     <li>Tablas</li>
     <li><a
    <li>Imagenes</li>
href="http://openwetware.org/wiki/Biomod/2014/UANL/Manual_Wiki/Imagenes">Imágenes.</a></li>
     <li>Ecuaciones</li>
     <li><a
href="http://openwetware.org/wiki/Biomod/2014/UANL/Manual_Wiki/Ecuaciones">Ecuaciones.</a></li>
   </ol>
   </ol>
   <li>Buenos hábitos.</li>
   <li><a
href="http://openwetware.org/wiki/Biomod/2014/UANL/Manual_Wiki/Habitos">Buenos
hábitos.</a></li>
</ol>
</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>
<br>
<h2>Conceptos Básicos de HTML</h2>
<div style="text-align: center;"><img
Para visualizar una página de internet, se ha diseñado un código en
  style="width: 793px; height: 143px;" alt=""
especifico, HTML. Este código puede ser escrito en cualquier editor de
  src="http://openwetware.org/images/8/89/UANL_Conceptos_Manual.png"><br>
texto, o en programas sofisticados que permitan al usuario trabajar en
<small>Diagrama de las instrucciones generales para editar la
un ambiente más cómodo y crear códigos más detallados. Un código HTML
Wiki.</small><br>
está compuesto por secciones o etiquetas entre corchetes triangulares
&nbsp;"&lt;etiqueta&gt; &lt;/etiqueta&gt;" 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;">&lt;html&gt;</span><br
style="font-style: italic;">
<span style="font-style: italic;">&lt;head&gt;</span><br
  style="font-style: italic;">
<span style="font-style: italic;">&lt;title&gt;Titulo
de Hola Mundo&lt;/title&gt;</span><br
style="font-style: italic;">
<span style="font-style: italic;">&lt;/head&gt;</span><br
style="font-style: italic;">
<span style="font-style: italic;">&lt;body&gt;</span><br
style="font-style: italic;">
<span style="font-style: italic;">Hola Mundo</span><br
style="font-style: italic;">
<span style="font-style: italic;">&lt;br&gt;</span><br
style="font-style: italic;">
<span style="font-style: italic;">Hola!</span><br
style="font-style: italic;">
<span style="font-style: italic;">&lt;/body&gt;</span><br
style="font-style: italic;">
<span style="font-style: italic;">&lt;/html&gt;</span><br>
</div>
</div>
<br>
<br>
El código crearía una página con el título "Título de Hola Mundo", y
<div style="text-align: center;"><a
consistiría de dos tres líneas de texto, "Hola Mundo", una línea vacía
  href="http://openwetware.org/wiki/Biomod/2014/UANL/Manual_Wiki/Requisitos">Siguiente
y "Hola!". Para exhibir texto (sin ningún formato) solo es necesario
(Requisitos)</a></div>
escribirlo entre las etiquetas. Existen etiquetas que solo pueden
utilizarse dentro de ciertas partes del código, como <span
style="font-style: italic;">&lt;title&gt;&lt;/title&gt;</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;">&lt;html&gt;&lt;/html&gt;</td>
      <td>Señala inicio y fin del código HTML.</td>
    </tr>
    <tr>
      <td style="font-style: italic;">&lt;head&gt;&lt;/head&gt;</td>
      <td>Encierra todo lo que será encabezado.</td>
    </tr>
    <tr>
      <td style="font-style: italic;">&lt;title&gt;&lt;/title&gt;</td>
      <td>Encierra todo lo que será el título. Debe ir dentro de <span
style="font-style: italic;">&lt;head&gt;&lt;/head&gt;</span>.</td>
    </tr>
    <tr>
      <td style="font-style: italic;">&lt;body&gt;&lt;/body&gt;</td>
      <td>Encierra todo lo que será el cuerpo (la página web)</td>
    </tr>
    <tr>
      <td style="font-style: italic;">&lt;br&gt;</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;">&lt;body&gt;&lt;/body&gt;</span>&nbsp;
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>
</body>
</html>
</html>

Latest revision as of 22:56, 13 June 2014

<html> <head>

 <meta content="text/html; charset=UTF-8"
http-equiv="content-type">
 <title>Manual Wiki</title>

</head> <body> <h1 style="text-align: center;">Manual para edición de la Wiki</h1> <br> <ol>

 <li><a
href="http://openwetware.org/wiki/Biomod/2014/UANL/Manual_Wiki/Requisitos">Requisitos

previos.</a></li>

 <li><a
href="http://openwetware.org/wiki/Biomod/2014/UANL/Manual_Wiki/Conceptos">Conceptos

básicos de un código HTML.</a></li>

 <li><a
href="http://openwetware.org/wiki/Biomod/2014/UANL/Manual_Wiki/Editando">¿Cómo

editar la Wiki?</a></li>

 <li><a
href="http://openwetware.org/wiki/Biomod/2014/UANL/Manual_Wiki/Pasos">Pasos

Básicos.</a></li>

 <ol>
   <li><a
href="http://openwetware.org/wiki/Biomod/2014/UANL/Manual_Wiki/Pasos">Creación

del código.</a></li>

   <li><a
href="http://openwetware.org/wiki/Biomod/2014/UANL/Manual_Wiki/Herramientas">Herramientas

WYSWYG.</a></li>

   <ol>
     <li>Kompozer.</li>
     <li>Editor Online.</li>
   </ol>
   <li><a
href="http://openwetware.org/wiki/Biomod/2014/UANL/Manual_Wiki/Imagenes">Imágenes.</a></li>
   <li><a
href="http://openwetware.org/wiki/Biomod/2014/UANL/Manual_Wiki/Ecuaciones">Ecuaciones.</a></li>
 </ol>
 <li><a
href="http://openwetware.org/wiki/Biomod/2014/UANL/Manual_Wiki/Habitos">Buenos

hábitos.</a></li> </ol> <br> <div style="text-align: center;"><img

style="width: 793px; height: 143px;" alt=""
src="http://openwetware.org/images/8/89/UANL_Conceptos_Manual.png"><br>

<small>Diagrama de las instrucciones generales para editar la Wiki.</small><br> </div> <br> <div style="text-align: center;"><a

href="http://openwetware.org/wiki/Biomod/2014/UANL/Manual_Wiki/Requisitos">Siguiente

(Requisitos)</a></div> </body> </html>