Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

Entrega del Trabajo de la Página Web en GitHub Tutotial 04 - Contenido educativo

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 15 de noviembre de 2025 por Jose G.

16 visualizaciones

Tutorial para la entrega del trabajo de la página web realizadas en GitHub.

Más información Transcripción

Descargar la transcripción

Hola, chicos. Ya habéis visto los anteriores tutoriales de GitHub. 00:00:12
¿Sabéis qué? Tenéis que crear una página web del tema Los componentes de las computadoras, 00:00:30
donde se tiene que hablar y describir los componentes de una computadora. 00:00:35
La página tiene que contener texto, imágenes, algún vídeo, enlaces, etc. 00:00:39
Los contenidos tienen que estar ordenados mediante tablas. 00:00:46
La página web creada, al igual que los elementos que la componen, debe estar alojada en el servidor de páginas web de GitHub. 00:00:50
Siguiendo el ejemplo de los tutoriales anteriores. 00:00:58
Se parte del editor HTML. 00:01:01
En esta pestaña, ya se ha actualizado y enviado todos los cambios de la página web creada al servidor de páginas web de GitHub. 00:01:02
Y como en el ejemplo, se tiene la página publicada, donde todo el mundo puede acceder a ella. 00:01:11
Recordad que la entrega de este trabajo se hace a través de una presentación de tipo PowerPoint o LibreOffice o similar, 00:01:18
que contenga una captura de pantalla de dicha página y el enlace al servidor de GitHub. 00:01:26
Lo primero que tenéis que hacer es una captura de pantalla, como se hace en el ejemplo. 00:01:32
Para tal fin, se pulsa la tecla Imprimir pantalla del teclado. 00:01:39
A continuación, se cliquea el menú, se busca la aplicación Paint y se pone en marcha. 00:01:48
Se cliquea en la herramienta Pegar. 00:01:54
Ahora se va a recortar la imagen para hacer un archivo fotográfico con lo esencial. 00:02:06
Con el recorte obtenido, se guarda como un archivo gráfico con extensión JPG. 00:02:11
En este caso, al archivo se le llama Captura Página y se cliquea en el botón Guardar. 00:02:32
Se cierra la aplicación Paint. 00:02:47
Lo siguiente a realizar es abrir la aplicación de LibreOffice. 00:02:57
Para este ejemplo, se cliquea sobre LibreOffice Impress para realizar la presentación del trabajo a entregar. 00:03:05
Se elige un tema en blanco. 00:03:26
La primera diapositiva a elegir es, de este tipo, texto centrado. 00:03:30
Aquí se pondrá el nombre del trabajo, la persona que lo hace y el grupo al que pertenece. 00:03:35
Ahora, se cambia el tipo de letra. 00:04:10
Se elige el tipo Arial. 00:04:13
Se selecciona el título. 00:04:30
Se cambia el color del título, pasa de color negro a color rojo. 00:04:32
Se selecciona el resto. 00:04:44
Y se le cambia de color negro a color azul. 00:04:45
Ya está terminada la primera diapositiva. 00:04:50
A continuación, se inserta una nueva diapositiva. 00:04:58
El tipo de diapositiva que se va a usar es Título y Contenido sobre Contenido. 00:05:04
De la primera diapositiva, se copia el título 00:05:13
y se pega en la parte superior de la segunda diapositiva. 00:05:18
En el primer contenido, se inserta la captura de la página web. 00:05:27
Se inserta el archivo gráfico. 00:05:33
En el segundo contenido, se desplaza hacia abajo, dejando más espacio a la imagen y poder insertar el enlace a la página web. 00:05:35
Ahora se copia el enlace que está en la caja del navegador. 00:06:13
Y este enlace se pega en el segundo contenido. 00:06:25
Se vuelve a seleccionar. 00:06:31
Y se le convierte en el hipervínculo. 00:06:33
Para ello, se cliquea en el botón Hipervínculo. 00:06:35
Se abre la ventana. 00:06:38
Se cliquea Aplicar y luego Aceptar. 00:06:39
A partir de este momento, al cliquear sobre el enlace, nos lleva al navegador con la página que habéis construido. 00:06:41
Ahora, se añade una nueva diapositiva del tipo texto centrado. 00:06:47
Y se escribe la palabra FIN. 00:06:54
Se le cambia el tipo de letra por Arial Black. 00:07:02
Se cambia el tamaño a 54. 00:07:11
Y se le cambia de color a verde. 00:07:14
Finalmente, se guarda el archivo de la presentación y se envía al aula virtual para evaluación del trabajo. 00:07:17
Nos vemos en el siguiente videotutorial. ¡Adiós! 00:07:28
Idioma/s:
es
Materias:
Tecnología, Tecnologías de la Información
Etiquetas:
Internet, Tecnología
Niveles educativos:
▼ Mostrar / ocultar niveles
  • Educación Secundaria Obligatoria
    • Ordinaria
      • Primer Ciclo
        • Primer Curso
        • Segundo Curso
      • Segundo Ciclo
        • Tercer Curso
        • Cuarto Curso
        • Diversificacion Curricular 1
        • Diversificacion Curricular 2
    • Compensatoria
  • Bachillerato
    • Primer Curso
    • Segundo Curso
  • Formación Profesional
    • Ciclo formativo de grado básico
      • Primer Curso
      • Segundo Curso
    • Ciclo formativo de grado medio
      • Primer Curso
      • Segundo Curso
    • Ciclo formativo de grado superior
      • Primer Curso
      • Segundo Curso
Autor/es:
José González
Subido por:
Jose G.
Licencia:
Todos los derechos reservados
Visualizaciones:
16
Fecha:
15 de noviembre de 2025 - 22:28
Visibilidad:
Público
Centro:
IES JIMENA MENÉNDEZ PIDAL
Duración:
07′ 36″
Relación de aspecto:
1.78:1
Resolución:
1920x1080 píxeles
Tamaño:
216.71 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid