1
00:00:00,000 --> 00:00:11,400
Vale, entonces aquí os he puesto, veis esto es lo que os decía, el vídeo este no se borró y entonces no funciona, el enlace está roto.

2
00:00:12,419 --> 00:00:22,219
Bueno, pues os cuento. A ver, el asunto este, el asunto de las etiquetas, bueno era, me hicisteis de poner etiquetitas, ¿vale?

3
00:00:22,219 --> 00:00:35,740
Aquí os he puesto una colección. Bueno, estas son etiquetas de momento muy lisas para ir hablando de cosas, pero son etiquetas con marquitos, con colorines, con degradados, con mucha monería.

4
00:00:35,740 --> 00:00:52,740
¿Vale? Entonces, para hacer este tipo de cosas, pues incluso cosas mucho más sencillas, al final hay que meterse un poco con lenguaje HTML, ¿vale? Pero lo que os voy a contar no os asustéis, que lo que os voy a contar es súper sencillo.

5
00:00:52,740 --> 00:01:03,820
y yo. Entonces, a ver, vamos a empezar por aquí. Cuando le dais a, vamos a ver, cuando

6
00:01:03,820 --> 00:01:16,510
edita, ¿eh? A ver, ¿por qué no me deja? ¿Dónde estoy? Ah, se está pinchando en activar

7
00:01:16,510 --> 00:01:56,829
edición. Vale. Ahora. Vale. Bien. Hola. Hola. Hola, Raúl. Hola. Vale, entonces. Bueno, voy a ir, o sea, lo que había pensado era, os he escrito aquí unas cosas que os pueden servir así como un poco de teoría, o sea, aprovecho la propia etiqueta para poner cosas de teoría y a la vez vamos viendo cómo van quedando en el lenguaje HTML y os voy contando, ¿vale?

8
00:01:56,829 --> 00:02:12,569
Aquí os he puesto un enlace de donde yo he sacado todo lo que sé de HTML, que nunca me ha enseñado nadie nada, que esto es de trastear y de bichear, ¿vale? Entonces, luego os la enseño en su momento, pero la dejo de principio para que la tengáis ahí accesible, ¿vale?

9
00:02:12,569 --> 00:02:44,479
Entonces, al editar los ajustes, os sale el editor que todos conocéis cuando habéis editado algo y me imagino que sabéis, y si no ya os lo voy contando, que aquí os sale una opción de mostrar más cosas y lo que vamos a manejar está sobre todo en esta fila que suele venir oculto.

10
00:02:44,840 --> 00:03:03,759
Cuando le dais al corchete este, es donde se ve el lenguaje HTML, que sale con codiguitos y tal, que al principio asusta mucho, pero al final es algo relativamente, por lo menos tiene una lógica bastante fácil de seguir.

11
00:03:03,759 --> 00:03:27,860
¿Vale? Esto de aquí sirve para poner la pantalla completa. Yo os lo recomiendo cuando vais a trabajar porque si no hay en la ventanita esa pequeña, pues eso es un error. ¿Vale? Entonces, lo que os he puesto en esta etiqueta es un poco como, al final lo que más yo creo que vais a hacer es coger las etiquetas que están por ahí, que os he puesto medio ejemplo, y copiarlas. ¿Vale?

12
00:03:27,860 --> 00:03:29,919
Pues para copiar una etiqueta

13
00:03:29,919 --> 00:03:31,539
Lo que tenéis que hacer es copiarla

14
00:03:31,539 --> 00:03:32,900
Desde el lenguaje HTML

15
00:03:32,900 --> 00:03:35,680
Porque tiene que ir con todos sus códigos y todas sus cosas

16
00:03:35,680 --> 00:03:37,080
O sea, si yo ahora mismo le doy aquí

17
00:03:37,080 --> 00:03:39,639
A cortar y pegar, cuando yo esto lo pego

18
00:03:39,639 --> 00:03:41,780
No me pega nada de lo que hay aquí

19
00:03:41,780 --> 00:03:43,240
O sea, me pega texto

20
00:03:43,240 --> 00:03:45,840
Me pega texto limpio

21
00:03:45,840 --> 00:03:47,539
Sin formato y sin nada

22
00:03:47,539 --> 00:03:49,819
Y encima como le da la gana

23
00:03:49,819 --> 00:03:51,759
¿Vale? Entonces, para copiar

24
00:03:51,759 --> 00:03:53,620
La etiqueta, os vais aquí

25
00:03:53,620 --> 00:03:55,020
Marcáis todo

26
00:03:55,020 --> 00:03:57,460
La forma fácil de marcar todo es con

27
00:03:57,460 --> 00:03:59,400
control A, A de all

28
00:03:59,400 --> 00:04:01,080
en inglés, ¿vale?

29
00:04:01,219 --> 00:04:03,639
control A, veis que se marca todo

30
00:04:03,639 --> 00:04:04,780
control C, ¿no?

31
00:04:05,419 --> 00:04:06,400
control C

32
00:04:06,400 --> 00:04:08,699
control C

33
00:04:08,699 --> 00:04:11,479
lo vais a

34
00:04:11,479 --> 00:04:13,240
usar en el Word

35
00:04:13,240 --> 00:04:15,560
y en programas que estén traducidos

36
00:04:15,560 --> 00:04:16,800
pero cuando

37
00:04:16,800 --> 00:04:19,120
vayáis a algún programa

38
00:04:19,120 --> 00:04:21,379
que no funcione el control C, probad

39
00:04:21,379 --> 00:04:23,420
con control A, porque en la actitud del mundo

40
00:04:23,420 --> 00:04:24,540
es control A

41
00:04:24,540 --> 00:04:26,300
es que además te ahorras

42
00:04:26,300 --> 00:04:27,620
tener que seleccionarlo.

43
00:04:28,180 --> 00:04:30,160
Con control A, todo lo que está

44
00:04:30,160 --> 00:04:31,620
en el cuadro se selecciona.

45
00:04:31,759 --> 00:04:33,279
No tienes que estar arrasando el ratón.

46
00:04:34,000 --> 00:04:35,420
Das control A, ¿vale?

47
00:04:36,899 --> 00:04:38,000
No, pero control A,

48
00:04:38,040 --> 00:04:39,560
perdona, Raúl, te lo he dicho mal.

49
00:04:39,740 --> 00:04:42,000
Control A sustituye al control E

50
00:04:42,000 --> 00:04:43,980
del Word. O sea, si tú estás en un documento

51
00:04:43,980 --> 00:04:45,620
de Word y pones control E,

52
00:04:46,339 --> 00:04:48,639
te selecciona

53
00:04:48,639 --> 00:04:49,560
todo el texto.

54
00:04:49,879 --> 00:04:51,759
Control A sustituye al control E.

55
00:04:52,040 --> 00:04:54,420
Control C sí. Una vez que lo tengo seleccionado,

56
00:04:54,879 --> 00:04:56,180
control C, porque en español

57
00:04:56,180 --> 00:04:57,980
copiar y en inglés es copy

58
00:04:57,980 --> 00:04:59,819
entonces sigue funcionando

59
00:04:59,819 --> 00:05:02,540
y ya te la llevas donde quieras

60
00:05:02,540 --> 00:05:03,980
para que lo veáis si queréis

61
00:05:03,980 --> 00:05:06,480
pues me voy a abrir un curso que tengo yo

62
00:05:06,480 --> 00:05:07,240
aquí de prueba

63
00:05:07,240 --> 00:05:10,300
espérate que así trabajo

64
00:05:10,300 --> 00:05:11,420
con dos ventanas

65
00:05:11,420 --> 00:05:13,339
ah por cierto

66
00:05:13,339 --> 00:05:14,459
me había hecho unos

67
00:05:14,459 --> 00:05:18,139
me había apuntado unas cosas que os quería decir

68
00:05:18,139 --> 00:05:23,339
antes de entrar aquí se me ha olvidado

69
00:05:23,339 --> 00:05:24,439
luego si da tiempo

70
00:05:24,439 --> 00:05:26,959
entonces esperar que me abra aquí

71
00:05:26,959 --> 00:05:28,220
mi aula virtual

72
00:05:28,220 --> 00:05:31,920
tengo creado un curso de prueba

73
00:05:31,920 --> 00:05:34,000
donde me voy guardando formatos

74
00:05:34,000 --> 00:05:35,740
etiquetas y guarrerías de esas

75
00:05:35,740 --> 00:05:37,720
y entonces pues

76
00:05:37,720 --> 00:05:38,920
para que veáis

77
00:05:38,920 --> 00:05:45,279
será que va lentita

78
00:05:45,279 --> 00:05:49,480
ya

79
00:05:49,480 --> 00:05:54,220
oye te voy a robar esta etiqueta que te ha quedado muy bien

80
00:05:54,220 --> 00:05:56,759
ya sabes

81
00:05:56,759 --> 00:06:01,540
Pues vale

82
00:06:01,540 --> 00:06:02,740
Este curso aquí se me aprueba

83
00:06:02,740 --> 00:06:05,560
Ah por cierto

84
00:06:05,560 --> 00:06:07,220
Una de las cosas que os quería contar

85
00:06:07,220 --> 00:06:09,660
Es que aquí a la izquierda

86
00:06:09,660 --> 00:06:12,000
Me parece que lo comenté con alguien

87
00:06:12,000 --> 00:06:13,959
Aquí a la izquierda te salen mis cursos

88
00:06:13,959 --> 00:06:15,120
Salen tus cursos

89
00:06:15,120 --> 00:06:16,819
Que en general no salen

90
00:06:16,819 --> 00:06:19,139
No salen porque los tenéis caducados

91
00:06:19,139 --> 00:06:20,339
Porque se cerraron

92
00:06:20,339 --> 00:06:23,259
Están puesto fecha de cierre a septiembre del año pasado

93
00:06:23,259 --> 00:06:24,920
Y no lo habéis ampliado la fecha este año

94
00:06:24,920 --> 00:06:25,779
Por eso no salen

95
00:06:25,779 --> 00:06:48,779
Pero es tan simple como irse al formato de curso, cambiar la fecha y ya tenéis ahí todos vuestros cursos disponibles, ¿vale? Vale, pues me voy al curso de prueba, ya la tengo aquí entonces. Consejos, por ejemplo, si yo me voy a copiar una etiqueta, lo primero que tengo que hacer es generar una etiqueta y luego pego ya todo el texto.

96
00:06:48,779 --> 00:07:01,459
Os recomiendo una cosa, que otra etiqueta que ya tengáis hecha, ¿vale? Yo, por ejemplo, me voy a poner la última que tengo, ¿vale? Lo voy a poner aquí abajo, ¿vale? Pues, por ejemplo, detrás de esta, ¿vale?

97
00:07:01,459 --> 00:07:19,199
Entonces, ¿qué hago? Para no irme a añadir, o sea, todo el menú del aula virtual, de añadir las esas, que es un poco goñazo, y además luego te lo genera siempre abajo del todo, entonces luego la tienes que subir para ponerla en su sitio, ¿vale?

98
00:07:19,199 --> 00:07:51,189
Pues si yo la quiero poner aquí y tengo una etiqueta cerca, lo que hago es duplicar esta, ¿vale? Entonces, duplico, ¿vale? Y ya tengo otra ficha generada. Además, yo, por ejemplo, veis que aquí no me sale el cuadrito de marcar, el cuadrito de actividad realizada, porque las etiquetas normalmente, como no tienen nada que realizar, yo en las, al editar, a ver si sale, vale, al editar aquí en finalización de la actividad,

99
00:07:51,189 --> 00:07:53,350
normalmente tengo puesto

100
00:07:53,350 --> 00:07:55,389
¿vale?

101
00:07:55,810 --> 00:07:57,149
normalmente tengo puesto

102
00:07:57,149 --> 00:07:59,410
no indicar finalización de la actividad

103
00:07:59,410 --> 00:08:00,709
o sea, aquí se puede elegir

104
00:08:00,709 --> 00:08:03,490
que la indique manualmente el estudiante

105
00:08:03,490 --> 00:08:05,730
o que no se indique finalización

106
00:08:05,730 --> 00:08:07,589
yo para las etiquetas en las que no hay que hacer

107
00:08:07,589 --> 00:08:09,329
nada, que suelen ser todas, ¿vale?

108
00:08:09,389 --> 00:08:11,490
pongo no indicar finalización de actividad

109
00:08:11,490 --> 00:08:13,670
y así nos sale el cuadradito donde el alumno

110
00:08:13,670 --> 00:08:15,509
marca y tal, ¿vale? y queda más limpita

111
00:08:15,509 --> 00:08:16,949
la página y más bonita

112
00:08:16,949 --> 00:08:19,829
bien, ya la tengo aquí, entonces lo que os decía

113
00:08:19,829 --> 00:08:30,610
O sea, esta etiqueta no vale para nada porque simplemente es una copia para que me copie el formato de la etiqueta mucho más rápidamente que yendo a insertar actividad no sé qué y tal, ¿vale?

114
00:08:30,610 --> 00:08:38,129
Y ¿qué tengo que hacer? Donde está el código HTML de esta, tengo que hacer el control C que ahora mismo tengo en el portapapeles, ¿vale?

115
00:08:38,870 --> 00:08:47,190
Entonces me abro el HTML, ¿vale? Entonces como quiero borrar todo esto, controla, habíamos dicho, ¿no?

116
00:08:47,190 --> 00:09:06,389
No hace falta ni que borre, porque si yo ahora le doy control V, que es pegar, ¿vale? Ya me ha pegado encima de la otra, ¿sabéis qué sencillo? Y entonces ya tengo la etiqueta y además ya la tengo con el formato que yo quiero, porque como me mantiene las restricciones de acceso todo lo que yo ya he hecho, pues lo tengo formateado y todo, ¿vale?

117
00:09:06,389 --> 00:09:25,889
Le doy a guardar y mostrar y ya está ahí abajo, ¿vale? La etiqueta que ponía todo el chorizo ese que había escrito, un momento, ¿dónde estaba? Aquí, ¿vale? Mi biblia de HTML, lo que estaba puesto, ¿ok?

118
00:09:25,889 --> 00:09:28,570
vale, entonces aquí lo que os tengo

119
00:09:28,570 --> 00:09:30,450
puesto en esta etiqueta precisamente es que

120
00:09:30,450 --> 00:09:32,490
para copiar una etiqueta, copiar

121
00:09:32,490 --> 00:09:34,570
y pegar el código HTML, le dais

122
00:09:34,570 --> 00:09:36,450
a, bueno, me habéis seguido, no

123
00:09:36,450 --> 00:09:37,710
hace falta que lo repaséis, vale

124
00:09:37,710 --> 00:09:40,330
conviene que le deis a ampliar para que

125
00:09:40,330 --> 00:09:42,429
se vea bien y el truquito que os he dicho mejor

126
00:09:42,429 --> 00:09:44,549
duplicar una etiqueta y para marcar

127
00:09:44,549 --> 00:09:45,690
todo controlado, o sea que

128
00:09:45,690 --> 00:09:48,149
no te preocupes escribiendo

129
00:09:48,149 --> 00:09:50,269
todas las

130
00:09:50,269 --> 00:09:52,570
cosas que más o menos son así útiles

131
00:09:52,570 --> 00:09:54,129
vale, bien

132
00:09:54,129 --> 00:09:56,929
entonces... Yago, perdona, yo me he incorporado

133
00:09:56,929 --> 00:09:58,370
tarde, lo mismo lo has dicho

134
00:09:58,370 --> 00:10:00,450
y no estaba yo ahí

135
00:10:00,450 --> 00:10:02,149
y lo mismo cometo un error

136
00:10:02,149 --> 00:10:04,509
pero si queremos modificar luego

137
00:10:04,509 --> 00:10:06,389
esa etiqueta, es decir, nosotros la copiamos

138
00:10:06,389 --> 00:10:08,649
de momento estoy diciendo cómo pegarla

139
00:10:08,649 --> 00:10:09,649
vale, ahora

140
00:10:09,649 --> 00:10:12,629
para modificarla hay que

141
00:10:12,629 --> 00:10:14,129
tocarle las tripas del HTML

142
00:10:14,129 --> 00:10:16,350
que es un poco lo que vamos a ir ahora

143
00:10:16,350 --> 00:10:18,350
poco a poco, ¿vale? Entonces, esta etiqueta

144
00:10:18,350 --> 00:10:20,649
es un poquito más compleja

145
00:10:20,649 --> 00:10:22,789
y tenía preparadas la siguiente

146
00:10:22,789 --> 00:10:25,009
es más sencilla, para salir de aquí

147
00:10:25,009 --> 00:10:26,490
cuando lo tenéis esto ampliado

148
00:10:26,490 --> 00:10:29,009
no podéis darle a guardar

149
00:10:29,009 --> 00:10:29,929
o sea, tenéis que quitar

150
00:10:29,929 --> 00:10:32,029
la pantalla completa

151
00:10:32,029 --> 00:10:34,629
y darle aquí a guardar cambios

152
00:10:34,629 --> 00:10:35,750
o a cancelar

153
00:10:35,750 --> 00:10:41,070
entonces esta etiqueta es un poco más sofisticada

154
00:10:41,070 --> 00:10:42,710
y te lo apuche la primera para que

155
00:10:42,710 --> 00:10:43,750
tuvierais aquí los

156
00:10:43,750 --> 00:10:47,389
como dicen los ingleses

157
00:10:47,389 --> 00:10:47,789
los

158
00:10:47,789 --> 00:10:49,970
highlight

159
00:10:49,970 --> 00:10:51,370
eso

160
00:10:51,370 --> 00:10:55,049
Highlights, ¿no?

161
00:10:55,110 --> 00:10:55,769
Lo importante

162
00:10:55,769 --> 00:10:59,129
Vale, entonces aquí tengo una etiqueta

163
00:10:59,129 --> 00:11:01,070
Que veis que es muy fea porque no tiene ni colores

164
00:11:01,070 --> 00:11:03,230
Ni nada, pero aquí os voy

165
00:11:03,230 --> 00:11:04,990
A contar, entonces bueno, primero leo un poco

166
00:11:04,990 --> 00:11:07,309
¿Vale? Entonces esta es una etiqueta que vamos a utilizar

167
00:11:07,309 --> 00:11:09,049
Para hablar de posibles formas de

168
00:11:09,049 --> 00:11:09,710
Separar

169
00:11:09,710 --> 00:11:12,909
Cosas dentro de etiquetas, sabéis que aquí hay

170
00:11:12,909 --> 00:11:13,870
Un sangradito

171
00:11:13,870 --> 00:11:18,919
Luego ya le ponemos

172
00:11:18,919 --> 00:11:21,059
Colores y le ponemos cosas

173
00:11:21,059 --> 00:11:22,639
¿Sí?

174
00:11:22,639 --> 00:11:40,639
Vale. Entonces, una cosa importante. En HTML todo es texto corrido. Entonces, si yo cambio, por ejemplo, si yo ahora hago un zoom, ¿vale? Que estoy cambiando el tamaño de la pantalla, veis que el texto se adapta a la ventana.

175
00:11:40,639 --> 00:11:57,220
Es decir, en principio solo hay cambios de línea donde yo quiero empezar con un nuevo párrafo, que en este caso sería aquí, aquí, y eso también lo tenéis que pensar.

176
00:11:57,220 --> 00:12:16,100
O sea, a la hora de diseñar una etiqueta, tenéis que pensar que un alumno lo ve en un móvil, en una pantallita así, otro lo ve en súper ancho, ¿vale? Entonces tenéis que tener en cuenta que el código, o sea, lo digo a lo mejor, hacéis una figurita súper mona y decís, no, esto queda así centradito y tal, ya, pero en cuanto cambies el tamaño de la pantalla se va todo a tomar por saco.

177
00:12:16,100 --> 00:12:17,740
entonces con eso, eso es una

178
00:12:17,740 --> 00:12:19,879
cosa con la que tenéis que tener en cuenta que no podéis

179
00:12:19,879 --> 00:12:21,820
jugar, ¿vale? veis aquí por ejemplo que ha agrandado

180
00:12:21,820 --> 00:12:23,840
tanto que esto ya no queda

181
00:12:23,840 --> 00:12:25,779
como antes así en una línea

182
00:12:25,779 --> 00:12:27,440
¿vale? bien

183
00:12:27,440 --> 00:12:29,720
voy a poner esto en un tamaño más

184
00:12:29,720 --> 00:12:30,279
razonable

185
00:12:30,279 --> 00:12:33,240
hay que hacerlo responsive

186
00:12:33,240 --> 00:12:34,460
que es lo que el programa daría

187
00:12:34,460 --> 00:12:39,200
que sirve

188
00:12:39,200 --> 00:12:41,480
para las pantallas de los móviles

189
00:12:41,480 --> 00:12:42,779
y para las del ordenador

190
00:12:42,779 --> 00:12:45,399
ay mira, ahora que lo has dicho se me ha olvidado

191
00:12:45,399 --> 00:12:46,940
porque una cosa que os iba a enseñar es

192
00:12:46,940 --> 00:12:48,799
que te pones encima de una letra

