Activa JavaScript para disfrutar de los vídeos de la Mediateca.
CREANDO TU WEB PERSONAL
Ajuste de pantallaEl ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:
Bien, pues vamos a ver cómo crear la estructura de páginas. En la mía ya veis que tengo Inicio, Inglés, Naturales, Sociales y Agenda, pero os voy a enseñar cómo acceder al menú y cómo crearlas.
00:02:01
Iríamos a Administración y dentro de Administración, Páginas.
00:02:15
Bien, cuando yo entro aquí veo mis páginas públicas. Bueno, yo ya tengo estas.
00:02:21
En el menú solo veíais Inglés, Naturales, Sociales y Agendas porque las demás las tengo ocultas.
00:02:28
Pero vamos a ir, como a vosotros no os aparecería nada, solo la página de inicio.
00:02:35
¿Y cómo añadiríamos? Pues vamos a Añadir Página.
00:02:41
¿Qué nombre le voy a poner a esta página? Pues, por ejemplo, actividades. La quiero ocultar en el menú de navegación. Esta es la posibilidad que os comentaba antes. La puedo ocultar para que no aparezca en el menú, pero luego hacerla accesible a través de un link.
00:02:44
Bueno, en principio no la voy a ocultar. Sigo para abajo y me dice, esta página que quieres crear, ¿qué distribución quieres que tenga? Una página en blanco con una sola columna, con dos columnas, es decir, voy a añadir contenidos en la izquierda y en la derecha.
00:03:06
Con una columna más grande que la otra, porque en esta voy a poner unos contenidos chiquititos y aquí quiero información más grande,
00:03:28
bueno, veis que tenéis diferentes opciones, con un agregador de contenido superior, uno más ancho,
00:03:36
bueno, pensaríamos qué tipo de distribución nos gusta.
00:03:43
Voy a elegir la de dos columnas iguales, por ejemplo.
00:03:47
Y lo demás, bueno, si vamos a insertar una web en esa página que no es una URL, estas opciones las voy a dejar de momento para opciones más avanzadas y le doy a añadir cuando he terminado.
00:03:50
Añadir página.
00:04:08
Bien, esta página se me ha creado, ahora me aparece aquí en mis páginas públicas, la veremos aquí, a actividades.
00:04:09
Bien. Si me arrepiento, después no me gusta la distribución que le he puesto, bueno, pues puedo volver a acceder a ella. ¿Veis? Y aquí la tengo. La dirección de mi página web siempre va a ser, como hemos explicado antes, la registra de Eucamadrid barra opamaria.perez.
00:04:19
En mi caso, esta página nueva que he creado de actividades tendría toda esa URL más barra actividades. Así sería como podríamos crear el enlace para tenerlo oculto y hacer el acceso de la página.
00:04:40
Bien, si ahora el caso fuera que dentro de la página que he creado quisiera hacer un menú desplegable con más subpáginas, el proceso sería muy similar.
00:04:53
Volveríamos a Administración, Páginas y, por ejemplo, la página de actividades que hemos creado, cuando pincho en ella, me ofrece la posibilidad de añadir una subpágina.
00:05:33
Pues añadiríamos actividades de inglés. Le voy a llamar inglés. Y voy a elegir dos columnas iguales. Añadir. Quiero hacer otra subpágina de naturales. Naturales con dos columnas también.
00:05:46
Sigo para abajo, la guardo y una última subpágina de sociales, sociales con dos columnas también para que fuera igual.
00:06:12
Bien, pues cuando vuelvo a mis páginas públicas, en el menú veré que actividades se me despliegan en tres subpáginas.
00:06:30
Bien, vamos a ver ahora la utilidad o cómo trabajar con las páginas ocultas que os he mencionado antes.
00:06:40
Si vamos a Administración, a Mis páginas, antes os enseñaba, bueno, pues yo tengo aquí creadas todas estas páginas, aunque en el menú veis que solo aparecen cinco.
00:06:51
Bien, vamos a ver en concreto, por ejemplo, esta página, Tess de Soci, en su día, cuando la creé, le puse el nombre de Tess de Soci y marqué ocultar en el menú, por eso no la hemos visto.
00:07:03
Bien, ¿y esto para qué me sirve? Pues me sirve para crear contenidos, para crear páginas con los contenidos que quiera agregar, pero que por su importancia o por su utilidad no quiero que estén en el menú, no quiero que se pueda acceder a ellas directamente.
00:07:16
En este caso, esta página se enlazó desde un contenido de sociales.
00:07:33
Si vemos aquí, pues esto fue la pandemia.
00:07:40
El día 22 los niños tenían un examen.
00:07:44
¿Y cómo accedían a ese examen?
00:07:48
Pues clicando aquí.
00:07:50
¿Qué se les ha abierto?
00:07:52
Se les ha abierto otra página, que es el examen.
00:07:54
las instrucciones, las preguntas que están creadas con un contenido formulario que al final daban a enviar.
00:07:58
Bueno, la opción de crear páginas ocultas tiene muchas utilidades.
00:08:11
Esta que os he enseñado, pues enlazar algo a una página que necesito con más amplitud para generar un contenido determinado
00:08:19
O, por ejemplo, en la página web del cole tenemos hecha una página entera explicando la admisión y esa página está oculta en el menú, pero se puede enlazar desde novedades, abierto periodo de admisión, más información, se enlaza y se accede a esa página completa.
00:08:27
La dirección de las páginas ocultas, os recuerdo, es lo que hemos hablado anteriormente. La dirección de mi web es la parte de EducaMadrid más mi usuario. Estoy en inicio, pues aparece en inicio.
00:08:46
Si vuelvo a la página oculta que os he enseñado antes del examen de sociales, vais a ver que la dirección de esta web, perdón, de esta página de mi web es educamadrid más mi usuario barra tesoci, que era el nombre que le había puesto a esa página web.
00:09:04
Esto lo copio y ya puedo generar un enlace en cualquier lugar.
00:09:24
Bien, pues ya tenemos nuestra dirección web, ya tenemos nuestra estructura de páginas y ahora vamos a personalizar el aspecto de nuestra web, su visibilidad, nuestra cabecera, los colores, el aspecto de nuestra página.
00:09:29
Por defecto, EducaMadrid nos genera esta cabecera que es blanca
00:09:53
El nombre de nuestra página web es nuestro nombre y apellidos que figuran en nuestra cuenta de EducaMadrid
00:10:00
Y nos incluye el logo y el buscador
00:10:06
Bien, la única manera de cambiar el nombre de mi página web
00:10:10
Si yo no quiero que sea mi nombre y apellidos
00:10:15
Es crear una imagen para hacer la cabecera
00:10:17
y en esa imagen incluir, insertar el nuevo nombre.
00:10:22
Así es como lo he hecho yo.
00:10:29
He cambiado esta cabecera que me ofrecía EducaMadrid
00:10:32
por esta cabecera que es una imagen editada por mí
00:10:37
con el nombre de mi página web que decidí llamarle Teacher María Online.
00:10:47
Veis que el buscador ha desaparecido y el logo de EducaMadrid ha desaparecido.
00:10:52
También he cambiado por los colores de fondo, elegí la gama de azul con turquesa para el menú, para los agregadores, para los fondos y demás.
00:10:58
¿Cómo vamos a hacer esto con nuestra página web? Pues vamos a hacerlo editando. Yendo a editar, voy a entrar en el diseñador web. El diseñador web es el corazón, es el meollo donde voy a poder hacer todas estas cosas.
00:11:10
Vamos a abrirlo. Cuando abrimos el diseñador web, este es el menú que se me despliega. General, cabecera, menú, recursos, contenidos, pie de página, móvil, pin.
00:11:28
Lo primero que vamos a hacer es ir a temas. El tema que yo seleccioné para mi web es como, no sé si conocéis los temas de los teléfonos móviles,
00:11:47
pues ya me ofrece configurado un color de fondo, un color de texto, un color de cabecera,
00:12:00
de un determinado tipo, fuente de letra, tamaño y demás.
00:12:07
Como veis, tenemos ya muchos temas configurados que nos pueden servir para empezar.
00:12:12
Que luego lo queréis personalizar a vuestro gusto, cambiar algún color, ya estaría editando.
00:12:17
Pero para empezar, os recomiendo elegir un tema.
00:12:23
Os podéis decantar por una gama de grises, con cabecera negra, este otro con colores vivos, este más clásico de Boca Madrid con los tonos azulados, el azul y verde, que es muy parecido al que tenemos en la web del colegio.
00:12:26
Elegiríamos un tema y presionaríamos engordar y salir.
00:12:43
La pestaña de cabecera va a ser donde editemos lo que os decía antes con una imagen creada por nosotros, nuestra cabecera.
00:12:47
¿Cómo lo haremos? Pues creando la imagen e insertándola aquí.
00:13:01
Aquí la buscaríamos, la subiríamos y vamos a tener que jugar con la altura.
00:13:07
La primera vez que la subáis igual os queda grande o veis que queda pequeña, que la necesitáis de otro tamaño.
00:13:12
Bien, la cabecera de mi página web tiene una altura de 200 píxeles.
00:13:19
Esto es un poquito ir probando.
00:13:25
Otra pestaña que es muy importante que trabajemos para editar nuestra web es la pestaña móvil.
00:13:28
¿Por qué?
00:13:36
porque cuando abrimos la página web de EducaMadrid desde un teléfono móvil o desde una tablet
00:13:36
se va a ver muy mal, se va a ver desconfigurada y no os va a gustar nada el aspecto que tiene.
00:13:42
- Autor/es:
- MARIA A.PEREZ NUÑEZ
- Subido por:
- M. Asunción P.
- Licencia:
- Reconocimiento - No comercial - Compartir igual
- Visualizaciones:
- 30
- Fecha:
- 11 de febrero de 2023 - 23:24
- Visibilidad:
- URL
- Centro:
- CP INF-PRI RAMON LINACERO
- Duración:
- 16′ 09″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1920x1080 píxeles
- Tamaño:
- 51.83 MBytes
