1
00:00:01,070 --> 00:00:06,410
Hola, soy Yasmín Generali y vengo a explicar mi proyecto sobre mi página web hecha por mí.

2
00:00:07,230 --> 00:00:15,650
Aquí está el documento en el que voy a explicar mi página web, voy a explicar todo sobre mi página web y aquí está.

3
00:00:18,469 --> 00:00:27,289
Bueno, para empezar, lo primero que voy a explicar es el index, que es la página principal, lo primero de todo.

4
00:00:27,289 --> 00:00:37,929
en el que le he puesto un título, que es mi web, en el título, si se ve, el título

5
00:00:37,929 --> 00:00:44,990
se ve cuando tú abres la página web, este es el título de la página, lo primero que

6
00:00:44,990 --> 00:00:50,630
he hecho es un header, que es esto, que pone página principal, para verlo en Visual Studio

7
00:00:50,630 --> 00:00:56,049
Code, he usado una etiqueta header, le he usado una clase header 1 para el Visual Studio

8
00:00:56,049 --> 00:01:05,170
de code, o sea, para el CSS, en el que pone página principal, ¿vale? El CSS del header

9
00:01:05,170 --> 00:01:10,969
le he puesto un tamaño de letra de 50 píxeles, texto alineado, center, para que esté centrado,

10
00:01:10,969 --> 00:01:16,109
por ejemplo, si yo le cambio el tamaño de letra, le pongo 100, por ejemplo, el texto

11
00:01:16,109 --> 00:01:18,230
se va a ver mucho más grande

12
00:01:18,230 --> 00:01:20,209
vale

13
00:01:20,209 --> 00:01:22,569
vale

14
00:01:22,569 --> 00:01:23,769
si le pongo

15
00:01:23,769 --> 00:01:25,530
si le quito el text ID center

16
00:01:25,530 --> 00:01:26,329
va a estar

17
00:01:26,329 --> 00:01:29,170
a la izquierda

18
00:01:29,170 --> 00:01:32,629
como un texto normal

19
00:01:32,629 --> 00:01:40,060
este es el color, si le pongo un color

20
00:01:40,060 --> 00:01:40,819
por ejemplo rojo

21
00:01:40,819 --> 00:01:43,239
se va a cambiar de color

22
00:01:43,239 --> 00:01:45,599
y si le pongo

23
00:01:45,599 --> 00:01:47,819
este es el tipo de letra

24
00:01:47,819 --> 00:01:50,200
y esto es

25
00:01:50,200 --> 00:01:51,459
si lo quiero en negrita o no

26
00:01:51,459 --> 00:01:59,340
por ejemplo, no lo quiero en negrita, quitaría esto, vale, y se pone normal, en un texto

27
00:01:59,340 --> 00:02:19,229
normal, vale, lo siguiente sería, lo siguiente que tengo en CSS es el body, que es el cuerpo

28
00:02:19,229 --> 00:02:32,259
del html, vale, en el cuerpo del html tengo un fondo de pantalla que es este, vale, que

29
00:02:32,259 --> 00:02:44,439
sería esta imagen, sería esta imagen y lo he retocado haciendo que el background image

30
00:02:44,439 --> 00:02:54,159
es la url, que la posición esté centrada, que la imagen no se repita, que ocupe todo

31
00:02:54,159 --> 00:03:04,159
del contenedor y que se vea bien, básicamente. Ahora, lo siguiente que tengo en mi index

32
00:03:04,159 --> 00:03:12,759
HTML es el nav. El nav es la barra de navegación, que sería esta barra. Vale, con estos botones,

33
00:03:13,259 --> 00:03:18,500
cuatro botones, que dentro de cada nav tengo cuatro divs, en el que dentro de los cuatro

34
00:03:18,500 --> 00:03:28,159
tengo un href, el href sirve para hacer un enlace a algo interno del

35
00:03:28,159 --> 00:03:32,099
proyecto o externo, en mi caso es interno, lo tengo a los cuatro archivos que tengo

36
00:03:32,099 --> 00:03:40,259
de index, formulario, currículum y en proyecto, por ejemplo si yo cojo y voy a mi

37
00:03:40,259 --> 00:03:43,699
página principal, me envía a mi página principal, si voy al currículum al

38
00:03:43,699 --> 00:04:00,960
currículum al formulario lo mismo a mi proyecto igual vale en css en css en el nav lo tengo de un

39
00:04:00,960 --> 00:04:05,840
color azul de un color de fondo azul que verán los colores para darle este color de fondo que

40
00:04:05,840 --> 00:04:15,800
se ve aquí le tengo con un margin top el margin top es la distancia que hay con él con la parte

41
00:04:15,800 --> 00:04:25,620
arriba de la página web, por ejemplo, si yo le quito el borde de margin top se subiría