193
00:12:48,799 --> 00:12:51,279
y en el ratón te salen cositas.

194
00:12:52,720 --> 00:12:53,539
¿Te salen?

195
00:12:54,120 --> 00:12:55,539
Te salen cosas, comentarios.

196
00:12:55,879 --> 00:12:57,120
Yo una vez les puse un ejercicio

197
00:12:57,120 --> 00:12:59,240
donde les decía,

198
00:12:59,320 --> 00:13:00,539
era un ejercicio que era un poco difícil,

199
00:13:00,840 --> 00:13:03,039
y les decía, si no te sale,

200
00:13:03,259 --> 00:13:05,399
pasa el cursor por aquí y tienes una pista.

201
00:13:05,639 --> 00:13:07,440
Y si pasas por aquí, tienes la segunda

202
00:13:07,440 --> 00:13:08,820
y si pasas por aquí, la tercera.

203
00:13:08,919 --> 00:13:11,039
Entonces las pistas salían al pasar el cursor

204
00:13:11,039 --> 00:13:11,960
por encima nada más.

205
00:13:11,980 --> 00:13:12,440
¡Qué chulo!

206
00:13:13,580 --> 00:13:15,019
Os enseño cómo se hace eso.

207
00:13:15,019 --> 00:13:15,759
Vale, guay.

208
00:13:16,799 --> 00:13:24,259
Entonces, estaba diciendo que en HTML todo esto va corrido, ¿vale?

209
00:13:24,259 --> 00:13:27,460
Y se ata a la ventana hasta que haya algún código de separación.

210
00:13:27,580 --> 00:13:31,580
Entonces, hay como cuatro o cinco maneras de separar cosas, ¿vale?

211
00:13:31,580 --> 00:13:33,059
Que es lo primero que vamos a ver.

212
00:13:33,159 --> 00:13:38,220
Entonces, una línea nueva, o sea, aquí esto está todo escrito, escrito, escrito, hasta aquí.

213
00:13:38,340 --> 00:13:42,960
Y al final aquí hay un código HTML que es este que tiene aquí, PR, que es break, ¿vale?

214
00:13:42,960 --> 00:14:10,460
Que es un cambio de línea. Lo edito, ¿vale? Bueno, voy a leer un poco, ¿vale? Porque luego... Bueno, no, estoy pensando, no, porque lo puedo leer en el otro sitio, puedo leer también, no, espera, aquí. Venga, lo edito, ¿vale? Vale, entonces la voy a poner en grande para que se vea bien, ¿vale? Venga, termina de salir. Si algo no me seguís, me decís, ¿eh?

215
00:14:10,460 --> 00:14:26,559
Vale, pues eso, ¿vale? Pues aquí, o sea, estoy en el editor, pero no es el editor, o sea, el editor es como doble, ¿vale? Este es el editor de texto y le puedes dar formato y tal y luego está el editor de HTML que es pinchando aquí, ¿de acuerdo?

216
00:14:26,559 --> 00:14:43,559
Entonces, para que veáis, ¿vale? Entonces, está, ¿vale? Esta etiqueta para hablar de, entonces, aquí ya sale un código raro, claro, este código, ¿a qué corresponde? Este código corresponde a una división que he tenido que hacer aquí para decirle que esto va en color rojo.

217
00:14:43,559 --> 00:14:47,220
os compliquéis la vida, quiero decir que esto es

218
00:14:47,220 --> 00:14:49,220
subrayar y os podéis ir aquí

219
00:14:49,220 --> 00:14:51,059
al color rojo, ¿vale?

220
00:14:51,120 --> 00:14:52,500
y lo ponéis en rojo chimpún

221
00:14:52,500 --> 00:14:55,059
pero que sepáis que todo eso luego

222
00:14:55,059 --> 00:14:56,519
lo que os genera, ¿vale?

223
00:14:57,720 --> 00:14:58,159
entonces

224
00:14:58,159 --> 00:15:00,860
vale, luego os digo

225
00:15:00,860 --> 00:15:02,940
este código de aquí, voy a donde estaba

226
00:15:02,940 --> 00:15:04,720
ahora mismo, ¿vale? entonces estaba

227
00:15:04,720 --> 00:15:06,139
veis que aquí está un PR, ¿no?

228
00:15:06,700 --> 00:15:08,779
además, esto facilita mucho

229
00:15:08,779 --> 00:15:10,799
las cosas porque los códigos, como veis

230
00:15:10,799 --> 00:15:12,519
van todos en verde, ¿vale?

231
00:15:12,519 --> 00:15:37,460
Entonces son muy facilitos de encontrar, ¿de acuerdo? El BR este que yo os he puesto aquí, este, no sale. ¿Por qué no sale? Porque esto es BR texto, no BR código. Para que HTML sepa que esto no es un break, sino que es texto, lo mete con unos simbolitos ahí indescriptibles que no falta ni aprenderse ni nada, porque eso lo escribes aquí.

232
00:15:37,460 --> 00:16:00,980
O sea, yo esto lo escribo con el teclado normal, tal, pongo tal, carita, no sé qué, ¿vale? Y esto, él solo hace la traducción. ¿Cuál es la traducción? Pues la traducción es, ¿vale? Esto es su, hasta que haya algún código de separación, ¿vale? Pues esto de aquí, pues son de este de aquí, es este de aquí para hacer eso, ¿vale?

233
00:16:00,980 --> 00:16:30,039
Veis que aquí sí que está el BR, ¿vale? Pero este es el código del angulito por la izquierda, o sea, del menor que y este es el del mayor que, ¿vale? Pero bueno, la parte importante, ¿vale? La parte importante es que aquí tenemos un BR, ¿vale? Y este BR sí que lo vais a tener que meter a mano muchas veces porque cuando hacéis cosas, o sea, cuando estáis haciendo una etiqueta y la tenéis ahí en tal y tal y queréis que siga con el mismo formato haciendo otra cosa o tal, al darle al intro, esto se inventa cosas.

234
00:16:30,039 --> 00:16:47,659
O sea, esto decide qué tú quieres hacer no sé qué. O sea, se coge todo lo que llevas hecho hasta ahora y dice, ah, pues, lo voy a repetir. Y entonces te repite lo mismo o al revés. Entonces, muchas veces es más fácil abrir la HTML, es decir, quiero aquí, pongo un BR a mano y me dejo de complicaciones, ¿vale?

235
00:16:47,659 --> 00:17:13,559
Bien, pues una forma de hacer divisiones, ¿vale? Ahí con el BR. Otra forma es este código que pone aquí, que pone DIP. En general, todos los códigos empiezan y terminan. Siempre empiezan, es que siempre son menor que lo que le queréis meter el código y el otro menor que, ¿vale? Y terminan con otro menor que y una barra, ¿vale? Como la barra de finalizar, ¿vale?

236
00:17:13,559 --> 00:17:28,279
Y esto se anida, o sea, podéis ver que aquí tengo un DIP que empieza aquí y termina aquí y dentro de este DIP tenéis otro código que es una B que empieza aquí y termina aquí, que ahora os digo lo que es, ¿vale?

237
00:17:28,680 --> 00:17:43,000
Entonces, podéis anidar lo que os dé la real gana, o sea, podéis empezar a meter una cosa dentro de otra y otra y otra y otra y hacer unos mogollones impresionantes, ¿vale? Pues esta es la esencia, o sea, entender bien que esto es anidar cosas.

238
00:17:43,000 --> 00:18:02,900
Hay que tener cuidado porque no puedes, o sea, si este B empieza dentro de DIP, tiene que acabar dentro de DIP, o sea, tengo que anidar una cosa dentro de otra, o sea, no puedo tener este nido y empezar un nido aquí y acabarlo fuera, ¿vale?

239
00:18:02,900 --> 00:18:16,900
O sea, que teniendo en cuenta eso, luego es aprenderse un par de códigos de estos, que además están a punto, luego al final, yo no me lo sé, ¿eh? O sea, yo creo que tengo que hacer una, digo, ay, esto lo hice un día, no sé dónde voy, lo miro, pues no me acuerdo, ¿vale? Vale, pues entonces…

240
00:18:17,440 --> 00:18:19,480
Una pregunta, ¿el BR no se cierra?

241
00:18:19,640 --> 00:18:21,859
No, el BR no se cierra

242
00:18:21,859 --> 00:18:23,680
porque solo tiene fin de línea, ¿vale?

243
00:18:23,799 --> 00:18:25,119
O sea, casi todos,

244
00:18:25,279 --> 00:18:27,019
si es que he empezado la frase y no he terminado,

245
00:18:27,119 --> 00:18:28,579
casi todos empiezan y acaban.

246
00:18:29,140 --> 00:18:31,380
Menos algunos que el único que vamos a ver

247
00:18:31,380 --> 00:18:32,160
es el BR, ¿vale?

248
00:18:32,160 --> 00:18:36,200
Que simplemente un corte y ya está, ¿vale?

249
00:18:36,900 --> 00:18:39,119
Entonces, esto os pongo aquí.

250
00:18:39,259 --> 00:18:40,299
Esto es una línea nueva

251
00:18:40,299 --> 00:18:41,720
porque después del punto,

252
00:18:41,859 --> 00:18:43,019
de este punto de aquí arriba,

253
00:18:43,259 --> 00:18:44,359
después del punto de línea,

254
00:18:44,359 --> 00:18:46,000
había un BR, que es el que hemos visto.

255
00:18:46,000 --> 00:19:07,299
Y aquí empieza una sección, una división, ¿vale? Que en HTML se indica con div, lo que sea lo que sea, div, ¿vale? Y esta forma de dividir termina con un salto de línea exactamente igual que subir un VR. Es decir, que esto que os estoy marcando ahora, ¿vale? Está hecho con un div.

256
00:19:07,299 --> 00:19:09,180
y lo de arriba

257
00:19:09,180 --> 00:19:11,140
y esto de aquí

258
00:19:11,140 --> 00:19:13,259
hasta aquí

259
00:19:13,259 --> 00:19:14,579
estaba hecho con un BR.

260
00:19:15,619 --> 00:19:17,220
Parece que no hay ninguna diferencia.

261
00:19:17,420 --> 00:19:18,440
¿Cuál va a ser la diferencia?

262
00:19:19,200 --> 00:19:21,059
Que el DIP me permite formatear.

263
00:19:21,200 --> 00:19:23,599
O sea, dentro de DIP, luego aquí a continuación

264
00:19:23,599 --> 00:19:25,119
es donde yo le pongo estilo,

265
00:19:25,500 --> 00:19:27,539
centrado, negrita, color, fondo,

266
00:19:28,079 --> 00:19:29,240
¿vale? Y ahí le meto

267
00:19:29,240 --> 00:19:31,240
todos los códigos de formatear

268
00:19:31,240 --> 00:19:33,380
la etiqueta, ¿vale?

269
00:19:33,740 --> 00:19:35,099
Y con un...

270
00:19:35,099 --> 00:19:37,259
Aquí no, aquí no puedo poner formato porque no tengo

271
00:19:37,259 --> 00:19:48,119
¿Dónde? Los formatos se meten siempre dentro de los códigos, ¿vale? Entonces, esto es una sección, ¿vale? Entonces, aquí os pone la diferencia, ¿vale?

272
00:19:48,119 --> 00:19:55,640
En la sección se pueden definir estilos, ¿de acuerdo? Y aquí viene otra sección. Os he puesto varias para ver qué es lo que pasa.

273
00:19:55,759 --> 00:20:00,220
Si aquí empiezo otra sección, pues empiezo otra sección. Si solo he texto corrido, no vais a notar ninguna diferencia.

274
00:20:00,700 --> 00:20:06,779
Si yo aquí hubiera puesto formatos, ¿vale? Si queréis empiezo un poquito para que vayáis viendo cómo van los formatos, ¿vale?

275
00:20:06,779 --> 00:20:26,799
Por ejemplo, aquí le pongo un formato. El formato se pone siempre con style, en inglés, ¿vale? Style. Y luego la ortografía es un poco coñazo porque es style igual comillas. Eso siempre tiene que ir así, ¿vale? Empezar por comillas y cerrar las comillas. Y entre las comillas se ponen los estilos que quieras.

276
00:20:26,799 --> 00:20:43,079
Por ejemplo, le voy a poner color, ¿vale? Que como en inglés es color y en inglés es color. Entonces, color, dos puntos y el color que tú quieras. Por ejemplo, red. Luego os digo de dónde salen las palabras de los colores, ¿vale?

277
00:20:43,079 --> 00:20:59,619
Entonces, si yo le pongo esto en esta división, todo hasta aquí me lo va a poner en rojo, ¿vale? Entonces yo vengo aquí y efectivamente esta sección está en rojito, ¿vale?

278
00:20:59,619 --> 00:21:17,720
Vale, pues estamos con divisiones, entonces, tipos de divisiones, BR, ¿vale? Y o párrafo, ¿vale? El párrafo, la diferencia entre el párrafo y las demás es que el párrafo, él solo me mete un hueco a lo siguiente que yo escriba, ¿vale?

279
00:21:17,720 --> 00:21:40,680
Entonces, ¿veis que aquí quedó un hueco? Este hueco, por ejemplo, podría hacerlo, si yo quisiera hacer un hueco aquí arriba, donde el primer BR, ¿qué puedo hacer? Pues lo puedo hacer a manopla, o sea, donde pone BR, le pongo BR y ahora pongo otro BR, ¿veis? ¿Vale? ¿Qué me ha hecho? Me ha hecho un hueco, o sea, porque me ha hecho un salto de línea y otro salto de línea, entonces me hago un hueco a mano, ¿vale?

280
00:21:40,680 --> 00:21:58,900
Con un párrafo te permite dos cosas, con un párrafo automáticamente lo siguiente que escribas, sea párrafo o no, te va a meter un hueco, ¿vale? Al siguiente, no al anterior, al siguiente, ¿vale? Y los párrafos, ¿cómo va? Ah, no os he dicho cómo va, bueno, lo pone aquí.

281
00:21:58,900 --> 00:22:01,299
Ah, no le he puesto el párrafo

282
00:22:01,299 --> 00:22:04,259
Párrafo va, pues lo pongo

283
00:22:04,259 --> 00:22:04,740
Os lo pongo

284
00:22:04,740 --> 00:22:07,380
Esto es un párrafo nuevo, ¿vale?

285
00:22:07,559 --> 00:22:08,200
Se pone

286
00:22:08,200 --> 00:22:13,259
Se pone con

287
00:22:13,259 --> 00:22:15,799
Corchete, P

288
00:22:15,799 --> 00:22:17,019
¿Vale? Fácil

289
00:22:17,019 --> 00:22:20,039
Minúscula siempre, todos los códigos van en minúsculas

290
00:22:20,039 --> 00:22:22,220
Si los ponéis, o sea, esto es case sensitive

291
00:22:22,220 --> 00:22:22,700
No

292
00:22:22,700 --> 00:22:25,140
Distingue

293
00:22:25,140 --> 00:22:27,579
Mayúsculas de minúsculas, ¿vale?

294
00:22:27,579 --> 00:22:50,559
Y para cerrar el párrafo, ¿cómo lo haremos? Con la barra de corchete, ¿vale? Minúscula, he dicho. Se pone con tal. Y es muy parecido a las secciones anteriores, es muy parecido a sección, la única diferencia es que mete el espacio, ¿vale?

295
00:22:50,559 --> 00:23:06,180
Bien. Vale, otra forma que no me acuerdo si la escribí o no, ¿vale? Bueno, os la cuento porque no me acuerdo si la escribí. La otra forma de meter cosas es como está este texto de aquí, ¿vale?

296
00:23:06,180 --> 00:23:22,680
Yo quiero meter algo en medio del párrafo, entonces, claro, no quiero ni que me parta ni que me meta espacio, quiero que vaya todo esto corrido, que me ponga el color o lo que narices sea, pero sin partir, ¿vale? Y eso se pone con span, ¿vale?

297
00:23:22,680 --> 00:23:25,500
entonces veis aquí, queso rojo pone

298
00:23:25,500 --> 00:23:27,500
aquí en medio, ¿vale? etiqueta

299
00:23:27,500 --> 00:23:29,500
para hablar, ¿qué? ¿vale? entonces es

300
00:23:29,500 --> 00:23:31,339
span, empieza aquí

301
00:23:31,339 --> 00:23:33,359
y termina aquí en el corchete, lo veis, ¿no?

302
00:23:33,960 --> 00:23:35,480
¿vale? y pone

303
00:23:35,480 --> 00:23:37,700
style, color, style, color

304
00:23:37,700 --> 00:23:39,000
red, ¿vale? con la

305
00:23:39,000 --> 00:23:41,140
ortografía de siempre, ¿vale?

306
00:23:41,220 --> 00:23:43,200
style, igual, comillas, entonces

307
00:23:43,200 --> 00:23:45,420
todos los estilos que defináis van

308
00:23:45,420 --> 00:23:47,339
entre comillas y al final

309
00:23:47,339 --> 00:23:49,400
punto y coma, se separan unos de otros de

310
00:23:49,400 --> 00:23:51,480
punto y coma, y casi todos

311
00:23:51,480 --> 00:23:52,900
funcionan así, o sea, es

312
00:23:52,900 --> 00:23:54,500
como una especie de

313
00:23:54,500 --> 00:23:56,319
alguien

314
00:23:56,319 --> 00:23:59,480
alguien tiene mucho ruido por ahí

315
00:23:59,480 --> 00:24:00,839
entonces

316
00:24:00,839 --> 00:24:03,440
siempre es como

317
00:24:03,440 --> 00:24:05,259
un comando, por así decirlo

318
00:24:05,259 --> 00:24:06,819
y el valor que adquiere ese comando

319
00:24:06,819 --> 00:24:08,519
¿vale?

320
00:24:09,240 --> 00:24:11,380
bien, aquí tenéis otra etiqueta que es

321
00:24:11,380 --> 00:24:13,099
B, B es de bold

322
00:24:13,099 --> 00:24:15,259
o sea, negrita en inglés, ¿vale? entonces

323
00:24:15,259 --> 00:24:17,380
posibles formas de separar

324
00:24:17,380 --> 00:24:19,279
está escrito en

325
00:24:19,279 --> 00:24:20,799
rojo y en negrita a la vez

326
00:24:20,799 --> 00:24:46,839
¿Veis? Que van, lo que os decía antes, ¿vale? Van anidados, o sea, el span empieza aquí y termina aquí y el bold empieza aquí y termina adelante. No podría terminar detrás y si termina detrás me daría error, ¿vale? Te produce, os lo pongo para que veáis si este de aquí, me lo quito de aquí, ¿vale? Y lo pongo aquí, ¿veis? Se pone en rojo. Cuando algo se pone en rojo es que algo va mal, ¿vale?

327
00:24:46,839 --> 00:25:10,319
Esto es una etiqueta que está cerrada en un sitio donde no se puede cerrar. Claro, ¿por qué no puedo cerrar aquí Spam? Porque he abierto Bdentro y no lo he cerrado, ¿vale? Entonces, bueno, quiero decir que parece complicado, pero luego entre las ayudas que tiene el editor con los colorines que ayudan mogollón y teniendo un poco idea de cómo se hace, pues creo que no es complicado, ¿eh?

328
00:25:10,319 --> 00:25:31,299
Vale, aquí, por ejemplo, el editor este yo creo que es un poco malo porque tiene cosas que no sirven para nada. O sea, si os acordáis, esto que he puesto aquí, ¿vale? El todo el texto este que lo he puesto con fondo rojo, lo he puesto añadiendolo aquí, si os acordáis, ¿vale?

329
00:25:31,299 --> 00:25:34,400
¿Y qué sucede? Pues bueno, primero

330
00:25:34,400 --> 00:25:36,319
que es muy limitado porque solo tiene cinco

331
00:25:36,319 --> 00:25:38,240
colores que además son más feos que arrancados

332
00:25:38,240 --> 00:25:39,740
¿Vale? Eso por un lado

333
00:25:39,740 --> 00:25:42,079
Y por otro lado, lo que os decía antes

334
00:25:42,079 --> 00:25:43,920
mete mogollón de basura, ¿vale?

335
00:25:43,940 --> 00:25:45,819
Porque aquí, por ejemplo, mete un clash

336
00:25:45,819 --> 00:25:48,019
que no lleva nada, que no sirve para nada

337
00:25:48,019 --> 00:25:49,460
Esto lo podéis quitar sin problema

338
00:25:49,460 --> 00:25:52,259
Tampoco hace falta que entréis y os pongáis a depurar

339
00:25:52,259 --> 00:25:54,180
código ahí, quiero decir, si no hace nada

340
00:25:54,180 --> 00:25:55,480
no hace nada, ya está, lo dejáis

341
00:25:55,480 --> 00:25:58,180
Pero es verdad que a veces te pones a mirar dónde está hecho algo

342
00:25:58,180 --> 00:26:00,180
y te vuelves un poco loco

343
00:26:00,180 --> 00:26:12,740
Yo por eso empecé a meterme con esto porque a veces decía, no consigo que haga lo que quiero. Entonces, la forma de que haga lo que tú quieres exactamente es tocarle el código HTML y decir, quiero esto aquí y no en otro sitio ni de otra manera.

