1 00:00:00,000 --> 00:00:04,919 Hola de nuevo, nosotros seguimos diseñando la página web que comenzamos la semana pasada. 2 00:00:05,559 --> 00:00:14,060 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. 3 00:00:14,960 --> 00:00:18,839 Nos hemos creado ya la página principal, index, y la hemos llenado de contenido. 4 00:00:19,739 --> 00:00:27,620 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. 5 00:00:27,620 --> 00:00:37,140 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. 6 00:00:37,759 --> 00:00:43,479 Hoy os voy a explicar con este videotutorial cómo realizar una página con enlaces o hipervínculos locales. 7 00:00:44,299 --> 00:00:49,500 Luego vais a hacer otra página más de página de diseño libre, tanto temática y estructura libre 8 00:00:49,500 --> 00:00:56,679 y por último la quinta página va a ser un formulario de registro para interactuar con el usuario, 9 00:00:56,679 --> 00:01:05,680 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 10 00:01:05,680 --> 00:01:10,219 pero relacionado con la temática que nosotros hemos elegido para nuestra página web. 11 00:01:11,040 --> 00:01:21,959 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, 12 00:01:22,659 --> 00:01:27,159 Luego yo tengo dos páginas, Sol y Tierra, que serían las páginas de diseño libre. 13 00:01:27,879 --> 00:01:31,019 Vosotros, los nombres van adaptados a vuestra temática. 14 00:01:32,000 --> 00:01:35,700 Luego tengo la página Planetas, que es la que vamos a hacer en este videotutorial 15 00:01:35,700 --> 00:01:40,560 para explicaros cómo realizar una página con hipervínculos o enlaces locales. 16 00:01:40,560 --> 00:01:42,719 Y luego la página de registro. 17 00:01:43,700 --> 00:01:50,540 Vamos a visualizar la estructura de una página con hipervínculos locales. 18 00:01:50,540 --> 00:02:11,219 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. 19 00:02:11,219 --> 00:02:21,460 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. 20 00:02:22,139 --> 00:02:33,520 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. 21 00:02:33,520 --> 00:02:39,560 Vale, siguiente paso que tenemos que hacer es abrir el programa con Boxer 22 00:02:39,560 --> 00:02:49,310 Y vamos a abrir la página planetas, que es en la que yo me voy a crear los hipervínculos locales 23 00:02:49,310 --> 00:02:54,930 La página está vacía y con un fondo verde y lo que voy a hacer es completarla 24 00:02:54,930 --> 00:02:59,930 Los planetas del sistema solar 25 00:02:59,930 --> 00:03:09,099 Este es un rótulo, lo centro, aumento de tamaño 26 00:03:09,099 --> 00:03:15,759 y le voy a poner un color diferente, este color anaranjado muy oscuro. 27 00:03:16,439 --> 00:03:17,759 Ya tengo puesto el rótulo. 28 00:03:18,460 --> 00:03:21,939 Ahora voy a hacer por medio de una tabla el índice. 29 00:03:23,159 --> 00:03:26,780 Pues vengo y le digo tabla, insertar, tabla. 30 00:03:28,020 --> 00:03:32,400 Voy a hacer una tabla de una fila, evidentemente, por tres columnas. 31 00:03:32,840 --> 00:03:36,939 No voy a hacer todos los planetas del sistema solar porque me quedaría muy largo para realizar el vídeo. 32 00:03:37,400 --> 00:03:40,360 Solamente voy a poner tres planetas del sistema solar. 33 00:03:41,620 --> 00:03:44,039 Selecciono y ya me he insertado la tabla. 34 00:03:44,300 --> 00:03:46,139 Ahora en esta celda voy a poner la Tierra. 35 00:03:49,099 --> 00:03:51,680 En la siguiente voy a poner Marte. 36 00:03:52,659 --> 00:03:56,000 En la siguiente voy a poner a Urano, el planeta azul. 37 00:03:56,840 --> 00:04:00,120 Voy a estirar un poco la tabla para que el contenido quede mejor. 38 00:04:01,300 --> 00:04:03,599 Centro el contenido de la tabla. 39 00:04:03,599 --> 00:04:11,099 y lo siguiente que voy a hacer es centrar la tabla en medio de mi página web, en medio de la pantalla 40 00:04:11,099 --> 00:04:14,159 y centrar también la altura del texto. 41 00:04:14,919 --> 00:04:23,160 Vengo y le digo botón derecho, propiedades de celda y en tabla, alineación de la tabla, le digo centrarla. 42 00:04:24,079 --> 00:04:30,300 Y si me vengo a celdas, le digo alineación vertical del texto para que quede centrado en la tabla, 43 00:04:31,000 --> 00:04:32,920 le voy a decir que lo coloque en medio. 44 00:04:32,920 --> 00:04:36,600 Aplico, acepto y ya lo tengo colocado. 45 00:04:39,149 --> 00:04:43,529 Ahora voy a poner ya la tabla de desarrollo de la Tierra, Marte y Urano. 46 00:04:44,170 --> 00:04:47,810 Entonces voy y le digo insertar nuevamente una tabla. 47 00:04:48,329 --> 00:04:51,829 Voy a insertar una tabla de tres filas por tres columnas. 48 00:04:54,329 --> 00:04:55,810 Y aquí ya pongo imágenes. 49 00:04:56,930 --> 00:05:02,740 Y le digo insertar imagen y voy a poner en primer lugar la Tierra. 50 00:05:04,540 --> 00:05:05,959 Texto alternativo siempre hay que poner. 51 00:05:06,160 --> 00:05:08,279 Pongo Tierra 1, acepto. 52 00:05:09,100 --> 00:05:21,759 Voy a esta celda y nuevamente inserto una imagen, abrir, esa imagen es tierra 2, acepto. 53 00:05:22,600 --> 00:05:26,339 En el centro voy a poner la tierra. 54 00:05:33,810 --> 00:05:40,550 No voy a colocar yo más texto, debería colocar un texto descriptivo de la tierra con características, dimensiones, etc. 55 00:05:40,889 --> 00:05:43,709 Pero bueno, para no hacer tan largo el vídeo no lo voy a colocar. 56 00:05:44,629 --> 00:05:50,829 Ahora voy y le digo imagen, insertar imagen, voy a poner a Marte, el planeta naranja. 57 00:05:52,389 --> 00:06:01,610 Marte, y aquí otra nueva imagen, Marte 2. 58 00:06:04,089 --> 00:06:05,490 Marte 2. 59 00:06:07,069 --> 00:06:09,689 Aquí en el centro, Marte. 60 00:06:10,709 --> 00:06:14,509 Y por último voy a poner la imagen de Urano. 61 00:06:14,509 --> 00:06:34,209 urano 1 abrir y aquí pongo nuevamente urano 2 os dais cuenta todas las imágenes tienen que 62 00:06:34,209 --> 00:06:41,029 estar dentro de la carpeta imagen porque si no luego cuando salga vuestra web tanto para 63 00:06:41,029 --> 00:06:45,930 mandarlo a mí para corregir o se suba a un servidor no van a aparecer esas imágenes si 64 00:06:45,930 --> 00:06:51,290 no están dentro de esa carpeta pongo urano y ahora lo siguiente que voy a hacer con la 65 00:06:51,290 --> 00:06:59,930 tabla es lo mismo. Primero centrar todo el contenido de la tabla, botón derecho, propiedades 66 00:06:59,930 --> 00:07:10,230 de celda y en tabla le voy a decir alineación centrada en el centro de mi página web. Ya 67 00:07:10,230 --> 00:07:14,550 más o menos tengo mi página web hecha y ahora lo que necesito es que al darle al planeta 68 00:07:14,550 --> 00:07:19,250 tierra me mande aquí y al darle a Marte me mande a Marte. Para eso tengo que colocar 69 00:07:19,250 --> 00:07:30,670 un ancla o un enlace interno. Aquí coloco un enlace interno que es Tierra. Me he puesto 70 00:07:30,670 --> 00:07:40,079 el enlace interno. Aquí pongo otro enlace interno que es Marte. Y por último, aquí 71 00:07:40,079 --> 00:07:48,430 coloco otro enlace interno que es Urano, el planeta azul. Y ahora, una vez que he puesto 72 00:07:48,430 --> 00:07:54,449 los enlaces internos, el ancla, lo que hago es seleccionar el texto 73 00:07:54,449 --> 00:07:56,810 y poner ya un hipervínculo, un enlace. 74 00:07:57,889 --> 00:08:03,290 Abro la pestaña y ya me aparecen aquí los enlaces internos que he puesto. 75 00:08:03,449 --> 00:08:06,990 Pues le pongo que a darle a la Tierra, manda a la Tierra, acepto, 76 00:08:08,490 --> 00:08:15,329 a Marte, pongo enlace, Marte, acepto, 77 00:08:15,329 --> 00:08:26,250 Y por último, a Urano, nuevamente un enlace interno que me mande a Urano. 78 00:08:27,370 --> 00:08:33,690 Acepto y ahora comprobaré cómo funcionan estos hipervínculos abriendo la página con el navegador. 79 00:08:35,330 --> 00:08:40,389 Aquí lo que voy a hacer ahora es colocar un enlace para volver a la página principal. 80 00:08:40,389 --> 00:08:48,440 Un momento, quito las mayúsculas, volver a la página. 81 00:08:48,720 --> 00:09:00,889 selecciono el texto lo voy a poner más pequeño y ahora lo que hago es crear un enlace abro la 82 00:09:00,889 --> 00:09:10,470 carpeta y dentro del sistema solar uno a index y ya directamente al pulsar sobre este hipervínculo 83 00:09:10,470 --> 00:09:16,590 me mandará a la página principal más o menos ya tengo creada mi página web me faltaría texto el 84 00:09:16,590 --> 00:09:20,909 texto también es muy importante no poner mucho texto porque al final te satura cuando entras 85 00:09:20,909 --> 00:09:26,309 en una página web con mucho texto, pero sí poner el texto resumido y más interesante 86 00:09:26,309 --> 00:09:28,809 para que accedamos a él de forma rápida. 87 00:09:29,389 --> 00:09:37,629 Ahora le digo guardar, ya me ha guardado mi página web, y si voy y abro Sistema Solar 1, 88 00:09:37,750 --> 00:09:41,809 que es mi espacio web, y le digo que me abra planetas, ya los tengo aquí. 89 00:09:42,269 --> 00:09:48,990 Al darle a la Tierra, me manda la Tierra, Marte, me manda Marte, Urano, me ha mandado Urano. 90 00:09:48,990 --> 00:10:03,429 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. 91 00:10:04,929 --> 00:10:09,850 Bueno, pues ya sabemos cómo realizar una página web con hipervínculos o enlaces locales. 92 00:10:10,549 --> 00:10:16,730 Se utiliza este tipo de estructura cuando yo voy a poner mucha información dentro de mi página web. 93 00:10:16,730 --> 00:10:23,929 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. 94 00:10:25,350 --> 00:10:29,690 Y hasta aquí hemos llegado con la explicación de esta parte de la página. 95 00:10:30,950 --> 00:10:43,049 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. 96 00:10:43,049 --> 00:10:48,629 Muchas gracias por vuestra atención y nos vemos ya en el último videotutorial del curso. Gracias.