1
00:00:09,710 --> 00:00:13,470
Un sitio web es con la finalidad de publicar en internet.

2
00:00:14,470 --> 00:00:17,690
Para hacer esa publicación necesitamos lo que se llama un hosting.

3
00:00:18,250 --> 00:00:24,710
Un hosting no es más que un espacio que un determinado servidor nos presta

4
00:00:24,710 --> 00:00:29,309
pues para que podamos tener un dominio y podamos subir nuestras páginas web

5
00:00:29,309 --> 00:00:31,730
y las podamos compartir con el resto.

6
00:00:33,189 --> 00:00:38,810
Entonces, en general, los hostings cuestan dinero.

7
00:00:38,810 --> 00:01:01,600
O sea, el tener un dominio en internet no es gratis y de hecho, pues, hay que pagar o se suele pagar sobre todo para mantenerlo, ¿no? Lo que pasa es que, bueno, nosotros vamos a usar Github para hacer este alojamiento de nuestro sitio web.

8
00:01:01,600 --> 00:01:27,939
Si no tenemos cuenta, pues no la tenemos que crear. Y la primera dificultad que tenemos cuando creamos una cuenta en GitHub es que si la hacéis con EducaMadrid, pues para activar la cuenta necesitáis lo que se llama un código de activación que os llega a vuestro correo.

9
00:01:27,939 --> 00:01:35,400
Y si vuestro correo no os han dado permiso para poder recibir correos externos

10
00:01:35,400 --> 00:01:38,920
Pues no recibís nunca el código, no podéis activar nunca eso

11
00:01:38,920 --> 00:01:43,019
Entonces, bueno, si alguien tiene especial interés que me lo diga

12
00:01:43,019 --> 00:01:45,319
Si no, pues con el vídeo va a ser más que suficiente

13
00:01:45,319 --> 00:01:50,519
Vamos a meternos en la cuenta

14
00:01:50,519 --> 00:02:03,159
Vale, y para crear este sitio web

15
00:02:03,159 --> 00:02:06,439
Pues lo tenemos que hacer en diferentes pasos

16
00:02:06,439 --> 00:02:10,319
Yo aquí tengo dos repositorios creados.

17
00:02:10,919 --> 00:02:13,319
Lo primero que tenemos, o sea, si pinchamos aquí,

18
00:02:13,460 --> 00:02:17,520
pues aquí tenemos una serie de cuestiones, de cosas, ¿no?

19
00:02:17,900 --> 00:02:22,560
Entonces, esto es un poco parecido a los drives y a las nubes.

20
00:02:22,680 --> 00:02:25,300
Nos permite también compartir información.

21
00:02:26,000 --> 00:02:29,400
Pero la ventaja que tiene Github es que podemos después, pues,

22
00:02:29,460 --> 00:02:31,000
subir nuestro sitio web, ¿vale?

23
00:02:31,520 --> 00:02:35,240
Entonces, la primer paso es crearnos un repositorio, ¿vale?

24
00:02:35,240 --> 00:02:38,580
entonces le vamos a dar un nombre al repositorio

25
00:02:38,580 --> 00:02:40,479
que es como si

26
00:02:40,479 --> 00:02:42,560
nosotros tuviésemos un directorio de raíz

27
00:02:42,560 --> 00:02:43,719
vamos a darles un nombre

28
00:02:43,719 --> 00:02:45,020
que va a ser

29
00:02:45,020 --> 00:02:47,620
lo voy a llamar

30
00:02:47,620 --> 00:02:48,039
web

31
00:02:48,039 --> 00:02:50,360
2026

32
00:02:50,360 --> 00:02:53,539
vamos a poner web

33
00:02:53,539 --> 00:02:54,539
2026

34
00:02:54,539 --> 00:03:04,490
esto es importante

35
00:03:04,490 --> 00:03:06,629
la visibilidad tiene que ser