344
00:26:12,740 --> 00:26:18,599
Bien, entonces

345
00:26:18,599 --> 00:26:22,880
Vamos a ver

346
00:26:22,880 --> 00:26:24,579
Estábamos

347
00:26:24,579 --> 00:26:26,319
Por aquí, ¿vale?

348
00:26:28,519 --> 00:26:30,019
Aquí empieza otra sección

349
00:26:30,019 --> 00:26:31,200
O sea, aquí veis que tenemos

350
00:26:31,200 --> 00:26:32,380
La sección que empieza

351
00:26:32,380 --> 00:26:35,000
Con esto es una sección

352
00:26:35,000 --> 00:26:35,400
¿Vale?

353
00:26:35,559 --> 00:26:36,700
La otra que empieza

354
00:26:36,700 --> 00:26:38,099
Con aquí viene una nueva sección

355
00:26:38,099 --> 00:26:38,779
Y aquí pone

356
00:26:38,779 --> 00:26:40,019
Esto es un nuevo párrafo

357
00:26:40,019 --> 00:26:40,279
¿Vale?

358
00:26:40,660 --> 00:26:41,539
Esto es un nuevo párrafo

359
00:26:41,539 --> 00:26:42,500
Y acaba aquí

360
00:26:42,500 --> 00:26:54,519
Entonces, después del siguiente párrafo, ¿vale? Y antes de esto es otro párrafo sangrado, ¿vale? Pues está el hueco este que introduce, ¿vale?

361
00:26:55,519 --> 00:27:07,160
Vale. ¿Qué podemos meter dentro de los formatos? Por ejemplo, sangrías, ¿vale? ¿Cómo se mete una sangría? Pues una sangría, una sangría, a ver, una sangría la podéis hacer aquí arriba.

362
00:27:07,160 --> 00:27:27,940
O sea, tenéis el botón de aumentar sangría y de quitar sangría, ¿vale? Ahora os cuento ventajas e inconvenientes de ese que lo pone aquí, ¿vale? Entonces, ¿dónde estamos? Esto es aquí, ¿vale? Esto es otro párrafo sangrado respecto al anterior.

363
00:27:27,940 --> 00:27:56,440
¿Cómo se ha sangrado? Pues con esto de aquí, con un estilo que es margen izquierdo, 60 píxeles, ¿vale? O sea, que esto así como lo tenéis ahí, pues luego decís, vais, quiero sangrar, pues a ver, la editáis, ¿cómo era? Ah, vale, margin, margin left, tal, pues lo copiáis o tal y lo metéis, quiere decir que yo no me lo sé, además no me acuerdo si es margin guión left o era solo left o era solo margin o era, yo qué sé, si lo cuesta en apuntado.

364
00:27:56,440 --> 00:28:13,579
Es una cosa que llevo queriendo hacer desde hace mucho, apuntarlo. Por eso me he escrito esto un poco y digo, bueno, voy a ir apuntando cosas que me van a venir bien también, ¿vale? Entonces, este párrafo, claro, ¿qué está sangrado? Todo el párrafo hasta donde haya, es decir, que hasta actual, ¿vale? Está todo sangrado, ¿de acuerdo?

365
00:28:13,579 --> 00:28:32,940
¿Vale? Entonces veis que aquí, hasta actual, está todo sangrado. Entonces aquí, ¿vale? Hay un salto de línea, ¿lo veis? ¿Cómo he hecho este salto de línea? Metiendo un break en medio, ¿vale? Entonces dentro del párrafo podéis meter breaks, podéis meter lo que os dé la gana.

366
00:28:32,940 --> 00:28:35,180
siempre y cuando anidéis break

367
00:28:35,180 --> 00:28:36,819
como no anida, como simplemente

368
00:28:36,819 --> 00:28:38,980
el código ahí a cholón

369
00:28:38,980 --> 00:28:40,099
pues no

370
00:28:40,099 --> 00:28:42,700
tiene problemas, ¿vale? Entonces si queréis

371
00:28:42,700 --> 00:28:44,940
vemos el código que es lo que os digo

372
00:28:44,940 --> 00:28:46,599
pero no es eso, bla bla bla

373
00:28:46,599 --> 00:28:49,180
¿dónde estamos?

374
00:28:50,460 --> 00:28:51,140
aquí

375
00:28:51,140 --> 00:28:52,960
aquí, esto es otro

376
00:28:52,960 --> 00:28:53,500
párrafo

377
00:28:53,500 --> 00:28:59,039
aquí, la ortografía es

378
00:28:59,039 --> 00:29:00,980
pues justo después de la ortografía es

379
00:29:00,980 --> 00:29:02,380
es donde está el salto

380
00:29:02,380 --> 00:29:15,099
¿Vale? Aquí pone, estos códigos son eso, pues los códigos de corchetes, de cosas que él escribe. Siempre empiezan por el símbolo este de la inglesa.

381
00:29:15,099 --> 00:29:35,700
Ah, y otra cosa, dice, por cierto, ¿vale? Esto sí que es muy interesante. Si yo estoy aquí, por ejemplo, y quiero, dentro del párrafo, quiero hacer un salto de línea, si yo le doy a intro, es lo que os decía, me coge, él entiende que estoy en un párrafo y que quiero hacer otro párrafo igual.

382
00:29:35,700 --> 00:30:02,980
Pues aquí, si queréis hacer un break, solo lo podéis hacer metiendo código HTML. No hay ninguna otra manera de hacerlo. Bueno, sí, sí, miento. O, con el truco que os voy a enseñar ahora, ¿vale? Que es, en vez de darle un retorno de carro, o sea, un intro normal, es mayúsculas intro, ¿vale? Entonces, con mayúsculas intro, mete el solo un R en el sitio donde lo has hecho, ¿vale?

383
00:30:02,980 --> 00:30:27,539
Que está puesto aquí, ¿eh? Por cierto, para forzar aquí este cambio de línea, se pulsa mayúsculas intro, lo voy a poner en negrita, negrita es control B, o si queréis ir aquí arriba al menú, ¿vale? Y si no, habría un párrafo nuevo con el formato actual como habéis visto, ¿vale? Voy a quitarle para no meter mucha guarrería, aquí está mayúsculas, ¿sí?

384
00:30:28,119 --> 00:30:29,859
Bueno, es verdad que luego al final les acordas

385
00:30:29,859 --> 00:30:31,640
de muchas cosas, pero insisto, como lo tenéis escrito,

386
00:30:31,779 --> 00:30:34,000
es, ay, ¿cómo se hacía esto? Va y lo miráis y ya está.

387
00:30:34,299 --> 00:30:35,480
Tampoco hay que aprenderse todo.

388
00:30:35,839 --> 00:30:37,920
Además, luego, según vayas viendo las necesidades,

389
00:30:38,140 --> 00:30:39,680
pues me dices, ay, pues, ¿cómo hago esto?

390
00:30:39,759 --> 00:30:41,619
¿Cómo hago lo otro? Vale.

391
00:30:41,940 --> 00:30:42,640
Control-B.

392
00:30:44,180 --> 00:30:45,779
¿Sí? Vale.

393
00:30:46,359 --> 00:30:47,359
Para hacer esta sangría,

394
00:30:47,839 --> 00:30:49,859
se puede usar...

395
00:30:50,619 --> 00:30:52,000
Raúl, ¿puede ser que tengas

396
00:30:52,000 --> 00:30:53,980
tú mucho ruido o soy yo?

397
00:30:54,500 --> 00:30:55,039
Yo estoy solo.

398
00:30:55,839 --> 00:30:56,579
Yo estoy solo.

399
00:30:58,259 --> 00:31:01,900
Pues es que yo no sé quién tiene mucho ruido, pero me estoy volviendo medio tarumba.

400
00:31:02,279 --> 00:31:03,380
¿Vosotros no oís mucho ruido?

401
00:31:03,920 --> 00:31:04,559
Sí, sí.

402
00:31:06,819 --> 00:31:08,740
Pero voy a quitar el micro, pero aquí no hay ruido.

403
00:31:09,180 --> 00:31:12,779
No, no, no, yo qué sé, no, he dicho Raúl, no sé por qué he dicho Raúl, no tengo ni idea.

404
00:31:13,039 --> 00:31:15,559
Alguien, alguien tiene mucho ruido por ahí por casa.

405
00:31:16,380 --> 00:31:16,559
Vale.

406
00:31:17,299 --> 00:31:20,339
También se puede hacer la sangría, por ejemplo, mira, lo voy a hacer,

407
00:31:21,220 --> 00:31:25,839
voy a hacer una sangría en el párrafo este que está más abajo, ¿vale?

408
00:31:25,839 --> 00:31:28,140
en este de aquí, ¿sí?

409
00:31:28,720 --> 00:31:30,420
En este párrafo puedo hacer una sangría

410
00:31:30,420 --> 00:31:32,099
y lo puedo hacer con el botón de sangría.

411
00:31:32,839 --> 00:31:34,559
El botón de sangría son siempre

412
00:31:34,559 --> 00:31:36,400
30 píxeles, es decir, que si queréis hacer

413
00:31:36,400 --> 00:31:38,380
una sangría a 50 píxeles, no podéis

414
00:31:38,380 --> 00:31:39,940
hacerlo aquí, ¿vale? Pero bueno,

415
00:31:40,380 --> 00:31:42,539
da igual. Así que le podéis dar una vez,

416
00:31:42,839 --> 00:31:44,539
¿vale? ¿Veis que os ha hecho

417
00:31:44,539 --> 00:31:48,519
en el párrafo este de aquí abajo?

418
00:31:51,980 --> 00:31:52,500
Ha hecho

419
00:31:52,500 --> 00:31:57,349
Vicky,

420
00:31:57,349 --> 00:31:59,950
Vicky, silencia a todo el mundo

421
00:31:59,950 --> 00:32:01,269
y cuando queráis abrir

422
00:32:01,269 --> 00:32:02,130
le deis a la barra

423
00:32:02,130 --> 00:32:05,369
Oye, si me silencio yo en la grabación

424
00:32:05,369 --> 00:32:06,430
se sigue grabando

425
00:32:06,430 --> 00:32:09,630
Sí, sí, sí, sí, sí, solo silenciar

426
00:32:09,630 --> 00:32:11,349
Me silencio yo también, venga

427
00:32:11,349 --> 00:32:12,490
a la tosca ya

428
00:32:12,490 --> 00:32:19,150
Vale, y yo no estoy silenciado

429
00:32:19,150 --> 00:32:19,309
¿no?

430
00:32:20,230 --> 00:32:22,269
No, porque estoy compartiendo, se supone

431
00:32:22,269 --> 00:32:25,109
Entonces, aquí abajo

432
00:32:25,109 --> 00:32:26,970
me ha hecho una sangría

433
00:32:26,970 --> 00:32:29,089
de 30, que es la mitad de lo anterior

434
00:32:29,089 --> 00:32:30,509
pero la anterior habíamos visto que era 60

435
00:32:30,509 --> 00:32:53,990
Si le vuelvo a dar, ¿vale? Me hace otra. ¿Qué pasa? Que esto lo hace así, ¿vale? Mete, como os decía antes, pues mogollón de basura. Eso que es lo último del todo, ¿sí? ¿Cómo me lo ha hecho? Pues me mete un, me genera un div, el solo, ¿vale? Que dice div class editor indent, que esto no vale para nada, esto lo podemos quitar, toda esta mierda, ¿vale?

436
00:32:53,990 --> 00:33:13,630
Y me crea un margen de 30 y luego me anida otro margen de 30. ¿Lo veis? Entonces, bueno, a ver, al final es porque cuando uno hace una etiqueta muy grande, muy compleja y tal, pues también si lo puedo simplificar.

437
00:33:13,630 --> 00:33:31,930
Entonces, la anterior, ¿cómo estaba hecha? Estaba puesta delante del párrafo porque era párrafo, o sea, además de hacer la sangría, lo que quería es que luego me dejara hueco al siguiente, ¿vale?

438
00:33:31,930 --> 00:33:41,609
Entonces, en el código de párrafo le he metido un estilo de margen izquierdo de 60 píxeles y queda mucho más limpio.

439
00:33:42,049 --> 00:33:51,589
Si no, me hubiera dejado el párrafo con P solo y me hubiera generado dos divisiones a 30 cada una.

440
00:33:53,170 --> 00:33:53,650
¿Vale?

441
00:33:53,650 --> 00:33:55,109
te hago una pregunta

442
00:33:55,109 --> 00:33:56,509
y se puede hacer

443
00:33:56,509 --> 00:33:58,529
a ver si para ser entendido

444
00:33:58,529 --> 00:33:58,710
o sea

445
00:33:58,710 --> 00:33:59,589
tú le das a la tecla

446
00:33:59,589 --> 00:34:00,289
esa que nos has dicho

447
00:34:00,289 --> 00:34:01,930
de la barra de arriba

448
00:34:01,930 --> 00:34:02,170
sí

449
00:34:02,170 --> 00:34:03,569
eso genera la del de 30

450
00:34:03,569 --> 00:34:04,450
sí

451
00:34:04,450 --> 00:34:05,630
y yo hago eso

452
00:34:05,630 --> 00:34:06,890
me meto aquí

453
00:34:06,890 --> 00:34:08,429
y le cambio 30 por 60

454
00:34:08,429 --> 00:34:09,289
eso puede ser así

455
00:34:09,289 --> 00:34:11,010
no sé si me explico

456
00:34:11,010 --> 00:34:11,329
lo que

457
00:34:11,329 --> 00:34:11,650
sí, sí, sí

458
00:34:11,650 --> 00:34:12,610
le das dos veces

459
00:34:12,610 --> 00:34:13,789
o sea cada vez que le das

460
00:34:13,789 --> 00:34:15,530
hace 30 y 30 y 30

461
00:34:15,530 --> 00:34:15,989
lo que pasa

462
00:34:15,989 --> 00:34:16,769
que lo que te hace es

463
00:34:16,769 --> 00:34:17,610
que van ir dando

464
00:34:17,610 --> 00:34:18,849
por eso digo

465
00:34:18,849 --> 00:34:19,670
que le doy una vez

466
00:34:19,670 --> 00:34:21,050
me meto aquí en el código HTML

467
00:34:21,050 --> 00:34:22,409
y lo cambio de 30 a 60

468
00:34:22,409 --> 00:34:23,130
eso se puede hacer

469
00:34:23,130 --> 00:34:40,849
Ah, sí, sí, sí, sí, claro, claro, claro. Es lo que yo hago muchas veces porque no me acuerdo del código, ¿vale? Por ejemplo, los colores, que no me acuerdo muchas veces cómo van, yo le meto un color súper putre de estos, me genera la etiqueta del color y luego ya me voy a un sitio donde tengo yo los colorines, pero luego digo cuáles y le pongo ahí.

470
00:34:40,849 --> 00:34:41,929
Y ya le pone, le cambia.

471
00:34:42,250 --> 00:34:45,690
Maldita o mi púrpura o...

472
00:34:45,690 --> 00:34:46,869
Ok, ok, vale.

473
00:34:47,630 --> 00:34:49,010
Sí, sí, sí, o sea, yo de hecho, vamos,

474
00:34:49,369 --> 00:34:51,449
de hecho yo las etiquetas las he aprendido así,

475
00:34:51,570 --> 00:34:54,010
o sea, ponerlas y a mirar y qué me ha puesto, ¿vale?

476
00:34:54,130 --> 00:34:57,130
O sea, prueba-error, ¿vale?

477
00:34:57,750 --> 00:34:59,489
Vale, entonces al final de la etiqueta,

478
00:34:59,570 --> 00:35:01,989
aquí tenéis un consejito feber, ¿vale?

479
00:35:02,750 --> 00:35:07,380
Voy a quitar, vale, quitar esto, vale.

480
00:35:07,699 --> 00:35:09,179
Entonces al final tenéis un consejito que dice,

481
00:35:09,179 --> 00:35:30,099
Al final conviene poner un BR al final del todo de la etiqueta para que no se peguen a las otras etiquetas, ¿vale? Luego en la página, en el aula virtual, ¿vale? Salvo que quieras que se pegue. A lo mejor te interesa, yo tengo un sitio donde tengo muchas etiquetas muy juntitas, muy juntitas porque quedan muy monas y luego os diré cuáles y cómo.

482
00:35:30,099 --> 00:35:54,579
Entonces, esto, perdón, vale, ya me voy de aquí, ya hemos terminado de ver esto, ¿sí? Lo voy a guardar por algún cambio que he hecho. Vale. Lo malo cuando sales de aquí es que te vuelves siempre al principio del puñetero de la virtual y tienes que correr hasta donde estás.

483
00:35:54,579 --> 00:36:17,519
Vale, entonces, claro, fijaos que, lo voy a poner con vista de cómo queda luego el rol de estudiante, para que veáis un poco lo que os digo, ¿vale? Estudiante, ¿sí? Vale, entonces, ¿dónde está?

484
00:36:17,519 --> 00:36:21,500
esta etiqueta empezaba aquí

485
00:36:21,500 --> 00:36:23,579
y acababa aquí

486
00:36:23,579 --> 00:36:25,360
esto era otra etiqueta diferente

487
00:36:25,360 --> 00:36:26,980
como no tiene ni colores ni nada no se nota

488
00:36:26,980 --> 00:36:29,159
pero claro, tenéis un espacio entre etiqueta y etiqueta

489
00:36:29,159 --> 00:36:31,440
si esto tuviera su colorín y esto tuviera su otro

490
00:36:31,440 --> 00:36:33,059
colorín, quedan separaditas

491
00:36:33,059 --> 00:36:35,340
aquí abajo por ejemplo, las que tengo de ejemplo

492
00:36:35,340 --> 00:36:37,280
pues están separaditas

493
00:36:37,280 --> 00:36:39,480
¿por qué si no se os pegan la una a otra?

494
00:36:39,679 --> 00:36:40,719
¿qué es lo que te pasa a ti Vicky?

495
00:36:40,719 --> 00:36:42,219
que dije un día que me tiras un

496
00:36:42,219 --> 00:36:45,039
el degradado se te pega aquí arriba

497
00:36:45,039 --> 00:36:46,719
y joder

498
00:36:46,719 --> 00:36:48,840
te estás currando las etiquetas de novedad para que luego

499
00:36:48,840 --> 00:36:50,980
queden amontonadas, pues, ¿vale?

500
00:36:51,039 --> 00:36:52,840
Entonces, al final, el truco es, al final,

501
00:36:52,980 --> 00:36:55,099
después, ¿vale? Después de cerrar

502
00:36:55,099 --> 00:36:57,039
el bid, el último todo,

503
00:36:57,300 --> 00:36:59,000
un break, una línea

504
00:36:59,000 --> 00:37:01,119
nueva, o dos, o tres, o cinco. Si quieres que te quede

505
00:37:01,119 --> 00:37:03,139
una etiqueta ahí muy espaciada

506
00:37:03,139 --> 00:37:04,699
de todo, pues, le metes

507
00:37:04,699 --> 00:37:06,980
break por arriba y break por abajo

508
00:37:06,980 --> 00:37:09,019
por lo que te dé la gana, ¿vale?

509
00:37:09,019 --> 00:37:10,980
Porque los puedes poner también al principio del todo,

510
00:37:11,519 --> 00:37:12,820
¿vale? Si lo pones al principio del todo,

511
00:37:12,900 --> 00:37:14,579
te empieza generando huecos blancos

512
00:37:14,579 --> 00:37:15,820
como retornos de carro.

513
00:37:16,719 --> 00:37:42,519
¿Vale? Venga, más cositas. ¿Qué más cositas se pueden hacer? Esto es lo que hemos visto. Ah, vale, bueno. Vale, sí, esto lo he contado, ¿vale? Ah, sí, os quería contar, ¿vale? No, vuelvo a editarla, vuelvo a editarla porque aquí os quería contar una cosa, perdón.

514
00:37:42,519 --> 00:37:45,059
espera que me tengo que quitar

515
00:37:45,059 --> 00:37:46,500
de rol de estudiante

516
00:37:46,500 --> 00:37:49,179
tengo que editar

517
00:37:49,179 --> 00:37:56,809
activo edición

518
00:37:56,809 --> 00:37:57,570
vale

519
00:37:57,570 --> 00:38:01,079
como he pegado

520
00:38:01,079 --> 00:38:02,699
esa figurita

521
00:38:02,699 --> 00:38:05,320
también son cosas que uno puede meter ahí

522
00:38:05,320 --> 00:38:06,800
en medio

523
00:38:06,800 --> 00:38:07,860
como he metido

524
00:38:07,860 --> 00:38:10,260
las copias esas

525
00:38:10,260 --> 00:38:13,820
por ejemplo vamos a ver en esta de aquí

526
00:38:13,820 --> 00:38:20,650
editar

527
00:38:20,650 --> 00:38:40,119
editar, vale, me la agrando

528
00:38:40,119 --> 00:38:46,179
vale, mira, antes de que se me olvide

