1
00:00:02,480 --> 00:00:08,919
Hola a todos, soy Mario y os voy a enseñar mi proyecto de aplicaciones web.

2
00:00:09,140 --> 00:00:14,140
Vamos a empezar contando lo que es mi proyecto en sí.

3
00:00:16,000 --> 00:00:25,399
Tenemos un header, un aside, una barra de navegación, que en todos es igual.

4
00:00:25,399 --> 00:00:44,299
Si te das cuenta, no solo cambia el header, o sea, el título, perdón, que consta de un aside con nuestra foto tal y con varias fotos nuestras.

5
00:00:44,299 --> 00:01:06,480
Aquí tengo tres características sobre mí, que aquí en el index es un section, que lo he dividido en tres, empático, trabajador y disruptivo, por ejemplo, y lo he puesto en formato de columna, para que quede así, en formato de columna, con su correspondiente titulito, en fin.

6
00:01:06,480 --> 00:01:11,540
luego tengo dos actividades que no debería hacer

7
00:01:11,540 --> 00:01:15,079
que esto es también otro section

8
00:01:15,079 --> 00:01:19,620
bueno es un h2 y debajo

9
00:01:19,620 --> 00:01:22,180
un section que por ejemplo esto

10
00:01:22,180 --> 00:01:27,319
son dos titulitos con las imágenes abajo

11
00:01:27,319 --> 00:01:31,420
que esta por ejemplo es un link aquí cuando yo

12
00:01:31,420 --> 00:01:34,159
jugaba, este es mi compañero cuando yo jugaba a la front zone

13
00:01:34,159 --> 00:01:41,640
y estas de, por ejemplo, hacer motocross, por ejemplo, tenéis aquí, por ejemplo, si dejo

14
00:01:41,640 --> 00:01:48,079
el ratón encima de la imagen, sale un titulito ahí como motocross, entonces el título,

15
00:01:48,859 --> 00:01:56,439
cuando pones el título en la imagen, y luego más. Y luego, la primera opción en un web

16
00:01:56,439 --> 00:02:03,200
que más uso es Instagram, que tal y igual que la de Fronton, es un enlace que pinchas,

17
00:02:03,200 --> 00:02:11,080
te lleva a Instagram. Y aquí también. Y luego aquí tenemos un footer, que en todas

18
00:02:11,080 --> 00:02:18,240
también es igual, lo cubrí con un formulario y ven todas iguales, que te lleva al repositorio

19
00:02:18,240 --> 00:02:25,939
en el que está la página que he creado. Yo todavía el repositorio no lo he creado,

20
00:02:25,939 --> 00:02:31,400
no te lleva a nada, te lleva a mi GitHub, pero quiero ponerle ahora cuando termine,

21
00:02:31,400 --> 00:02:37,639
que te lleve directamente al repositorio donde está este proyecto subido.

22
00:02:37,639 --> 00:02:41,639
Seguimos con el currículum. Ah, bueno, otra cosa que no he dicho es que aquí, cuando

23
00:02:41,639 --> 00:02:46,900
doy los botones, tengo el cursor encima y se cambia de color, como veis.

24
00:02:46,900 --> 00:02:58,900
Aquí en el currículum tenemos varias partes. Tenemos el currículum. Esto es el aside.

25
00:02:58,900 --> 00:03:11,240
Aquí tenemos un main, que es lo que envuelve todo, que es todo esto, todo esto que es azul, todo eso es, y un div.

26
00:03:11,659 --> 00:03:15,080
Es el primer div que se llama encabezado, pues es esto.

27
00:03:15,280 --> 00:03:19,599
Ahí tengo la foto, mi nombre y un breve resumen.

28
00:03:20,199 --> 00:03:21,599
Y soy estudiante.

29
00:03:21,599 --> 00:03:35,319
Esto lo he conseguido gracias a una etiqueta de lista para que me lo quede así en ese formatito ahí a la derecha.

30
00:03:35,560 --> 00:03:40,000
Queda bastante bien con un dibujito al lado.

31
00:03:41,039 --> 00:03:43,840
Luego tenemos educación y formación.

32
00:03:43,840 --> 00:03:54,419
que aquí he abierto otro DIP, que es ya lo que envuelve el resto del documento, si no me equivoco, sí.

33
00:03:56,080 --> 00:04:07,639
Aquí en el DIP tenemos un pequeño section, aquí no, tenemos aquí otro section, que es, por ejemplo,

34
00:04:07,639 --> 00:04:13,539
aquí he elegido poner los estudios que tengo y que estoy usando ahora mismo.

35
00:04:13,840 --> 00:04:21,519
el está en formato de tabla, con los ternes y los th y td, y así para que quede ordenado

36
00:04:21,519 --> 00:04:32,100
el rezo. Luego tenemos aquí otro section, que es el que, por ejemplo, he puesto los

37
00:04:32,100 --> 00:04:39,439
idiomas que domino, por decirlo así. Bueno, sí, los idiomas que domino. Aquí tienes

38
00:04:39,439 --> 00:04:47,379
es un colspan, que es el para la tabla. O sea, está el TH y luego el atributo colspan

39
00:04:47,379 --> 00:05:01,600
para dividirlo en dos. Luego, ¿qué más? Tenemos aquí toda la tabla

40
00:05:01,600 --> 00:05:11,879
con los TR, TH y TD, para que quede así bien. Y luego aquí una pequeña leyenda para que

41
00:05:11,879 --> 00:05:21,560
veáis lo que significa cada cosa. Es esta. Aquí lo he hecho mediante un spam.

42
00:05:21,560 --> 00:05:26,839
Luego demás. Esto de habilidades, personas y digitales.

43
00:05:26,839 --> 00:05:28,540
bueno, son pequeñas cosas que

44
00:05:28,540 --> 00:05:31,079
mías de mi persona

45
00:05:31,079 --> 00:05:32,980
pues que hay cosas que domino

46
00:05:32,980 --> 00:05:34,120
personales y

47
00:05:34,120 --> 00:05:36,160
y digitales

48
00:05:36,160 --> 00:05:38,500
que es esto

49
00:05:38,500 --> 00:05:40,620
y esto

50
00:05:40,620 --> 00:05:42,160
bueno, que esto es la verdad que

51
00:05:42,160 --> 00:05:43,639
me queda bastante bien con

52
00:05:43,639 --> 00:05:45,220
con la barrita esta

53
00:05:45,220 --> 00:05:48,220
y queda así ordenado y bastante bien

54
00:05:48,220 --> 00:05:49,600
y luego voy a terminar

55
00:05:49,600 --> 00:05:52,000
pues el footer, que en todas como ya he dicho

56
00:05:52,000 --> 00:05:53,300
antes es igual

57
00:05:53,300 --> 00:05:56,160
seguimos con

58
00:05:56,160 --> 00:06:04,040
el formulario, que aquí es un poquito más complejo. Es la primera estructura, el título,

59
00:06:04,040 --> 00:06:13,519
el menú de navegación y el aside. Y aquí todo el resto del formulario que tengo. Y

60
00:06:13,519 --> 00:06:22,220
empieza aquí. Esto es un span, que es este, que rellena un título, pareciera un subtítulo

61
00:06:22,220 --> 00:06:28,459
para que lo vea el usuario. Y aquí tenemos, por ejemplo, esta primera parte, que es el

62
00:06:28,459 --> 00:06:36,040
dato de registro, que es un fieldset. Cada uno es un fieldset diferente. Por ejemplo,

63
00:06:36,040 --> 00:06:48,819
tenemos tres. Y luego tenemos un correo electrónico, que es el type del input, o sea, es un input

64
00:06:48,819 --> 00:06:55,819
con tipo email para que, por ejemplo, si escribo algo tenga que llevar un arroba detrás.

65
00:06:55,819 --> 00:07:03,740
Por ejemplo, así. Ya dejaría enviar, aunque no me dejaría enviarlo porque tengo que rellenar