42
00:04:25,620 --> 00:04:31,420
más y no dejaría espacio y quedaría con la siguiente línea, estaría pegado. Y si

43
00:04:31,420 --> 00:04:36,759
yo también quito el borde radius y le pongo cero borde radius, que el borde radius es

44
00:04:36,759 --> 00:04:45,420
el borde que le pongan borde redondeado al background color básicamente a nuestra selección

45
00:04:45,420 --> 00:04:52,860
a nuestro dip se ve que es muy cuadrado vale si yo le pongo por ejemplo cien de bordes

46
00:04:52,860 --> 00:05:08,160
radius se redondea mucho vale lo siguiente que tengo es a cada dip le tengo una clase

47
00:05:08,160 --> 00:05:13,939
que tengo en la clase de botón. En la clase de botón tengo que el texto está en el centro

48
00:05:13,939 --> 00:05:17,759
como he dicho antes, el background color que está el white, porque no es el mismo color

49
00:05:17,759 --> 00:05:22,720
para que se diferencie un poco del este porque si no habría diferencia, hay una pequeña

50
00:05:22,720 --> 00:05:29,379
diferencia, el border ratio que hemos dado antes, el padding que es el relleno de dicho

51
00:05:29,379 --> 00:05:37,519
botón, el margin left que es el margen de la izquierda que tiene, por ejemplo yo el

52
00:05:37,519 --> 00:05:44,839
marín de tengo 90 más y left los botones para estar más a la izquierda si tengo

53
00:05:47,839 --> 00:05:59,160
8 890 en 890 martínez para estar muy a la izquierda muy a la izquierda

54
00:05:59,160 --> 00:06:04,550
por ejemplo en ese no se ha visto bien

55
00:06:04,550 --> 00:06:05,389
por si tengo 400

56
00:06:05,389 --> 00:06:08,790
voy a ponerlo, está muy a la izquierda

57
00:06:08,790 --> 00:06:10,089
y el otro pasa a estar abajo

58
00:06:10,089 --> 00:06:11,209
vale

59
00:06:11,209 --> 00:06:13,670
aquí se ve

60
00:06:13,670 --> 00:06:16,829
marintón como hemos dicho antes, el mayor botón es la distancia

61
00:06:16,829 --> 00:06:17,449
de abajo

62
00:06:17,449 --> 00:06:20,569
es que hay un hueco aquí

63
00:06:20,569 --> 00:06:22,189
que es esta distancia

64
00:06:22,189 --> 00:06:24,170
la distancia es la distancia que hay de abajo

65
00:06:24,170 --> 00:06:26,230
entre el nav

66
00:06:26,230 --> 00:06:28,430
y el dip, por así decirlo

67
00:06:28,430 --> 00:06:30,250
por ejemplo si yo la distancia de abajo

68
00:06:30,250 --> 00:06:47,689
marienvoto es 30, por ejemplo, la distancia va a ser mucho mayor, vale, el color, el color

69
00:06:47,689 --> 00:06:58,420
es el color de la letra y el text de reproducción que no, he puesto que no, vale, lo siguiente,

70
00:06:59,720 --> 00:07:04,680
ah, también he puesto que para los hr, para los a, para las etiquetas a, he puesto que

71
00:07:04,680 --> 00:07:12,600
este es el outline que es la línea de abajo y por ejemplo si yo quito esto se ve que hay

72
00:07:14,019 --> 00:07:15,079
una línea

73
00:07:19,800 --> 00:07:32,040
que hay una línea se pone abajo que queda muy feo por lo tanto tengo

74
00:07:32,040 --> 00:07:36,100
y el color que sea negro

75
00:07:36,100 --> 00:07:37,019
vale

76
00:07:37,019 --> 00:07:39,319
ahora

77
00:07:39,319 --> 00:07:43,399
ahora viene

78
00:07:43,399 --> 00:07:44,740
tengo que explicar

79
00:07:44,740 --> 00:07:45,779
el aside

80
00:07:45,779 --> 00:07:49,199
básicamente es

81
00:07:49,199 --> 00:07:51,259
una información añadida que yo lo apuesto

82
00:07:51,259 --> 00:07:52,939
a la izquierda

83
00:07:52,939 --> 00:07:54,699
vale, lo apuesto a la izquierda

84
00:07:54,699 --> 00:07:56,680
se puede poner aquí en los dos

85
00:07:56,680 --> 00:07:57,980
se puede poner en la derecha

86
00:07:57,980 --> 00:08:00,180
se puede poner esa información añadida

87
00:08:00,180 --> 00:08:01,819
en la que yo tengo

88
00:08:01,819 --> 00:08:08,199
la tengo por una lista ordenada, dentro de esa lista tengo cada lista, en el que tengo

89
00:08:08,199 --> 00:08:13,060
una clase que se llama LIASIDE y he puesto mi nombre, mi altura, mi fecha de nacimiento,

