Diferencia entre revisiones de «Gabriel Sandbox»

De wiqui
Ir a la navegación Ir a la búsqueda
Línea 188: Línea 188:
[[Archivo:Pipeta sucia.gif|miniaturadeimagen|link=Archivo:Pipeta sucia.gif|thumb1Archivo:Pipeta limpia y sucia.png|Figura 5. Representación de como se observan las diferencias entre una pipeta limpia y una sucia al descargar su volumen]]
[[Archivo:Pipeta sucia.gif|miniaturadeimagen|link=Archivo:Pipeta sucia.gif|thumb1Archivo:Pipeta limpia y sucia.png|Figura 5. Representación de como se observan las diferencias entre una pipeta limpia y una sucia al descargar su volumen]]
[[Archivo:Mensisco.gif|miniaturadeimagen|link=Archivo:Pipeta sucia.gif|thumb1Archivo:Pipeta limpia y sucia.png|Figura 5. Representación de como se observan las diferencias entre una pipeta limpia y una sucia al descargar su volumen]]
[[Archivo:Mensisco.gif|miniaturadeimagen|link=Archivo:Pipeta sucia.gif|thumb1Archivo:Pipeta limpia y sucia.png|Figura 5. Representación de como se observan las diferencias entre una pipeta limpia y una sucia al descargar su volumen]]
[[Archivo:Mensisco.gif|miniaturadeimagen|link=Archivo:Pipeta sucia.gif|thumb1Archivo:Pipeta limpia y sucia.png|Figura 5. Representación de como se observan las diferencias entre una pipeta limpia y una sucia al descargar su volumen|200 px]]


===Tabla compleja===
===Tabla compleja===

Revisión del 13:46 10 nov 2024

Encabezado de 2 símbolos (=)

A menor cantidad de iguales (3)

Menor "importancia" de encabezado (4)

El mínimo nivel de encabezados posibles es el de 6 signos de igual
Y todos se colocarán como subtema del subtema del subtema, etc, hasta que agregues otro nivel superior de encabezado

Como por ejemplo otro nivel 2

Seguido de su respectivo subtema nivel 3

El texto que no tiene guiones es texto normal, no es necesario encerrarlo en otro caracter. Las opciones de la barra de arriba son un muy buen apoyo, así no es necesario aprender los "símbolos" destinados a cada propiedad de texto, Incluso se pueden usar ambos a la vez, sin embargo, únicamente tiene las opciones cursiva y negritas, pero en realidad no es que se necesite mucho más en una wiki, exceptuando tal vez tamaño de fuente, en ese caso lo mejor es aprender a utilizar los atributos.


Encabezado nivel 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eleifend massa augue, sit amet fringilla felis laoreet id. Phasellus lorem ipsum, venenatis vitae lectus sit amet, interdum pellentesque sem. Suspendisse ut dolor ut massa fermentum maximus. In eleifend posuere vehicula. Duis facilisis libero in leo facilisis elementum. Quisque elementum turpis sit amet quam facilisis, sed imperdiet risus placerat. Curabitur quis mauris sed nisi volutpat molestie sed at tellus. Phasellus at mi vitae velit rutrum tincidunt. In tristique est sed lorem laoreet, vitae egestas quam pretium. Vivamus mi erat, euismod sed ornare sit amet, iaculis id est. Mauris id pharetra erat.

Encabezado nivel 2

Vivamus facilisis, eros sit amet sagittis volutpat, justo magna imperdiet nisi, quis semper purus lacus ac dui. Cras quis lectus vel nisi dapibus hendrerit. Duis semper fringilla ipsum sit amet viverra. Proin varius tellus eu erat elementum vehicula. Mauris commodo risus odio, eget facilisis quam vehicula at. Maecenas ornare mauris ac ligula malesuada, vel euismod est convallis. Nulla id augue libero. Aliquam at consequat ex, id blandit nisi.

Encabezado nivel 3

Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam eget sem finibus, porttitor dolor eget, viverra arcu. Pellentesque feugiat quis ligula lacinia feugiat. Mauris vitae tortor eu elit semper viverra et quis tortor. Curabitur imperdiet lectus at justo pretium, consectetur vestibulumTexto en cursiva dolor semper. Duis consequat ex a mauris facilisis, sit amet consectetur tellus fringilla. Curabitur lacinia nisl lorem.


Propósito de esta entrada

Hola, soy Gabriel. Al momento de crear esta entrada de la wiki mi objetivo original era únicamente utilizarlo como su título lo indica, un sandbox para aprender y entender cómo es que se trabaja con el código de la wiki. Sin embargo, mientras lo llevaba a cabo empecé un poco por accidente a desarrollar una guía que me ayudase a aprender aplicando los mismos conceptos de los cuales estoy hablando en cada entrada. Todo esto me hizo preguntarme si esta entrada podría llegar a ser útil en un futuro cuando estudiantes posteriores a mi se unan al proyecto. Mis predecesores dejaron archivos, entradas e instrucciones que me han sido de utilidad para aprender por mi cuenta, sin embargo, me gustaría dejar mi propio granito de sal para que cada vez quienes lleguen nuevos al proyecto tengan una forma mucho más sencilla de aprender y comenzar a trabajar en la wiki, y ¿Qué mejor forma que aprendan observando una entrada en la misma wiki donde además pueden ver y editar el código que la sostiene?

Si estás leyendo esto (siempre esperé decir algo así), significa que efectivamente esta entrada sobrevivió y ha pasado a ser más que mi parque de juegos, por lo que espero que sea una guía útil para entender cómo funciona esto, y que puedas aprender algo que incluso si estás familiarizado con la creación web, tal vez no conocías. Hablando de esto, es probable que si estás familiarizado con programación, especialmente HTML, entonces podrás pasar directamente a aportar algo a la wiki, pero en ese caso por favor, siéntete libre de aportar cualquier otro conocimiento que yo, alguien sin mucha idea de programación, haya podido pasar por alto y que sea de ayuda para otros; con la única condición de que lo hagas de la manera más sencilla posible para quienes no tengan mucha idea del tema.

Notas útiles relacionadas a la interacción con textos y códigos

En esta sección voy a presentarte algunos atajos de teclado que te facilitarán la vida, especialmente si estamos hablando de tratar con código. Es probable que conozcas muchos, y hasta más, pero me limitaré a colocar los que yo conozco y que además sean afines al propósito de crear esta wiki.

  • Ctrl+C y ctrl+V: Estos definitivamente los conoces, el cásico copiar y pegar un texto o imagen. No lo usaremos para copiar información, pero podría ser que tengamos que copiar código de otras entradas de esta misma wiki. También está la variante de Ctrl+x que es para cortar, pero seguro ya lo sabes.
  • Ctrl+Z y Ctrl+Y: También un clásico, pero ligeramente menos conocidos. Sirven para deshacer y rehacer acciones inmediatas. ¿Borraste algo que no debías? Ctrl+Z, ¿cambiaste de opinión pero ya deseleccionaste el texto?, Ctrl+Y y problema resuelto
  • Ctrl+F: Este es el comando de búsqueda de palabras. Especialmente útil para trabajar con código ya que al no tener un formato visual es fácil perderse en el, usa el comando y escribe la palabra o frase que quieras encontrar y todos los posibles resultados se resaltarán. También lo puedes usar fuera del editor de texto y de hecho, también en otras páginas web e incluso archivos PDF (en Word es Ctrl+B por si te sirve de algo).
  • Ctrl+A: Este simpático comando tiene el poder de un Dios en el mundo del código, básicamente al usarlo en el editor seleccionarás TODO el texto, desde el primer caracter hasta el último, y también se puede usar en otros programas (en Word es Ctrl+E por si te sirve de algo).

Movilidad entre textos: si quieres esto puede ser un ejemplo práctico. Escribe una línea de texto donde tu quieras, en este mismo código, en word, en un buscador web, etc. Donde tu quieras. Ahora si tú quieres moverte por ese texto puedes usar el mouse o las flechas de dirección, puedes borrar la letra anterior a tu mouse con la tecla borrar, o la letra posterior con la tecla suprimir, pero ¿Cómo puedes agilizar tu movimiento a gran escala, y/o tus selecciones?.

  • Si aprietas Ctrl+flechas laterales, avanzarás más rápido entre palabras o caracteres especiales sorteando los espacios.
  • Si lo haces con las teclas superior e inferior, avanzarás rápidamente entre párrafos
  • Dato que a mi me ha sido increíblemente útil, si presionas las teclas "Inicio" o "Fin" que están colocadas arriba de las flechas, avanzarás al inicio o final de la línea donde estás, cosa muy útil cuando trabajas con códigos
  • Si presionas Ctrl+Inicio/Fin avanzarás al inicio/final de toda la página.
  • Si presionas Shift+flechas, avanzaras un espacio desde donde esté tu cursor, hacia la dirección que presiones, si es lateral será una letra, si es vertical será una línea.
  • Si presionas Shit+Ctrl+flechas tendrás el avance entre palabras que mencioné antes, pero esta vez en forma de seleccion.
  • Si presionas Shift+Incicio/Fin harás la selección desde donde está tu selector hasta el inicio/final de la línea actual.
  • Por último si presionas Shift+Ctrl+Inicio/Fin seleccionarás todo desde donde empieza tu selección hasta el inicio o final de toda la entrada.

Notas útiles relacionadas a creación de la página

Creación de una nueva entrada.

La forma más sencilla de crear una nueva entrada en la wiki es colocar el nombre de la entrada que se quiere agregar en el buscador. Si la entrada no existe, la wiki generará un en lace de color rojo con este nombre el cual, al darle click, creará automáticamente la entrada que podrás comenzar a editar.

Atributos

Los atributos de texto, es decir, todo aquello que le de una propiedad al mismo, ya sea tamaño, color, subíndices, etc, que sean distintos al predeterminado se colocan entre los símbolos <> antes del texto, ejemplo:

<big>Fase 1<sub>(s)</sub> ⇌ Fase 2<sub>(ac)</sub></big>

Fase 1(s) ⇌ Fase 2(ac)

En este caso el atributo <big> hace referencia al tamaño del texto que sigue, como es el primer atributo que se escribió, todo el texto lo tendrá hasta que se cierre el atributo al final, usando su mismo nombre agregando una diagonal "</big>". Lo mismo pasa con <sub> que da formato de subíndice, pero al cerrarse justo después de "(s)", solo le da el formato a esos caracteres.

Sumario

El sumario se genera automáticamente de acuerdo a los encabezados que se generen, de hecho, es una buena idea tomarlo en cuenta para jerarquizar los encabezados que vas a utilizar y mantener una coherencia en el despliegue te temas y subtemas. Cualquier entrada con al menos 4 encabezados generará un sumario, a única forma de evitar que se cree el sumario automáticamente es dar la orden como otro comando, pero no lo considero de utilidad porque un sumario es muy práctico para navegar entre la información de una misma entrada.

Comentarios

Se pueden realizar comentarios, como se hace en HTML, si no se está familiarizado con este término, un comentario es texto que aparece en el editor, pero no aparece en la visualización de la página. Su función es la de ayudar al editor y/o colaboradores a entender lo que se está escribiendo en el código sin participar en el. En el caso de HTML, los comentarios se escriben de la siguiente manera:

<!--Comentario->

No es precisamente cómodo escribirlos, pero son una herramienta útil sobre todo cuando se trabaja con varias personas a la vez en un mismo código.

Formato sin etiquetas

Este formato lo encuentro más útil para este sandbox que para la página en sí, pero creo que puede llegar a ser útil si se da la situación donde haya que escribir algún texto que tenga simbología que pueda confundirse con la que utiliza el código para funcionar. Esto se hace colocando:

<nowiki> Seguido del texto que contenga los caracteres mencionados "<>" y se cierra con </nowiki>

Separaciones

Utiliza saltos dobles para marcar una buena separación entre líneas, por alguna razón, un solo enter a veces no deja que se separen bien las líneas de texto y sigan escribiéndose de corrido.

Creación de listas

  • Las listas no numeradas se escriben con un asterisco (*) previo al texto
  • Lo mismo cada que inicies otra línea
    • Si agregas dos asteriscos (**) obtendrás subdivisiones
  • Volverás a la normalidad si colocas nuevamente uno solo
      • Pero si colocas por ejemplo 3, después de haber colocado solo uno, dejarás espacios vacíos, así que cuidado con la continuidad
  1. Un numeral creará una lista numerada
  2. Es el mismo principio, los números se ajustarán automáticamente
    1. Igual con las subdivisiones y espacios vacíos
    • Y por último también se pueden mezclar tipos de listas

Imágenes

Pie de página
Empty Beaker.png

Empty Beaker.png Descripción

Figura 4. Error de paralaje
Descripción
Descripción


La imágenes se colocan dentro del tema/subtema que se desea, estas siempre apareceran en la parte derecha de la página automáticamente, a menos que se agreguen dentro de una tabla por ejemplo.

Tablas

Para crear una tabla se utiliza una clase llamada "wikitable"; de la siguiente manera:

Lo primero es iniciar la tabla con {| class="wikitable" independientemente de lo que escribas en la tabla, debes cerrarla utilizando |}.

  • El símbolo |+ sirve para ponerle un título a la tabla.
  • El símbolo |- sirve para separar todas las filas, coloca uno cada que necesites escribir otra y déjalo vacío.
  • El símbolo ! sirve para ponerle encabezados a la tabla, separa las columnas con doble !!
  • El símbolo | sirve para crear las columnas con su respectivo texto. Usa doble || para separarlas.

Ejemplo, si se escribe:

{| class="wikitable" |+ Título de la tabla |- <!--Separaciones-> !Encabezado 1!!Encabezado 2!!Encabezado 3 |- |Texto||Separado por||Doble barra |- |Las dimensiones||Se ajustan||Automáticamente al contenido |}

Título de la tabla
Encabezado 1 Encabezado 2 Encabezado 3
Texto Separado por Doble barra
Las dimensiones Se ajustan Automáticamente al contenido

Enlaces entre páginas

Si das click aquí, irás a la página de Escala de pH aa

Ecuacuones químicas

A B(s) ⇌ A+ (ac) + B- (ac)

A B(s) ⇌ A+ (ac) + B- (ac)

= 5.00x10-10 mol/L

2H(g) + O2(g) → 2H2O(l)

Zn(s) + 2HCl(ac) → ZnCl2(ac) + H2(g)

Math

Kps = [Ag+][Br-]

Kps = S * [Br-]

= 5.00x10-10 mol/L

Youtube

Gif

Figura 5. Representación de como se observan las diferencias entre una pipeta limpia y una sucia al descargar su volumen
Figura 5. Representación de como se observan las diferencias entre una pipeta limpia y una sucia al descargar su volumen
Figura 5. Representación de como se observan las diferencias entre una pipeta limpia y una sucia al descargar su volumen

Tabla compleja

Tabla 1. Marcas presentes en el material volumétrico [1]
Marcas en el material Información que proporciona
Capacidad del instrumento (mL) Es el volumen con el cual trabaja el material, se mide de la punta del material hasta su marca de aforo para las pipetas y matraces, y hasta la marca de cero en las buretas.
Tolerancia (± n) Esta propiedad define un intervalo en el que el material pueda estar variando su medición del volumen especificado. Depende de la clase.
Clase (A o B) Está relacionada con la tolerancia que tiene el material y depende del volumen de este. Un clase A tiene una tolerancia mucho menor que un clase B, lo que significa mayor exactitud.
Temperatura de calibración Indica para qué condiciones de temperatura se han calculado los límites de tolerancia y el volumen en el que trabaja el material.
Ajuste o uso del instrumento (TD/Ex/PE, TC/In/PC) TD/Ex/PE: Indica que el material está hecho para la entrega de un volumen.

TC/In/PC: Indica que el material está hecho para la contención de un volumen.

Número ISO/NMX/DIN/BS Este número indica que el material cumple con el estándar en las normas internacionales (ISO), los alemanes (DIN), o británicos (BS) que son los más comunes.
Marca comercial Indica la marca comercial del material, sabiendo esto se puede buscar más información sobre este si es necesario.

Referencias cruzadas

Figura 1. Marcas presentes en una bureta Plantilla:Etiqueta de sección
Figura 2. Marcas presentes en una pipeta volumétrica Plantilla:Etiqueta de sección
Figura 3. Marcas presentes en un matraz volumétrico Plantilla:Etiqueta de sección

Según se muestra en la Figura 1. etc Según se muestra en la Figura 2. etc Según se muestra en la Figura 3. etc

Referencias

[2] [2] [3] The Moon, however, is not so big.[4] [5] The Moon, however, is not so big.[6] [7] The Moon, however, is not so big.[8]

  1. Bailey, C., & Barwick, V. (2007a). Laboratory skills training handbook. LGC.
  2. 2,0 2,1 Sandoval Marquéz, R. (2011). Equilibrios en disolución en química analítica (2da ed.). Universidad Nacional Autónoma de México. pp. 380-390
  3. E. Miller, The Sun, (New York: Academic Press, 2005), 23–25.
  4. R. Smith, "Size of the Moon", Scientific American, 46 (April 1978): 44–46.
  5. E. Miller, The Sun, (New York: Academic Press, 2005), 23–25.
  6. R. Smith, "Size of the Moon", Scientific American, 46 (April 1978): 44–46.
  7. E. Miller, The Sun, (New York: Academic Press, 2005), 23–25.
  8. R. Smith, "Size of the Moon", Scientific American, 46 (April 1978): 44–46.