36
00:03:06,629 --> 00:03:08,530
pública porque si no no tiene sentido

37
00:03:08,530 --> 00:03:10,449
el incluir un readnet

38
00:03:10,449 --> 00:03:11,469
pues no

39
00:03:11,469 --> 00:03:13,270
no es importante

40
00:03:13,270 --> 00:03:15,729
en cuanto a la licencia

41
00:03:15,729 --> 00:03:17,870
yo cogería la de

42
00:03:17,870 --> 00:03:19,490
Creative Commons, vale

43
00:03:19,490 --> 00:03:21,650
y si le pondría alguna licencia

44
00:03:21,650 --> 00:03:23,689
porque siempre se está más

45
00:03:23,689 --> 00:03:25,210
protegido, vale

46
00:03:25,210 --> 00:03:27,710
y creamos ya el repositorio

47
00:03:27,710 --> 00:03:29,650
realmente lo que hemos hecho ha sido crear

48
00:03:29,650 --> 00:03:31,030
una carpetita

49
00:03:31,030 --> 00:03:33,870
no hemos hecho nada más

50
00:03:33,870 --> 00:03:35,509
veis que aquí está creado, vale

51
00:03:35,509 --> 00:03:37,669
con su licencia

52
00:03:37,669 --> 00:03:39,409
etcétera, vale, entonces

53
00:03:39,409 --> 00:03:41,270
ahora que vamos a hacer

54
00:03:41,270 --> 00:03:43,530
está en la rama

55
00:03:43,530 --> 00:03:45,409
veis que aquí tenemos la rama main

56
00:03:45,409 --> 00:03:47,409
vamos a añadir

57
00:03:47,409 --> 00:03:49,310
vamos a añadir

58
00:03:49,310 --> 00:03:51,590
el contenido a este

59
00:03:51,590 --> 00:03:52,629
repositorio

60
00:03:52,629 --> 00:03:55,430
vale, para añadir contenido se puede hacer

61
00:03:55,430 --> 00:03:56,310
de varias formas

62
00:03:56,310 --> 00:03:59,710
vale, nosotros vamos a

63
00:03:59,710 --> 00:04:00,969
hacer, veis que aquí

64
00:04:00,969 --> 00:04:03,409
nos aparece código, o sea nosotros podemos

65
00:04:03,409 --> 00:04:05,330
ir metiendo código aquí

66
00:04:05,330 --> 00:04:07,349
vale, entonces

67
00:04:07,349 --> 00:04:09,370
nosotros lo que vamos a hacer es, veis que aquí

68
00:04:09,370 --> 00:04:11,129
hay un más

69
00:04:11,129 --> 00:04:29,129
¿Vale? Y en ese más hay diferentes posibilidades y una de las posibilidades es que nosotros importemos cosas a ese repositorio.

70
00:04:29,129 --> 00:05:05,949
Si pinchamos aquí, en este más, lo que podemos hacer, aquí estamos metiendo código, vamos a ver si me deja subir, veis que aquí vamos a este repositorio, vamos a subir,

71
00:05:05,949 --> 00:05:44,759
¿Y qué vamos a subir? Pues vamos a subir todos los archivos que corresponden a nuestro repositorio, las tres páginas, las hojas de estilo, yo es que tengo dos, pero bueno, si solo tenéis una, pues una, y las imágenes, ¿veis? Ya tenemos aquí en nuestro repositorio todo lo que tenemos que meter.

72
00:05:44,759 --> 00:05:46,680
Vamos a subirlo

73
00:05:46,680 --> 00:05:51,379
¿Veis? Ya hemos subido

74
00:05:51,379 --> 00:05:53,980
A nuestra rama

75
00:05:53,980 --> 00:05:55,439
Nuestra rama main

76
00:05:55,439 --> 00:05:58,579
Hemos subido todas las páginas

77
00:05:58,579 --> 00:05:59,339
Que tenemos aquí