90
00:08:13,060 --> 00:08:18,040
mi colegio favorito, el centro donde estudio y mi localidad. También he insertado una

91
00:08:18,040 --> 00:08:31,300
imagen con la etiqueta IMG de la misma clase y he puesto aquí la imagen, he puesto la

92
00:08:31,300 --> 00:08:38,860
borre el de la imagen y el puesto de foto mi foto le gusta nombre ni foto vale si yo por ejemplo voy

93
00:08:38,860 --> 00:08:56,570
a ustedes voy a veces es el único que tengo en el ss y la ley a site es el marín botón para que

94
00:08:56,570 --> 00:09:02,750
haya un espacio para que más bonito porque el margen botón por ejemplo está todo muy pegado

95
00:09:02,750 --> 00:09:04,129
y eso no me gusta

96
00:09:04,129 --> 00:09:06,330
vale, control Z

97
00:09:06,330 --> 00:09:13,799
luego en la foto de perfil

98
00:09:13,799 --> 00:09:18,509
en la foto de perfil tengo

99
00:09:18,509 --> 00:09:20,850
el tamaño, he puesto el tamaño y ya está

100
00:09:20,850 --> 00:09:23,659
vale

101
00:09:23,659 --> 00:09:28,840
ahora, ahora tengo el main

102
00:09:28,840 --> 00:09:30,340
que el main es

103
00:09:30,340 --> 00:09:32,519
la información

104
00:09:32,519 --> 00:09:34,600
que tengo

105
00:09:34,600 --> 00:09:36,379
en la página web

106
00:09:36,379 --> 00:09:38,019
es el cuerpo de la página web

107
00:09:38,019 --> 00:09:46,769
en el main

108
00:09:46,769 --> 00:09:48,789
tengo puesto tres cosas que son

109
00:09:48,789 --> 00:09:51,509
dos actividades que no dejaría de hacer

110
00:09:51,509 --> 00:09:54,009
aplicación que utilizo con más frecuencia

111
00:09:54,009 --> 00:09:55,289
y

112
00:09:55,289 --> 00:09:59,509
tres cosas sobre mí

113
00:09:59,509 --> 00:10:01,389
las tres cosas sobre mí

114
00:10:01,389 --> 00:10:04,049
lo tengo separado por

115
00:10:04,049 --> 00:10:05,730
le he puesto un título, un h2

116
00:10:05,730 --> 00:10:07,830
en el que el título le he puesto títulos

117
00:10:07,830 --> 00:10:10,490
le he puesto un color blanco

118
00:10:10,490 --> 00:10:11,230
le he puesto

119
00:10:11,230 --> 00:10:13,250
el

120
00:10:13,250 --> 00:10:14,710
el money left

121
00:10:14,710 --> 00:10:16,350
50px, he hecho un flat left

122
00:10:16,350 --> 00:10:20,110
que es que me ocupe el espacio de la izquierda

123
00:10:20,110 --> 00:10:23,490
si yo lo quito, por ejemplo

124
00:10:23,490 --> 00:10:27,289
es que me ocupa todo el espacio

125
00:10:27,289 --> 00:10:30,490
todo el espacio de la izquierda, y eso no me gusta

126
00:10:30,490 --> 00:10:32,009
entonces

127
00:10:32,009 --> 00:10:37,870
le pongo floatLed

128
00:10:37,870 --> 00:10:39,870
para que ocupe el espacio del main

129
00:10:39,870 --> 00:10:43,350
directamente, eso se ve mejor si por ejemplo quito el marginLed

130
00:10:43,350 --> 00:10:49,259
0 y quito el

131
00:10:49,259 --> 00:10:56,480
se ve que está muy pegado, si yo le pongo el float left

132
00:10:56,480 --> 00:10:59,379
ya tiene su asignación

133
00:10:59,379 --> 00:11:13,860
y así a la hora de moverlo se mueve entre su main

134
00:11:13,860 --> 00:11:16,980
dentro de cada section

135
00:11:16,980 --> 00:11:20,919
porque está separado por un section

136
00:11:20,919 --> 00:11:23,879
tengo tres articles

137
00:11:23,879 --> 00:11:26,559
tres articles en el que los tres articles tengo

138
00:11:26,559 --> 00:11:28,659
tres h3

139
00:11:28,659 --> 00:11:30,340
pues tengo algo decorado

140
00:11:30,340 --> 00:11:33,320
tengo títulos de aplicación

141
00:11:33,320 --> 00:11:35,220
títulos, perdón, segundo

142
00:11:35,220 --> 00:11:37,899
están con títulos de características

143
00:11:37,899 --> 00:11:40,039
títulos de características

144
00:11:40,039 --> 00:11:42,740
títulos de características

145
00:11:42,740 --> 00:11:47,740
aquí está, lo tengo que hacer en el centro, y un margin top de 2px

146
00:11:47,740 --> 00:11:49,559
y luego

147
00:11:49,559 --> 00:11:52,379
en el

148
00:11:52,379 --> 00:11:55,559
en el títulos de características, tengo un párrafo

149
00:11:55,559 --> 00:11:57,279
en el que le explico

150
00:11:57,279 --> 00:12:04,279
qué habilidades tengo, si he comprometido, trabajo en equipo y empático, estas son mis características y dentro las defino

151
00:12:04,279 --> 00:12:09,399
como se ve

152
00:12:09,399 --> 00:12:14,460
como se ve

153
00:12:14,460 --> 00:12:18,779
y yo lo que he hecho también es poner este recuadro que le da una clase al

154
00:12:18,779 --> 00:12:19,980
section

155
00:12:19,980 --> 00:12:24,080
le he puesto de clase section características

156
00:12:24,080 --> 00:12:27,539
aquí está

157
00:12:27,539 --> 00:12:31,980
le he puesto un width and height, que es el ancho y el largo

158
00:12:31,980 --> 00:12:35,080
del

159
00:12:35,080 --> 00:12:40,580
de él el sector en este caso por ejemplo si

160
00:12:40,580 --> 00:12:51,940
lo bajo va a ocupar el ancho muchísimo menos pero muchísimo menos y yo le bajó

161
00:12:51,940 --> 00:13:02,299
el 6 el largo va a ocupar nada para ver por ejemplo se ve que tengo un plan de

162
00:13:02,299 --> 00:13:10,299
el patín que es el relleno el borde el borde es el borde que rodea

163
00:13:12,620 --> 00:13:16,340
el sitio tengo un borde que en este caso de 3px

164
00:13:17,799 --> 00:13:25,139
y es importante que ponga sol y constituye con sol y no sé no sé

165
00:13:25,139 --> 00:13:36,639
también tengo text-align, color-black, el tamaño de la letra y margin-left

166
00:13:36,639 --> 00:13:43,639
vale, y si también, si yo quito esto, que es el column-count

167
00:13:43,639 --> 00:13:48,639
le pongo que todo esté encima del plan, que esté uno encima del otro

168
00:13:48,639 --> 00:13:51,639
y yo no quiero eso, yo quiero que esté separado en tres columnas

169
00:13:51,639 --> 00:13:56,779
y para eso tengo el column-count

170
00:13:56,779 --> 00:13:59,779
vale, se ve

171
00:13:59,779 --> 00:14:07,779
lo siguiente en el index que tengo son las dos actividades que no dejaré de hacer

172
00:14:07,779 --> 00:14:12,779
lo mismo, tengo la misma clase para el título, class title, tengo un section que tengo de actividades

173
00:14:12,779 --> 00:14:20,779
que es otro tipo, no es el mismo y tengo dentro de cada state, tengo dos articles

174
00:14:20,779 --> 00:14:26,779
en el que tengo un título que es jugar al fútbol y la imagen y el otro que es jugar al play

175
00:14:26,779 --> 00:14:36,750
la imagen, se ve que está aquí, ocupa esto, este es un altraicult, este es otro altraicult

176
00:14:36,750 --> 00:14:44,610
y el sección es todo esto, por así decirlo, también tengo un hr, que el hr es esta barra

177
00:14:44,610 --> 00:15:04,960
que tengo, para que se vea mejor, para que se paren las cosas, esto que hay aquí, ese

178
00:15:04,960 --> 00:15:17,700
yo que me daba fallo, eso no tendría que estar ahí, vale, lo siguiente es ver lo que

179
00:15:17,700 --> 00:15:26,470
tengo en títulos de aplicación, le doy un color, un manager, manager top, títulos de

180
00:15:26,470 --> 00:15:34,929
características, el punto fútbol es la imagen y para la imagen le tengo esto para que ocupe

181
00:15:34,929 --> 00:15:37,629
lo que le tengo, por ejemplo si yo

182
00:15:37,629 --> 00:15:39,730
le digo que no quiero un

183
00:15:39,730 --> 00:15:41,110
MarginLess de 900

184
00:15:41,110 --> 00:15:42,330
pues me va a ocupar

185
00:15:42,330 --> 00:15:44,169
todo ahí

186
00:15:44,169 --> 00:15:51,269
jugando a la Play, pues lo mismo

187
00:15:51,269 --> 00:15:52,909
le he puesto un menos

188
00:15:52,909 --> 00:15:56,179
por ejemplo si le pongo

189
00:15:56,179 --> 00:15:58,320
MarginLess de abajo 400

190
00:15:58,320 --> 00:16:02,860
ves que el título

191
00:16:02,860 --> 00:16:04,639
está ahí

192
00:16:04,639 --> 00:16:07,639
vale

193
00:16:07,639 --> 00:16:10,100
lo siguiente que tengo en el Index

194
00:16:10,100 --> 00:16:11,879
y lo que es el último

195
00:16:11,879 --> 00:16:20,580
es la aplicación que más uso en este caso mi caso es insta tengo el sector con las

196
00:16:20,580 --> 00:16:30,000
aplicaciones hr y tengo una etiqueta con un href y le puse un link de instagram porque a la que yo

197
00:16:30,000 --> 00:16:40,120
vaya hoy voy al instagram y me envía directamente al instagram y para hacer que me envíe a otra

198
00:16:40,120 --> 00:16:49,179
pestaña eso es con el target plan que me permite que me envíe a otra pestaña en vez de que me

199
00:16:49,179 --> 00:17:00,320
envía la misma se ve aquí el target plan la foto y lo último que es el footer que es el pie de

200
00:17:00,320 --> 00:17:15,880
página, que es esto, que he puesto un href, es el link a mi github, el link a mi github

201
00:17:15,880 --> 00:17:29,359
con mi proyecto y el css, tengo aquí en clase insta para la foto, esta es la foto y tengo

202
00:17:29,359 --> 00:17:41,329
el footer con sus características, vale, lo siguiente al index es el currículum, el

203
00:17:41,329 --> 00:17:47,569
el mismo header, el mismo nav, esto se repite siempre, el mismo site, lo que siempre cambia

204
00:17:47,569 --> 00:17:53,609
es el main, el main es lo que siempre cambia, por ejemplo el main lo tengo dividido en un

205
00:17:53,609 --> 00:18:02,450
div que me abarca, lo tengo dividido en dos divs, perdón, aquí para que se vea, lo tengo

206
00:18:02,450 --> 00:18:09,589
dividido en dos divs que es este div, esto es un div y esto es otro div, en uno tengo

207
00:18:09,589 --> 00:18:15,789
la foto, una serie de datos, mi nombre y en qué me especializo. Para que se vea, en el

208
00:18:15,789 --> 00:18:24,069
GIF 1 tengo la foto, que tengo como clase foto CV, el sitio en que es nombre CV, H1

209
00:18:24,069 --> 00:18:30,109
nombre CV, H3 nombre CV y una lista, que es una lista ordenada, le he puesto encabezado

210
00:18:30,109 --> 00:18:36,410
del CV, el que he puesto Madrid, así mi correo y mi número de teléfono. Yo si me

211
00:18:36,410 --> 00:18:39,230
tengo aquí que el CV1

212
00:18:39,230 --> 00:18:41,329
tengo sus características

213
00:18:41,329 --> 00:18:42,950
que es lo que hemos seguido viendo antes

214
00:18:42,950 --> 00:18:44,690
solo que he puesto un color que sea

215
00:18:44,690 --> 00:18:45,450
gris

216
00:18:45,450 --> 00:18:49,029
y cada foto

217
00:18:49,029 --> 00:18:51,650
tiene sus características, el encabezado

218
00:18:51,650 --> 00:18:53,170
yo lo que

219
00:18:53,170 --> 00:18:55,470
quiero es enseñar las listas

220
00:18:55,470 --> 00:18:57,190
yo con el list style

221
00:18:57,190 --> 00:18:59,009
image y pongo

222
00:18:59,009 --> 00:19:00,710
la url, me pone

223
00:19:00,710 --> 00:19:03,349
me cambia la imagen, en vez de poner los puntos

224
00:19:03,349 --> 00:19:04,789
me pone dicha imagen

225
00:19:04,789 --> 00:19:05,890
que he seleccionado

226
00:19:05,890 --> 00:19:19,279
Por ejemplo, si yo quito esto, en vez de la imagen, va a aparecer un punto y yo he sustituido el punto por la imagen.

227
00:19:20,200 --> 00:19:33,599
¿Vale? Tengo todo, tengo, tengo, tengo todo en este, en este CV, en este, en el CV2, ¿vale?

228
00:19:33,599 --> 00:19:35,460
tengo que

229
00:19:35,460 --> 00:19:37,380
mi perfil profesional

230
00:19:37,380 --> 00:19:39,579
es justo lo que soy, soy un estudiante de grado medio

231
00:19:39,579 --> 00:19:41,700
de red informática, se ve aquí mejor

232
00:19:41,700 --> 00:19:43,140
tal, tal

233
00:19:43,140 --> 00:19:45,299
los idiomas que hablo

234
00:19:45,299 --> 00:19:46,700
se usan

235
00:19:46,700 --> 00:19:52,019
los tengo de color gris, por ejemplo si me da el CSS

236
00:19:52,019 --> 00:19:53,559
se ve aquí

237
00:19:53,559 --> 00:19:55,279
este es el título

238
00:19:55,279 --> 00:19:56,859
de mi perfil profesional

239
00:19:56,859 --> 00:19:58,880
este es el contenido del perfil profesional

240
00:19:58,880 --> 00:19:59,779
ese es de cada

241
00:19:59,779 --> 00:20:03,539
de cada idioma

242
00:20:03,539 --> 00:20:04,339
que tengo

243
00:20:04,339 --> 00:20:07,920
y después aquí vienen las tablas

244
00:20:07,920 --> 00:20:09,460
tengo

245
00:20:09,460 --> 00:20:10,660
dos tablas

246
00:20:10,660 --> 00:20:13,319
tengo dos tablas

247
00:20:13,319 --> 00:20:15,440
para mis habilidades, he puesto

248
00:20:15,440 --> 00:20:18,119
he puesto que tengo

249
00:20:18,119 --> 00:20:19,099
dos habilidades

250
00:20:19,099 --> 00:20:23,210
mis soft skills

251
00:20:23,210 --> 00:20:25,029
y mis hard skills

252
00:20:25,029 --> 00:20:27,410
vale

253
00:20:27,410 --> 00:20:29,450
ahora

254
00:20:29,450 --> 00:20:30,349
mis soft skills

255
00:20:30,349 --> 00:20:32,809
para poder tenerlas

256
00:20:32,809 --> 00:20:34,930
he tenido que quedarlas con

257
00:20:34,930 --> 00:20:38,029
con una etiqueta table

258
00:20:38,029 --> 00:20:40,089
dentro de la etiqueta table tengo un caption

259
00:20:40,089 --> 00:20:41,769
que es para tener

260
00:20:41,769 --> 00:20:44,230
el título, esto es un título

261
00:20:44,230 --> 00:20:45,230
por encima de la tabla

262
00:20:45,230 --> 00:20:50,720
y dentro del título de la tabla tengo un tgad

263
00:20:50,720 --> 00:20:51,259
que es

264
00:20:51,259 --> 00:20:55,099
el encabezado

265
00:20:55,099 --> 00:20:57,000
de la tabla

266
00:20:57,000 --> 00:20:59,119
por así decirlo, funciona como un header

267
00:20:59,119 --> 00:21:00,779
que es esto

268
00:21:00,779 --> 00:21:05,769
aquí se ve aquí

269
00:21:05,769 --> 00:21:06,569
tengo un th

270
00:21:06,569 --> 00:21:09,589
que es el título de la tabla

271
00:21:09,589 --> 00:21:23,309
Luego dentro de, después del TH tengo TR´s, que el TR es esto, son el grupo de tablas,

272
00:21:23,309 --> 00:21:32,750
todo lo que tengo en la tabla, y luego dentro del TR tengo TH y TD´s, el TH es un título

273
00:21:32,750 --> 00:21:39,630
que es comunicación efectiva, que es lo que se sitúa aquí a la izquierda, el TD que

274
00:21:39,630 --> 00:21:46,150
son los datos, los datos de la tabla, comunicación efectiva, soy capaz de transmitir mis ideas

275
00:21:46,150 --> 00:21:57,509
tal y dentro de eso tengo que una tabla le he puesto que tenga un borde con dos píxeles

276
00:21:57,509 --> 00:22:07,720
si yo quito el borde, pongo que tengo un borde de 90 píxeles, se ve muy grande el borde

277
00:22:07,720 --> 00:22:16,500
tengo un borde collapse que es que las celdas se unan

278
00:22:16,500 --> 00:22:34,680
uy, que las celdas se unan, si yo quito el borde collapse se ve que las celdas no se unen

279
00:22:34,680 --> 00:22:54,980
y luego en el otro tengo lo mismo, y luego cada TH tengo distintas formas, tengo de colores,

280
00:22:54,980 --> 00:23:06,440
lo tengo de contact line, font size, lo tengo cada uno de una manera, y luego lo siguiente

281
00:23:06,440 --> 00:23:23,190
que tengo es la tabla, o sea el formulario que diga, el formulario es esto, y para ello

282
00:23:23,190 --> 00:23:39,690
he tenido que hacerlo con Fielset, para que se vea, cada Fielset tiene un Legend, que

283
00:23:39,690 --> 00:23:50,690
esté encajado, le da un borde, le da un borde-radius, le da un width, le da un flat-left, le da todo lo que hemos estado hablando antes.

284
00:23:52,690 --> 00:24:00,690
Luego, cada formulario tiene un apartado y para hacer ese apartado,

285
00:24:00,690 --> 00:24:12,950
que correspondería a esto, al nombre y el input que es la cajita por así decirlo que

286
00:24:12,950 --> 00:24:13,950
tenemos.

287
00:24:13,950 --> 00:24:22,589
Por ejemplo yo en mi caso tengo una caja tipo texto, por ejemplo cambio la caja por checkbox,

288
00:24:22,589 --> 00:24:31,789
la caja cambia a una tipo checkbox, como para el nombre no necesito una checkbox, por tanto

289
00:24:31,789 --> 00:24:36,869
lo mismo con el apellido, pero lo que tengo en el apellido que no lo tengo por otro primer

290
00:24:36,869 --> 00:24:46,730
nombre es el placeholder, el placeholder es que esté un texto por encima, por sea

291
00:24:46,730 --> 00:24:56,009
por debajo de tu input, yo tengo que escribir todos los apellidos, pero si escribo encima

292
00:24:56,009 --> 00:25:00,509
se quita, es para indicarte que me escribas tus apellidos, si yo por ejemplo quito el

293
00:25:00,509 --> 00:25:24,369
placeholder, esto se quitaría, o si yo cambio a escribir, escriba su primer apellido, se

294
00:25:24,369 --> 00:25:33,430
cambiaría, vale, lo último que tengo es la fecha de nacimiento, pero eso con tipo

295
00:25:33,430 --> 00:25:38,309
date, la diferencia del tipo date es que te permite poner una fecha, eso no tiene el tipo

296
00:25:38,309 --> 00:25:51,759
texto. Por ejemplo, yo pongo que sea mi fecha de nacimiento, por ejemplo, y fecha de nacimiento

297
00:25:51,759 --> 00:26:05,539
junio del 26, y se pone mi fecha de nacimiento. Lo siguiente que sería, sería el estado

298
00:26:05,539 --> 00:26:13,599
civil, que lo he hecho con options. El option nos permite sacar una, por decirlo, una bandeja

299
00:26:13,599 --> 00:26:18,579
en el que queramos elegir lo que estemos, lo que queramos. Por ejemplo, en estado civil

300
00:26:18,579 --> 00:26:28,099
he puesto tres opciones, soltero, casado y viudo. Pero, por ejemplo, si yo quiero cambiar

301
00:26:28,099 --> 00:26:57,279
soltero, pongo no quiero contestar, le cambiaría, luego lo siguiente que tengo es un label con

302
00:26:57,279 --> 00:27:05,660
un sexo y para este input he puesto un tipo radio que nos permite seleccionar opciones,

303
00:27:05,660 --> 00:27:13,660
pero solo nos permite seleccionar una, por ejemplo mujer me prefiere no contestar, luego

304
00:27:13,660 --> 00:27:20,720
lo otro que tengo es mi color favorito y con eso le puse un input tipo color, vale, pasamos

305
00:27:20,720 --> 00:27:26,119
al segundo fieldset que tengo, como es el mismo fieldset pero es, lo tengo en la misma

306
00:27:26,119 --> 00:27:31,420
clase para que todo este bien pero es mi segundo fieldset, aquí tengo un usuario, tipo test,

307
00:27:31,420 --> 00:27:40,059
tipo IMEI es éste con este placeholder

308
00:27:40,059 --> 00:27:47,559
input tipo tel que es de teléfono el de password el de RPT de contraseña que es lo

309
00:27:47,559 --> 00:27:51,559
mismo que es un input tipo password que en referencia a un tipo de text es que

310
00:27:51,559 --> 00:27:58,559
tú al escribir no se ve lo que estoy escribiendo por lo tanto la gente no puede ver tu contraseña

311
00:27:58,559 --> 00:28:09,910
y repasaríamos el tercer skillset, que lo tengo con otra opción, que en este caso es el de títulos obtenidos

312
00:28:09,910 --> 00:28:14,109
tengo la de sobachía a todo lado, medio, agrado, superior y universitario

313
00:28:14,109 --> 00:28:21,099
un tipo search, que separa las búsquedas

314
00:28:21,099 --> 00:28:25,440
ahora tenemos un instituto, el instituto en el que adquirí el título más reciente

315
00:28:25,440 --> 00:28:37,910
yo puedo poner, por ejemplo, Villa Blanca, y lo quito

316
00:28:37,910 --> 00:28:41,910
Julio Pérez

317
00:28:41,910 --> 00:28:49,059
luego tengo

318
00:28:49,059 --> 00:28:51,059
un tipo de coche

319
00:28:51,059 --> 00:28:53,059
que es lo mismo que

320
00:28:53,059 --> 00:28:55,059
el radio, pero la única

321
00:28:55,059 --> 00:28:57,059
diferencia es que se puede elegir

322
00:28:57,059 --> 00:28:59,059
más de una

323
00:28:59,059 --> 00:29:01,059
italiano, por ejemplo, hablo

324
00:29:01,059 --> 00:29:03,059
y hablo árabe

325
00:29:03,059 --> 00:29:05,059
y otro

326
00:29:05,059 --> 00:29:09,009
que no esté

327
00:29:09,009 --> 00:29:19,680
chino

328
00:29:19,680 --> 00:29:27,990
luego tengo el otro

329
00:29:27,990 --> 00:29:39,390
date que es la fecha anterior del título y un textarea que es para una breve descripción