529
00:38:46,179 --> 00:38:47,460
os enseño el

530
00:38:47,460 --> 00:38:48,480
espera, aquí

531
00:38:48,480 --> 00:38:51,119
el break

532
00:38:51,119 --> 00:38:53,460
vale, entonces tengo aquí la etiqueta, bla, bla, bla

533
00:38:53,460 --> 00:38:55,139
entonces al final, vale, pues

534
00:38:55,139 --> 00:38:56,760
después de lo último, vale

535
00:38:56,760 --> 00:38:59,480
como esto, como esta última

536
00:38:59,480 --> 00:39:01,340
frase de al final conviene poner

537
00:39:01,340 --> 00:39:02,880
para que la etiqueta tal, tal, tal

538
00:39:02,880 --> 00:39:05,460
no está dentro ni de un tip, ni de un párrafo

539
00:39:06,039 --> 00:39:06,300
vale

540
00:39:06,300 --> 00:39:09,059
este salto de línea

541
00:39:09,059 --> 00:39:11,179
no hace nada, o sea, hace acabar la línea

542
00:39:11,179 --> 00:39:13,360
nada más. Entonces, este es

543
00:39:13,360 --> 00:39:15,320
como, digamos, el salto de línea natural y este

544
00:39:15,320 --> 00:39:17,260
es el que genera el espacio con la otra etiqueta.

545
00:39:18,000 --> 00:39:19,199
¿Vale? Lo normal es que

546
00:39:19,199 --> 00:39:21,099
esto suele acabar en un dip. ¿Vale?

547
00:39:21,159 --> 00:39:22,699
Pues después del dip, pon el sombrero.

548
00:39:23,659 --> 00:39:24,920
¿Vale? Bien.

549
00:39:25,239 --> 00:39:26,440
¿Y cómo pongo

550
00:39:26,440 --> 00:39:29,159
esto, por ejemplo? Pues imaginaos que

551
00:39:29,159 --> 00:39:31,019
os quiero decir que el editor,

552
00:39:31,360 --> 00:39:31,579
¿vale?

553
00:39:32,920 --> 00:39:35,179
Esto, ¿cómo lo hice? Pues con la

554
00:39:35,179 --> 00:39:37,340
tecla, con lo que ya comentamos un día

555
00:39:37,340 --> 00:39:39,260
en el principio, si os acordáis, ¿vale?

556
00:39:39,739 --> 00:39:40,079
Con

557
00:39:40,079 --> 00:39:43,559
la función esta

558
00:39:43,559 --> 00:39:45,420
de copiar del escritorio

559
00:39:45,420 --> 00:39:47,480
de Windows, ¿os acordáis?

560
00:39:48,440 --> 00:39:49,239
que estuvimos viendo

561
00:39:49,239 --> 00:39:50,619
cómo se sacaba

562
00:39:50,619 --> 00:39:53,280
con la tecla de imprimir pantalla

563
00:39:53,280 --> 00:39:55,579
¿vale? lo que pasa

564
00:39:55,579 --> 00:39:57,599
que está muy pesada, a ver si

565
00:39:57,599 --> 00:39:59,320
lo quiero hacer o no lo quiero hacer

566
00:39:59,320 --> 00:40:06,809
aquí, entonces por ejemplo

567
00:40:06,809 --> 00:40:09,050
por copiar algo, ¿vale?

568
00:40:09,050 --> 00:40:10,750
para que sepáis cómo he hecho eso exactamente

569
00:40:10,750 --> 00:40:13,090
yo copio por ejemplo, pues este de aquí

570
00:40:13,090 --> 00:40:15,130
que es el editor de ecuaciones

571
00:40:15,130 --> 00:40:29,250
Voy a decir, venga, pues editor de ecuaciones. Lo quiero meter aquí en medio, ¿vale? Entonces, pues os pongo aquí, ¿vale? Mira, si tengo aquí apuntada la nota, nota, contar cómo se pone y dimensiona la imagen para que no se me olvide.

572
00:40:29,250 --> 00:40:44,449
Vale, pues yo pongo aquí, lo he dado al imprimir pantalla, ¿vale? Lo he recortado, he hecho mi recortito. ¿Habéis visto? ¿Vosotros veis cómo me salía algo de recortar pantalla? O eso no quedaba ahí, sí, vale.

573
00:40:44,449 --> 00:40:47,409
entonces, lo pego, control V

574
00:40:47,409 --> 00:40:49,489
¿vale? y el problema es que me pone

575
00:40:49,489 --> 00:40:51,110
otra vez el tamaño que él decide

576
00:40:51,110 --> 00:40:53,250
¿vale? ¿cómo le arreglo

577
00:40:53,250 --> 00:40:54,750
el tamaño? pues doble clic

578
00:40:54,750 --> 00:40:55,610
¿vale?

579
00:40:56,969 --> 00:40:59,030
entonces, ahí tiene todo su

580
00:40:59,030 --> 00:41:01,349
código de donde narices el guarde

581
00:41:01,349 --> 00:41:03,050
la imagen, que ni lo sé ni me importa

582
00:41:03,050 --> 00:41:05,389
entonces cuando lo editáis

583
00:41:05,389 --> 00:41:07,269
esto, cuidado que es obligatorio ¿vale?

584
00:41:07,349 --> 00:41:09,429
y si no os dais cuenta os podéis volver locos

585
00:41:09,429 --> 00:41:10,969
es obligatorio

586
00:41:10,969 --> 00:41:13,110
o ponéis una descripción de la imagen

587
00:41:13,110 --> 00:41:27,750
o ponéis que no es necesaria la descripción, pero si no, no os lo deja cerrar luego, ¿vale? Atención con esa tonta, ¿vale? Y yo, por ejemplo, los otros botoncitos los he puesto todos a 40 de ancho, ¿vale?

588
00:41:27,750 --> 00:41:45,309
Entonces, aquí pongo 40, ¿vale? Y marco el tamaño automático, lo que va a hacer es cuando le dé al intro, me va a hacer el tamaño proporcional, o sea, el tamaño, esto es el ancho, me va a hacer el alto proporcional, el solo, ¿vale?

589
00:41:45,309 --> 00:42:04,690
Y ahora, ¿qué ha pasado? Se me ha perdido el ratón. Aquí. 40, he dicho 40, 40, ¿vale? Tamaño automático, ¿vale? Pincháis fuera donde queráis o pincháis en guardar imagen y luego en guardar imagen. O sea, o pincháis fuera en guardar imagen o pincháis dos veces en guardar imagen.

590
00:42:04,690 --> 00:42:21,190
Y la imagen se ha quedado aquí guardadita, muy mona, del tamaño. Ah, se me ha olvidado un detalle, perdonad. Es que se me va para arriba, ¿vale? La vuelvo, doble clic, ¿vale? Y aquí sale alineación, ¿vale? Aquí se ha tenido alineación superior al medio tal, pues al medio, para que quede mona.

591
00:42:21,190 --> 00:42:33,130
Guardar imagen otra vez, ¿vale? Y hemos añadido ahí una cosa que acabo de copiar de la propia pantalla o de una página web o cualquier cosa que tú has copiado de por ahí, ¿vale?

592
00:42:33,130 --> 00:42:42,139
de acuerdo entonces el eso esto también lo podéis hacer si tenéis una imagen que tenéis guardada en

593
00:42:42,139 --> 00:42:48,079
el disco duro también lo podéis hacer con el insertar imagen de arriba vale pero igual le

594
00:42:48,079 --> 00:42:54,039
tenéis que dar o un nombre alternativo o tal y luego si dimensiona esa manera y luego para que

595
00:42:54,039 --> 00:42:59,059
os quede vale pero bueno como estoy haciendo esto para con los iconitos digo pues les voy

596
00:42:59,059 --> 00:43:07,840
contar cómo lo he hecho que luego para hacer los tutoriales y tal posible ok venga me salgo de aquí

597
00:43:13,059 --> 00:43:18,219
y esta no la voy a guardar porque esa no me interesa y entonces le doy a cerrar sin bordo

598
00:43:19,420 --> 00:43:23,320
y cuando estéis hasta el mismísimo gorro me lo decís porque sabes que yo tengo capacidad

599
00:43:23,320 --> 00:43:39,780
soltar rollo hasta el aburrimiento una hora y ya está vale bien pues venga por ejemplo listas sin

600
00:43:39,780 --> 00:43:46,940
numerar vale bueno si queréis esto lo podéis ya ver vosotros porque las listas las listas

601
00:43:46,940 --> 00:44:12,070
estas se hacen con, espera que lo edito, a ver, editar, vale, esto sobre todo es porque, a ver, arriba, ok, vale, las listas sin numerar se

602
00:44:12,070 --> 00:44:20,030
introducen aquí, o sea, aquí simplemente le ponéis y ya está, ahí os pone los códigos y toda la pesca, ¿vale? Lo que pasa es que es verdad que, por ejemplo,

603
00:44:20,030 --> 00:44:35,530
A mí me ha pasado muchas veces de querer hacer algo de este tipo, ¿vale? O sea, yo tengo mi texto y luego quiero hacer un enunciado, pero no quiero que el enunciado me quede al mismísimo borde, ¿vale? Entonces, si yo aquí le pongo lista, me la genera el borde.

604
00:44:35,530 --> 00:44:54,530
Y si trato de correrla a la derecha, lo que me hace es me genera listas de segunda categoría, o sea, me genera sublistas que ya tiene el puntito más de otra manera, no sé qué, ¿vale? Entonces, bueno, lo que hace, aquí lo tenéis explicado, lo veo directamente sobre el código, ¿vale?

605
00:44:54,530 --> 00:45:15,070
Pues las listas, las listas, ¿cómo es en inglés? Unordered, desordenadas, ¿vale? Es un ordered, porque las otras son ordered, ¿vale? Las listas sin orden, es decir, sin numeración, son ul, ¿vale?

606
00:45:15,070 --> 00:45:31,989
Y entonces eso queda, genera un nido, ¿vale? Que en este caso empieza aquí, tiqui, tiqui, tiqui, tiqui, tiqui, tiqui, tiqui, tiqui, y acaba, acaba, acaba, acaba aquí abajo, ¿vale? Además, otra cosa buena también de esto es que veis que sangra. Este sangrado lo hace él automáticamente.

607
00:45:32,570 --> 00:45:36,250
Entonces, también te va bien para ver dónde empieza y dónde acaba cada nido.

608
00:45:36,829 --> 00:45:42,010
Es verdad que si la línea es muy larga, sigue escribiendo al borde y a veces te hace perder un poco, ¿vale?

609
00:45:42,010 --> 00:45:45,929
O sea, esto va dentro de esta lí, ¿vale?

610
00:45:45,949 --> 00:45:47,750
Que empieza aquí y acaba aquí.

611
00:45:47,829 --> 00:45:53,489
Lo que pasa es que como ocupa más de un renglón, se viene al margen izquierdo y ya lo jode un poco, pero bueno, ¿vale?

612
00:45:53,730 --> 00:45:57,710
Entonces, aquí tenemos una lista que empieza aquí y termina aquí abajo, ¿vale?

613
00:45:57,710 --> 00:46:18,960
Y cada línea está metida entre un código que es LI abierto y LI cerrado, ¿vale? Entonces, este break de aquí, por ejemplo, ¿qué es lo que hace? Pues ese break de ahí, puesto donde está, no hace nada, ¿vale? A veces lo mete él y no hace nada.

614
00:46:18,960 --> 00:46:34,980
Sí que hace si lo ponéis fuera, ¿vale? Entonces, si este break os lo traéis fuera, que esto acordaos que lo podéis generar sin necesidad de tanto lío con mayúsculas, retorno de carro, lo que hace es que me da más espacio, ¿vale? Porque a veces queda aquí todo muy saturado.

615
00:46:34,980 --> 00:46:54,900
Normalmente cuando pones puntitos de estos es para resumir algo, para indicar lo que quede clarito, si queda todo pegado es un rollo, ¿vale? Entonces, al final le añadís un retorno de carro porque si lo que le añado es un retorno de carro, me genera otra lista pegada y yo no quiero otra lista pegada, yo quiero que me dé ahí, ¿vale?

616
00:46:54,900 --> 00:47:14,539
Entonces, la forma de hacerlo es o metéis un BR o mayúsculas entrar, ¿vale? Y os genera el solo un BR al final de la línea, ¿vale? Cada línea va entre li, li, no introduce espacio de línea en blanco, a no ser que tal, ahí está explicando lo que os acabo de decir.

617
00:47:14,539 --> 00:47:35,039
Se puede definir una línea como un párrafo, ¿vale? Lo que pasa que ya eso sí que lo tenéis que hacer en HTML, ¿vale? Porque si no se vuelve súper loco. Entonces, esta de aquí, que es la cuarta, ¿vale? Si os fijáis la cuarta, una, dos, tres y cuarto, tiene el i y dentro del i tiene un párrafo. Lo veis, ¿no?

618
00:47:35,039 --> 00:47:45,619
Y entonces, como tiene un párrafo, esta línea, ella sola, me queda con espacio después, ¿vale? Distintas alternativas, ¿sí?

619
00:47:45,619 --> 00:48:13,420
Si yo le doy otra vez a, o sea, si después de darle a generar la, si le doy después de generar la lista, si le doy a la sangría, lo que me hace es categorizar, o sea, me crea una línea, una esta de segundo orden, ¿vale?

620
00:48:13,420 --> 00:48:27,960
Si yo he terminado aquí de escribir mi rollete y ya quiero volver para atrás, pues le dais a correr la sangría y os lo sube de nivel.

621
00:48:32,829 --> 00:48:36,070
Y el final de la lista termina un párrafo.

622
00:48:36,170 --> 00:48:39,010
El final de la lista siempre os deja un párrafo por lo siguiente.

623
00:48:39,150 --> 00:48:42,190
Es decir, que si queréis poner una lista y ahí apretar todo, no podéis.

624
00:48:42,190 --> 00:49:05,650
Eso sí que no hay manera de hacerlo porque el código de cerrar ul automáticamente os genera un espacio en blanco. Esto es una línea ordenada, la única diferencia es que en vez de ir entre ul va entre ol y a medida que le vais dando a máxima sangría os va generando listas que vuelven a contar desde abajo.

625
00:49:05,650 --> 00:49:10,750
lo que pasa muchas veces es que tú tienes un párrafo 2

626
00:49:10,750 --> 00:49:13,849
y luego quieres en un punto y aparte seguir contando cosas

627
00:49:13,849 --> 00:49:15,110
sin que te corre la lista

628
00:49:15,110 --> 00:49:18,789
y entonces lo haces con breaks

629
00:49:18,789 --> 00:49:22,409
entonces con breaks no te va contando 2, 3, 4, 5

630
00:49:22,409 --> 00:49:26,030
y entonces dentro de un 2 le puedo meter varias cosas dentro del punto 2

631
00:49:26,030 --> 00:49:28,949
esto interesa, a ver, para etiquetas

632
00:49:28,949 --> 00:49:31,269
normalmente en una etiqueta no se escribe tanta historia

633
00:49:31,269 --> 00:49:33,869
pero funciona exactamente igual

634
00:49:33,869 --> 00:49:40,449
si os escribís un libro con insertar libro o una página con insertar una página, ¿vale?

635
00:49:41,110 --> 00:49:45,900
El código es exactamente igual, ¿vale?

636
00:49:46,320 --> 00:49:50,000
Entonces, si lo que quiero, lo que os decía antes, quiero los puntitos,

637
00:49:50,079 --> 00:49:52,800
pero no los quiero pegados, lo tenéis que hacer en orden inverso.

638
00:49:52,800 --> 00:49:55,960
O sea, yo escribo, por ejemplo, tengo lo que quiera, ¿vale?

639
00:49:56,300 --> 00:50:01,519
Lo que vaya a escribir, entonces, primero le genero la sangría, ¿vale?

640
00:50:01,519 --> 00:50:23,019
Y después de la sangría le genero los puntitos de la lista, ¿vale? Y entonces ya me la hace donde yo quiero o pues con el código que hemos visto antes que ya conocemos, con el div style margin left 30 píxel, ¿vale?

641
00:50:23,019 --> 00:50:28,260
Entonces, esta que hemos hecho, ¿vale?

642
00:50:45,860 --> 00:50:47,599
Da igual, yo creo que eso, ¿vale?

643
00:50:47,619 --> 00:50:48,579
Veis que se van hidrando.

644
00:50:48,780 --> 00:50:50,460
Aquí, por ejemplo, es una que, ah, mira, esto es de aquí,

645
00:50:50,500 --> 00:50:50,559
¿veis?

646
00:50:51,239 --> 00:50:56,340
Pues esto es lo que me ha generado, ¿vale?

647
00:50:56,360 --> 00:50:58,679
Cuando le he hecho eso, ha generado esto del div class

648
00:50:58,679 --> 00:50:59,960
y entre tantas, está el margin layer.

649
00:50:59,960 --> 00:51:16,219
Y dentro de este div, ¿vale? Dentro de esta sección me mete la lista y dentro de la lista las líneas, ¿vale? Veis que se van ir dando todo, ¿vale? O también podéis definir el estilo en la propia lista.

650
00:51:16,219 --> 00:51:35,719
En esta última está hecha, ¿vale? UL, entonces dentro de UL es donde le he metido el style margin length 30 píxeles. Entonces queda mucho más limpito, ¿vale? Porque aquí me tengo una sección, dentro de otra, o sea, ni de a menos cosas.

651
00:51:35,719 --> 00:51:42,880
tenéis caras de no soporto más

652
00:51:42,880 --> 00:51:48,960
me podéis hablar

653
00:51:48,960 --> 00:51:50,679
me tenéis aquí así como un poco

654
00:51:50,679 --> 00:51:54,380
si sujetáis la barra

655
00:51:54,380 --> 00:51:57,039
pero si les tengo silenciados, no podemos hablar

656
00:51:57,039 --> 00:51:59,360
sí hombre, porque pulsáis la barrita

657
00:51:59,360 --> 00:52:01,079
me decís, ah que bien, me echáis

658
00:52:01,079 --> 00:52:03,039
un comentario y ya seguís ahí

659
00:52:03,039 --> 00:52:09,159
a vuestra bolita, venga

660
00:52:09,159 --> 00:52:12,260
vale, pues

661
00:52:12,260 --> 00:52:14,239
ahora sí, ahora sí estoy hablando

662
00:52:14,239 --> 00:52:16,340
sí, sí, ahora sí

663
00:52:16,340 --> 00:52:27,219
Que, Yago, yo lo que te digo a mí, quiero decir que yo con la tecnología un poco mal, pero con esto la verdad es que es un lenguaje, yo me he imaginado otra cosa, como casi un copiar-pegar, ¿sabes?

664
00:52:27,860 --> 00:52:37,800
Pero sí, a ver, no, no. Yo os digo un poco porque es copiar-pegar, pero luego muchas veces no te hace lo que tú quieres que te haga. Entonces, esto está siendo un poco donde se ven las tripas, o sea, que esto lo puedes copiar.

665
00:52:37,800 --> 00:52:56,800
O sea, que aquí, por ejemplo, tú dices, a ver, quiero hacer puntitos de estos. Pues te vas al código HTML, copias y te vas a llevar los códigos y todo para poner los puntitos. O cuando tú lo tienes copiado, te pones aquí al lado, le das otro retorno de carro y él ya te va copiando. O sea, que no hace falta que os metáis a editar. O sea, yo lo cuento un poco, pues por si alguien…

666
00:52:56,800 --> 00:53:01,800
Para saberlo, sí, sí, eso está bien, pero que ya es un grado de profundidad que en mi caso digo…

667
00:53:02,920 --> 00:53:03,139
Claro.

668
00:53:03,139 --> 00:53:04,880
si voy a arrepiar voy a pegar

669
00:53:04,880 --> 00:53:06,360
pero tocarlo no voy a tocar

670
00:53:06,360 --> 00:53:08,579
de todas formas esto

671
00:53:08,579 --> 00:53:10,179
había hecho esto que esta parte

672
00:53:10,179 --> 00:53:12,519
perdón por hablar pero por ejemplo

673
00:53:12,519 --> 00:53:15,000
lo que comentaba yo que soy de copio

674
00:53:15,000 --> 00:53:16,380
y todas las etiquetas de Iago

675
00:53:16,380 --> 00:53:18,639
y es verdad que a veces me había pasado lo de eso

676
00:53:18,639 --> 00:53:20,840
quiero pegarlo y me queda en puntas y no sé

677
00:53:20,840 --> 00:53:22,800
cómo separarlo como esta chuleta

678
00:53:22,800 --> 00:53:24,619
no la dejas aquí pero ya sabemos que vengo aquí

679
00:53:24,619 --> 00:53:27,219
trasteo y encuentro cómo separarlo

680
00:53:27,219 --> 00:53:28,980
claro no y luego os diré

681
00:53:28,980 --> 00:53:30,179
problemas que os surgirán

682
00:53:30,179 --> 00:53:32,900
entonces de todas formas había empezado por

683
00:53:32,900 --> 00:53:34,880
esto porque tiene menos de formato

684
00:53:34,880 --> 00:53:36,900
y menos adorno, pero para que entendierais

685
00:53:36,900 --> 00:53:38,579
el sistema este anidado

686
00:53:38,579 --> 00:53:40,639
y cómo es la filosofía del HTML,

687
00:53:40,960 --> 00:53:43,000
¿vale? Que una vez entendido tampoco es tan complicado,

688
00:53:43,159 --> 00:53:44,320
¿vale? Entonces,

689
00:53:44,679 --> 00:53:46,760
lo que a vosotros más os interesa, ¿no?

690
00:53:46,820 --> 00:53:48,599
Que es poner eso, las cosas así

691
00:53:48,599 --> 00:53:50,860
bonitas y colorines y tal, de momento,

692
00:53:51,059 --> 00:53:52,400
y luego ya iremos a más, ¿no?

693
00:53:53,320 --> 00:53:54,739
Pues funciona con este

694
00:53:54,739 --> 00:53:56,500
modelo, ¿vale? Con el modelo

695
00:53:56,500 --> 00:53:57,860
de caja. Entonces,

696
00:53:58,480 --> 00:53:59,820
en cada

697
00:53:59,820 --> 00:54:02,440
cosa, o sea, en un texto que yo escriba,

698
00:54:02,440 --> 00:54:04,159
contente es el texto, ¿vale?

699
00:54:04,219 --> 00:54:07,239
Por ejemplo, en este caso es, este es un párrafo centrado,

700
00:54:07,340 --> 00:54:08,900
color navy, bla, bla, bla, bla.

701
00:54:10,039 --> 00:54:10,860
Ese es el contenido.

702
00:54:11,400 --> 00:54:14,840
Luego, lleva o no, o sea, puede llevar un padding,

703
00:54:15,420 --> 00:54:17,659
que es un espacio hasta el borde, que aquí veis,

704
00:54:18,079 --> 00:54:20,880
el texto tiene un margen hasta el bordecito,

705
00:54:21,239 --> 00:54:22,360
que queda así en plan esquela.

706
00:54:24,639 --> 00:54:25,079
¿Sí?

707
00:54:25,480 --> 00:54:27,659
Luego tiene el borde, que es la línea azul.

708
00:54:27,659 --> 00:54:30,579
Y luego se le puede poner incluso margen.

709
00:54:30,820 --> 00:54:32,079
El margen va fuera del borde.

710
00:54:32,079 --> 00:54:51,679
Digamos que el margen es exterior a la propia etiqueta, por así decirlo, ¿vale? Entonces, aquí os he puesto un ejemplo con todo, ¿vale? Para que lo veáis, ¿vale? Y aquí ya va todo con todo. O sea, esta etiqueta, Raúl y los demás, si te mola, te la coges, te la copias, escribes encima lo que quieras escribir y ya está.

711
00:54:51,679 --> 00:55:12,579
Lo que pasa es que te pueden pasar cosas de este tipo, ¿vale? Por eso, por deciros, el HTML este de Marcos, ¿vale? Entonces tú imagínate que la has editado, la has copiado, ¿vale? Ya la has copiado y ya la tienes, ¿vale? Has pegado el lenguaje HTML en tu nueva etiqueta, ¿vale? Y ahora lo que quiero, espera que termine de cargar, que no carga, ahí.

712
00:55:12,579 --> 00:55:36,619
Y ahora lo que quiero, por ejemplo, es, por ejemplo, aquí te quiero meter un párrafo nuevo, ¿vale? Quiero escribir. Entonces voy y le digo párrafo nuevo. Ahora no ha pasado nada grave, o sea, me ha generado un párrafo nuevo y además párrafo, porque me ha dejado espacio.

713
00:55:36,619 --> 00:55:55,420
Pero muchas veces, al hacer algo así, ¿qué es lo que entiende? Que quieres hacer otro formato nuevo completo. Entonces, la raya azul nos la mete por aquí por medio. Entonces, ahí es donde lo abres y metes el código donde tú lo tengas que meter de un cambio de párrafo o de un tal.

714
00:55:55,420 --> 00:56:12,179
Por eso digo que es un pelín necesario, o sea, si queréis ir a un nivel de sofisticación medianito, ¿vale? No digo básico, pero sí medianito, sí que, o sea, yo tengo que tocar muchas veces el HTML porque si no estas cosas no me salen, ¿vale?

715
00:56:12,179 --> 00:56:16,099
Es verdad que si vosotros solo las vais a copiar y las vais a pegar, pues ya está.

716
00:56:16,280 --> 00:56:18,480
Pues pegáis y a lo mejor no hace falta mucha complicación.

717
00:56:18,639 --> 00:56:20,400
Aquí tienen muchos modelos, ¿vale?

718
00:56:20,940 --> 00:56:23,739
Os pongo el HTML para que veáis cómo es entonces.

719
00:56:24,019 --> 00:56:25,579
Fijaos, tengo div, ¿no?

720
00:56:25,599 --> 00:56:29,099
Empieza con un div, es que me va a definir toda la etiqueta.

721
00:56:29,219 --> 00:56:31,860
O sea, fijaos que empieza por un div y acaba al final del todo.

722
00:56:32,219 --> 00:56:38,340
Y lo que os decía antes, al final, al final, un br, que este br simplemente para darle una línea más hasta la siguiente etiqueta.

723
00:56:38,340 --> 00:56:56,179
Y entonces, todo este cacharro, ¿vale? Como todo, todo él va todo en azul, ¿vale? Va todo en azul, todo en negrita, no lleva todo el mismo tamaño de texto, ¿vale? Unas cosas sirven para todo y otras cosas no sirven para todo.

724
00:56:56,179 --> 00:57:21,519
Pues lo que sirve para todo lo puedes poner desde el principio. Entonces, ¿qué sirve para todo? Pues el fondo, que tiene un fondo de un color, el margen, ¿vale? O sea, una serie de cosas sirven para todo. Entonces, aquí lleva la primera sección, el estilo, color navy, ¿vale? Luego os digo la lista de colores, ¿vale? Color navy, border, ¿vale? Estos comandos, el día que los necesitéis, tenéis aquí y los buscáis, ¿vale? Border, 10 píxel.

725
00:57:21,519 --> 00:57:47,519
Entonces, aquí, por ejemplo, si quieres modificar el grosor de la línea, porque tú no quieres que sea tan gorda, porque parece una esquela, tienes que venir aquí a editarlo, porque todo esto ya supera con mucho al editor de HTML, al editor del aula virtual, ¿vale?

726
00:57:47,519 --> 00:57:56,179
Todo esto no se puede hacer. Entonces, si tú quieres cambiarle esto, pues vienes aquí. Borde, no lo quiero de 10 píxel, lo quiero solo, quiero una línea finita de 3 píxel.

727
00:57:56,539 --> 00:58:03,719
Pues tú le pones una línea de 3 píxel y te queda la línea más finita. Claro, tienes que saber un poco cómo funciona esto, por eso os lo estoy explicando,

728
00:58:03,719 --> 00:58:12,059
porque si no vas a ir y dices, ¿dónde está el comando que me dice pon el borde más fino? Bueno, pues es que yo creo que tampoco...

729
00:58:12,059 --> 00:58:19,659
Quiero decir, el inglés más o menos medio entiende y luego entendiendo un poco la filosofía veis que no es demasiado, ¿vale?

730
00:58:20,059 --> 00:58:22,360
Entonces, os decía, ¿qué es común a toda etiqueta?

731
00:58:22,840 --> 00:58:23,679
El color, ¿vale?

732
00:58:23,719 --> 00:58:25,280
El color es color de texto, ¿vale?

733
00:58:29,960 --> 00:58:31,239
El borde, ¿vale?

734
00:58:31,360 --> 00:58:33,820
El borde lleva esta sintaxis.

735
00:58:34,539 --> 00:58:36,239
Primero el grosor de la línea, ¿vale?

736
00:58:36,380 --> 00:58:40,360
Que se puede dar en distintas unidades, pero yo recomiendo que no os compliquéis la vida en píxel, ¿vale?

737
00:58:40,360 --> 00:58:56,820
Y es tres píxeles sin espacio. De todas formas, cuando lo tengáis que ver, venís aquí y lo veis, pero que os quede ahí rebotando en la cabeza que no podéis meter un espacio ahí. Con espacio luego va solid. Luego os diré dónde podéis sacar todos los comandos y tal.

738
00:58:56,820 --> 00:58:58,960
solid es que es una línea sólida, puede ser

739
00:58:58,960 --> 00:59:00,780
rast, que es punteada, o puede ser

740
00:59:00,780 --> 00:59:02,679
a puntitos, o puede ser a punto raya

741
00:59:02,679 --> 00:59:04,179
o puede ser no sé qué, ¿vale?

742
00:59:04,639 --> 00:59:06,780
solid es la línea sólida, y current

743
00:59:06,780 --> 00:59:08,099
color es un truco

744
00:59:08,099 --> 00:59:10,860
que es el color actual, o sea, el último

745
00:59:10,860 --> 00:59:12,440
color que yo haya mencionado

746
00:59:12,440 --> 00:59:14,860
como yo aquí he mencionado navy, pues este

747
00:59:14,860 --> 00:59:16,280
color va a ser también navy

748
00:59:16,280 --> 00:59:18,719
¿qué me facilita esto? pues que yo veo

749
00:59:18,719 --> 00:59:20,940
la etiqueta y digo, joder, parece un puticlub

750
00:59:20,940 --> 00:59:22,699
le voy a cambiar el color, ¿vale? entonces

751
00:59:22,699 --> 00:59:24,800
si yo aquí cambio navy y pongo orange

752
00:59:24,800 --> 00:59:26,719
¿vale? no lo tengo que

753
00:59:26,719 --> 00:59:32,159
cambiar en dos sitios vale los colores sí que los admiten mayúsculas pero yo os aconsejo que

754
00:59:32,159 --> 00:59:40,440
os acostumbréis a tener los códigos en minúsculas vale orange vale si yo lo cambio me ha cambiado

755
00:59:40,440 --> 00:59:46,440
el borde y lo que después ponía que decía con el mismo color que lo último que has puesto vale

756
00:59:46,440 --> 00:59:53,519
entonces me cambia todo esto y no lo tengo que cambiar en dos sitios vale un comando otro comando

757
00:59:53,519 --> 00:59:55,420
más, ¿vale? Background color,

758
00:59:55,679 --> 00:59:57,139
pues color de fondo, ¿vale?

759
00:59:57,340 --> 00:59:59,219
¿Qué color está puesto? Pues un color que se llama

760
00:59:59,219 --> 01:00:00,400
azuri, ¿vale?

761
01:00:01,280 --> 01:00:03,420
El padding, lo que os decía antes, ¿vale?

762
01:00:03,480 --> 01:00:05,579
Tiene un padding, acordaos que el padding

763
01:00:05,579 --> 01:00:07,300
era la distancia desde el cuerpo

764
01:00:07,300 --> 01:00:09,420
hasta el margen, ¿vale? Para que no quede

765
01:00:09,420 --> 01:00:11,679
ahí pegado, de 50 píxel.

766
01:00:12,519 --> 01:00:12,679
¿Vale?

767
01:00:13,199 --> 01:00:15,619
Tiene un ancho, o sea, esta etiqueta

768
01:00:15,619 --> 01:00:17,400
la he hecho ahí con mogollón de cosas, pues para que

769
01:00:17,400 --> 01:00:18,840
tengáis mogollón de comandos. Luego,

770
01:00:19,340 --> 01:00:21,500
los corregí, los cambié, los ponéis, los quitáis, ¿vale?

771
01:00:21,500 --> 01:00:39,079
Tiene un ancho del 70% de la ventana. Está explicado aquí abajo, ¿eh? Una distancia al texto. O sea, todo lo tenéis explicado en texto abajo. Tiene un ancho del 70% del espacio disponible. ¿Cuál es el espacio disponible? Pues depende el que haya. Ahora mismo es del lado a lado de la pantalla, ¿vale?

772
01:00:39,079 --> 01:00:50,900
Pero cuando esto lo cierro y lo llevo al aula virtual, el espacio no es el mismo, ¿vale? Guardar cambios, no los voy a guardar para que no se me cambien los colores.

773
01:00:50,900 --> 01:01:11,239
Entonces, cuando se me va al aula virtual, como el aula virtual mete todas las mierdas estas de editar, añadir, además no me deja llegar al margen porque no sé por qué esto se corta aquí, ¿vale? Entonces, la etiqueta tiene el 70% del espacio disponible.

774
01:01:11,239 --> 01:01:30,559
O sea, que tiene, ¿veis? Si comparáis con las etiquetas anteriores, ¿vale? Lo pongo aquí, la etiqueta anterior está llegando, ¿veis el sombreado gris, no? ¿Vale? Pues eso sería, si no hubiera puesto margen ni nada, ocuparía todo eso, ¿vale?

775
01:01:30,559 --> 01:02:05,659
El 70% es el 70% y para que la centre, ¿vale? Si yo, para que la centre, se pone margen automático, ¿vale? Que es esto que viene aquí, ¿vale? Entonces, eso es esto de aquí, el margin auto, ¿vale? Es para que lo centre en la ventana, ¿vale?

776
01:02:05,659 --> 01:02:32,139
Si no lo pongo, lo quito, ¿eh? Para que veáis lo que queda, ¿vale? Está pegada a la izquierda. Puedo pegarla a la derecha, puedo ponerle un margen de 12 píxel, puedo, ¿vale? Ahí podéis jugar. ¿Dónde estaba? Lo voy a dejar, ¿dónde está esto? Control V, vale.

777
01:02:32,139 --> 01:02:43,079
Antes habéis visto que para el código de negrita era B, ¿no? Empezamos con B y luego el slash, la barra B, ¿no?

778
01:02:44,539 --> 01:02:52,639
Como quiero que todo el texto vaya en negrita y no quiero que me ponga B, B en la primera línea, B, B en la segunda línea, B, B en la tercera línea,

779
01:02:52,639 --> 01:03:12,460
Hay otra forma de hacerlo que es definirlo como formato, que es font-length, font-width, bold. Y esto, como está en deep toda la sección, ya me lo hace en negrita. Ya no me tengo que preocupar de ir poniendo cada párrafo en negrita. O cada parte, o cada trozo, o cada sección, ¿vale?

780
01:03:12,460 --> 01:03:29,460
Y lo he puesto font-size, ¿vale? Es un tamaño que esto cuando le dais aquí es el comando que os genera, ¿vale? El comando que os genera cuando le dais aquí arriba al tamaño os genera este comando, ¿vale? El font-size.

781
01:03:29,460 --> 01:03:53,579
Lo que pasa que igual, esto es súper limitado porque tiene tres tamaños que son una mierda, además, porque unos son muy, o sea, pasan de un tamaño que no se nota la diferencia con el normal a uno que es súper feo y súper grande, ¿vale? Entonces, el tamaño lo podéis definir en píxel exactamente, es decir, yo quiero que sea de 7 píxel, pero los tamaños concretos normalmente no suelen funcionar.

782
01:03:53,579 --> 01:04:11,300
¿Por qué? Porque si tú agrandas o empequeñeces, si tú has puesto el carácter de 12 píxel, si el resto del texto está a 6 píxel, te queda una letra grande, pero si de repente agrandas el texto, como eso va a seguir a 12 píxel, lo que te queda es más pequeño que lo demás.

783
01:04:11,300 --> 01:04:26,599
Entonces, normalmente se suele trabajar siempre con magnitudes relativas. Entonces, ¿el 125% de qué? El 125% del estilo actual. Y el estilo actual, como no tengo ningún estilo ahora, es el texto plano, ¿vale?

784
01:04:26,599 --> 01:04:55,599
Aquí al final os he vuelto a poner lo mismo, ¿vale? Y dice, otra vez dice, os he hecho una sección dentro de la última línea que dice, a ver, ¿dónde estaba? Aquí, en esta línea, dice, style, ¿no? Style, font size, 125%, ¿pero 125% de qué? Del texto que tenía ahora, que ya estaba al 125%, ¿vale?

785
01:04:56,599 --> 01:04:59,539
O sea, es relativo a lo que esté haciendo en cada momento, ¿vale?

786
01:04:59,539 --> 01:05:02,599
Que lo pone aquí, el tamaño del texto es de 125% del tamaño actual.

787
01:05:03,019 --> 01:05:06,159
Como está dentro de anterior, que ya era de 125%,

788
01:05:06,159 --> 01:05:10,199
se lo va a hacer al 125 de 125, ¿vale?

789
01:05:10,420 --> 01:05:12,900
Entonces, pues queda esto que está aquí, ¿vale?

790
01:05:13,519 --> 01:05:16,699
Que está aquí explicadito todo, el font-weight que os he contado,

791
01:05:16,800 --> 01:05:18,380
o sea, yo creo que está bastante bien, ¿vale?

792
01:05:19,559 --> 01:05:23,219
Entonces, el centrado, el párrafo este solo estaba centrado,

793
01:05:23,360 --> 01:05:25,119
¿por qué solo ha centrado el párrafo de arriba?

794
01:05:25,119 --> 01:05:53,619
porque el estilo centrado lo he puesto dentro de párrafo, ¿veis? Párrafo, estilo, centrado, y me va a centrar el párrafo, o sea, está aquí, y el resto ya no lo centra, ¿vale? O sea, una vez que yo cierro un nido, todo lo que está definido de ese nido no sale fuera, se queda ahí dentro, o sea, si yo quiero, si yo aquí ahora, por ejemplo, le pongo color, ¿vale? Color, purple, purple, cuidado que se me olvidan los dos puntos, ¿vale?

795
01:05:53,619 --> 01:06:10,539
Si yo aquí le pongo color párpil, ¿qué me va a poner en color párpil? Este párrafo. ¿Y esto en qué lo va a poner? En blue, o sea, en el navy, que es este azul marino, ¿vale? ¿Por qué? Porque todo, todo, todo esto estaba en azul marino.

796
01:06:10,539 --> 01:06:32,719
Si yo dentro le meto un nido que dice púrpura en este trozo, cuando me salgo del nido sigo en lo que tenía antes, que es azul, ¿vale? Y entonces aquí tenéis un ejemplo, pues aquí dice, espera, lo pongo así, ¿vale?

797
01:06:32,719 --> 01:06:42,099
Entonces, para definir secciones, ah, vale, si yo sabía que lo tenía apuntado, lo hemos visto antes, ¿vale? Era span, span, ¿te acordáis?

798
01:06:42,639 --> 01:06:47,139
Pues si yo quiero definir aquí secciones, aquí dentro del texto, sin que cambie de línea, es span, span.

799
01:06:47,280 --> 01:06:54,940
Entonces, por ejemplo, puedo cambiar el color del texto, por ejemplo, puedo cambiar el fondo, por ejemplo, puedo cambiar el tamaño, o por ejemplo, puedo cambiar toda la vez, ¿vale?

800
01:06:54,940 --> 01:07:10,420
Entonces, ¿esto cómo está hecho? Pues está hecho aquí, ¿vale? Para definir secciones dentro del texto sin que cambie la línea, ¿vale? Entonces aquí, span color red, por ejemplo, para cambiar el color rojo del texto.

801
01:07:10,420 --> 01:07:30,460
Entonces aquí, este trozo, está una sección que está en rojo. Esta sección tiene color de fondo, background color, amarillo, ¿vale? La siguiente sección tiene un estilo, lo que os decía antes, un estilo fijo de 30 píxel, ¿vale? Ahora voy a agrandar y voy a empequeñecer y veréis lo que pasa con los 30 píxel.

802
01:07:30,460 --> 01:07:50,179
Y aquí todo junto, o sea, tengo un span donde he definido color rojo, fondo amarillo y tamaño de 30, ¿vale? Entonces, fijaos, si yo aquí cambio, fijaos en el tamaño de arriba y el tamaño este.

803
01:07:50,179 --> 01:08:18,220
Si yo agrando la letra, ¿vale? Si yo voy agrandando, todo esto que era relativo al 125%, si os acordáis, se agranda. Sin embargo, esto último que hemos visto, que lo había puesto fijo a no sé cuántos píxeles, no me acuerdo cuántos dije, pues parece que sí que aumenta. Pues igual sí que aumenta de manera proporcional.

804
01:08:18,220 --> 01:08:48,789
Bueno, da igual, que sepáis, esto al final es probar, ¿vale? Bueno, pues ya está, en esencia es esto, y ahora lo que tenéis aquí son muchos ejemplos que os puedo comentar o ya los destripáis vosotros y bicheáis, ¿vale? Os he puesto muchas para que tengáis ahí un muestrario y para que podáis trastearlas cuando lo necesitéis, ¿vale?

805
01:08:48,789 --> 01:09:02,420
Entonces, a ver que se me ha quedado esto pequeño, ahí, vale

806
01:09:02,420 --> 01:09:21,119
Yo por ejemplo al principio me emocionó mucho esto de poner una ventanita así del 70% centrada

807
01:09:21,119 --> 01:09:25,699
Porque queda muy mono, pero problema, esto en un móvil es horrible

808
01:09:25,699 --> 01:09:32,319
Porque si al móvil le quitas el 30% a la pantalla, te sale todo escrito en vertical

809
01:09:32,319 --> 01:09:34,560
entonces no lo he hecho nunca

810
01:09:34,560 --> 01:09:36,560
pero vamos, o sea, lo hice una vez y cuando

811
01:09:36,560 --> 01:09:38,659
vi el éxito, no lo he vuelto a hacer

812
01:09:38,659 --> 01:09:40,840
y bueno, aquí tenéis

813
01:09:40,840 --> 01:09:42,840
pues nada, torraditas, degradados

814
01:09:42,840 --> 01:09:44,600
¿vale? se hacen con este comando

815
01:09:44,600 --> 01:09:46,220
background, linear gradient

816
01:09:46,220 --> 01:09:48,319
entonces

817
01:09:48,319 --> 01:09:50,239
primero se le pone la dirección, ¿vale?

818
01:09:50,779 --> 01:09:53,020
hacia abajo, hacia arriba, hacia la derecha, hacia la izquierda

819
01:09:53,020 --> 01:09:54,539
el primer comando es

820
01:09:54,539 --> 01:09:56,899
un color, o sea, coma, un color y un porcentaje

821
01:09:56,899 --> 01:09:57,600
¿qué indica eso?

822
01:09:58,119 --> 01:10:00,199
¿en qué porcentaje empieza el degradado?

823
01:10:00,199 --> 01:10:16,479
Entonces, cuando aquí dice white, 20% es el primer 20% que lo veis aquí es blanco y a partir de ahí empieza el degradado, ¿vale? ¿Dónde empieza el siguiente? En el 80%, es decir, que deja un 20% de azul macizo, ¿vale? El degradado va desde aquí hasta aquí, ¿vale?

824
01:10:16,479 --> 01:10:54,630
Si yo cambio los porcentajes para que lo veáis un poco cómo funciona, ¿vale? Si cambiamos, a ver si se dicta, relojito, si le cambio, vale, si le cambio los porcentajes, ¿vale? Si le pongo desde el 0%, por ejemplo, ¿vale? Hasta el 100%, ¿qué me va a hacer? Me va a hacer toda la etiqueta degradada, ¿vale?

825
01:10:54,630 --> 01:11:14,270
O sea, blanco sería solo una línea de arriba del todo finita finita, azul sería una línea de abajo y el resto toda la gradación, ¿vale? ¿Veis? Pues aquí empieza, el degradado empieza aquí y llega hasta abajo, no tiene una parte así de color macizo, ¿vale?

826
01:11:14,270 --> 01:11:16,329
y eso se hace

827
01:11:16,329 --> 01:11:17,170
pues con este comando

828
01:11:17,170 --> 01:11:18,489
que no hay que aprendérselo

829
01:11:18,489 --> 01:11:18,750
o sea

830
01:11:18,750 --> 01:11:19,670
el día que lo necesites

831
01:11:19,670 --> 01:11:20,229
lo copias

832
01:11:20,229 --> 01:11:21,289
pero luego eso pues

833
01:11:21,289 --> 01:11:22,250
quiero que me quede

834
01:11:22,250 --> 01:11:22,649
más así

835
01:11:22,649 --> 01:11:23,189
o más asado

836
01:11:23,189 --> 01:11:23,710
más tarde

837
01:11:23,710 --> 01:11:24,770
ya sabes

838
01:11:24,770 --> 01:11:25,189
donde se

839
01:11:25,189 --> 01:11:26,390
donde se toca un poco

840
01:11:26,390 --> 01:11:27,649
¿vale?

841
01:11:29,850 --> 01:11:30,670
¿qué quiero hacer?

842
01:11:30,949 --> 01:11:31,350
aquí

843
01:11:31,350 --> 01:11:33,329
¿vale?

844
01:11:35,390 --> 01:11:35,869
cancelar

845
01:11:35,869 --> 01:11:37,350
¿vale?

846
01:11:47,739 --> 01:11:48,319
la siguiente

847
01:11:48,319 --> 01:11:49,680
es otro degradado

848
01:11:49,680 --> 01:11:49,960
¿vale?

849
01:11:50,020 --> 01:11:50,699
lo que pasa es que así

850
01:11:50,699 --> 01:11:51,500
solo podéis hacer

851
01:11:51,500 --> 01:11:52,279
degradados

852
01:11:52,279 --> 01:11:52,960
de arriba a abajo

853
01:11:52,960 --> 01:11:53,659
de abajo a arriba

854
01:11:53,659 --> 01:11:55,380
de izquierda a derecha o de derecha a izquierda.

855
01:11:55,699 --> 01:11:57,159
Le pones tú, left, right,

856
01:11:57,500 --> 01:11:59,359
bottom, top, ¿vale?

857
01:12:09,930 --> 01:12:10,369
Ahí.

858
01:12:10,970 --> 01:12:12,649
Vale. ¿Cómo se hace

859
01:12:12,649 --> 01:12:14,649
esta, por ejemplo, que tiene degradado por arriba

860
01:12:14,649 --> 01:12:16,729
y degradado por abajo? Pues aquí lo que hay es

861
01:12:16,729 --> 01:12:18,829
un

862
01:12:18,829 --> 01:12:20,510
div que no tiene nada

863
01:12:20,510 --> 01:12:22,909
dentro, os lo muestro que creo que es más fácil

864
01:12:22,909 --> 01:12:24,390
editarlo que

865
01:12:24,390 --> 01:12:26,670
explicarlo aquí en vacío, ¿vale?

866
01:12:28,649 --> 01:12:29,789
Entonces, esta

867
01:12:29,789 --> 01:12:53,640
Esta tiene una sección, ¿vale? Que el texto está con un gradiente, ¿no? De arriba abajo, del 0% blanco al 100%.

868
01:12:53,640 --> 01:13:00,279
Cuidado que esto no es proporción de blanco, ¿eh? Esto es el tamaño, desde qué punto empieza, ¿vale?

869
01:13:00,659 --> 01:13:04,439
Desde el principio del todo hasta el final del todo empieza en blanco y termina en rojo, ¿vale?

870
01:13:04,439 --> 01:13:08,859
¿Y qué hay aquí dentro? Nada, dos líneas, nada más, dos líneas blancas, ¿vale?

871
01:13:08,859 --> 01:13:32,720
Luego el texto, ¿vale? Está puesto con color de fondo rojo, ¿vale? Y color del texto blanco y está alineado y está al 50%, ¿vale? Y luego el último trocito que va degradado al final, ¿vale? Va hacia abajo de rojo a blanco en vez de blanco a rojo.

872
01:13:32,720 --> 01:13:54,600
O aquí, en vez de ponerlo así, también podéis poner hacia arriba, ¿vale? Hacia arriba, to top y empezando por white, si va hacia arriba sería white abajo, ¿vale? White abajo al 0% y red arriba. Y va a ser exactamente lo mismo, ¿vale?

873
01:13:54,600 --> 01:14:15,640
Y entonces queda continuo. Como no hemos metido nada en medio de las secciones, lo que os decía antes, ¿veis? Las secciones quedan totalmente pegadas. Y si fueran secciones de etiquetas distintas, pasa casi lo mismo. Entonces, una sección degradado, otra sección roja maciza y otra sección degradada.

874
01:14:15,640 --> 01:14:21,710
Ahí. Corraditas.

875
01:14:21,710 --> 01:14:45,100
esta de aquí, que queda muy mona

876
01:14:45,100 --> 01:14:46,880
¿cómo se hará? pues

877
01:14:46,880 --> 01:14:49,220
un dip, otro dip, otro dip, otro dip

878
01:14:49,220 --> 01:14:51,380
otro dip, otro dip y van cambiando los colores

879
01:14:51,380 --> 01:14:53,060
¿vale? y os cuento

880
01:14:53,060 --> 01:14:54,659
lo de los colores

881
01:14:54,659 --> 01:14:56,859
¿vale? bueno pues

882
01:14:56,859 --> 01:14:59,239
la técnica

883
01:14:59,239 --> 01:15:00,840
yo creo que ya la habéis cogiendo ¿vale?

884
01:15:00,920 --> 01:15:03,100
esta igual tiene dos partes, tiene la parte

885
01:15:03,100 --> 01:15:04,920
de arriba y la parte de abajo, son dos dip

886
01:15:04,920 --> 01:15:30,979
diferentes, ¿vale? Porque si metes una parte dentro de otra, como mucho, como mucho, te llega hasta aquí, te deja un poquito blanco. Si quieres que te quede una cabecera llena hasta el final, lo tienes que hacer como una parte y luego otra, ¿vale? Miráis en el código cómo está hecho y lo veis. Y esta, que llevaba tiempo viendo cómo lo conseguía, cuando estaba preparando esto, se me ocurrió ya cómo hacerlo, ¿vale?

887
01:15:30,979 --> 01:15:49,079
Porque los borders, bueno, las estas que van redonditas, se hace dando un radio. Las redonditas, pues mira aquí. Las redonditas van con este comando. Con un radius, que se parece mucho a un radio.

888
01:15:49,079 --> 01:15:58,039
¿vale? aquí tienes

889
01:15:58,039 --> 01:15:59,979
la etiqueta lleva un background

890
01:15:59,979 --> 01:16:02,439
de este color, ahora os digo que es eso

891
01:16:02,439 --> 01:16:04,319
¿vale? margin automático

892
01:16:04,319 --> 01:16:05,960
este margin por ejemplo aquí no pinta nada

893
01:16:05,960 --> 01:16:07,779
¿por qué? porque como no tiene

894
01:16:07,779 --> 01:16:09,720
un tamaño

895
01:16:09,720 --> 01:16:11,880
por ejemplo como antes del 70%

896
01:16:11,880 --> 01:16:13,739
esto va a llenar la ventana de lado a lado

897
01:16:13,739 --> 01:16:15,739
entonces esto lo puedo borrar que no va a cambiar

898
01:16:15,739 --> 01:16:17,659
absolutamente nada ¿vale?

899
01:16:18,539 --> 01:16:19,020
entonces

900
01:16:19,020 --> 01:16:21,760
este es border radius

901
01:16:21,760 --> 01:16:23,979
¿vale? entonces tiene un borde de 20

902
01:16:23,979 --> 01:16:25,720
píxeles, esos 20 píxeles

903
01:16:25,720 --> 01:16:27,760
de curvatura. ¿Vale? Como abrir un

904
01:16:27,760 --> 01:16:29,600
compás a 20 píxel y hacer la

905
01:16:29,600 --> 01:16:32,000
curvita del borde. Si le aumentas

906
01:16:32,000 --> 01:16:33,600
el... Si le aumentas esto,

907
01:16:33,739 --> 01:16:35,020
por ejemplo, le pongo 40,

908
01:16:35,939 --> 01:16:37,819
¿vale? Pues veis que os hace

909
01:16:37,819 --> 01:16:39,100
la curva más pronunciada.

910
01:16:40,939 --> 01:16:42,460
¿Vale? Y si le ponéis

911
01:16:42,460 --> 01:16:44,439
mucha, se os junta la de arriba con la de abajo

912
01:16:44,439 --> 01:16:46,159
y queda esto así todo redondito.

913
01:16:46,899 --> 01:16:48,439
¿Vale? Si le pongo aquí, por ejemplo,

914
01:16:48,859 --> 01:16:50,399
algo del tipo...

915
01:16:50,399 --> 01:16:52,479
Yo qué sé. No sé si

916
01:16:52,479 --> 01:16:53,520
me va a admitir 100.

917
01:16:56,840 --> 01:16:58,560
¿Veis? Os queda todo redondito.

918
01:16:58,560 --> 01:17:01,760
Lo que pasa es que hay que tener cuidado porque el texto se os puede salir.

919
01:17:02,479 --> 01:17:04,439
Entonces, para eso le pones un padding, ¿vale?

920
01:17:04,439 --> 01:17:06,640
Le aumentas el padding, que eran los lados.

921
01:17:07,979 --> 01:17:10,720
Si solo pones padding y un número, es por los 4 lados.

922
01:17:11,199 --> 01:17:14,460
Y puedes decir padding left, padding right, padding top, padding botón.

923
01:17:15,239 --> 01:17:22,920
Entonces, aquí le digo, tiene un padding, por ejemplo, padding, creo que era así, no me acuerdo, padding top.

924
01:17:23,159 --> 01:17:23,819
Vamos a probar.

925
01:17:24,220 --> 01:17:25,960
Padding top 7 píxel, ¿vale?

926
01:17:25,960 --> 01:17:46,119
Y luego un padding left de, por ejemplo, 30, 40 píxel, que esto venía junto, punto y coma para separarlo.

927
01:17:46,119 --> 01:17:47,880
y otro padding

928
01:17:47,880 --> 01:17:49,939
a ver si se hace así, padding

929
01:17:49,939 --> 01:17:50,920
guión

930
01:17:50,920 --> 01:17:52,680
eh

931
01:17:52,680 --> 01:17:55,579
right

932
01:17:55,579 --> 01:17:57,399
right

933
01:17:57,399 --> 01:18:02,710
padding right, dos puntos

934
01:18:02,710 --> 01:18:03,789
el valor

935
01:18:03,789 --> 01:18:06,270
eh, 40

936
01:18:06,270 --> 01:18:07,470
píxel

937
01:18:07,470 --> 01:18:12,229
vale, pues

938
01:18:12,229 --> 01:18:14,529
bueno, habría que darle más, esto es probar

939
01:18:14,529 --> 01:18:16,050
vale, pues habría que darle un poquito más, pero

940
01:18:16,050 --> 01:18:17,250
no lo corta, no lo corta

941
01:18:17,250 --> 01:18:24,789
vale, y

942
01:18:24,789 --> 01:18:27,310
Y poco más.

943
01:18:27,449 --> 01:18:30,670
Entonces, ahora, aquí al principio os he puesto, ¿vale?

944
01:18:30,829 --> 01:18:33,229
Os he puesto aquí, ¿vale?

945
01:18:33,729 --> 01:18:34,989
La Biblia de HTML.

946
01:18:35,210 --> 01:18:40,569
Que esto es un enlace y pincháis y luego aquí tenéis un enlace ahí y tenéis un enlace también aquí.

947
01:18:40,569 --> 01:18:44,890
Quería haberos puesto más a cada cosa, pero ya no me dio la vida.

948
01:18:47,260 --> 01:18:50,859
Entonces, ¿dónde los teníais?

949
01:18:51,739 --> 01:18:52,520
Aquí al principio.

950
01:18:54,239 --> 01:18:55,659
Aquí, aquí, aquí.

951
01:18:56,159 --> 01:19:14,000
Aquí, si pincháis aquí, os va directamente a los parámetros de margin. Si pincháis aquí, os va a los parámetros de border. Aquí es donde podéis ver lo de border right, border left, border no sé qué, cómo se pone, cómo no, qué quintero lleva, todo. Y aquí el de padding.

952
01:19:14,000 --> 01:19:37,220
Pero vamos, todo eso es parte de este de aquí, ¿vale? Que os lo voy a enseñar y os voy a contar qué uso, cómo lo uso. Entonces, esta es una página web que yo la tengo aquí puesta en el escritorio directamente, que aquí tenéis todo lo que necesitéis.

953
01:19:37,220 --> 01:19:50,939
O sea, imaginaos, por ejemplo, que decís, ¿cómo era lo de padding? ¿Dónde estaba? Ahora mismo no me acuerdo, ¿vale? Venís aquí, al buscador, pones padding, ¿vale? Padding. Claro, hay que acordarse que es con dos Ds, pero bueno, padding.

954
01:19:50,939 --> 01:20:13,819
Y entonces te salen los distintos sitios de esta página, que me parece buenísima, donde te cuenta cosas de padding, ¿vale? Entonces, pues aquí, por ejemplo, si queremos ver cómo era lo de write, buttonlet, no sé qué, pues vemos que aquí pone padding large, 12 pixels, no sé qué, bueno, pues entras por ahí o donde te apetezca, ¿vale? Y vas viendo, ¿vale?

955
01:20:13,819 --> 01:20:40,909
Entonces aquí entras y te dice, por ejemplo, bueno, aquí hay una cosa que yo no termino de entender muy bien, que es esto de la class, del CSS, o sea, yo sé que el CSS no es lo mismo que HTML, pero aquí los estilos yo los saco de aquí, ¿vale?

956
01:20:40,909 --> 01:20:46,569
Y aquí es donde veo qué escritura rigen y todo eso, ¿vale?

957
01:20:47,550 --> 01:20:51,609
Entonces, pues, aquí esto es, ¿vale?

958
01:20:53,130 --> 01:20:55,770
Bueno, espera que esto me mete en un sitio demasiado complicado.

959
01:20:55,989 --> 01:20:58,710
Espera, no, esto no sé ni de qué me está hablando.

960
01:21:00,899 --> 01:21:01,800
Vuelvo a buscar padding.

961
01:21:08,670 --> 01:21:12,090
Me voy, normalmente el primero es donde suele estar lo sencillo, ¿vale?

962
01:21:12,609 --> 01:21:14,409
O en el otro que ponía properties, ¿vale?

963
01:21:14,930 --> 01:21:16,409
Entonces, aquí te viene un ejemplo.

964
01:21:16,409 --> 01:21:19,369
este elemento tiene un padding de 70 píxeles

965
01:21:19,369 --> 01:21:20,649
y aquí donde dice

966
01:21:20,649 --> 01:21:22,630
try yourself, esto está genial porque

967
01:21:22,630 --> 01:21:24,590
esto es un editor de HTML

968
01:21:24,590 --> 01:21:26,010
entonces tú le pinchas

969
01:21:26,010 --> 01:21:28,229
try yourself y te viene

970
01:21:28,229 --> 01:21:30,710
para que veas el efecto que tiene

971
01:21:30,710 --> 01:21:33,029
entonces dices, padding 70 píxeles

972
01:21:33,029 --> 01:21:34,529
pues voy a ver qué es lo que cambio

973
01:21:34,529 --> 01:21:36,109
voy a ver qué pasa, entonces le dices aquí

974
01:21:36,109 --> 01:21:38,069
pues venga, le voy a poner 10, a ver cómo funciona

975
01:21:38,069 --> 01:21:39,390
le das a run

976
01:21:39,390 --> 01:21:42,729
y aquí a la derecha te sale el resultado

977
01:21:42,729 --> 01:21:44,750
y ves lo que ha pasado, que todo ha disminuido

978
01:21:44,750 --> 01:21:46,149
entonces esto, cuando dices

979
01:21:46,149 --> 01:22:07,649
A ver qué coño es esto, vamos a probar, ¿no? Pues vienes aquí y pruebas, ¿vale? Y me parece, vamos, genial. Entonces aquí es lo que os decía, os viene un ejemplo, os viene tal y os dice que tiene propiedades específicas para cada uno, o sea, tiene padding top, padding right, padding bottom, padding left.

980
01:22:07,649 --> 01:22:22,930
Y os cuenta que puede tener los siguientes valores, una longitud que puede ir en píxel, puede ir en puntos, puede ir en centímetros, en tanto por ciento o esto es heredado de la parte anterior, esto es más sofisticado.

981
01:22:22,930 --> 01:22:38,130
Esperamos, o sea, que sepáis. A ver, esto yo quiero ponerle como así de gordo. ¿En qué lo pongo? Pues si lo quieres poner como tan de 10 centímetros, dice, vale, yo quiero que sea de 0,2 centímetros, que son 2 milímetros. Pues lo metes en centímetros y no en píxel. O sea, aquí te vienen las unidades que te admite.

982
01:22:38,130 --> 01:23:05,449
Y luego te dice que tú puedes establecer los cuatro, pero luego te dice sorja, o sea, atajos, ¿no? Si tú solo pones cuatro valores, o sea, si tú pones cuatro valores sin poner nada más así, acapella. Padding, 25, 50, 75, 100. ¿Cómo lo entiende? Entiende 25 arriba, 50 a la derecha, 75 abajo, 100 a tal.

983
01:23:05,449 --> 01:23:15,029
O sea, quiere decir que aquí tenéis toda la ortografía y todos los comandos y todos los tal que rige cada uno de los parámetros que tenéis, ¿vale?

984
01:23:16,970 --> 01:23:26,409
Perdona, Iago. ¿Puedes combinar parámetros? Es decir, ¿puedes utilizar en una misma etiqueta centímetros y píxeles, por ejemplo?

985
01:23:26,710 --> 01:23:29,649
O si estás usando píxeles, son píxeles para todo.

986
01:23:30,489 --> 01:23:32,630
Pues try yourself, ¿vale?

987
01:23:33,829 --> 01:23:35,149
Vamos a verlo, ¿vale?

988
01:23:35,329 --> 01:23:37,609
Venga, entonces lo voy a poner aquí, 100 píxel.

989
01:23:38,569 --> 01:23:40,149
Esto es padding, que es espacio.

990
01:23:40,289 --> 01:23:45,270
Pues le voy a poner, por ejemplo, el de la izquierda, que es el de aquí, que es el que mejor se ve, ¿vale?

991
01:23:45,470 --> 01:23:49,069
Pues le voy a poner un centímetro, ¿vale?

992
01:23:49,329 --> 01:23:50,109
A ver qué hace.

993
01:23:50,829 --> 01:23:53,010
Lo corro, ¿vale?

994
01:23:53,010 --> 01:23:56,390
Y me ha puesto esta distancia para ver si ha funcionado.

995
01:23:56,750 --> 01:23:58,430
Lo voy a cambiar, ¿vale?

996
01:23:58,430 --> 01:24:24,159
Y le voy a decir que, por ejemplo, 0,2 centímetros para que se vea bien la diferencia, ¿vale? Efectivamente. Lo que pasa que estoy viendo que me lo ha cogido todo, ¿vale? Porque a lo mejor no son 0,2, igual son 0.2, ¿vale? Efectivamente, ¿vale? Porque el primero es el de arriba, ¿veis que esto lo ha puesto cortito?

997
01:24:24,159 --> 01:24:24,619
vale

998
01:24:24,619 --> 01:24:25,960
entonces pongo aquí centímetros

999
01:24:25,960 --> 01:24:26,500
aquí

1000
01:24:26,500 --> 01:24:27,680
pues la respuesta

1001
01:24:27,680 --> 01:24:28,119
sí

1002
01:24:28,119 --> 01:24:29,539
vale

1003
01:24:29,539 --> 01:24:30,520
vale

1004
01:24:30,520 --> 01:24:31,800
que yo no lo había probado nunca

1005
01:24:31,800 --> 01:24:32,260
pues

1006
01:24:32,260 --> 01:24:33,920
o sea que

1007
01:24:33,920 --> 01:24:34,939
lo bueno

1008
01:24:34,939 --> 01:24:35,819
de esta página

1009
01:24:35,819 --> 01:24:36,859
es que tiene un mecanismo

1010
01:24:36,859 --> 01:24:37,319
muy fácil

1011
01:24:37,319 --> 01:24:37,899
para probar

1012
01:24:37,899 --> 01:24:38,739
todas esas cosas

1013
01:24:38,739 --> 01:24:40,699
y como pongo

1014
01:24:40,699 --> 01:24:41,840
y puedo poner tal

1015
01:24:41,840 --> 01:24:42,439
y puedo poner no sé

1016
01:24:42,439 --> 01:24:43,560
lo pruebas chico

1017
01:24:43,560 --> 01:24:43,920
y ya está

1018
01:24:43,920 --> 01:24:45,239
y esto es mucho más rápido

1019
01:24:45,239 --> 01:24:45,859
y más ágil

1020
01:24:45,859 --> 01:24:46,560
que la aula virtual

1021
01:24:46,560 --> 01:24:47,300
pero probar esto

1022
01:24:47,300 --> 01:24:47,819
en la aula virtual

1023
01:24:47,819 --> 01:24:49,039
es un coñazo infumable

1024
01:24:49,039 --> 01:24:49,399
pues aquí

1025
01:24:49,399 --> 01:24:52,319
vale

1026
01:24:52,319 --> 01:24:53,600
entonces bueno

1027
01:24:53,600 --> 01:25:15,220
Pues, por ejemplo, Padding, si le metéis solo tres valores, ¿vale? ¿Cómo lo entiende? Si le metéis tres valores, ¿entiende? El de arriba es 25, el de la izquierda y la derecha es el valor central y el de abajo es el de la derecha, ¿vale? Si le metéis solo dos, ¿cómo los entiende? Y si le metéis uno, entiende que es todo, ¿vale? A los cuatro.

1028
01:25:15,840 --> 01:25:33,880
Etcétera, etcétera, etcétera. Entonces, la página principal es esta, ¿vale? El HTML es aquí. Entonces, yo aquí muchas veces, pues, muchas veces diría, ah, coño, párrafos, venga, pues voy a ver cómo es esto de párrafos. Y pincho aquí, cotilleo y yo, vamos, todo lo que estoy contando lo he aprendido de aquí, porque no he hecho ni curso ni nada.

1029
01:25:33,880 --> 01:25:55,539
Entonces, es de styles. Venga, a ver cómo es lo de styles. Pues lo veo ahí. Cuidado porque el lenguaje del aula virtual es HTML, pero es un poco capao. Es decir, no te permite hacer muchas de las cosas que te cuenta aquí. Aquí te dice, no, defines una clase, no sé qué, no sé cuánto y tal. Yo con eso me he peleado muchas veces y he sido incapaz de hacer nada.

1030
01:25:55,539 --> 01:26:14,000
O sea, al final es un poco coger estos formatos y meterlos dentro de las etiquetas, ¿vale? No todas las etiquetas admiten todos los formatos, pero bueno, al final es ir probando. A ver, dentro de un párrafo, por ejemplo, nunca había definido, hasta que lo hice ayer, nunca había definido una lista con formato.

1031
01:26:14,000 --> 01:26:34,539
Y dije, bueno, voy a ver si dentro del comando de lista, ¿no? Donde empieza la lista, le puedo decir, vale, pues ponme un margen de 60 píxel y me funcionó, pues ya está. Me funciona, pues lo hago, ¿vale? Entonces, yo aquí uso mucho esta de aquí, la de colors, ¿vale? Entonces, la de colors, ¿dónde os viene? Pues a los colores, ¿vale?

1032
01:26:34,539 --> 01:27:01,779
Y aquí tenéis todos los colores, ¿vale? Bueno, aquí pone colors, espera, ¿eh? ¿Por qué no ha salido donde yo quería? A ver, un momentito, espera, un segundo, espérate que estoy tratando en principio, vale, colors, o sea, cuando pensáis venís aquí, ¿vale? Learn colors, entonces le prendemos colors, ¿vale?

1033
01:27:01,779 --> 01:27:47,149
Y aquí tenéis ejemplos, ¿vale? Cómo se generan, bueno, os cuento aquí un poco de cómo va el asunto. Entonces, pero es que no sale, a ver, ¿por qué no me sale? Espero un momento, a ver, un segundito, Liz, que me voy a ir, a ver, mi HTML referencia, aquí, aquí, pues en Colors, no sé por qué, a ver, Colors.

1034
01:27:47,149 --> 01:27:57,159
esta es, aquí, eso es, vale

1035
01:27:57,159 --> 01:27:59,539
si en el enlace que yo os he puesto

1036
01:27:59,539 --> 01:28:01,159
pintéis en color, sale aquí

1037
01:28:01,159 --> 01:28:03,279
aquí tenéis todos los colores que tienen

1038
01:28:03,279 --> 01:28:04,979
nombre, vale

1039
01:28:04,979 --> 01:28:07,279
entonces, por ejemplo

1040
01:28:07,279 --> 01:28:09,359
el azure es este de aquí, un azul como

1041
01:28:09,359 --> 01:28:10,680
muy clarito, muy clarito, entonces

1042
01:28:10,680 --> 01:28:13,319
los colores los podéis

1043
01:28:13,319 --> 01:28:14,680
meter con un nombre

1044
01:28:14,680 --> 01:28:16,760
que luego para leer el

1045
01:28:16,760 --> 01:28:19,260
cuando tú lo quieres leer es lo más fácil, que tenga un nombre

1046
01:28:19,260 --> 01:28:21,340
identificativo, con

1047
01:28:21,340 --> 01:28:23,159
un código hexadecimal

1048
01:28:23,159 --> 01:28:31,659
que es este de aquí, que sería este de aquí, o con otro tipo de código, esperamos, lo más fácil son esos dos.

1049
01:28:32,159 --> 01:28:39,159
¿Qué más hay aquí que es muy interesante? Pues aquí que es muy interesante hay, a ver si esto quiere moverse,

1050
01:28:39,979 --> 01:28:45,100
es por ejemplo, imaginaos que quiero hacer la etiqueta esa verde que tengo ahí degradada, por ejemplo esta de aquí,

1051
01:28:45,420 --> 01:28:49,279
¿cómo la he hecho? Pues yo me cojo un verde, digo venga, quiero partir de este verde, ¿vale?

1052
01:28:49,279 --> 01:29:11,420
Y entonces me voy al color mixer, ¿sí? Que está aquí, ¿lo veis? ¿Vale? Me voy al color mixer y esto lo que me hace es, como su mismo nombre me indica, mezclas de colores. ¿Qué me mezcla? Pues lo que yo quiera, es decir, si yo abajo he cogido el verde, ¿vale? Aquí tenéis, o sea, esto corresponde a la parte de abajo y esto corresponde a la parte de arriba.

1053
01:29:11,420 --> 01:29:21,199
entonces aquí arriba pongo blanco me genera toda esta todos estos tonos y me ponen los códigos de

1054
01:29:21,199 --> 01:29:27,079
los colores vale esa etiqueta que estaba en verde que eran así varias sanidad as que hacía me cogía

1055
01:29:27,079 --> 01:29:32,600
este código de color luego me cogía tres más arriba luego me cogía tres más arriba luego me

1056
01:29:32,600 --> 01:29:39,319
cogía tres más arriba a cada a cada haciendo dip dip dip dip dip y a cada una le iba poniendo un

1057
01:29:39,319 --> 01:29:54,100
color de fondo, ¿vale? O yo quiero que degrade al, yo qué sé, al azul, ¿vale? A este azul. Me hace una gradación al azul. O quiero que haga no sé qué, ¿vale?

1058
01:29:54,140 --> 01:30:03,460
Entonces yo este le uso mucho y luego también tenéis los colores por grupos, ¿vale? Porque muchas veces para que las etiquetas no queden en plan

1059
01:30:03,460 --> 01:30:05,520
puticlub, conviene tener un mínimo

1060
01:30:05,520 --> 01:30:07,460
de armonía, ¿no? Entonces, pues a ver,

1061
01:30:07,520 --> 01:30:09,600
estoy buscando tonos

1062
01:30:09,600 --> 01:30:11,560
rojos, tonos cálidos, pues aquí los tenéis

1063
01:30:11,560 --> 01:30:13,279
por grupos. Entonces, colores rosas,

1064
01:30:13,420 --> 01:30:15,579
todos los que hay, ¿vale? Todos los

1065
01:30:15,579 --> 01:30:17,460
que hay con nombre, porque colores hay

1066
01:30:17,460 --> 01:30:19,539
no se cuentan millones, ¿vale? Pero todos los que

1067
01:30:19,539 --> 01:30:21,500
hay que tienen nombre, que están codificados por

1068
01:30:21,500 --> 01:30:23,399
las normas UNE estas

1069
01:30:23,399 --> 01:30:25,560
y su padre y su madre, ¿vale? Colores

1070
01:30:25,560 --> 01:30:27,340
púrpuras, ¿vale? Pues estos de aquí,

1071
01:30:27,479 --> 01:30:29,899
que se parecen un poco a los otros. Colores

1072
01:30:29,899 --> 01:30:31,859
rojos, colores

1073
01:30:31,859 --> 01:30:33,840
orange, colores yellow, entonces aquí

1074
01:30:33,840 --> 01:30:35,659
los tenéis clasificaditos por grupos

1075
01:30:35,659 --> 01:30:37,539
aquí los tenéis

1076
01:30:37,539 --> 01:30:38,739
el color picker

1077
01:30:38,739 --> 01:30:40,800
es

1078
01:30:40,800 --> 01:30:43,479
color picker, color picker

1079
01:30:43,479 --> 01:30:44,539
es

1080
01:30:44,539 --> 01:30:47,560
aquí por ejemplo

1081
01:30:47,560 --> 01:30:49,680
tenéis una muestra de cómo

1082
01:30:49,680 --> 01:30:51,020
queda un texto

1083
01:30:51,020 --> 01:30:53,739
sombreado, blanco, tal, sobre

1084
01:30:53,739 --> 01:30:55,739
cierto fondo, y esto

1085
01:30:55,739 --> 01:30:57,140
también te hace degradados

1086
01:30:57,140 --> 01:30:59,640
que tú eliges, o sea es desde el negro

1087
01:30:59,640 --> 01:31:01,020
hasta el blanco

1088
01:31:01,020 --> 01:31:03,300
tomando como color central el rojo

1089
01:31:03,300 --> 01:31:05,100
por ejemplo, desde el negro hasta el blanco

1090
01:31:05,100 --> 01:31:07,479
tomando como color central el azul

1091
01:31:07,479 --> 01:31:09,319
¿vale? entonces

1092
01:31:09,319 --> 01:31:11,539
pues para hacer, pues yo que sé

1093
01:31:11,539 --> 01:31:13,600
para jugar, o quiero un azul

1094
01:31:13,600 --> 01:31:15,239
pero más oscuro, pues te vienes aquí

1095
01:31:15,239 --> 01:31:16,859
vale, pues me cojo el código

1096
01:31:16,859 --> 01:31:19,260
control c, control v

1097
01:31:19,260 --> 01:31:21,180
¿vale? y donde ponía color

1098
01:31:21,180 --> 01:31:23,359
no sé si os acordáis que antes ha salido

1099
01:31:23,359 --> 01:31:25,399
alguno que antes, algunos lo ponía con

1100
01:31:25,399 --> 01:31:27,420
nombres, pero otro ponía el codiguito, este va adelante

1101
01:31:27,420 --> 01:31:29,340
siempre con el hashtag

1102
01:31:29,340 --> 01:31:33,180
el código en hexadecimal

1103
01:31:33,180 --> 01:31:36,600
y ya está

1104
01:31:36,600 --> 01:31:38,319
bueno, aquí tenéis, por ejemplo, el gradient

1105
01:31:38,319 --> 01:31:40,100
un día dije, gradient, hostia, como mola

1106
01:31:40,100 --> 01:31:42,260
y de aquí es donde aprendí a hacer los degradados

1107
01:31:42,260 --> 01:31:43,960
esos que os he enseñado

1108
01:31:43,960 --> 01:31:45,779
en las etiquetas, o sea que esto es

1109
01:31:45,779 --> 01:31:48,600
curra en color, por ejemplo, un día dije, curra en color, ah, como mola

1110
01:31:48,600 --> 01:31:50,020
y aquí aprendí

1111
01:31:50,020 --> 01:31:52,020
lo de que no tengo que escribir dos veces, sobre todo

1112
01:31:52,020 --> 01:31:54,180
cuando estás haciendo pruebas y dices, jo, es que queda horrible

1113
01:31:54,180 --> 01:31:56,020
pues lo cambio, pues no tienes que cambiar

1114
01:31:56,020 --> 01:31:57,859
en varios sitios, cambias en

1115
01:31:57,859 --> 01:32:00,119
en uno y el siguiente ya

1116
01:32:00,119 --> 01:32:01,199
va ahí en consecuencia

1117
01:32:01,199 --> 01:32:05,449
pues chimpún y

1118
01:32:05,449 --> 01:32:07,569
si queréis, espera

1119
01:32:07,569 --> 01:32:08,670
lo que os dije antes

1120
01:32:08,670 --> 01:32:11,270
a ver dónde estaba, me tengo que ir

1121
01:32:11,270 --> 01:32:13,770
aquí, lo último

1122
01:32:13,770 --> 01:32:15,789
lo de pasar el ratón por encima y que salgan

1123
01:32:15,789 --> 01:32:16,270
cositas

1124
01:32:16,270 --> 01:32:19,789
es una virguería total que ni me acuerdo

1125
01:32:19,789 --> 01:32:23,859
cómo se hace, a ver si lo

1126
01:32:23,859 --> 01:32:25,560
encuentro en un tiempo prudencial y si no

1127
01:32:25,560 --> 01:32:31,340
pues se lo está cargando

1128
01:32:31,340 --> 01:32:31,859
o qué hace

1129
01:32:31,859 --> 01:32:39,880
vale, a ver

1130
01:32:39,880 --> 01:32:52,609
Por ejemplo, esta que está aquí, que es una muy sencillita

1131
01:32:52,609 --> 01:32:55,930
Pues nada, es un fondo verde con su padding suficientemente grande

1132
01:32:55,930 --> 01:32:57,869
Para que haga el redondelito y ya está

1133
01:32:57,869 --> 01:32:59,430
Sí, pum

1134
01:32:59,430 --> 01:33:01,550
A ver, ¿dónde está eso?

1135
01:33:01,689 --> 01:33:02,890
Está más adelante

1136
01:33:02,890 --> 01:33:05,710
Más adelante

1137
01:33:05,710 --> 01:33:10,300
Venga, hijo, no te tostes

1138
01:33:10,300 --> 01:33:15,720
Por aquí

1139
01:33:15,720 --> 01:33:21,789
Aquí, mira, ¿veis?

1140
01:33:24,539 --> 01:33:24,939
¿Veis?

1141
01:33:26,619 --> 01:33:27,020
Vale

1142
01:33:27,539 --> 01:33:28,979
Pues aquí, ¿dónde estoy?

1143
01:33:29,300 --> 01:33:29,800
¿Dónde he ido?

1144
01:33:37,100 --> 01:33:37,500
Coño.

1145
01:33:37,739 --> 01:33:38,420
Ah, aquí, aquí, aquí.

1146
01:33:38,600 --> 01:33:39,199
Ahí, ¿vale?

1147
01:33:39,720 --> 01:33:43,060
Ficha 3-2, propiedades químicas de los elementos.

1148
01:33:43,619 --> 01:33:46,539
La resolución de esta ficha se basa en los principios que figuran en la hoja de teoría.

1149
01:33:46,739 --> 01:33:51,380
Si después de intentarlo no te sale, pasa el ratón por aquí para ver la primera pista.

1150
01:33:52,079 --> 01:33:56,000
Entonces, al poner el ratón encima, te sale una pista.

1151
01:33:56,699 --> 01:33:57,039
¿Lo veis?

1152
01:33:57,859 --> 01:33:59,380
Aquí para ver la segunda pista.

1153
01:33:59,380 --> 01:34:01,199
Pones el ratón, segunda pista.

1154
01:34:01,199 --> 01:34:02,979
todos los elementos de un mismo grupo

1155
01:34:02,979 --> 01:34:04,399
tienen los mismos editores de Valencia

1156
01:34:04,399 --> 01:34:06,220
y aquí para ver la tercera pista

1157
01:34:06,220 --> 01:34:07,560
todos los elementos de un mismo grupo

1158
01:34:07,560 --> 01:34:08,880
tienen propiedades químicas parecidas

1159
01:34:08,880 --> 01:34:11,300
y esto se hace

1160
01:34:11,300 --> 01:34:12,380
pues no tengo ni idea

1161
01:34:12,380 --> 01:34:13,460
pero vamos, lo editamos

1162
01:34:13,460 --> 01:34:14,300
y lo vemos

1163
01:34:14,300 --> 01:34:16,539
porque no me acuerdo ya

1164
01:34:16,539 --> 01:34:21,880
además me fui haciendo una página

1165
01:34:21,880 --> 01:34:22,819
con anotaciones

1166
01:34:22,819 --> 01:34:24,640
y me la borraron

1167
01:34:24,640 --> 01:34:25,600
joder, me sentí

1168
01:34:25,600 --> 01:34:26,979
pues no, qué mal

1169
01:34:26,979 --> 01:34:29,500
y estaban estas anotaciones allí precisamente

1170
01:34:29,500 --> 01:34:35,640
es un comando muy sencillo

1171
01:34:35,640 --> 01:34:36,439
es una chorradita

1172
01:34:36,439 --> 01:35:13,079
A ver, title, ¿vale? Veis que aquí pone, espera, espera que se cargue porque está ahí, espera, lo editamos, aquí, aquí, entonces hay un, ¿veis? Hay un span, o sea, una división, ¿no? En color rojo, entonces el title es lo que, el pop-up, lo que salta.

1173
01:35:13,079 --> 01:35:40,880
Todos los elementos de un mismo grupo tienen los mismos electrones de Valencia. Y luego a continuación va sobre qué va. Aquí para ver la segunda pista. Eso es lo que está escrito. Esto es lo que he escrito en color naranja. Se cierra el fin y aquí aparece otro span. Es una sección, es span porque va dentro del texto. No es un div. He dicho div, pero me he equivocado. No es un div porque el div metería corte delante y detrás.

1174
01:35:43,079 --> 01:36:09,069
La otra forma, la que os decía, la otra forma de meter color, aquí pone color RGB, cuando le dais a color aquí, cuando le metéis color con los comandos, os lo mete así, RGB, entonces es un número que va de 0 a 256 de red, green, blue, pero claro, esto es súper poco elegible, pero bueno, da igual, si le pintáis ahí, pues que sepáis, color RGB, es la tercera forma de dar los colores.

1175
01:36:09,069 --> 01:36:25,909
Y ahora sí, fin. Creo que ya os he aburrido suficiente. Se nota que hoy era más densito que los otros días. Bueno, quitaros el micrófono y decidme algo, por fin. Me siento solo y fatal.

1176
01:36:29,890 --> 01:36:36,970
Las imágenes, Yago, que he visto que tenías algunas etiquetitas con imagen, ¿las metes a solón en el editor normal, digamos?

1177
01:36:37,529 --> 01:36:39,750
No, no, eso también requiere HTML.

1178
01:36:39,750 --> 01:36:42,470
Ah, vale. Ya decía yo. Demasiado fácil parecía.

1179
01:36:42,470 --> 01:37:03,289
Pero no es difícil, ¿eh? O sea, al final es meter una imagen ahí en medio. O sea, mira, te voy a decir cómo está hecho eso. Eso está, espera que pongo de aquí. Eso lo puse así en los títulos de los temas. Guardar acá, no, cancelar. Sí, es que lo cogí con muchas ganas. Ya voy haciendo menos gilipolleces.

1180
01:37:03,289 --> 01:37:10,970
esta, vale

1181
01:37:10,970 --> 01:37:13,010
esto está hecho, a ver, esto tiene un truco

1182
01:37:13,010 --> 01:37:15,390
esto tiene dos trucos, habrá un truco que también os quería contar

1183
01:37:15,390 --> 01:37:16,789
pero bueno, es que hay que parar en algún momento

1184
01:37:16,789 --> 01:37:19,789
para quieto

1185
01:37:19,789 --> 01:37:20,130
con

1186
01:37:20,130 --> 01:37:22,550
bueno

1187
01:37:22,550 --> 01:37:29,399
no, no va, va a saltos, joder

1188
01:37:29,399 --> 01:37:38,979
ahí, vale

1189
01:37:38,979 --> 01:37:41,420
método científico, entonces

1190
01:37:41,420 --> 01:37:42,039
esta

1191
01:37:42,039 --> 01:37:45,140
dentro de la unidad 1

1192
01:37:45,140 --> 01:37:46,859
está hecha de la siguiente manera, vale

1193
01:37:46,859 --> 01:37:52,180
editar el tema, o sea, está en

1194
01:37:52,180 --> 01:37:54,579
lo que es el tema, no es una etiqueta, es

1195
01:37:54,579 --> 01:37:58,659
la explicación del tema, entonces cuando tú pones aquí

1196
01:37:58,659 --> 01:38:01,659
unidad 1, ¿vale? Luego abajo le puedes poner un resumen, eso está

1197
01:38:01,659 --> 01:38:04,640
metido en el resumen, ¿vale? Y está hecho de la

1198
01:38:04,640 --> 01:38:07,579
siguiente manera, ¿vale?

1199
01:38:08,140 --> 01:38:09,960
Tiene un párrafo, ¿vale?

1200
01:38:10,319 --> 01:38:13,560
Y entonces luego tiene, esto es cuando metes

1201
01:38:13,560 --> 01:38:16,579
en insertar imagen, cuando insertas imagen, el

1202
01:38:16,579 --> 01:38:22,319
El código de buscar en una dirección web es A, ¿vale?

1203
01:38:22,399 --> 01:38:26,060
Desde A, como veis aquí, desde A hasta A, ¿vale?

1204
01:38:26,819 --> 01:38:31,939
Entonces, el A yo lo he puesto, esto lo he trampeado yo a posta,

1205
01:38:32,340 --> 01:38:38,880
para que toque donde toque, del muñeco, o sea, en cualquier zona que toque me responda el ratón.

1206
01:38:38,880 --> 01:38:44,359
El responsive, que decíais antes, pues está, o sea, si yo genero, mira,

1207
01:38:44,359 --> 01:38:46,140
lo voy a poner de otra manera

1208
01:38:46,140 --> 01:38:49,020
hola

1209
01:38:49,020 --> 01:38:50,579
aquí

1210
01:38:50,579 --> 01:38:52,979
voy a poner

1211
01:38:52,979 --> 01:38:54,380
un enlace

1212
01:38:54,380 --> 01:38:56,979
¿vale? entonces

1213
01:38:56,979 --> 01:38:58,899
si yo quiero poner, para poner un enlace

1214
01:38:58,899 --> 01:39:01,399
lo tienes que hacer desde aquí, si yo quiero poner un enlace

1215
01:39:01,399 --> 01:39:03,380
si yo pongo aquí un enlace

1216
01:39:03,380 --> 01:39:05,100
marco, ¿no? y le digo

1217
01:39:05,100 --> 01:39:06,840
insertar enlace, que es aquí arriba

1218
01:39:06,840 --> 01:39:08,739
a una imagen

1219
01:39:08,739 --> 01:39:10,899
que sea una imagen que

1220
01:39:10,899 --> 01:39:13,340
examina repositorios

1221
01:39:13,340 --> 01:39:14,979
A ver si encuentro una imagen ahí rápidamente

1222
01:39:14,979 --> 01:39:16,439
Seleccionar archivo

1223
01:39:16,439 --> 01:39:19,500
Si de todo esto no sabéis hacer algo

1224
01:39:19,500 --> 01:39:21,100
Pues también me decís y otro día

1225
01:39:21,100 --> 01:39:23,300
A ver, tengo por aquí

1226
01:39:23,300 --> 01:39:24,340
Algunas imágenes

1227
01:39:24,340 --> 01:39:26,100
Tutorial

1228
01:39:26,100 --> 01:39:30,039
¿Dónde está?

1229
01:39:32,100 --> 01:39:32,520
¿Puedes?

1230
01:39:33,060 --> 01:39:33,859
Imagen, aquí

1231
01:39:33,859 --> 01:39:35,920
Imágenes, ¿qué imágenes?

1232
01:39:37,539 --> 01:39:38,420
Nada, es que imágenes

1233
01:39:38,420 --> 01:39:39,399
Ninguna

1234
01:39:39,399 --> 01:39:42,479
Este es el ordenador del Instia

1235
01:39:42,479 --> 01:39:43,640
Aquí tengo pocas mierdas

1236
01:39:43,640 --> 01:39:46,680
álbum de cámara, a ver, venga

1237
01:39:46,680 --> 01:39:48,539
pues yo me quiero poner mi imagen

1238
01:39:48,539 --> 01:39:49,939
¿vale? abrir

1239
01:39:49,939 --> 01:39:52,920
¿vale? pues ya está, entonces subir este archivo

1240
01:39:52,920 --> 01:39:53,880
¿vale?

1241
01:39:54,859 --> 01:39:56,539
entonces cuando miráis el HTML

1242
01:39:56,539 --> 01:39:57,560
de lo que ha pasado

1243
01:39:57,560 --> 01:40:00,720
¿vale? veis que genera

1244
01:40:00,720 --> 01:40:02,239
el A, lo que os decía ¿no?

1245
01:40:02,460 --> 01:40:04,859
la etiqueta es A y va desde aquí

1246
01:40:04,859 --> 01:40:07,039
pone siempre primero la referencia

1247
01:40:07,039 --> 01:40:08,859
que es el HTTPS bla bla bla

1248
01:40:08,859 --> 01:40:10,579
todo eso lo que genera

1249
01:40:10,579 --> 01:40:12,880
y luego voy a poner, bueno me lo frito

1250
01:40:12,880 --> 01:40:14,640
con el culo y aquí termina, ¿vale?

1251
01:40:15,359 --> 01:40:16,819
Claro, si yo quiero que ese A

1252
01:40:16,819 --> 01:40:19,000
me coja todo o yo, por ejemplo, las etiquetas

1253
01:40:19,000 --> 01:40:20,939
lo pongo que me coja hasta

1254
01:40:20,939 --> 01:40:23,039
el borde. ¿Qué hago? Eso lo pongo

1255
01:40:23,039 --> 01:40:25,100
fuera y la etiqueta la anido

1256
01:40:25,100 --> 01:40:26,779
dentro. O sea, entre A y A

1257
01:40:26,779 --> 01:40:28,899
es donde meto la etiqueta

1258
01:40:28,899 --> 01:40:30,920
con su borde, con su margin, con su

1259
01:40:30,920 --> 01:40:32,819
padding. Entonces, hay veces

1260
01:40:32,819 --> 01:40:34,039
que me interesa, por ejemplo,

1261
01:40:34,760 --> 01:40:36,460
pues eso, que haga como aquí, ¿vale?

1262
01:40:36,739 --> 01:40:38,699
Aquí me interesa que yo pince donde

1263
01:40:38,699 --> 01:40:40,140
pince. Bueno, ahora no se ve

1264
01:40:40,140 --> 01:40:42,479
porque la estoy editando, ¿vale?

1265
01:40:42,479 --> 01:40:50,970
pero accede

1266
01:40:50,970 --> 01:40:51,449
al tema

1267
01:40:51,449 --> 01:40:54,970
desde cualquier sitio que lo pinche

1268
01:40:54,970 --> 01:40:56,529
porque yo tengo los temas

1269
01:40:56,529 --> 01:40:57,949
en principio los tengo cerrados

1270
01:40:57,949 --> 01:41:00,770
cuando no estamos editando para que no salga

1271
01:41:00,770 --> 01:41:01,670
toda la reta hila

1272
01:41:01,670 --> 01:41:05,189
o sea si yo dejo de editar

1273
01:41:05,189 --> 01:41:06,189
salir de edición

1274
01:41:06,189 --> 01:41:08,109
salir de edición te estoy diciendo

1275
01:41:08,109 --> 01:41:09,750
please

1276
01:41:09,750 --> 01:41:15,439
si yo desactivo la edición

1277
01:41:15,439 --> 01:41:18,329
venga bonito

1278
01:41:18,329 --> 01:41:27,060
mira que os decía, estas etiquetas

1279
01:41:27,060 --> 01:41:48,439
Vicky, que me las pusiste tú, están pegaditas. El borde azul con el borde amarillo. Y simplemente es meterle un BR aquí en medio y ya está. Vale, entonces, lo que decía, aquí, claro, como los temas están cerrados, los alumnos se volvían locos para abrirlo porque ellos tendrían a pinchar por aquí.

1280
01:41:48,439 --> 01:42:11,100
Y le tuve que poner el enlace, o sea, el enlace aquí es el mismo que la unidad 1, es decir, abre la unidad 1, ¿vale? Pero para que veáis que yo ponga donde ponga el ratón, me sale la línea, ¿vale? En el muñecot, en tal, porque está puesto AA y la imagen, método científico, color rojo, todo eso está dentro del AA, ¿vale?

1281
01:42:11,100 --> 01:42:34,409
O, por ejemplo, aquí, por ejemplo, estas etiquetas que tengo aquí, ¿vale? Que estas quedan muy bonitas. Cuando queréis hacer así varias cosas, varias posibilidades, como una especie de menú o algo así, queda muy chulo hacer esto.

1282
01:42:34,409 --> 01:42:36,649
estas de aquí

1283
01:42:36,649 --> 01:42:38,470
o a mí por lo menos me gustan un montón

1284
01:42:38,470 --> 01:42:40,590
luego ya sabéis que

1285
01:42:40,590 --> 01:42:42,489
estas

1286
01:42:42,489 --> 01:42:49,029
estas, vale

1287
01:42:49,029 --> 01:42:50,989
tengo aquí un tutorial

1288
01:42:50,989 --> 01:42:52,590
aquí otro tutorial, aquí otro tutorial

1289
01:42:52,590 --> 01:42:54,970
claro, para que esto quede un poco estético

1290
01:42:54,970 --> 01:42:57,050
esto lo hice con el degradado

1291
01:42:57,050 --> 01:42:58,850
de ese de colores que os he enseñado, o sea, yo me ponía

1292
01:42:58,850 --> 01:43:00,829
un marrón y el mismo marrón

1293
01:43:00,829 --> 01:43:02,630
o sea, en la transición al blanco

1294
01:43:02,630 --> 01:43:05,130
me cogía el penúltimo, o sea, uno muy clarito

1295
01:43:05,130 --> 01:43:06,329
muy clarito, pero en marrón

1296
01:43:06,329 --> 01:43:08,069
aquí es el mismo

1297
01:43:08,069 --> 01:43:10,329
purple pero en la versión

1298
01:43:10,329 --> 01:43:12,390
clarita y entonces las etiquetas

1299
01:43:12,390 --> 01:43:14,149
pues quedan bien porque si le metes un otro

1300
01:43:14,149 --> 01:43:15,789
contraste y tal pues no

1301
01:43:15,789 --> 01:43:17,630
queda tal, entonces aquí

1302
01:43:17,630 --> 01:43:20,069
yo puedo pinchar en este lado, o sea no hace falta

1303
01:43:20,069 --> 01:43:22,310
que pinche en el texto, yo pincho aquí

1304
01:43:22,310 --> 01:43:23,789
y accedo al tutorial este

1305
01:43:23,789 --> 01:43:26,369
veis que puedo que me sale la manita

1306
01:43:26,369 --> 01:43:28,529
desde cualquier lado y estas etiquetas

1307
01:43:28,529 --> 01:43:30,270
por ejemplo no tienen

1308
01:43:30,270 --> 01:43:32,250
break porque aquí sí que me

1309
01:43:32,250 --> 01:43:33,890
interesaba que me quedaran juntitas

1310
01:43:33,890 --> 01:43:37,149
y entonces aquí veis que están mucho más juntas

1311
01:43:37,149 --> 01:43:38,949
que además este es el espacio natural

1312
01:43:38,949 --> 01:43:40,130
que dejas y no ponéis break

1313
01:43:40,130 --> 01:43:41,609
las pega mucho

1314
01:43:41,609 --> 01:43:44,710
y ya de verdad que os perdono

1315
01:43:44,710 --> 01:43:49,569
además que ya son las 4

1316
01:43:49,569 --> 01:43:54,010
ya no me brojó muy bien

1317
01:43:54,010 --> 01:43:55,149
yo dije si me he enterado

1318
01:43:55,149 --> 01:43:57,050
y la biblia

1319
01:43:57,050 --> 01:43:58,949
eso del html tiene un pintón

1320
01:43:58,949 --> 01:44:02,630
está muy bien, buen descubrimiento

1321
01:44:02,630 --> 01:44:05,170
porque luego yo en realidad no lo empecé

1322
01:44:05,170 --> 01:44:07,310
a usar para eso, en realidad lo empecé a usar

1323
01:44:07,310 --> 01:44:09,449
porque yo les puse apuntes

1324
01:44:09,449 --> 01:44:11,170
les empecé poniendo

1325
01:44:11,170 --> 01:44:12,090
muchos apuntes

1326
01:44:12,090 --> 01:44:15,430
en insertar página

1327
01:44:15,430 --> 01:44:17,149
página de

1328
01:44:17,149 --> 01:44:19,170
de las funciones

1329
01:44:19,170 --> 01:44:21,109
de EducaMadrid y en libros

1330
01:44:21,109 --> 01:44:22,329
¿por qué?

1331
01:44:23,029 --> 01:44:24,869
porque meterles un PDF

1332
01:44:24,869 --> 01:44:26,329
me generaba un problema

1333
01:44:26,329 --> 01:44:29,029
yo como creo que casi todos nosotros

1334
01:44:29,029 --> 01:44:30,729
continuamente estamos cambiando cosas

1335
01:44:30,729 --> 01:44:32,710
entonces ponías un PDF

1336
01:44:32,710 --> 01:44:34,930
y estabas ahí y lo ponías a explicar

1337
01:44:34,930 --> 01:44:37,130
y veas que no entendía una mierda, venga, vale, lo cambio

1338
01:44:37,130 --> 01:44:38,890
entonces, ¿cómo lo tenía que cambiar? Me tenía que

1339
01:44:38,890 --> 01:44:40,930
ir al Word, cambiarlo en el Word

1340
01:44:40,930 --> 01:44:42,909
pasarlo a PDF

1341
01:44:42,909 --> 01:44:44,930
el PDF cambiarlo, es un coñazo

1342
01:44:44,930 --> 01:44:47,090
que tienes un PDF en el

1343
01:44:47,090 --> 01:44:49,109
aula virtual, hay una manera rápida

1344
01:44:49,109 --> 01:44:51,310
de cambiarlo, pero también hay que sabérselo y no sé qué

1345
01:44:51,310 --> 01:44:52,670
entonces, al final

1346
01:44:52,670 --> 01:44:55,069
dije, joder, y entonces empecé a escribir, claro, ¿qué pasa?

1347
01:44:55,170 --> 01:44:56,109
que en matemáticas

1348
01:44:56,109 --> 01:44:58,850
al hacer tablas

1349
01:44:58,850 --> 01:45:00,989
al hacer no sé qué, pues claro, eso

1350
01:45:00,989 --> 01:45:02,949
el editor ese es súper limitado

1351
01:45:02,949 --> 01:45:05,189
tiene insertar tabla, pero la tabla que te inserta

1352
01:45:05,189 --> 01:45:07,010
para empezar te la inserta siempre con una

1353
01:45:07,010 --> 01:45:09,050
cabecera y con una

1354
01:45:09,050 --> 01:45:11,010
primera fila donde va todo

1355
01:45:11,010 --> 01:45:12,710
en negrita, por narices

1356
01:45:12,710 --> 01:45:14,090
entonces claro, para

1357
01:45:14,090 --> 01:45:16,989
destripar la tabla y hacerla a mi

1358
01:45:16,989 --> 01:45:18,930
manera, pues fue cuando empecé a

1359
01:45:18,930 --> 01:45:21,210
mirar, entonces vas mirando, mirando, mirando

1360
01:45:21,210 --> 01:45:22,909
y luego digo, bueno, pues vale, aprendí a hacer

1361
01:45:22,909 --> 01:45:24,670
colores, pues las etiquetas les pongo colores

1362
01:45:24,670 --> 01:45:26,930
al principio las etiquetas eran esto corrido como las

1363
01:45:26,930 --> 01:45:27,890
hacemos todos

1364
01:45:27,890 --> 01:45:30,729
Bueno, estás fenomenal

1365
01:45:30,729 --> 01:45:31,890
pues

1366
01:45:31,890 --> 01:45:35,029
es que aquí en el centro

1367
01:45:35,029 --> 01:45:37,090
hace un frío de carajo, no sé por qué

1368
01:45:37,090 --> 01:45:38,810
será porque en el piso de arriba

1369
01:45:38,810 --> 01:45:40,789
no había calefacción hasta hoy

1370
01:45:40,789 --> 01:45:42,689
que la ha arreglado Paco en la cerradura

1371
01:45:42,689 --> 01:45:44,869
pero es horrible

1372
01:45:44,869 --> 01:45:46,989
ya veis a Raúl aterido y a mí también

1373
01:45:46,989 --> 01:45:48,069
o sea, tengo la nariz

1374
01:45:48,069 --> 01:45:49,710
como un caramba, ¿no?

1375
01:45:50,250 --> 01:45:50,789
qué horror

1376
01:45:50,789 --> 01:45:53,369
y las rodillitas

1377
01:45:53,369 --> 01:45:56,329
que bien, que ha estado muy

1378
01:45:56,329 --> 01:45:57,550
a mí me ha estado muy interesante

1379
01:45:57,550 --> 01:46:00,369
a ver

1380
01:46:00,369 --> 01:46:02,270
bueno, de todas maneras

1381
01:46:02,270 --> 01:46:03,510
he hecho la grabación

1382
01:46:03,510 --> 01:46:06,289
se empieza cortando y pegando

1383
01:46:06,289 --> 01:46:07,289
vale, no, no, eso

1384
01:46:07,289 --> 01:46:09,850
pero bueno, yo donde se encuentran los problemas

1385
01:46:09,850 --> 01:46:11,810
y luego voy a ir, ahora cómo arreglo esto

1386
01:46:11,810 --> 01:46:13,949
los colores, que ya me lo has dicho

1387
01:46:13,949 --> 01:46:16,050
eso he buscado y ya he visto

1388
01:46:16,050 --> 01:46:17,949
bueno, luego nos has puesto tú lo de la Biblia

1389
01:46:17,949 --> 01:46:20,310
pero lo estoy buscando en Google, colores HTML

1390
01:46:20,310 --> 01:46:21,670
hola, 500

1391
01:46:21,670 --> 01:46:23,890
140 con nombre

1392
01:46:23,890 --> 01:46:25,430
que

1393
01:46:25,430 --> 01:46:27,770
cuando acabe la grabación

1394
01:46:27,770 --> 01:46:29,609
la subo luego a la MediaTek

1395
01:46:29,609 --> 01:46:31,489
que la comparto en el seminario

1396
01:46:31,489 --> 01:46:32,390
vale

1397
01:46:32,390 --> 01:46:35,550
y que el jueves próximo

1398
01:46:35,550 --> 01:46:37,369
es cuando tenemos ponente externo

1399
01:46:37,369 --> 01:46:38,270
con lo de

1400
01:46:38,270 --> 01:46:41,090
el libro de evaluación y eso

1401
01:46:41,090 --> 01:46:44,949
no se llama libro, bueno

1402
01:46:44,949 --> 01:46:47,189
estoy mucho frío, no puedo pensar

1403
01:46:47,189 --> 01:46:47,890
no he comido

1404
01:46:47,890 --> 01:46:50,970
fenomenal

1405
01:46:50,970 --> 01:46:53,869
ahora tengo que parar de grabar para que no se pierdan

1406
01:46:53,869 --> 01:46:54,430
ya, va