66
00:07:03,740 --> 00:07:16,899
todas, pero vamos, ahora lo veis. Otro label y otro input con tipo de texto, este, como

67
00:07:16,899 --> 00:07:24,259
máximo tiene que ser 15, y bueno, aquí como veis también son todos requeridos. Eso quiere

68
00:07:24,259 --> 00:07:29,220
decir que no te dejan enviar el formulario hasta que no has completado los campos y los

69
00:07:29,220 --> 00:07:38,120
requisitos de cada campo. Luego tenemos aquí una contraseña de tipo

70
00:07:38,120 --> 00:07:49,100
password, que es para que salga sí, con puntito y medio de letras, y que tenga mínimo seis

71
00:07:49,100 --> 00:07:54,980
y máximo quince, eso quiere decir que no te deja ver el formulario si tiene menos de

72
00:07:54,980 --> 00:07:59,120
seis o más de quince, o sea, tienes que tener entre medias, y también es requerido.

73
00:07:59,120 --> 00:08:12,899
Y luego aquí tenemos otro fieldset, que ya es el más grande, que empieza con el nombre,

74
00:08:12,899 --> 00:08:17,480
tipo text, con el id de nombre, para que salga el nombre.

75
00:08:17,480 --> 00:08:20,500
Nombres y apellidos, como veis, son todos requeridos.

76
00:08:20,500 --> 00:08:26,199
Fecha de nacimiento y el tipo date, que esto es para que salga así, para que podáis meter

77
00:08:26,199 --> 00:08:30,240
la fecha de nacimiento de cada uno, que se haya guardado.

78
00:08:30,240 --> 00:08:45,639
Luego tenemos aquí el sexo, que es un label con diferentes inputs para que te deje elegir

79
00:08:45,639 --> 00:08:48,440
solo si te deja elegir, por ejemplo, una mujer, pues no tendría sentido.

80
00:08:48,440 --> 00:08:57,200
¿Qué más? Tenemos también la altura en centímetros, que es de tipo number, con la

81
00:08:57,200 --> 00:09:01,940
que se da así, y vais poniendo lo que queráis. También me parece que podéis poner aquí

82
00:09:01,940 --> 00:09:10,120
un 5, por ejemplo. Va subiendo de 10 en 10. Eso aquí se hace así, con el rango de su

83
00:09:10,120 --> 00:09:14,940
área de 10 se pone con este. Y aquí mínimo de 100 y máximo de 300.

84
00:09:14,940 --> 00:09:27,000
Luego tenemos el teléfono móvil, que es formato de un tipo de teléfono y también, como este, es requerido.

85
00:09:29,000 --> 00:09:37,080
Luego tenemos un label con un select para que podamos ir eligiendo lo que somos,

86
00:09:37,080 --> 00:09:45,340
o sea, lo que cada persona, para que se abra una lista con lo que cada uno sea, casado, casada, tal.

87
00:09:46,019 --> 00:09:55,639
Y aquí un color preferido, que es con este tipo de color, para que salga así, que podéis elegir lo que queráis.

88
00:09:56,399 --> 00:10:03,120
Y luego tenemos aquí el último fiel set, que parece mucho, pero no es muy complejo, la verdad.

89
00:10:03,120 --> 00:10:16,379
tenemos este tipo de checkbox para que en este caso sí que nos deje elegir varios a la vez del

90
00:10:16,379 --> 00:10:22,620
mismo tipo. Aquí si fuese así como en el otro, que sólo nos deje elegir uno, pues no tendría

91
00:10:22,620 --> 00:10:31,620
sentido. Y aquí pues para el DMT, el CDN y el ZAP. Y luego aquí, en idiomas es igual,

92
00:10:31,620 --> 00:10:39,120
igual que en otro. Y luego aquí, si sabéis otro tipo de idioma, pues le podéis escribir

93
00:10:39,120 --> 00:10:51,620
ahí, con este. Y luego le he puesto este, para saber si sean aves o ingles, pues para

94
00:10:51,620 --> 00:11:01,860
para elegir si es un tipo bajo o medio, que es con este, con el option y con los values.

95
00:11:01,860 --> 00:11:06,899
Y luego quitan con un mínimo de 1 y un máximo de 3.

96
00:11:06,899 --> 00:11:14,059
Y luego también, si tenéis habilidades que queríamos saber, pues lo podéis escribir

97
00:11:14,059 --> 00:11:15,059
aquí también.

98
00:11:15,059 --> 00:11:20,129
Por ejemplo, voy a rellenarlo todo para que veáis cómo queda.

99
00:11:20,129 --> 00:11:29,639
Para esto, por ejemplo, ponemos esto, esto, esto...

100
00:11:29,639 --> 00:11:33,340
Este no lo tengo requerido para que la gente, si no tiene IDGA,

101
00:11:33,720 --> 00:11:37,179
que no le hace falta que lo ponga y te deje enviarlo.

102
00:11:37,519 --> 00:11:39,100
Ponemos esto y aquí ponemos algo.

103
00:11:40,679 --> 00:11:43,379
Le damos a enviar y pone aquí que formulario procesado.

104
00:11:44,679 --> 00:11:47,700
Y si por lo que sea lo sabéis confundido o algo,

105
00:11:47,700 --> 00:11:53,379
le doy aquí a los efectos y se resuelta todo, se queda todo en blanco.

106
00:11:53,379 --> 00:12:00,139
Y como he dicho antes, pues el footer, con lo que me lleva a mi GitHub.

107
00:12:00,139 --> 00:12:08,500
Y luego ya para terminar tenemos sobre mi proyecto, a ver si sigue grabando esto, sí.

108
00:12:08,500 --> 00:12:12,820
¿Qué tenemos? Pues como os he dicho antes, tenía un header, el título que es esto,

109
00:12:12,820 --> 00:12:18,960
del nav, de navegación, que son los botones eléctricos que tengo aquí, el main, que

110
00:12:18,960 --> 00:12:25,899
en este caso es todo esto azul que tengo, este cuadrito azul, y luego el footer, como

111
00:12:25,899 --> 00:12:31,200
he dicho antes. Y aquí no tenemos gran cosa, tengo una foto para que quede más claro cómo

112
00:12:31,200 --> 00:12:36,980
es. Esta es una lista de documentación que tengo que poner bien para cuando luego te

113
00:12:36,980 --> 00:12:45,519
lo envíe, cuando le pinches aquí, te salva este archivito. Y luego un vídeo. Este es

114
00:12:45,519 --> 00:12:49,659
un vídeo de prueba que he puesto ahí. Luego, cuando termine de grabar este vídeo, quito

115
00:12:49,659 --> 00:12:54,039
este y pongo el que estoy grabando ahora mismo, para que quede bien. Y bueno, vamos a ir empezando

116
00:12:54,039 --> 00:13:04,860
con esto, con lo que pide la documentación, vamos.

117
00:13:06,580 --> 00:13:08,519
Pero que empezamos con los enjabezados.

118
00:13:08,820 --> 00:13:11,039
Pues aquí tengo algunos puestos.

119
00:13:14,360 --> 00:13:20,080
Por ejemplo, aquí en el índex tengo un H3, un H2, el H1,

120
00:13:20,080 --> 00:13:26,320
que es el título principal, que esto no tiene mucho misterio.

121
00:13:26,320 --> 00:13:33,679
Bueno, esto lo sabéis todos, contra el más pequeño es el número de aquí, el más grande.

122
00:13:33,679 --> 00:13:38,639
El h1 es el más grande, el h6, o por ejemplo, el h1 es más grande que el h3.

123
00:13:38,639 --> 00:13:45,840
Con lo cual, lo que está aquí va a ser el tamaño más grande que este.

124
00:13:45,840 --> 00:13:55,779
Luego tenemos párrafos, que en todo el documento solo tengo uno, que es este, que es lo que cuenta, lo que contó antes, lo que consta el layout.

125
00:13:58,120 --> 00:14:00,100
Luego tenemos aquí los enlaces.

126
00:14:01,840 --> 00:14:12,559
Aquí, por ejemplo, en todas las páginas tengo la barra de navegación, en el NAMP tengo esto, que es un enlace a, por ejemplo, este, que te mande al index.

127
00:14:12,559 --> 00:14:18,559
Es este algoritmo, esta es la fórmula, es básicamente esto de aquí.

128
00:14:18,559 --> 00:14:21,559
Estos son los enlaces.

129
00:14:21,559 --> 00:14:24,559
Imágenes, que aquí tengo unas cuantas.

130
00:14:24,559 --> 00:14:31,559
Aquí, en el index, tengo la de...

131
00:14:31,559 --> 00:14:33,559
Espera que las encuentre.

132
00:14:33,559 --> 00:14:36,559
Aquí están, puedo escondirlas.

133
00:14:36,559 --> 00:14:40,559
Aquí tengo una imagen con el class y todo el logotipo.

134
00:14:40,559 --> 00:14:48,159
Con lúgico tengo un CSS que lo enseñaré más después y poquito más.

135
00:14:48,159 --> 00:14:53,159
Aquí tengo otra imagen, la del motocross, y eso.

136
00:14:53,159 --> 00:15:01,659
Y tablas, pues aquí se ve bien, una tabla grande que tengo es la del formulario,

137
00:15:01,659 --> 00:15:10,460
perdón, la del currículum, la de compresión oral, frita, la de los idiomas,

138
00:15:10,460 --> 00:15:16,639
con la etiqueta tabla y con el trt h y demás

139
00:15:16,639 --> 00:15:23,259
en las listas que aquí tengo en el currículum también es este aquí por

140
00:15:23,259 --> 00:15:30,639
ejemplo con el huele y le leí para crear las listas

141
00:15:32,220 --> 00:15:39,419
lo tenemos en los bloques lo que es lo que divide el documento que son los

142
00:15:39,419 --> 00:15:51,419
los dip y los section, el área que tengo en todos, tengo aquí el... bueno, aquí dejo el index,

143
00:15:51,419 --> 00:16:02,419
un section, un dip, también tendré por ahí, aquí tengo dips, eso queda claro, los formularios,

144
00:16:02,419 --> 00:16:07,419
que bueno, eso es todo lo que enseñé antes, también formularios, pues todo esto es un formulario,

145
00:16:07,419 --> 00:16:15,080
el FIETCH para diferenciar, con el label, el input, lo que le enseñaba antes básicamente.

146
00:16:17,399 --> 00:16:24,860
El vídeo, que le tengo aquí en el subproyecto, que es aquí, con la etiqueta vídeo, que aquí pones la

147
00:16:24,860 --> 00:16:31,320
ruta y el tipo de vídeo. En mi caso es mp4 porque tengo configurado el OBS para que me lo grabe así.

148
00:16:31,320 --> 00:16:38,320
Luego el width y el height lo tengo en el CSS, que lo enseño luego.

149
00:16:38,320 --> 00:16:42,320
El estilo es el CSS.

150
00:16:42,320 --> 00:16:44,320
Selección de distintos tipos.

151
00:16:44,320 --> 00:16:51,320
Pues aquí en el CSS tengo diferentes líneas con diferentes...

152
00:16:51,320 --> 00:16:55,320
Aquí un punto foto con distintos electores, un main.index.

153
00:16:55,320 --> 00:16:58,320
Aquí dos para que lo haga a la vez.

154
00:16:58,320 --> 00:17:00,320
Aquí solo uno para que me haga solo este.

155
00:17:00,320 --> 00:17:10,880
Aquí un punto de características, que por ejemplo es este, es este, para que solo me haga esto, esto es ir un poco paso a paso.

156
00:17:12,819 --> 00:17:27,599
Colores y fondos, pues el fondo del documento, como veis aquí, es una imagen, aunque esté muy blanco, es una imagen, esta de aquí se ve bien, que la tengo puesta aquí, con el background de imagen.

157
00:17:27,599 --> 00:17:34,599
Y el background repite es para que la imagen no se repita, no se sobreponga ni nada.