330
00:29:39,390 --> 00:29:47,029
con un placeholder de downrow circle que es el ancho y largo y dos inputs tipo submit

331
00:29:47,029 --> 00:29:52,869
y tipo reset que sirven para enviar la información, aquí se ve que se envía la información

332
00:29:52,869 --> 00:30:04,779
y para restablecerla. Aquí tengo el mismo footer también. Ahora pasaríamos a lo último

333
00:30:04,779 --> 00:30:19,970
que es mi proyecto. En mi proyecto tengo un main en el que tengo el título de mi proyecto,

334
00:30:19,970 --> 00:30:23,589
estructura de mi proyecto, en el que he puesto una foto, en el que mi proyecto se basa en

335
00:30:23,589 --> 00:30:29,849
tener un header, una barra de navegación, un main, un footer y un site. Como se ve.

336
00:30:29,849 --> 00:30:34,569
tengo explicando que es, aquí voy a tener el video del proyecto que es el que estoy

337
00:30:34,569 --> 00:30:40,910
haciendo ahora mismo y aquí tengo el link del documento, que es el documento que os

338
00:30:40,910 --> 00:30:59,000
he enseñado antes, aquí está en mi cloud de Duca Madrid, ahora se ve todo el CSS, tengo

339
00:30:59,000 --> 00:31:14,960
el fondo, que es esto, tengo el h1, tengo el vídeo, tengo todo, y este sería mi proyecto,

340
00:31:16,740 --> 00:31:22,759
y para ver que mi proyecto está bien, yo cojo los apartados que tenga, por ejemplo

341
00:31:22,759 --> 00:31:29,660
con el css que es para validar el proyecto que es la validación sirve para ver si tu proyecto está

342
00:31:29,660 --> 00:31:37,660
bien para aplicar en un futuro no tenga errores control c copias todo el css que pasa aquí que

343
00:31:37,660 --> 00:31:47,809
es la página para ver si tu css está bien haz check enhorabuena no se encontró ningún error

344
00:31:47,809 --> 00:31:52,390
y para el de html tienes que ir apartado por apartado por ejemplo yo esto estaría bien nada

345
00:31:52,390 --> 00:32:06,920
nada más terminarlo, estaría bien verlo, que errores puede tener, control c, le das,

346
00:32:06,920 --> 00:32:22,910
se ve los chequeos, tarda un poquillo, vale, y si tú bajas, que dice que errores tiene,

347
00:32:22,910 --> 00:32:30,130
no tengo ningún error por lo que se ve, tengo warnings, info, pero no tengo errores, luego

348
00:32:30,130 --> 00:32:42,130
siguiente sería, por ejemplo, el formulario, cojo, cojo todo, control-c, cojo lo que había

349
00:32:42,130 --> 00:32:51,220
antes, lo cambio, control-v, chequeo, esto ya cabe un poco más porque el formulario

350
00:32:51,220 --> 00:33:01,980
es bastante más largo, y se ve que si bajas abajo del todo, dice document checking complete,

351
00:33:01,980 --> 00:33:05,220
no errores ni warnings, encima, no tengo ni errores ni warnings

352
00:33:05,220 --> 00:33:17,710
lo siguiente es, por ejemplo, el currículum

353
00:33:17,710 --> 00:33:25,880
empieza de abajo mejor, control c

354
00:33:25,880 --> 00:33:41,710
control v, se ve que

355
00:33:41,710 --> 00:33:44,069
no tengo errores

356
00:33:44,069 --> 00:33:51,549
y por último sería el index, y ahora lo tengo seleccionado

357
00:33:51,549 --> 00:33:54,009
control c

358
00:33:57,650 --> 00:34:21,500
Entonces si lo tengo seleccionado ya lo he visto, el formulario, mi proyecto, mi proyecto no lo he visto, ahí, CTRL-C, CTRL-V, y se ve que tampoco tengo errores.

359
00:34:21,500 --> 00:34:23,699
bueno si, mentira, tengo un error

360
00:34:23,699 --> 00:34:25,639
que es por no insertar nada

361
00:34:25,639 --> 00:34:26,480
en

362
00:34:26,480 --> 00:34:29,300
este apartado

363
00:34:29,300 --> 00:34:30,980
en el que estaría este vídeo, pero una vez

364
00:34:30,980 --> 00:34:33,900
yo meto en este vídeo un modificador frame border

365
00:34:33,900 --> 00:34:35,000
diría que no tengo error

366
00:34:35,000 --> 00:34:36,320
vale

367
00:34:36,320 --> 00:34:39,780
y este ha sido mi proyecto, espero que les haya gustado

368
00:34:39,780 --> 00:34:41,599
el vídeo, espero que les haya gustado

369
00:34:41,599 --> 00:34:42,480
sobre todo mi proyecto

370
00:34:42,480 --> 00:34:45,480
un saludo a todos y adiós