Activa JavaScript para disfrutar de los vídeos de la Mediateca.
Página web estructurada por hipervínculos locales - Contenido educativo
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:
Hola de nuevo, nosotros seguimos diseñando la página web que comenzamos la semana pasada.
00:00:00
Nos encontramos en el tema 9, edición de páginas web, y dentro de este tema estamos diseñando una página web que tiene 5 páginas diferentes.
00:00:05
Nos hemos creado ya la página principal, index, y la hemos llenado de contenido.
00:00:14
Luego os habéis creado una página adicional de diseño libre, tanto la temática como la estructura son libres, también la habéis hecho.
00:00:19
y ya para esta semana consiste en acabar de completar nuestra página web con el material necesario para completar las tres páginas que quedan.
00:00:27
Hoy os voy a explicar con este videotutorial cómo realizar una página con enlaces o hipervínculos locales.
00:00:37
Luego vais a hacer otra página más de página de diseño libre, tanto temática y estructura libre
00:00:44
y por último la quinta página va a ser un formulario de registro para interactuar con el usuario,
00:00:49
para pedirle una serie de datos. Es decir, nuestra página web va a tener cinco páginas diferentes y cada una con contenido diferente
00:00:56
pero relacionado con la temática que nosotros hemos elegido para nuestra página web.
00:01:05
Si vamos a nuestro sitio web, es decir, la carpeta que yo me he creado, Sistema Solar 1, tenéis la página principal, Index,
00:01:11
Luego yo tengo dos páginas, Sol y Tierra, que serían las páginas de diseño libre.
00:01:22
Vosotros, los nombres van adaptados a vuestra temática.
00:01:27
Luego tengo la página Planetas, que es la que vamos a hacer en este videotutorial
00:01:32
para explicaros cómo realizar una página con hipervínculos o enlaces locales.
00:01:35
Y luego la página de registro.
00:01:40
Vamos a visualizar la estructura de una página con hipervínculos locales.
00:01:43
Una página con hipervínculos locales es una página muy larga que tiene mucho contenido. De manera que cuando tú entras si tienes que buscar ese contenido pierdes mucho tiempo y lo que tienes que hacer es crearte arriba un índice de manera que lo que hace es enlazar ese índice a diferentes partes de mi misma página web.
00:01:50
De manera que si yo quiero ir a Júpiter, me manda Júpiter. Si quiero ir a Neptuno, me manda Neptuno. Y si quiero ir a la Tierra, me va a mandar directamente a la Tierra.
00:02:11
Y así no tengo que ir buscando yo la información y pasando por toda la cantidad de información que suelen tener estas páginas largas que vienen estructuradas con hipervínculos locales o enlaces locales.
00:02:22
Vale, siguiente paso que tenemos que hacer es abrir el programa con Boxer
00:02:33
Y vamos a abrir la página planetas, que es en la que yo me voy a crear los hipervínculos locales
00:02:39
La página está vacía y con un fondo verde y lo que voy a hacer es completarla
00:02:49
Los planetas del sistema solar
00:02:54
Este es un rótulo, lo centro, aumento de tamaño
00:02:59
y le voy a poner un color diferente, este color anaranjado muy oscuro.
00:03:09
Ya tengo puesto el rótulo.
00:03:16
Ahora voy a hacer por medio de una tabla el índice.
00:03:18
Pues vengo y le digo tabla, insertar, tabla.
00:03:23
Voy a hacer una tabla de una fila, evidentemente, por tres columnas.
00:03:28
No voy a hacer todos los planetas del sistema solar porque me quedaría muy largo para realizar el vídeo.
00:03:32
Solamente voy a poner tres planetas del sistema solar.
00:03:37
Selecciono y ya me he insertado la tabla.
00:03:41
Ahora en esta celda voy a poner la Tierra.
00:03:44
En la siguiente voy a poner Marte.
00:03:49
En la siguiente voy a poner a Urano, el planeta azul.
00:03:52
Voy a estirar un poco la tabla para que el contenido quede mejor.
00:03:56
Centro el contenido de la tabla.
00:04:01
y lo siguiente que voy a hacer es centrar la tabla en medio de mi página web, en medio de la pantalla
00:04:03
y centrar también la altura del texto.
00:04:11
Vengo y le digo botón derecho, propiedades de celda y en tabla, alineación de la tabla, le digo centrarla.
00:04:14
Y si me vengo a celdas, le digo alineación vertical del texto para que quede centrado en la tabla,
00:04:24
le voy a decir que lo coloque en medio.
00:04:31
Aplico, acepto y ya lo tengo colocado.
00:04:32
Ahora voy a poner ya la tabla de desarrollo de la Tierra, Marte y Urano.
00:04:39
Entonces voy y le digo insertar nuevamente una tabla.
00:04:44
Voy a insertar una tabla de tres filas por tres columnas.
00:04:48
Y aquí ya pongo imágenes.
00:04:54
Y le digo insertar imagen y voy a poner en primer lugar la Tierra.
00:04:56
Texto alternativo siempre hay que poner.
00:05:04
Pongo Tierra 1, acepto.
00:05:06
Voy a esta celda y nuevamente inserto una imagen, abrir, esa imagen es tierra 2, acepto.
00:05:09
En el centro voy a poner la tierra.
00:05:22
No voy a colocar yo más texto, debería colocar un texto descriptivo de la tierra con características, dimensiones, etc.
00:05:33
Pero bueno, para no hacer tan largo el vídeo no lo voy a colocar.
00:05:40
Ahora voy y le digo imagen, insertar imagen, voy a poner a Marte, el planeta naranja.
00:05:44
Marte, y aquí otra nueva imagen, Marte 2.
00:05:52
Marte 2.
00:06:04
Aquí en el centro, Marte.
00:06:07
Y por último voy a poner la imagen de Urano.
00:06:10
urano 1 abrir y aquí pongo nuevamente urano 2 os dais cuenta todas las imágenes tienen que
00:06:14
estar dentro de la carpeta imagen porque si no luego cuando salga vuestra web tanto para
00:06:34
mandarlo a mí para corregir o se suba a un servidor no van a aparecer esas imágenes si
00:06:41
no están dentro de esa carpeta pongo urano y ahora lo siguiente que voy a hacer con la
00:06:45
tabla es lo mismo. Primero centrar todo el contenido de la tabla, botón derecho, propiedades
00:06:51
de celda y en tabla le voy a decir alineación centrada en el centro de mi página web. Ya
00:06:59
más o menos tengo mi página web hecha y ahora lo que necesito es que al darle al planeta
00:07:10
tierra me mande aquí y al darle a Marte me mande a Marte. Para eso tengo que colocar
00:07:14
un ancla o un enlace interno. Aquí coloco un enlace interno que es Tierra. Me he puesto
00:07:19
el enlace interno. Aquí pongo otro enlace interno que es Marte. Y por último, aquí
00:07:30
coloco otro enlace interno que es Urano, el planeta azul. Y ahora, una vez que he puesto
00:07:40
los enlaces internos, el ancla, lo que hago es seleccionar el texto
00:07:48
y poner ya un hipervínculo, un enlace.
00:07:54
Abro la pestaña y ya me aparecen aquí los enlaces internos que he puesto.
00:07:57
Pues le pongo que a darle a la Tierra, manda a la Tierra, acepto,
00:08:03
a Marte, pongo enlace, Marte, acepto,
00:08:08
Y por último, a Urano, nuevamente un enlace interno que me mande a Urano.
00:08:15
Acepto y ahora comprobaré cómo funcionan estos hipervínculos abriendo la página con el navegador.
00:08:27
Aquí lo que voy a hacer ahora es colocar un enlace para volver a la página principal.
00:08:35
Un momento, quito las mayúsculas, volver a la página.
00:08:40
selecciono el texto lo voy a poner más pequeño y ahora lo que hago es crear un enlace abro la
00:08:48
carpeta y dentro del sistema solar uno a index y ya directamente al pulsar sobre este hipervínculo
00:09:00
me mandará a la página principal más o menos ya tengo creada mi página web me faltaría texto el
00:09:10
texto también es muy importante no poner mucho texto porque al final te satura cuando entras
00:09:16
en una página web con mucho texto, pero sí poner el texto resumido y más interesante
00:09:20
para que accedamos a él de forma rápida.
00:09:26
Ahora le digo guardar, ya me ha guardado mi página web, y si voy y abro Sistema Solar 1,
00:09:29
que es mi espacio web, y le digo que me abra planetas, ya los tengo aquí.
00:09:37
Al darle a la Tierra, me manda la Tierra, Marte, me manda Marte, Urano, me ha mandado Urano.
00:09:42
Si le doy a volver a página principal, me vuelve a página principal y como ya tengo toda mi página completamente estructurada, si voy nuevamente a planetas, me manda a planetas y si le doy a urano, vuelve a urano.
00:09:48
Bueno, pues ya sabemos cómo realizar una página web con hipervínculos o enlaces locales.
00:10:04
Se utiliza este tipo de estructura cuando yo voy a poner mucha información dentro de mi página web.
00:10:10
Y así lo que hago es ayudar al usuario a que busque la información que él necesita y no tenga que buscarla a él o pasar por toda la información.
00:10:16
Y hasta aquí hemos llegado con la explicación de esta parte de la página.
00:10:25
El siguiente videotutorial es para hacer un formulario para registro de usuarios en nuestra página web y con eso ya habremos acabado esta parte de diseño de páginas web.
00:10:30
Muchas gracias por vuestra atención y nos vemos ya en el último videotutorial del curso. Gracias.
00:10:43
- Subido por:
- Jaime S.
- Licencia:
- Dominio público
- Visualizaciones:
- 90
- Fecha:
- 10 de enero de 2022 - 20:33
- Visibilidad:
- Público
- Centro:
- IES GABRIEL CISNEROS
- Duración:
- 10′ 49″
- Relación de aspecto:
- 1.78:1
- Resolución:
- 1280x720 píxeles
- Tamaño:
- 112.23 MBytes
