Saltar navegación

Día 2: crear la estructura del sitio WEB

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 7 de octubre de 2021 por Daniel E.

81 visualizaciones

Más información Transcripción

Descargar la transcripción

Vamos a ver dónde están nuestros espacios de docencia 00:00:00
Super guays que tenéis algunos 00:00:03
Y otros menos guays que son los que no habéis hecho las tareas 00:00:05
¿Vale? 00:00:07
Para eso 00:00:09
Tenemos que entrar en EducaMadrid 00:00:10
EducaMadrid 00:00:13
Y tenemos ahí EducaMadrid 00:00:16
La primera página 00:00:20
Hola, ¿qué tal? Buenas tardes 00:00:21
Estoy grabando esto para que 00:00:22
Tenerlo 00:00:25
Muy importante, entramos en EducaMadrid 00:00:26
y nos sale un mensaje de advertencia que, cuando ponemos esos mensajes, es por algo. 00:00:29
¿Y por qué es? Porque dice, importante, con el fin de evitar el robo de credenciales 00:00:35
y o posibles suplantaciones de identidad, se recuerda que todos los servicios de EducaMadrid 00:00:39
se ofrecen con dos direcciones web, educa.madrid.org y educados.madrid.org. 00:00:44
¿Por qué? Se ruega, se preste especial atención para no introducir credenciales en sitios web que no estén en alguno de estos dos dominios. 00:00:53
Es decir, cuyo URL no termine en madrid.org. 00:01:01
Si usted ha entrado en algún momento, en algún sitio que se llame educa.madrid, pero no tenga org, cambie su contraseña. 00:01:06
¿Por qué? Porque alguien ha hecho alguna página muy parecida y ha puesto educa.madrid. 00:01:16
no sé qué, no sé qué, educa.madrid 00:01:23
pero no ha puesto org 00:01:25
y entonces es otra página distinta 00:01:26
como si fuera .com o .es 00:01:28
y entonces has podido entrar ahí y meter tus claves 00:01:30
le ha pasado a cuatro personas 00:01:33
a vosotros no, porque ya hemos visto 00:01:35
que soy gente que 00:01:37
no usaba mucho la tecnología, con lo cual 00:01:38
bien, nos ha pasado seguro 00:01:41
pero si veis algo raro 00:01:42
es que estoy grabando 00:01:46
y no puedo hablar porque se guardaría 00:01:47
pero espera un momentito, mira, doy a control R 00:01:48
creo que era 00:01:50
y se grabaría, se estaría grabando esta pantalla 00:01:51
la cerraría, pero estos segundos 00:01:54
se vería esa pantalla que está abierta y se cierra 00:01:56
en la grabación, entonces 00:01:58
en vez de eso, bueno 00:01:59
ya estoy otra vez aquí de nuevo con vosotros 00:02:02
estoy grabando, vale, entonces 00:02:04
ya no tengo que hacer eso, de todas maneras 00:02:05
luego aprenderemos a editar y a quitar trozos 00:02:07
todos los trozos que no nos valen 00:02:10
los quitamos y ya está 00:02:12
bueno, entonces 00:02:13
si vamos a la página de EducaMadrid 00:02:15
hay un sitio que se llama webs y usuarios 00:02:17
Si entramos ahí 00:02:20
Nos va a pedir nuestro usuario 00:02:22
Contraseña de DucaMadrid 00:02:24
Todos los servicios de DucaMadrid tienen la ventaja 00:02:25
De que entramos con el mismo usuario 00:02:27
Nuestro usuario, yo soy Daniel Esteban 00:02:29
Y la contraseña pues es a la de 00:02:31
Y entramos 00:02:33
¿Guardamos la contraseña? No, no la guardamos nunca 00:02:40
No la guardamos 00:02:43
No vuelvas a ir este mensaje, venga, vale 00:02:44
Y ahora 00:02:46
Ahora vamos a trabajar 00:02:48
En dos sitios 00:02:52
Los que no habéis solicitado espacio personal 00:02:53
O sea, espacio de docencia 00:02:57
Vais a ir a vuestro nombre 00:02:59
Y vais a ir a 00:03:01
Mis páginas públicas 00:03:03
Los que sí habéis solicitado espacio 00:03:05
Vais a ir a mis sitios 00:03:10
Y vais a ver si tenéis allí algún espacio 00:03:13
Que se llame 00:03:15
Algo 00:03:16
Mi clase de música 00:03:18
La clase de no sé qué 00:03:20
Si alguien ha solicitado espacio 00:03:22
y no lo tiene, que me lo diga 00:03:25
sí, pero ahora no podemos parar 00:03:26
ahora en el descanso nos ponemos al día 00:03:30
sé que estoy grabando 00:03:33
porque si veis aquí arriba a la derecha 00:03:43
la cámara tiene un punto azul 00:03:45
no lo veis, pero lo imagináis 00:03:47
¿vale? y si doy a control R 00:03:50
ahora está grabando 00:03:51
bueno, pues 00:03:53
pregunta de nota 00:03:55
a ver quién quiere aquí sacar matrícula 00:03:57
si os ocurre 00:03:59
En algún sitio donde yo pueda 00:04:01
Añadir alguna página 00:04:03
Sí, añadir, donde pone añadir 00:04:05
Vale, podría ser donde pone añadir 00:04:09
Voy a ir a añadir 00:04:11
Esperar que lo mire 00:04:12
No, añadir aplicaciones 00:04:14
Uf, no, he hecho mal la pregunta 00:04:16
¿Se os ocurre algún sitio donde yo pueda administrar 00:04:17
Las páginas? 00:04:20
¿Administrar las páginas? 00:04:24
Administración 00:04:25
Muy bien 00:04:26
Voy a ir a administrar 00:04:27
Si voy a administración 00:04:29
me va a permitir administrar las páginas 00:04:31
los recursos, los usuarios, la configuración 00:04:33
yo quiero ir a administrar 00:04:35
las páginas 00:04:37
y vamos ahí 00:04:38
y de repente 00:04:41
tenemos aquí dos espacios, páginas públicas 00:04:42
y páginas privadas 00:04:45
solo vamos a trabajar en las públicas para no haceros lío 00:04:46
las privadas 00:04:49
es otro espacio web distinto donde 00:04:51
solo van a poder acceder usuarios 00:04:53
que nosotros queramos 00:04:55
pero con el sistema de permisos vamos a jugar mejor 00:04:57
con las páginas públicas, y no nos liamos 00:04:59
veo que tengo solo una página 00:05:01
que se llama inicio 00:05:03
páginas públicas, tengo una que se llama inicio 00:05:04
quiero añadir una página 00:05:07
¿alguien sabe cómo se añade una página? 00:05:09
perfecto 00:05:13
añadir página 00:05:14
y entonces me dice nombre 00:05:15
y digo el blog 00:05:17
de primero 00:05:18
o bueno, por ejemplo 00:05:21
me dice, ocultar en el menú de navegación 00:05:23
no, no la quiero ocultar 00:05:28
porque quiero que se vea 00:05:29
¿qué tipo de página? 00:05:32
¿de una columna, de dos columnas, al 50-50 00:05:33
al 30-70, 70-30, tres columnas 00:05:36
una del 30-30 00:05:38
no tengo ni idea, no lo sé todavía 00:05:39
mira, lo dejo así 00:05:42
mira, lo voy a poner en una columna 00:05:43
lo voy a poner en una columna 00:05:45
y que sea lo que Dios quiera 00:05:47
¿luego se puede cambiar? sí 00:05:48
entonces bueno, pero lo pongo en una columna 00:05:50
¿quiero que sea tipo web insertada, enlace URL 00:05:53
enlace a página de este sitio, copia de una página de este sitio 00:05:56
O quiero que sea una página en blanco 00:05:58
Pues yo creo que voy a hacerlo en blanco 00:06:00
Porque va a ser más fácil 00:06:04
¿Vale? Vamos a hacer en blanco 00:06:06
Página en blanco 00:06:07
Le doy a añadir página 00:06:07
Voy a ir 00:06:09
Como voy a hacer cuatro 00:06:17
Como voy a hacer tres 00:06:18
Voy a hacer otra 00:06:19
Y luego voy a hacer otra 00:06:20
Y luego voy a hacer otra 00:06:22
Y en alguna de las cinco veces que lo voy a hacer 00:06:23
Lo vais a pillar 00:06:25
Voy a ir a otra página 00:06:27
¿Vale? 00:06:29
Voy a páginas públicas. 00:06:30
Voy a añadir página. 00:06:31
Le pongo un nombre. 00:06:34
Y digo, el blog de segundo. 00:06:35
Lo dejo como está. 00:06:41
Pero le digo, página en blanco de una columna. 00:06:42
Y le doy a añadir página. 00:06:46
Y ya tengo mis tres. 00:06:48
Pero voy a hacerlo otra vez más. 00:06:50
Voy a páginas públicas. 00:06:51
Voy a añadir página. 00:06:53
Y digo que quiero meter un calendario. 00:06:55
Calendario. 00:06:58
y le doy a una columna 00:06:58
y bajo y le doy a añadir página 00:07:00
y es que resulta que tengo 00:07:03
tres clases y tengo el tercero 00:07:05
también doy clase a tercero, voy a hacer otra 00:07:07
voy a páginas públicas 00:07:08
añadir página 00:07:10
el blog de tercero 00:07:11
lo pongo a una columna 00:07:13
bajo, añadir página 00:07:18
uff, esto ya va 00:07:20
tomando forma, tengo inicio 00:07:23
los de primero, los de segundo, calendario, los de tercero 00:07:25
voy a ver como ha quedado esto 00:07:27
Pues tengo ya mi página terminada, casi. Inicio, el blog de primero, el blog de segundo, calendario, el blog de tercero... 00:07:29
¿No te has pinchado con una escala? 00:07:46
Sí, pero yo no tengo... 00:07:48
Sí, no, no, por eso, por eso. Entonces, entonces, me he dado cuenta que necesito hasta sexto, blog de sexto, así que voy a hacer tres páginas más, ¿vale? 00:07:50
Así que voy para allá 00:08:03
Atención 00:08:05
Como tengo que administrar páginas 00:08:07
Voy a administración 00:08:11
De páginas 00:08:12
Si tuviera que administrar contenidos 00:08:14
Pero esto son páginas 00:08:16
Voy para allá 00:08:18
Pincho en páginas públicas 00:08:19
Y digo 00:08:23
Quiero añadir una página 00:08:23
Voy a añadir página 00:08:25
Y este era el blog de cuarto 00:08:27
El blog de cuarto 00:08:30
Y lo voy a hacer página en blanco 00:08:33
De una columna, venga 00:08:35
Añadir página 00:08:36
¡No! Fijaros, voy a improvisar 00:08:39
De dos columnas al 50% 00:08:41
¿Por qué? 00:08:44
Ya veremos por qué 00:08:45
Añadir página 00:08:46
Y resulta que doy clase en quinto 00:08:47
Voy otra vez a añadir página 00:08:49
El blog de quinto 00:08:52
Y esto lo voy a hacer a 00:08:54
Dos columnas 70-30 00:08:59
Pues venga, pues sí, lo dejamos así 00:09:00
Resulta que doy clase en sexto 00:09:02
Añadir página 00:09:05
El blog 00:09:06
Que es esto 00:09:08
Y esto lo voy a dejar a tres columnas 00:09:11
Y ahora para volver a mi página 00:09:13
Aquí arriba tengo una flechita 00:09:17
Elabora tus clases de manera sencilla 00:09:19
Le doy a la flechita 00:09:21
Y ahí llego 00:09:22
A mi página 00:09:24
Voy a dar a control R 00:09:26
Bueno, quiero mover mi calendario 00:09:27
Que está en el centro 00:09:30
Lo voy a poner en grande 00:09:31
Está ahí en el centro, calendario 00:09:32
Lo quiero mover al final 00:09:35
pues eso viene a ser 00:09:36
lo mismo que administrar páginas 00:09:39
voy a administrar esa página de alguna manera 00:09:41
administración de páginas 00:09:43
y en este árbol que tengo aquí 00:09:45
veo que el calendario está en el medio 00:09:48
me pongo encima 00:09:51
pulso el botón izquierdo del ratón 00:09:52
y sin soltarlo 00:09:55
muevo, muevo, muevo 00:09:56
con mucho cuidado 00:09:59
y lo suelto 00:10:00
y digo, no lo he soltado bien, ¿qué pasa? 00:10:02
Voy a soltarlo ahí 00:10:04
Ahí, no se me queda ahí 00:10:06
Botón izquierdo del ratón 00:10:08
Ahí, ahí, sí 00:10:09
Puedo moverlo 00:10:11
Donde quiera 00:10:14
Voy a hacer la cámara lenta 00:10:16
Voy a hacer la cámara lenta, mirad 00:10:21
Mirad, primero 00:10:23
Pones el cursor encima 00:10:25
Veis que está esa mano ahí 00:10:26
Pulsas el botón izquierdo del ratón 00:10:28
Y no lo sueltas 00:10:31
Y sin soltarlo 00:10:32
Vas moviendo el ratón 00:10:34
Y ves que hay una línea 00:10:35
Se va subiendo, va subiendo 00:10:37
Y cuando quieres que se suelte 00:10:39
Que se ponga ahí, sueltas el botón 00:10:41
Y se suelta ahí 00:10:42
Lo cojo, botón izquierdo ratón 00:10:44
Y lo bajo, y lo bajo, y lo bajo 00:10:48
Y lo suelto 00:10:49
Y voy aquí 00:10:53
Marco la página aquí, el blog de sexto 00:11:05
¿Alguien sabe cómo elimino 00:11:07
La página, el blog de sexto? 00:11:09
Eliminar, pues elimino 00:11:13
¿Estás seguro? ¿Estás seguro? 00:11:18
Que sí, hombre, que sí 00:11:21
Tarda ahora en cargar un poquito 00:11:22
Tarda en cargar y ya no está 00:11:25
Muy importante, aquí 00:11:26
Ahora lo que tengo que hacer es, como he hecho cambios 00:11:28
Tengo que dar en guardar, aquí a la derecha pone guardar 00:11:30
Guardar, guardar 00:11:33
Vamos a intentarlo 00:11:35
Vamos a crear otra página que se llame 00:11:38
Endaces 00:11:40
Voy a administración 00:11:40
Páginas 00:11:44
Me pongo encima de páginas públicas 00:11:46
Doy añadir página 00:11:51
Y pongo enlaces 00:11:53
Y le doy a añadir página 00:11:55
¿Vale? Hemos creado nuestra página que se llama enlaces 00:12:00
Entonces mirad, dentro de esta estructura 00:12:08
Además de páginas 00:12:12
Puedo crear subpáginas 00:12:13
Que son páginas dentro de las páginas 00:12:16
Y para eso digo 00:12:18
quiero crear subpáginas 00:12:19
dentro de la página enlace 00:12:21
pues pincho en la página enlaces 00:12:23
y de repente 00:12:26
aparece un nuevo menú 00:12:28
¿cómo añado una subpágina? 00:12:31
en añadir subpágina 00:12:35
pues añado subpágina y voy a poner lengua 00:12:36
por ejemplo 00:12:39
lengua 00:12:40
y le doy a añadir 00:12:42
y ahora resulta que la estructura ha cambiado 00:12:43
Si veis, todas las páginas son del mismo nivel 00:12:48
Pero dentro de enlaces hay una 00:12:52
Debajo, que se llama lengua 00:12:53
Quiero añadir otra 00:12:55
Dentro de enlaces que se llame 00:12:58
Matemáticas 00:13:01
Pincho en enlaces 00:13:02
Añado subpágina 00:13:04
Y pongo matemáticas 00:13:07
Mates, venga 00:13:09
Y si quiero añadir otra subpágina dentro de enlaces 00:13:10
Pincho en enlaces 00:13:19
Voy a añadir subpágina 00:13:21
y le llamo inglés 00:13:22
y si quiero añadir otra subpágina 00:13:24
dentro de edad 00:13:30
pues voy a enlaces 00:13:32
voy a añadir subpágina 00:13:33
y le pongo ciencias naturales 00:13:34
y si además 00:13:37
quiero añadir otra, enlaces 00:13:42
y le doy a añadir subpágina y le llamo ciencias sociales 00:13:44
y además 00:13:47
quiero añadir otra y que se llame 00:13:52
educación física 00:13:54
y así hasta el infinito 00:13:56
vamos a ver 00:14:06
cómo queda en la página, cómo queda en nuestro sitio web 00:14:07
vamos y de repente cuando pincho en enlaces 00:14:10
se me despliega 00:14:14
se me despliega todo lo que he hecho 00:14:15
¿vale? se me despliega todo lo que he hecho 00:14:17
por ahora no nos importa el diseño ni nada 00:14:22
porque todo esto se cambia muy fácil 00:14:26
simplemente estamos creando una estructura 00:14:27
de cómo tú tienes organizado tu cabeza 00:14:29
y quieres presentar tu página 00:14:32
dentro de las subpáginas 00:14:33
se pueden crear subpáginas 00:14:36
Pero ¿qué pasa? Que cuando creas páginas de tercer nivel, por decirlo así, queda la 00:14:37
navegación un poco extraña, pero se podría, como máximo, una más se podría hacer. Si 00:14:44
haces ya más, quedan ceros. Vamos a ver un ejemplo aquí. Aquí, por ejemplo, tenemos 00:14:51
Página, subpágina 00:15:04
Y subpágina 00:15:08
Página, subpágina 00:15:10
Y subpágina 00:15:12
Pero ya un cuarto nivel ya no hay 00:15:12
Porque ya te quedaría 00:15:14
Habría momentos que quedaría feo 00:15:16
Páginas 00:15:18
Pero casi todos son páginas y subpáginas 00:15:20
¿Vale? 00:15:23
Autor/es:
Daniel Esteban Roque
Subido por:
Daniel E.
Licencia:
Reconocimiento - No comercial - Sin obra derivada
Visualizaciones:
81
Fecha:
7 de octubre de 2021 - 16:37
Visibilidad:
Clave
Centro:
CP INF-PRI C.R.A. LOS OLIVOS
Duración:
15′ 25″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
42.84 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid