Radioterapia /4 (mzo 2020)
domingo, 22 de marzo de 2020
viernes, 20 de marzo de 2020
Sitios frecuentes - Rediseño
Aspectos básicos de la actividad investigadora
Otras asignaturas
Utilidades
--------------------------------------------------
Edona ABAI_1_CC | Ebook - abai 1 | Edona ABAI_2_CS | Ebool - abai 2 |
MIB Abai (17) | Abai CDA (II & IT) | Abainv-BK -Full | |
Edición G9 | |||
Ediciones viejas | CC_Abai1_17 | CS_Abai2_17 | C4,F4 |
Otras asignaturas
Medicina | BioFis20 | Book | |
AulexNA | FisCot20 | ||
MIBio | Ibio18 | Irehab18 | Irehab17 |
LaborAble | LaborAble17 |
Twitter
|
TW- Deck
|
Instagram
|
FaceBook
|
Calendar
|
GMail
|
Drive
|
G-Schoolar |
BLOG
|
Recetas
|
CC_Cotidiana
|
Portal | MiAulario | |
WEB | WebMail | Buscar |
Mi Sitio | Catedra CC | MIB |
Utilidades
WhoUnfollowedMe | WordReference | Web WhatsApp | Timer Tab |
Hangouts | Canales Youtube | Ivoox UPNA | PofSci SLACK |
--------------------------------------------------
Diseño para portada
Con todo lo aprendido en el estudio anterior podemos abordar un rediseño de la entrada de "portada 3" que uso para todo. Vamos a ir viendo:
----------------------
Docencia 1 - Asignaturas ABAI:
Edona, estan la 1 y la 2 y sus libros de texto
La DCA
La del G9
El pinterest sobre el tema
Versiones viejas
4X4 - Hasta el final en amarillos
-------------------------------
yellow, gold, moccasin, khaki
--------------------------------------------------
#faff54
#fbff89
#fdffb4
#feffd9
-------------------------------
----------------------
Docencia 1 - Asignaturas ABAI:
Edona, estan la 1 y la 2 y sus libros de texto
La DCA
La del G9
El pinterest sobre el tema
Versiones viejas
4X4 - Hasta el final en amarillos
-------------------------------
yellow, gold, moccasin, khaki
C1,F1 | C2,F1 | C3,F1 | C4,F1 |
C1,F2 | C2,F2 | C3,F2 | C4,F2 |
C1,F3 | C2,F3 | C3,F3 | C4,F3 |
C1,F4 | C2,F4 | C3,F4 | C4,F4 |
--------------------------------------------------
#faff54
#fbff89
#fdffb4
#feffd9
C1,F1 | C2,F1 | C3,F1 | C4,F1 |
C1,F2 | C2,F2 | C3,F2 | C4,F2 |
C1,F3 | C2,F3 | C3,F3 | C4,F3 |
C1,F4 | C2,F4 | C3,F4 | C4,F4 |
-------------------------------
Prueba de tablas 3 -- Colores
Epezamos por coger una tabla (la de 3x3 sencilla del todo) de la entrada anterior:
Código:
<table border="1" cellpadding="5"><tbody>
Resultado:
-------------------------------
Cambio de color de la tabla entera:
En el encabezado de la tabla añadir el modificador adecuado:
<table bgcolor="grey" border="5" cellpadding="5"><tbody>
-----------------------------------
Donde pone "grey" se pueden poner muchos colores con etiquetas, o en hexadecimal:
bgcolor="#ff7f50"
¡Que cuando lo haces de esta segunda forma no se ve en el editor (redactar) pero sí en la versión publicada. De hecho esta tabla es naranja, cosa que no se ve editando, aparece blanca.
----------------------------------------------------
Y para elegir colores, está muy bien esta web: https://htmlcolorcodes.com/
----------------------------------------------------
¿Y colores en cada celda o cada línea al menos?
Probemos a poner el modificador de color en este sitio:
<table border="1" cellpadding="5"><tbody>
El resultado es que no funciona.
Como funciona es metiendo el modificador dentro del corchete de la fila
<tr bgcolor="gold">
Veamos ahora:
<table border="1" cellpadding="5"><tbody>
Resultado:
Eso es!!
Supongo que hasta se podrá hacer en una celda solo:
<table border="1" cellpadding="5"><tbody>
Resultado:
En efecto, ese es el mecanismo de colorear.
Código:
<table border="1" cellpadding="5"><tbody>
<tr><td>C1,F1</td>
<td>C2,F1</td>
<td>C3,F1</td></tr>
<tr><td>C1,F2</td>
<td>C2,F2</td>
<td>C3,F2</td></tr>
<tr><td>C1,F3</td>
<td>C2,F3</td>
<td>C3,F3</td></tr>
</tbody></table>Resultado:
C1,F1 | C2,F1 | C3,F1 |
C1,F2 | C2,F2 | C3,F2 |
C1,F3 | C2,F3 | C3,F3 |
-------------------------------
Cambio de color de la tabla entera:
En el encabezado de la tabla añadir el modificador adecuado:
<table bgcolor="grey" border="5" cellpadding="5"><tbody>
C1,F1 | C2,F1 | C3,F1 |
C1,F2 | C2,F2 | C3,F2 |
C1,F3 | C2,F3 | C3,F3 |
-----------------------------------
Donde pone "grey" se pueden poner muchos colores con etiquetas, o en hexadecimal:
bgcolor="#ff7f50"
C1,F1 | C2,F1 | C3,F1 |
C1,F2 | C2,F2 | C3,F2 |
C1,F3 | C2,F3 | C3,F3 |
¡Que cuando lo haces de esta segunda forma no se ve en el editor (redactar) pero sí en la versión publicada. De hecho esta tabla es naranja, cosa que no se ve editando, aparece blanca.
----------------------------------------------------
Y para elegir colores, está muy bien esta web: https://htmlcolorcodes.com/
----------------------------------------------------
¿Y colores en cada celda o cada línea al menos?
Probemos a poner el modificador de color en este sitio:
<table border="1" cellpadding="5"><tbody>
<tr> bgcolor="grey" <td>C1,F1</td>
<td>C2,F1</td>
<td>C3,F1</td></tr>
<tr><td>C1,F2</td>
<td>C2,F2</td>
<td>C3,F2</td></tr>
<tr><td>C1,F3</td>
<td>C2,F3</td>
<td>C3,F3</td></tr>
</tbody></table>El resultado es que no funciona.
Como funciona es metiendo el modificador dentro del corchete de la fila
<tr bgcolor="gold">
Veamos ahora:
<table border="1" cellpadding="5"><tbody>
<tr bgcolor="gold><td>C1,F1</td>
<td>C2,F1</td>
<td>C3,F1</td></tr>
<tr><td>C1,F2</td>
<td>C2,F2</td>
<td>C3,F2</td></tr>
<tr><td>C1,F3</td>
<td>C2,F3</td>
<td>C3,F3</td></tr>
</tbody></table>Resultado:
C1,F1 | C2,F1 | C3,F1 |
C1,F2 | C2,F2 | C3,F2 |
C1,F3 | C2,F3 | C3,F3 |
Eso es!!
Supongo que hasta se podrá hacer en una celda solo:
<table border="1" cellpadding="5"><tbody>
<tr ><td>C1,F1</td>
<td>C2,F1</td>
<td>C3,F1</td></tr>
<tr><td>C1,F2</td>
<td>C2,F2</td>
<td>C3,F2</td></tr>
<tr><td>C1,F3</td>
<td>C2,F3</td>
<td bgcolor="gold >C3,F3</td></tr>
</tbody></table>Resultado:
C1,F1 | C2,F1 | C3,F1 |
C1,F2 | C2,F2 | C3,F2 |
C1,F3 | C2,F3 | C3,F3 |
En efecto, ese es el mecanismo de colorear.
Prueba de tablas 2 -- Cambiar texto y colores
Epezamos por coger una tabla (la de 3x3 sencilla del todo) de la entrada anterior:
Código:
<table border="1" cellpadding="5"><tbody>
Resultado:
-------------------------------
Ahora, sobre lo mismo, desde el editor "redactar" voy a cambiar el contenido de las celdas:
Funciona perfecto, y se puede seguir muy bien lo que pasa en el código.
¿Insertar una imagen? Pura curiosidad, no creo que lo use. Probando desde el "redactar"
-----------------------------
Es MUY fácil, funciona todo desde el edotir sencillo, el "redactar", no hay que entrar al código, que va creciéndose y haciéndose más incomprensible, claro.
Y otro rollo sería hacerse los logos de tamaños iguales y demás. Toda una tarea que no sé si merece la pena
-----------------------------
Código:
<table border="1" cellpadding="5"><tbody>
<tr><td>C1,F1</td>
<td>C2,F1</td>
<td>C3,F1</td></tr>
<tr><td>C1,F2</td>
<td>C2,F2</td>
<td>C3,F2</td></tr>
<tr><td>C1,F3</td>
<td>C2,F3</td>
<td>C3,F3</td></tr>
</tbody></table>Resultado:
C1,F1 | C2,F1 | C3,F1 |
C1,F2 | C2,F2 | C3,F2 |
C1,F3 | C2,F3 | C3,F3 |
-------------------------------
Ahora, sobre lo mismo, desde el editor "redactar" voy a cambiar el contenido de las celdas:
Prueba en celda 1 | C2,F1 | C3,F1 |
C1,F2 | Diagonal 2,2 | C3,F2 |
C1,F3 | C2,F3 | Diagonal 3. 3 |
Funciona perfecto, y se puede seguir muy bien lo que pasa en el código.
¿Insertar una imagen? Pura curiosidad, no creo que lo use. Probando desde el "redactar"
C2,F1 | C3,F1 | |
C1,F2 | Diagonal 2,2 | C3,F2 |
C1,F3 | C2,F3 | Diagonal 3. 3 |
-----------------------------
Es MUY fácil, funciona todo desde el edotir sencillo, el "redactar", no hay que entrar al código, que va creciéndose y haciéndose más incomprensible, claro.
Y otro rollo sería hacerse los logos de tamaños iguales y demás. Toda una tarea que no sé si merece la pena
-----------------------------
Prueba de tablas en Blogger
Para probar:
Para insertar una tabla en Blogger, debemos realizar los siguientes pasos. Lo primero será insertar el código html correspondiente. Podemos partir de una tabla 3x3, dónde C representa Columnas y F filas, algo como esto:
Y con ese codigo, y luego modificado para una C más o una F más (mal elegido el nombre) Sale eso:
--------------------------------------------------
La tabla anterior iba entre estos "inicio y fin"
<table border="1" cellpadding="5"><tbody>
</tbody></table>
Parece ser que si en vez de eso usas los siguientes, la tabla se ajusta al ancho:
<table style="width: 100%;" border="1" cellpadding="5"><tbody>
</tbody></table>
-------------------------------------
Probemos a copiar la primera tabla de antes y cambiarle el encabezado:
-------------------------------
Y si quieres cambiarle el color de fondo a la tabla:
<table bgcolor="grey" border="5" cellpadding="5"><tbody>
¿Y si fueran las dos cosas?
<table style="width: 100%;" bgcolor="grey" border="1" cellpadding="5"><tbody>
Probemos
-------------------------------------------
Todo lo anterior está hecho a partir de las instrucciones de este sitio:
http://blogtecnos.blogspot.com/2012/05/introducir-tablas-en-blogger-tutorial.html
Para insertar una tabla en Blogger, debemos realizar los siguientes pasos. Lo primero será insertar el código html correspondiente. Podemos partir de una tabla 3x3, dónde C representa Columnas y F filas, algo como esto:
<table border="1" cellpadding="5"><tbody>----------------------
<tr><td>C1,F1</td><td>C2,F1</td><td>C3,F1</td></tr><tr><td>C1,F2</td><td>C2,F2</td><td>C3,F2</td></tr><tr><td>C1,F3</td><td>C2,F3</td><td>C3,F3</td></tr></tbody></table>
Y con ese codigo, y luego modificado para una C más o una F más (mal elegido el nombre) Sale eso:
C1,F1 | C2,F1 | C3,F1 |
C1,F2 | C2,F2 | C3,F2 |
C1,F3 | C2,F3 | C3,F3 |
C1,F1 | C2,F1 | C3,F1 |
C1,F2 | C2,F2 | C3,F2 |
C1,F3 | C2,F3 | C3,F3 |
C1,F4 | C2,F4 | C3,F4 |
C1,F1 | C2,F1 | C3,F1 | C4,F1 |
C1,F2 | C2,F2 | C3,F2 | C4,F2 |
C1,F3 | C2,F3 | C3,F3 | C4,F3 |
--------------------------------------------------
La tabla anterior iba entre estos "inicio y fin"
<table border="1" cellpadding="5"><tbody>
</tbody></table>
Parece ser que si en vez de eso usas los siguientes, la tabla se ajusta al ancho:
<table style="width: 100%;" border="1" cellpadding="5"><tbody>
</tbody></table>
-------------------------------------
Probemos a copiar la primera tabla de antes y cambiarle el encabezado:
C1,F1 | C2,F1 | C3,F1 |
C1,F2 | C2,F2 | C3,F2 |
C1,F3 | C2,F3 | C3,F3 |
-------------------------------
Y si quieres cambiarle el color de fondo a la tabla:
<table bgcolor="grey" border="5" cellpadding="5"><tbody>
¿Y si fueran las dos cosas?
<table style="width: 100%;" bgcolor="grey" border="1" cellpadding="5"><tbody>
Probemos
C1,F1 | C2,F1 | C3,F1 |
C1,F2 | C2,F2 | C3,F2 |
C1,F3 | C2,F3 | C3,F3 |
-------------------------------------------
Todo lo anterior está hecho a partir de las instrucciones de este sitio:
http://blogtecnos.blogspot.com/2012/05/introducir-tablas-en-blogger-tutorial.html
Suscribirse a:
Entradas (Atom)