Una de las herramientas Online que he podido trabajar es sin duda Compare Ninja, el cual por ser tan simple nos permite crear tablas en HTML y CSS.
Compare Ninja Qué es?
Compare Ninja es un servicio gratuito para excelentes diseñadores Web, webmasters, bloggers y editores Compara ninja es una herramienta que permite una interfaz simple y amigable para crear tablas de comparación hermosas en HTML y CSS .
Compare Ninja te brinda las herramientas para crear tu propia tabla, sin necesidad de crear una manualmente con tan solo seguir las instrucciones. Solo tienes que darle un nombre a tu tabla, escoger una plantilla, definir la cantidad de filas y columnas que tendrá e ir personalizando las categorías e items. ¿Sencillo, verdad? Es muy simple de realizar, puedes hacerlo en pocos minutos sin necesidad de recurrir a ningún programa extra, ni ningún tipo de registro.
¿Cómo funciona?
El sitio web del servicio tiene un generador con la ayuda de cualquier persona puede crear una tabla de comparación. Después de tres pasos, como para llenar la información básica,la tabla de selección del color y rellenar el contenido de la tabla.
¿Cuales son los pasos?
Compare Ninja es un sitio que nos ayudará con la tarea de crear este tipo de tablas en forma gratuita, en donde luego de registrarnos seguiremos los siguientes pasos:
- Detalles básicos. Le daremos nombre a la tabla y especificaremos cuantas columnas y líneas tendrá inicialmente (luego se puede editar). También podremos elegir el ancho de la tabla en pixeles o porcentaje.
- Estilo de la tabla. A continuación elegiremos un estilo de los 10 que ofrece el sitio. Claro que luego podremos modificar desde el código los colores y detalles que queramos, pero aquí le damos los lineamientos generales.
- Edición de la tabla. Ya en este paso nos muestra la tabla, por lo que nos queda editar los items de las líneas y las columnas y modificar los iconos de cada campo comparativo. También nos permitirá agregar una imagen referencias a cada columna.
- Código. Una vez finalizada la edición, podemos hacernos con el código en HTML o en HTML y CSS por separado.
Visita: Compare Ninja
.png "English"){kind=small}
0 comentarios:
¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro de tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados.