Biomod/2014/UANL/Manual Wiki/Imagenes

From OpenWetWare

(Difference between revisions)
Jump to: navigation, search
(Creando)
(complementando contenido e imagenes)
Line 7: Line 7:
<body>
<body>
<h2>Imágenes</h2>
<h2>Imágenes</h2>
-
Aquí veremos los pasos para introducir una imagen a tu página en la
+
<div style="text-align: justify;">Aquí veremos los pasos
 +
para introducir una imagen a tu página en la
Wiki. Son pocos pasos, y es bastante sencillo.<br>
Wiki. Son pocos pasos, y es bastante sencillo.<br>
 +
</div>
<br>
<br>
-
<div class="mxgraph" style="position:relative;overflow:hidden;width:760px;height:175px;"><div style="width:1px;height:1px;overflow:hidden;">ZdFRa8MgEAfwT+Nji9GW9XVbl3WwlrENBnsZNl6izHjBmGH76WumfZBCQPyd3j+5EP7Yh2cnBrVHCYYwKgPhW8IYp3wVl1lOSe5WNEHntExUZZi0hLEgj2i8Hkps0FpofGEtmrLZIDq4gY9GmFv90tKrpBuaX272HehO5Rh2LYz+dG0hoRWT8Yt/irW53Itrq3w+0LRdVOtNzjxlqvJkBmGLK2fEvgAHoz7n0EytLr//iE6CK44YbX/LwU3OpL3yfp7pPWF1fDrEzoB0+g+WTYxmtcLRx4U+rN+29Du8ejzu3pkKB2b8nsvq8DlffenjkCyMP3thJ2GWoY9/PubUhD9dAA==</div></div>
+
<center>
 +
<div class="mxgraph"
 +
style="position: relative; overflow: hidden; width: 760px; height: 175px;">
 +
<div style="width: 1px; height: 1px; overflow: hidden;">ZdFRa8MgEAfwT+Nji9GW9XVbl3WwlrENBnsZNl6izHjBmGH76WumfZBCQPyd3j+5EP7Yh2cnBrVHCYYwKgPhW8IYp3wVl1lOSe5WNEHntExUZZi0hLEgj2i8Hkps0FpofGEtmrLZIDq4gY9GmFv90tKrpBuaX272HehO5Rh2LYz+dG0hoRWT8Yt/irW53Itrq3w+0LRdVOtNzjxlqvJkBmGLK2fEvgAHoz7n0EytLr//iE6CK44YbX/LwU3OpL3yfp7pPWF1fDrEzoB0+g+WTYxmtcLRx4U+rN+29Du8ejzu3pkKB2b8nsvq8DlffenjkCyMP3thJ2GWoY9/PubUhD9dAA==</div>
 +
</div>
 +
</center>
 +
<br>
 +
<h3>Upload File</h3>
 +
<div style="text-align: justify;">Primero que nada, una
 +
vez tengamos la imagen deseada en nuestra computadora, nos iremos al
 +
portal de Openwetware (<a href="http://openwetware.org">http://openwetware.org</a>).
 +
Allí encontraremos en la esquina inferior izquierda unos cuadros con
 +
opciones. Dos de esas opciones pueden servirnos para subir imagenes a
 +
internet y que se puedan visualizar en nuestra página sin problema
 +
alguno: "Upload File" o "Upload Multiple Files". Primero veremos como
 +
subir una imagen individualmente. Para ello daremos click en la opción
 +
de "Upload File".<br>
 +
</div>
 +
<br>
 +
<div style="text-align: center;"><img
 +
style="width: 150px; height: 446px;" alt=""
 +
src="http://openwetware.org/images/f/fa/UANL_Manual8.png"><br>
 +
</div>
 +
<br>
 +
<div style="text-align: justify;">Al dar click les deberá
 +
aparecer una nueva página, con especificaciones y recomendaciones. Si
 +
pueden notarlo, el tamaño límite para un archivo es de 40 MB, y hay
 +
cierto tipo de archivos que son recomendados. Asi también existen tipos
 +
de archivos prohibidos. Asegurense primero de que su archivo
 +
corresponda a estas especificaciones. Una vez listos, daremos click en
 +
"Examinar" y seleccionaremos nuestra imagen o archivo.<br>
 +
</div>
 +
<br>
 +
<div style="text-align: center;"><img
 +
style="width: 1679px; height: 900px;" alt=""
 +
src="http://openwetware.org/images/1/18/UANL_Manual10.png"><br>
 +
</div>
 +
<br>
 +
<div style="text-align: justify;">Siguiente, daremos un
 +
nombre al archivo. Esto se hace para evitar que alguien más en la red
 +
suba un archivo con el mismo nombre. De suceder esto se sustituyen
 +
todas las imágenes con el mismo nombre por la imagen más reciente. en
 +
"Destination filename" agreguemos cosas al nombre para hacerlo único
 +
(no olviden que se debe conservar el final del archivo ".gif" o ".png"
 +
por ejemplo). Una vez terminado, solo nos quedan un par de cosas por
 +
hacer. Primero será dar una descripción del archivo o imagen dentro del
 +
cuadro de texto de "Summary". Esto es más recomendable en caso de subir
 +
archivos (diferentes de imagenes) que sean dificiles de reconocer por
 +
nombre. Aquí les muestro un ejemplo que he desarrollado:<br>
 +
</div>
 +
<br>
 +
<div style="text-align: center;"><img alt=""
 +
src="http://openwetware.org/images/7/7e/UANL_Manual11.png"><br>
 +
</div>
 +
<br>
 +
<div style="text-align: justify;">Ya realizado esto,
 +
estamos listos para subir la imagen, dando click en
 +
"Upload file". Enseguida nos aparecerá esta página:<br>
 +
</div>
 +
<br>
 +
<div style="text-align: center;"><img alt=""
 +
src="http://openwetware.org/images/7/73/UANL_Manual12.png"><br>
 +
</div>
 +
<br>
 +
<div style="text-align: justify;">Allí aparecerá nuestra
 +
imagen y una tabla de información sobre ella. Para poder insertar la
 +
imagen en las páginas de la Wiki necesitaremos tomar la dirección que
 +
ha adquirido la imagen. Para ello daremos click en la imagen. Esta se
 +
debe abrir individualmente en una página, y copiaremos la dirección de
 +
esa página. Este será el link que usaremos para referirnos a nuestra
 +
imagen cuando intentemos insertarlo dentro de los programas que hemos
 +
visto anteriormente.<br>
 +
</div>
 +
<br>
 +
<div style="text-align: center;"><img
 +
style="width: 1030px; height: 39px;" alt=""
 +
src="http://openwetware.org/images/7/77/UANL_Manual13.png"><br>
 +
</div>
 +
<br>
 +
<h3>Upload Multiple Files</h3>
 +
<div style="text-align: justify;">Para subir mas de una
 +
imagen simultaneamente, se sigue un proceso muy similar, solo que la
 +
pagina donde trabajaremos no tiene tantas instrucciones y nos muestra 5
 +
renglones para subir 5 imagenes simultaneamente:<br>
 +
</div>
 +
<br>
 +
<div style="text-align: center;"><img
 +
style="width: 1677px; height: 693px;" alt=""
 +
src="http://openwetware.org/images/b/be/UANL_Manual14.png"><br>
 +
</div>
 +
<br>
 +
<div style="text-align: justify;">Fuera de eso, la única
 +
diferencia restante es que al dar click en "Upload file" nos mandará a
 +
una página con imagenes de muestra de nuestros archivos subidos. Allí
 +
volveremos a seguir la instrucción de dar click en la imagen y copiar
 +
el link. Esto es todo lo que se necesita saber para subir imágenes e
 +
incluso archivos permitidos dentro de nuestra Wiki.<br>
 +
</div>
<br>
<br>
<div style="text-align: center;"><a href="Herramientas">Anterior
<div style="text-align: center;"><a href="Herramientas">Anterior
Line 19: Line 118:
(Ecuaciones)</a></div>
(Ecuaciones)</a></div>
<br>
<br>
 +
<script type="text/javascript"
 +
src="https://www.draw.io/embed.js"></script>
</body>
</body>
-
<script type="text/javascript" src="https://www.draw.io/embed.js"></script>
 
</html>
</html>

Revision as of 20:46, 15 June 2014

Imágenes

Imágenes

Aquí veremos los pasos para introducir una imagen a tu página en la Wiki. Son pocos pasos, y es bastante sencillo.

ZdFRa8MgEAfwT+Nji9GW9XVbl3WwlrENBnsZNl6izHjBmGH76WumfZBCQPyd3j+5EP7Yh2cnBrVHCYYwKgPhW8IYp3wVl1lOSe5WNEHntExUZZi0hLEgj2i8Hkps0FpofGEtmrLZIDq4gY9GmFv90tKrpBuaX272HehO5Rh2LYz+dG0hoRWT8Yt/irW53Itrq3w+0LRdVOtNzjxlqvJkBmGLK2fEvgAHoz7n0EytLr//iE6CK44YbX/LwU3OpL3yfp7pPWF1fDrEzoB0+g+WTYxmtcLRx4U+rN+29Du8ejzu3pkKB2b8nsvq8DlffenjkCyMP3thJ2GWoY9/PubUhD9dAA==

Upload File

Primero que nada, una vez tengamos la imagen deseada en nuestra computadora, nos iremos al portal de Openwetware (http://openwetware.org). Allí encontraremos en la esquina inferior izquierda unos cuadros con opciones. Dos de esas opciones pueden servirnos para subir imagenes a internet y que se puedan visualizar en nuestra página sin problema alguno: "Upload File" o "Upload Multiple Files". Primero veremos como subir una imagen individualmente. Para ello daremos click en la opción de "Upload File".



Al dar click les deberá aparecer una nueva página, con especificaciones y recomendaciones. Si pueden notarlo, el tamaño límite para un archivo es de 40 MB, y hay cierto tipo de archivos que son recomendados. Asi también existen tipos de archivos prohibidos. Asegurense primero de que su archivo corresponda a estas especificaciones. Una vez listos, daremos click en "Examinar" y seleccionaremos nuestra imagen o archivo.



Siguiente, daremos un nombre al archivo. Esto se hace para evitar que alguien más en la red suba un archivo con el mismo nombre. De suceder esto se sustituyen todas las imágenes con el mismo nombre por la imagen más reciente. en "Destination filename" agreguemos cosas al nombre para hacerlo único (no olviden que se debe conservar el final del archivo ".gif" o ".png" por ejemplo). Una vez terminado, solo nos quedan un par de cosas por hacer. Primero será dar una descripción del archivo o imagen dentro del cuadro de texto de "Summary". Esto es más recomendable en caso de subir archivos (diferentes de imagenes) que sean dificiles de reconocer por nombre. Aquí les muestro un ejemplo que he desarrollado:



Ya realizado esto, estamos listos para subir la imagen, dando click en "Upload file". Enseguida nos aparecerá esta página:



Allí aparecerá nuestra imagen y una tabla de información sobre ella. Para poder insertar la imagen en las páginas de la Wiki necesitaremos tomar la dirección que ha adquirido la imagen. Para ello daremos click en la imagen. Esta se debe abrir individualmente en una página, y copiaremos la dirección de esa página. Este será el link que usaremos para referirnos a nuestra imagen cuando intentemos insertarlo dentro de los programas que hemos visto anteriormente.



Upload Multiple Files

Para subir mas de una imagen simultaneamente, se sigue un proceso muy similar, solo que la pagina donde trabajaremos no tiene tantas instrucciones y nos muestra 5 renglones para subir 5 imagenes simultaneamente:



Fuera de eso, la única diferencia restante es que al dar click en "Upload file" nos mandará a una página con imagenes de muestra de nuestros archivos subidos. Allí volveremos a seguir la instrucción de dar click en la imagen y copiar el link. Esto es todo lo que se necesita saber para subir imágenes e incluso archivos permitidos dentro de nuestra Wiki.

Anterior (Herramientas)    -    Regresar al Inicio    -    Siguiente (Ecuaciones)

Personal tools