78
00:05:59,339 --> 00:06:01,120
De hecho si yo por ejemplo

79
00:06:01,120 --> 00:06:03,220
Me cojo una de estas

80
00:06:03,220 --> 00:06:06,360
Puedo ver perfectamente el código

81
00:06:06,360 --> 00:06:07,819
HTML

82
00:06:07,819 --> 00:06:10,240
Puedo editar incluso ese código

83
00:06:10,240 --> 00:06:12,240
Y puedo hacer modificaciones

84
00:06:12,240 --> 00:06:13,040
En ese código

85
00:06:13,040 --> 00:06:16,079
¿Vale? O esta de aquí

86
00:06:16,079 --> 00:06:37,149
pues vemos que tenemos, podemos visualizar perfectamente el código, podemos hacer cambios en el código si nosotros queremos, por ejemplo, ¿vale? Bien, bueno, ya entonces ya tenemos el contenido, ahora vamos a publicarlo,

87
00:06:37,149 --> 00:06:54,350
Antes esto que hemos hecho de subir las páginas, esto se hacía con otro programa auxiliar que era un FTP, que nos permitía subir desde nuestro ordenador al hosting que nosotros tenemos.

88
00:06:54,350 --> 00:06:55,529
ahora ya no es necesario

89
00:06:55,529 --> 00:06:57,990
bueno ahora nos vamos a setting

90
00:06:57,990 --> 00:07:00,350
y nos vamos a página y aquí tenemos

91
00:07:00,350 --> 00:07:02,689
la opción de desarrollar

92
00:07:02,689 --> 00:07:04,189
a partir de una rama

93
00:07:04,189 --> 00:07:06,350
¿vale? ¿qué rama?

94
00:07:07,170 --> 00:07:08,269
la rama es main

95
00:07:08,269 --> 00:07:10,250
porque no tenemos otra ¿vale?

96
00:07:10,670 --> 00:07:11,949
y ahora le damos a save

97
00:07:11,949 --> 00:07:18,490
¿vale? pues ya

98
00:07:18,490 --> 00:07:20,329
en teoría

99
00:07:20,329 --> 00:07:22,250
al hacer esto

100
00:07:22,250 --> 00:07:28,819
es que aquí os vienen unos consejos

101
00:07:28,819 --> 00:07:29,759
etcétera etcétera

102
00:07:29,759 --> 00:07:32,439
pues ya hemos hecho

103
00:07:32,439 --> 00:07:39,269
el 6, bueno aquí nos

104
00:07:39,269 --> 00:07:40,389
dice como podemos

105
00:07:40,389 --> 00:07:43,250
añadir una serie de

106
00:07:43,250 --> 00:07:44,689
cuestiones, vale

107
00:07:44,689 --> 00:07:59,230
vale, pues ya lo hemos publicado

108
00:07:59,230 --> 00:08:00,430
veis

109
00:08:00,430 --> 00:08:02,670
ahora al dar otra vez a page

110
00:08:02,670 --> 00:08:05,269
nos aparece que nuestro sitio

111
00:08:05,269 --> 00:08:07,230
está vivo y está

112
00:08:07,230 --> 00:08:07,850
aquí

113
00:08:07,850 --> 00:08:11,110
y visitamos y veis

114
00:08:11,110 --> 00:08:12,290
que está perfectamente

115
00:08:12,290 --> 00:08:15,009
veis que funciona perfectamente

116
00:08:15,009 --> 00:08:16,709
vale

117
00:08:16,709 --> 00:08:19,769
esta es nuestra dirección

118
00:08:19,769 --> 00:08:21,730
copiarla si queréis

119
00:08:21,730 --> 00:08:22,670
y tenerla en cuenta

120
00:08:22,670 --> 00:08:25,449
os la da aquí directamente

121
00:08:25,449 --> 00:08:27,750
que queréis dejar de publicar

122
00:08:27,750 --> 00:08:30,029
pues le dais aquí a publish y ya está

123
00:08:30,029 --> 00:08:31,769
que queréis

124
00:08:31,769 --> 00:08:33,049
dar vuestra dirección

125
00:08:33,049 --> 00:08:35,909
veis que aquí pues hay más cosas

126
00:08:35,909 --> 00:08:38,230
como añadir

127
00:08:38,230 --> 00:08:39,750
este tema

128
00:08:39,750 --> 00:08:40,610
como

129
00:08:40,610 --> 00:08:44,269
cambiarle si queréis cambiarle

130
00:08:44,269 --> 00:08:45,590
etcétera

131
00:08:45,590 --> 00:08:47,470
si queréis meter más páginas

132
00:08:47,470 --> 00:08:49,669
en fin, y como veis

133
00:08:49,669 --> 00:08:51,009
pues también aquí tenéis

134
00:08:51,009 --> 00:08:52,929
pues la coletilla de

135
00:08:52,929 --> 00:08:55,190
tenéis también para que haya mayor

136
00:08:55,190 --> 00:08:57,269
visibilidad, pues podéis

137
00:08:57,269 --> 00:08:59,289
una demo

138
00:08:59,289 --> 00:09:01,509
de estos de 30 días, en principio

139
00:09:01,509 --> 00:09:03,649
esto ya os va

140
00:09:03,649 --> 00:09:04,730
a durar, vale

141
00:09:04,730 --> 00:09:07,269
y ya está, salís

142
00:09:07,269 --> 00:09:09,549
de vuestra página y ya la tenéis

143
00:09:09,549 --> 00:09:10,110
publicada

144
00:09:10,110 --> 00:09:16,029
es importante, bueno

145
00:09:16,029 --> 00:09:18,149
bueno, hasta cierto punto sí

146
00:09:18,149 --> 00:09:19,610
porque ya os he dicho al principio

147
00:09:19,610 --> 00:09:21,830
que evidentemente nadie

148
00:09:21,830 --> 00:09:23,970
hace un sitio web

149
00:09:23,970 --> 00:09:25,990
que no vaya a publicar

150
00:09:25,990 --> 00:09:27,129
no tiene mucho sentido

151
00:09:27,129 --> 00:09:30,429
para aprender, pero desde el punto de vista

152
00:09:30,429 --> 00:09:31,929
de la vida real no tiene sentido

153
00:09:31,929 --> 00:09:33,730
pues hacerse

154
00:09:33,730 --> 00:09:35,370
estilo CSS

155
00:09:35,370 --> 00:09:38,230
como habéis visto que es complicado

156
00:09:38,230 --> 00:09:40,649
aplicarlo a HTML

157
00:09:40,649 --> 00:09:42,610
y después pues eso

158
00:09:42,610 --> 00:09:44,710
bueno, pues aquí la tenéis

159
00:09:44,710 --> 00:09:45,309
¿veis?

160
00:09:46,029 --> 00:09:49,009
espero que os guste

161
00:09:49,009 --> 00:09:52,620
y si alguno

162
00:09:52,620 --> 00:09:54,379
si alguno

163
00:09:54,379 --> 00:09:55,080
quiere

164
00:09:55,080 --> 00:09:58,480
hacerlo, pues que me lo diga

165
00:09:58,480 --> 00:10:00,200
yo le activo

166
00:10:00,200 --> 00:10:02,139
el correo de EducaMadrid

167
00:10:02,139 --> 00:10:04,080
o que lo haga con otro correo

168
00:10:04,080 --> 00:10:05,379
que no sea el de EducaMadrid

169
00:10:05,379 --> 00:10:08,340
con Gmail, funciona muy bien

170
00:10:08,340 --> 00:10:10,240
y esto es todo

171
00:10:10,240 --> 00:10:12,179
lo que quería contaros de como se

172
00:10:12,179 --> 00:10:14,220
publican sitios web con Github