GITHUB | Mediateca de EducaMadrid

Un sitio web es con la finalidad de publicar en internet. 00:00:09

Para hacer esa publicación necesitamos lo que se llama un hosting. 00:00:14

Un hosting no es más que un espacio que un determinado servidor nos presta 00:00:18

pues para que podamos tener un dominio y podamos subir nuestras páginas web 00:00:24

y las podamos compartir con el resto. 00:00:29

Entonces, en general, los hostings cuestan dinero. 00:00:33

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. 00:00:38

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. 00:01:01

Y si vuestro correo no os han dado permiso para poder recibir correos externos 00:01:27

Pues no recibís nunca el código, no podéis activar nunca eso 00:01:35

Entonces, bueno, si alguien tiene especial interés que me lo diga 00:01:38

Si no, pues con el vídeo va a ser más que suficiente 00:01:43

Vamos a meternos en la cuenta 00:01:45

Vale, y para crear este sitio web 00:01:50

Pues lo tenemos que hacer en diferentes pasos 00:02:03

Yo aquí tengo dos repositorios creados. 00:02:06

Lo primero que tenemos, o sea, si pinchamos aquí, 00:02:10

pues aquí tenemos una serie de cuestiones, de cosas, ¿no? 00:02:13

Entonces, esto es un poco parecido a los drives y a las nubes. 00:02:17

Nos permite también compartir información. 00:02:22

Pero la ventaja que tiene Github es que podemos después, pues, 00:02:26

subir nuestro sitio web, ¿vale? 00:02:29

Entonces, la primer paso es crearnos un repositorio, ¿vale? 00:02:31

entonces le vamos a dar un nombre al repositorio 00:02:35

que es como si 00:02:38

nosotros tuviésemos un directorio de raíz 00:02:40

vamos a darles un nombre 00:02:42

que va a ser 00:02:43

lo voy a llamar 00:02:45

web 00:02:47

2026 00:02:48

vamos a poner web 00:02:50

2026 00:02:53

esto es importante 00:02:54

la visibilidad tiene que ser 00:03:04

pública porque si no no tiene sentido 00:03:06

el incluir un readnet 00:03:08

pues no 00:03:10

no es importante 00:03:11

en cuanto a la licencia 00:03:13

yo cogería la de 00:03:15

Creative Commons, vale 00:03:17

y si le pondría alguna licencia 00:03:19

porque siempre se está más 00:03:21

protegido, vale 00:03:23

y creamos ya el repositorio 00:03:25

realmente lo que hemos hecho ha sido crear 00:03:27

una carpetita 00:03:29

no hemos hecho nada más 00:03:31

veis que aquí está creado, vale 00:03:33

con su licencia 00:03:35

etcétera, vale, entonces 00:03:37

ahora que vamos a hacer 00:03:39

está en la rama 00:03:41

veis que aquí tenemos la rama main 00:03:43

vamos a añadir 00:03:45

vamos a añadir 00:03:47

el contenido a este 00:03:49

repositorio 00:03:51

vale, para añadir contenido se puede hacer 00:03:52

de varias formas 00:03:55

vale, nosotros vamos a 00:03:56

hacer, veis que aquí 00:03:59

nos aparece código, o sea nosotros podemos 00:04:00

ir metiendo código aquí 00:04:03

vale, entonces 00:04:05

nosotros lo que vamos a hacer es, veis que aquí 00:04:07

hay un más 00:04:09

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

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, 00:04:29

¿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. 00:05:05

Vamos a subirlo 00:05:44

¿Veis? Ya hemos subido 00:05:46

A nuestra rama 00:05:51

Nuestra rama main 00:05:53

Hemos subido todas las páginas 00:05:55

Que tenemos aquí 00:05:58

De hecho si yo por ejemplo 00:05:59

Me cojo una de estas 00:06:01

Puedo ver perfectamente el código 00:06:03

HTML 00:06:06

Puedo editar incluso ese código 00:06:07

Y puedo hacer modificaciones 00:06:10

En ese código 00:06:12

¿Vale? O esta de aquí 00:06:13

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, 00:06:16

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. 00:06:37

ahora ya no es necesario 00:06:54

bueno ahora nos vamos a setting 00:06:55

y nos vamos a página y aquí tenemos 00:06:57

la opción de desarrollar 00:07:00

a partir de una rama 00:07:02

¿vale? ¿qué rama? 00:07:04

la rama es main 00:07:07

porque no tenemos otra ¿vale? 00:07:08

y ahora le damos a save 00:07:10

¿vale? pues ya 00:07:11

en teoría 00:07:18

al hacer esto 00:07:20

es que aquí os vienen unos consejos 00:07:22

etcétera etcétera 00:07:28

pues ya hemos hecho 00:07:29

el 6, bueno aquí nos 00:07:32

dice como podemos 00:07:39

añadir una serie de 00:07:40

cuestiones, vale 00:07:43

vale, pues ya lo hemos publicado 00:07:44

veis 00:07:59

ahora al dar otra vez a page 00:08:00

nos aparece que nuestro sitio 00:08:02

está vivo y está 00:08:05

aquí 00:08:07

y visitamos y veis 00:08:07

que está perfectamente 00:08:11

veis que funciona perfectamente 00:08:12

vale 00:08:15

esta es nuestra dirección 00:08:16

copiarla si queréis 00:08:19

y tenerla en cuenta 00:08:21

os la da aquí directamente 00:08:22

que queréis dejar de publicar 00:08:25

pues le dais aquí a publish y ya está 00:08:27

que queréis 00:08:30

dar vuestra dirección 00:08:31

veis que aquí pues hay más cosas 00:08:33

como añadir 00:08:35

este tema 00:08:38

como 00:08:39

cambiarle si queréis cambiarle 00:08:40

etcétera 00:08:44

si queréis meter más páginas 00:08:45

en fin, y como veis 00:08:47

pues también aquí tenéis 00:08:49

pues la coletilla de 00:08:51

tenéis también para que haya mayor 00:08:52

visibilidad, pues podéis 00:08:55

una demo 00:08:57

de estos de 30 días, en principio 00:08:59

esto ya os va 00:09:01

a durar, vale 00:09:03

y ya está, salís 00:09:04

de vuestra página y ya la tenéis 00:09:07

publicada 00:09:09

es importante, bueno 00:09:10

bueno, hasta cierto punto sí 00:09:16

porque ya os he dicho al principio 00:09:18

que evidentemente nadie 00:09:19

hace un sitio web 00:09:21

que no vaya a publicar 00:09:23

no tiene mucho sentido 00:09:25

para aprender, pero desde el punto de vista 00:09:27

de la vida real no tiene sentido 00:09:30

pues hacerse 00:09:31

estilo CSS 00:09:33

como habéis visto que es complicado 00:09:35

aplicarlo a HTML 00:09:38

y después pues eso 00:09:40

bueno, pues aquí la tenéis 00:09:42

¿veis? 00:09:44

espero que os guste 00:09:46

y si alguno 00:09:49

si alguno 00:09:52

quiere 00:09:54

hacerlo, pues que me lo diga 00:09:55

yo le activo 00:09:58

el correo de EducaMadrid 00:10:00

o que lo haga con otro correo 00:10:02

que no sea el de EducaMadrid 00:10:04

con Gmail, funciona muy bien 00:10:05

y esto es todo 00:10:08

lo que quería contaros de como se 00:10:10

publican sitios web con Github 00:10:12

GITHUB - Contenido educativo

Del mismo autor…

Sesión 4.2º Unidad 6 Nivel 1 Dist Adultos Matemáticas

2A Ambar

Tutorial1ºA3ºPrácticaGimp

Tutorial1ºA2ºPrácticaGimp

Tutorial1ºA2ºPrácticaGimp

Tutorial1ºA1ºPrácticaGimp

Día mundial de la mujer 25-26 CEIP Vía Romana

Comentarios