158
00:17:34,599 --> 00:17:40,599
¿Qué más? Bueno, aquí dimensiones y unidades.

159
00:17:40,599 --> 00:17:46,599
Pues, prácticamente en todos los selectores tengo un padding.

160
00:17:46,599 --> 00:17:52,299
un padding, bueno, esto no lo tenía que haber, un width y demás.

161
00:17:52,440 --> 00:17:55,559
Width, Height, Margin,

162
00:17:55,700 --> 00:17:58,759
para dimensionar

163
00:18:00,400 --> 00:18:03,259
lo que me estoy refiriendo, este punto foto,

164
00:18:03,400 --> 00:18:09,059
pues para darle un width de 200 píxeles.

165
00:18:09,200 --> 00:18:12,160
Y si me voy a poner un formato de píxel, un formato de porcentaje.

166
00:18:12,160 --> 00:18:14,759
Se veía cada uno como mejor le venga.

167
00:18:14,900 --> 00:18:17,059
Y pues, iba cambiando.

168
00:18:18,660 --> 00:18:20,859
¿Qué más? Aquí tengo más.

169
00:18:22,799 --> 00:18:24,960
Modelo de caza.

170
00:18:25,099 --> 00:18:28,000
Que esto me parece que eran los main y...

171
00:18:29,460 --> 00:18:32,299
O sea, no, perdón, el main, el pavings y demás.

172
00:18:34,720 --> 00:18:38,200
Me pavings, a ver si encuentro alguno con pavings, para que lo podáis ver.

173
00:18:40,099 --> 00:18:41,119
Pavings.

174
00:18:42,160 --> 00:18:48,559
Y aquí tengo un padding para el footer, pues un padding de 10 píxeles.

175
00:18:50,940 --> 00:18:51,880
¿Qué más?

176
00:18:53,400 --> 00:19:00,039
Ese es el fondo, pues esto es el background color, background de imagen.

177
00:19:01,039 --> 00:19:06,019
El background de imagen es para el fondo, pues aquí.

178
00:19:06,019 --> 00:19:09,859
y el background color

179
00:19:09,859 --> 00:19:11,480
como tengo aquí

180
00:19:11,480 --> 00:19:12,559
en el menú hover

181
00:19:12,559 --> 00:19:15,740
este tributo es para darle

182
00:19:15,740 --> 00:19:18,019
más importancia respecto al

183
00:19:18,619 --> 00:19:20,019
resto de

184
00:19:20,019 --> 00:19:21,480
tributos

185
00:19:21,480 --> 00:19:23,119
aquí tengo el background color

186
00:19:23,119 --> 00:19:24,400
cuando

187
00:19:24,400 --> 00:19:27,759
esta línea

188
00:19:27,759 --> 00:19:29,619
sirve para que cuando yo ponga el ratón encima

189
00:19:29,619 --> 00:19:31,779
de esto se ponga

190
00:19:31,779 --> 00:19:32,960
el color que le he dicho

191
00:19:32,960 --> 00:19:34,380
es este

192
00:19:34,380 --> 00:19:39,380
Esto se puede poner en un formato de red de veo, en un formato de color normal como éste.

193
00:19:39,380 --> 00:19:41,380
Eso ya depende.

194
00:19:45,380 --> 00:19:49,380
Y aquí tenemos el posicionamiento y el float.

195
00:19:49,380 --> 00:19:53,380
Esto es para que sea flotante de lo que tengo.

196
00:19:53,380 --> 00:19:57,380
Por ejemplo, este aside que tengo para que sea...

197
00:19:57,380 --> 00:20:03,380
Esto se traduce en que sea el color, que sea este color.

198
00:20:04,380 --> 00:20:11,299
este para que le parece este poquito

199
00:20:11,299 --> 00:20:17,140
with hate y marito marito pues esto es esto es marito

200
00:20:17,140 --> 00:20:20,700
esto pues poco a poco

201
00:20:21,500 --> 00:20:28,140
el texto pues aquí tengo tengo bastantes

202
00:20:28,599 --> 00:20:32,480
característica de texto son

203
00:20:32,480 --> 00:20:48,089
Son pues todas estas, el Width, Margin, el Membrane Radius, el Margin Toe, que hay bastantes.

204
00:20:51,089 --> 00:21:00,690
Luego, el Fuente, que esto es para, tengo aquí al principio de todo, el Times New Roman,

205
00:21:00,690 --> 00:21:13,690
pues es para que te ponga esto, la fuente, que entonces es igual, o sea, es el mismo.

206
00:21:13,690 --> 00:21:23,000
Luego tenemos los enlaces, pues son los menús de la traducción.

207
00:21:23,000 --> 00:21:37,220
NapDip, este por ejemplo, para que el color de la letra sea negro, el fondo sea blanco,

208
00:21:37,220 --> 00:21:43,920
el borde radio es para que las puntas sean medio redondeadas, como esto, por ejemplo,

209
00:21:43,920 --> 00:21:51,119
lo que veis es medio redondeado y poco más.

210
00:21:51,119 --> 00:21:59,119
Luego tengo también los estilos de listas, que están…

211
00:21:59,119 --> 00:22:01,119
las tengo aquí miradas abajo.

212
00:22:14,440 --> 00:22:17,440
He cambiado cada cosa según nos convenga.

213
00:22:22,440 --> 00:22:24,440
¿Qué más?

214
00:22:24,440 --> 00:22:42,349
Por ejemplo, tengo para que aplique a la tabla de estudios, al TH de la tabla de estudios,

215
00:22:42,349 --> 00:22:48,349
al TH de la tabla de nivel de idiomas, al TH de la tabla de nivel de idiomas, pues para

216
00:22:48,349 --> 00:22:53,470
que aplique a las cuatro los mismos atributos que son estos.

217
00:22:53,470 --> 00:23:00,109
Y luego pues esto, por ejemplo, para que es igual que el T a tabla de nivel de idiomas

218
00:23:00,109 --> 00:23:03,309
y el TH a tabla de nivel de idiomas, para que el texto esté centrado.

219
00:23:03,309 --> 00:23:28,109
Si más, pues las tengo aquí de arriba, que habéis visto antes.

220
00:23:28,109 --> 00:23:33,829
Son wii de 280 píxeles, pues esto es para que vaya cambiando poco a poco, pues pongo

221
00:23:33,829 --> 00:23:42,630
aquí 300, pues la cosa, vais a ver que igual se descuadra, este tengo aquí, igual queda

222
00:23:42,630 --> 00:23:50,930
muy grande para el gusto, esto depende de cada uno y lo vais cambiando según venga.

223
00:23:50,930 --> 00:23:56,869
Luego tenemos aquí el border, que es para este bordecito de aquí, esto se cambia aquí,

224
00:23:56,869 --> 00:24:02,950
Si queréis que tenga 3 píxeles, esto ya lo habéis cambiado a modo de 8 píxeles y que sea de color negro.

225
00:24:02,950 --> 00:24:08,069
Veis que se quedan bien. Pues queda más o menos esto ya, según cada uno.

226
00:24:10,069 --> 00:24:11,190
Sí.

227
00:24:11,190 --> 00:24:18,150
¿Veis? Ya, así ya queda mejor. Esto, pues, como he dicho, cada uno según le convenga.

228
00:24:19,430 --> 00:24:37,579
Espera, bueno, el momento que me enchufo el ordenador es que me estoy volviendo sin batería.

229
00:24:38,740 --> 00:24:53,460
¿Los formularios? Pues esto es 300. Esto está aquí abajo, los formularios.

230
00:24:53,460 --> 00:25:01,460
Esto es el span, el formly, el fieldset, el fieldset de lista, el fieldset normal,

231
00:25:01,460 --> 00:25:08,420
esto me parece que era para

232
00:25:30,380 --> 00:25:40,099
qué más ahí está cambiando un poquillo para que lo que sirve cada cosa por ejemplo

233
00:25:40,099 --> 00:26:02,599
Vamos a ir a aquel principio. El punto de actividades. Si no me equivoco, es esto. Las actividades.

234
00:26:02,599 --> 00:26:09,759
Por ejemplo, una de las características que igual se ve mejor que las características

235
00:26:09,759 --> 00:26:10,759
es este dip.

236
00:26:10,759 --> 00:26:21,160
Por ejemplo, cambiamos el padding para que veáis cómo igual cambia.

237
00:26:21,160 --> 00:26:22,160
¿Ves?

238
00:26:22,160 --> 00:26:30,299
Esto es para que quede como un margen más arriba respecto a esta línea y aquí pues

239
00:26:30,299 --> 00:26:38,920
bajo el más más ancho pues como he dicho cada uno pues que lo vaya haciendo con el documento

240
00:26:44,180 --> 00:26:46,019
el vídeo por ejemplo

241
00:26:49,200 --> 00:26:59,079
pues si quito esto confundido yo si se queda así también se sentiría si tendría que quedar

242
00:26:59,079 --> 00:27:00,339
porque como solo hay un vídeo

243
00:27:00,339 --> 00:27:02,039
en todo documento, pues

244
00:27:02,039 --> 00:27:03,759
se queda aquí

245
00:27:03,759 --> 00:27:08,539
por ejemplo, aquí del vídeo

246
00:27:08,539 --> 00:27:11,200
una cosa que no he dicho del vídeo

247
00:27:11,200 --> 00:27:13,240
es que este atributo sirve para que

248
00:27:13,240 --> 00:27:14,299
el usuario

249
00:27:14,299 --> 00:27:16,099
que cuando vea el vídeo

250
00:27:16,099 --> 00:27:18,779
cuando sale aquí, pues pueda ir avanzando

251
00:27:18,779 --> 00:27:20,220
puede ir retrocediendo

252
00:27:20,220 --> 00:27:22,359
para que sean estos controles

253
00:27:22,359 --> 00:27:26,299
vale, para

254
00:27:26,299 --> 00:27:29,440
y ya pues poco más

255
00:27:29,440 --> 00:27:30,720
tenemos

256
00:27:30,720 --> 00:27:33,700
el CSS

257
00:27:33,700 --> 00:27:36,740
los botones

258
00:27:36,740 --> 00:27:39,279
los botones son

259
00:27:39,279 --> 00:27:41,859
estos que tengo aquí

260
00:27:41,859 --> 00:27:45,799
esto ya pues

261
00:27:45,799 --> 00:27:46,839
como en todo

262
00:27:46,839 --> 00:27:48,319
eje de

263
00:27:48,319 --> 00:27:49,460
más

264
00:27:49,460 --> 00:27:51,640
margin top por ejemplo

265
00:27:51,640 --> 00:27:53,220
para que

266
00:27:53,220 --> 00:27:56,279
por ejemplo si quito este

267
00:27:56,279 --> 00:28:03,660
aquí hay atributo, lo dejo así. Se quedaría muy pegado aquí. Pues en vez de, para facilitar

268
00:28:03,660 --> 00:28:10,279
la vida, poner un margin-top, se va a quedar centrado. No hace falta que pongamos un margin-left,

269
00:28:10,279 --> 00:28:21,279
o sea, un margin por debajo. Por ejemplo, margin-button, que es para que quede por debajo.

270
00:28:21,279 --> 00:28:24,920
Con poner solo el marinto, pues con eso valdría.

271
00:28:24,920 --> 00:28:25,920
A ver cómo queda.

272
00:28:25,920 --> 00:28:30,039
Bueno, como he puesto los 40 en cada lado, pues queda justo la mitad.

273
00:28:30,039 --> 00:28:33,099
Claro, como he dicho, esto sobra.

274
00:28:33,099 --> 00:28:38,339
Con poner marinto por ahí, valdría.

275
00:28:38,339 --> 00:28:40,660
Y poco más.

276
00:28:40,660 --> 00:28:48,160
Aquí tenéis el documento, que lo subiré ahora y cualquier pregunta, pues me decís.