1
00:00:00,180 --> 00:00:19,620
Hola de nuevo. Continuamos con la edición de páginas web y ahora os voy a explicar cómo crear la página principal a partir de vuestra temática y siguiendo la estructura general de la página que yo os voy a crear ahora y de la cual os dejo en PDF toda la estructura para que os podáis guiar a la hora de realizarla.

2
00:00:19,620 --> 00:00:34,159
En primer lugar, cuando me he creado mi espacio web en la práctica anterior, me he creado diferentes archivos en HTML y dentro de la página web ya debo de tener las imágenes que voy a ir utilizando en mi página web.

3
00:00:34,799 --> 00:00:41,859
Yo voy a hacer la página principal y voy a colocar en ella cuatro imágenes diferentes, las cuatro que tenéis aquí.

4
00:00:42,659 --> 00:00:44,979
Ya deben de estar dentro de esa carpeta de imágenes.

5
00:00:45,840 --> 00:00:48,479
Siguiente paso, abro el programa Composer.

6
00:00:48,479 --> 00:00:53,700
vosotros lo más seguros que ya lo tengáis abierto y con las páginas cargadas lo siguiente que hago

7
00:00:53,700 --> 00:01:03,060
es archivo abrir archivo y dentro del escritorio sistema solar 1 voy a abrir la página index la

8
00:01:03,060 --> 00:01:09,120
página index solamente tiene el color de fondo azul yo ahora lo que voy a hacer es colocar el

9
00:01:09,120 --> 00:01:20,390
el primer rótulo, el sistema solar. Lo voy a centrar, lo selecciono, lo pongo en negrita

10
00:01:20,390 --> 00:01:26,209
y aquí es el color de texto, abajo si os dais cuenta es color de fondo, pues en color

11
00:01:26,209 --> 00:01:33,810
de texto vengo y le digo que quiero este color de texto, color naranja oscuro. Aumento el

12
00:01:33,810 --> 00:01:39,450
tamaño, hasta el tamaño que yo quiera, intro y debajo lo que voy a hacer es colocar un

13
00:01:39,450 --> 00:01:44,829
texto. Yo ahora escribiría el texto pero para no hacer tan largo el vídeo lo tengo en formato Word

14
00:01:44,829 --> 00:01:56,390
y lo que hago es copiar y aquí control c es copiar, control v es pegar. Si os dais cuenta el texto como

15
00:01:56,390 --> 00:02:01,989
lo he copiado y lo he pegado mantiene un formato anterior con lo cual en las páginas web es muy

16
00:02:01,989 --> 00:02:07,269
importante no mantener los formatos anteriores. Para eso lo selecciono y le digo botón derecho

17
00:02:07,269 --> 00:02:14,830
pegar sin formato y si os dais cuenta ya me ha cambiado completamente el formato. Ahora le digo

18
00:02:14,830 --> 00:02:21,449
que lo justifique, es decir, que lo haga todo el ancho de la página y voy a aumentar un poco el

19
00:02:21,449 --> 00:02:29,020
tamaño de texto para que se lea bien. Ya lo tenemos hecho. Lo siguiente que voy a hacer es crear una

20
00:02:29,020 --> 00:02:35,500
tabla sin los márgenes visibles de manera que me permita estructurar mi página web poniendo

21
00:02:35,500 --> 00:02:41,780
imágenes y texto donde yo quiera. Si evidentemente no pongo una tabla, el texto se mezclará con las

22
00:02:41,780 --> 00:02:48,960
imágenes y no va a quedar nada bien en mi página web. Lo siguiente que hago es tabla, insertar tabla,

23
00:02:49,819 --> 00:02:58,080
perdonad, tabla, insertar tabla y le digo que quiero una tabla de dos filas por tres columnas.

24
00:02:58,580 --> 00:03:04,259
Ya me la ha incluido aquí. Lo siguiente que hago es poner ya los rótulos que luego van a ser

25
00:03:04,259 --> 00:03:18,159
enlaces. Voy a poner aquí la estrella del sol. Y aquí ahora vengo y le digo insertar

26
00:03:18,159 --> 00:03:31,120
imagen y dentro de sistema solar, imágenes, página 1, pongo la imagen del sol. Es importante

27
00:03:31,120 --> 00:03:34,719
que pongamos un texto relevante antes de insertarla.

28
00:03:34,960 --> 00:03:39,379
Lo ponemos. Aceptamos. Ya tenemos la imagen del Sol.

29
00:03:40,939 --> 00:03:42,740
Le voy a decir que lo centre

30
00:03:42,740 --> 00:03:47,139
dentro de la celda y ya en la siguiente celda lo que voy

31
00:03:47,139 --> 00:03:49,539
a poner es características de los planetas.

32
00:04:01,699 --> 00:04:04,439
Ahora lo que hago es insertar una imagen

33
00:04:04,439 --> 00:04:08,080
en la que vienen los planetas.

34
00:04:08,080 --> 00:04:22,759
Texto alternativo, planetas, acepto y ya la tengo. Lo mismo que antes, selecciono todo y lo acepto.

35
00:04:24,920 --> 00:04:41,959
Siguiente paso, pues voy a hablar del planeta con vida, la Tierra. Y voy a insertar una imagen del planeta con vida, Tierra.

36
00:04:41,959 --> 00:04:55,470
Voy aquí. Todas las imágenes se insertan, no se copian ni pegan. Todo lo que yo copie y pegue directamente no estará en la carpeta de imágenes y luego no va a aparecer.

37
00:04:57,550 --> 00:05:08,910
Centro. Vale, aquí solamente quiero yo poner una imagen combinadas con las otras. Pues vengo, le digo botón derecho, unir celdas seleccionadas, ya las une.

38
00:05:08,910 --> 00:05:19,410
y aquí lo que voy a poner es registro, inserto la imagen de registro,

39
00:05:25,259 --> 00:05:32,519
es muy importante poner siempre la descripción de la imagen y ahora lo mismo, hago esto y centro todo.

40
00:05:33,079 --> 00:05:39,500
Ya tengo mi página web, lo único que la tabla debería ser centrada en la página, pues selecciono la tabla,

41
00:05:39,500 --> 00:05:51,560
Un momento, botón derecho, propiedades de celda y tabla y en tabla le digo alineación de tabla centrada.

42
00:05:52,540 --> 00:05:55,199
Acepto y ya me ha centrado mi tabla.

43
00:05:56,100 --> 00:06:08,019
Lo siguiente que tengo que hacer es crear hipervínculos, es decir, que al darle a la imagen del sol vaya a la página del sol, etc.

44
00:06:08,019 --> 00:06:19,399
Entonces vengo aquí y pulsando sobre este texto le digo enlace, ¿a dónde? Sistema solar 1 y le pongo sol.

45
00:06:21,620 --> 00:06:25,720
Ya me crea el hipervínculo, aparece subrayado con lo cual es un hipervínculo.

46
00:06:25,839 --> 00:06:26,779
Lo mismo haré con la imagen.

47
00:06:28,040 --> 00:06:36,889
Enlace, lo mismo voy a hacer con el rótulo de características de planetas.

48
00:06:38,569 --> 00:06:42,209
Insertar enlace a planetas.

49
00:06:43,910 --> 00:06:46,490
Y lo mismo voy a hacer con su imagen correspondiente.

50
00:06:50,360 --> 00:06:53,199
Planetas, abrir, aceptar.

51
00:06:54,120 --> 00:06:58,860
Esta irá a la página tierra.

52
00:07:03,629 --> 00:07:04,949
Lo mismo con su imagen.

53
00:07:11,889 --> 00:07:14,850
Y por último nos queda el registro.

54
00:07:15,550 --> 00:07:18,709
El registro irá a la página.

55
00:07:19,850 --> 00:07:22,670
Registro, abrir, aceptar.

56
00:07:22,670 --> 00:07:26,129
Y sobre su imagen correspondiente vuelvo a hacer lo mismo.

57
00:07:26,129 --> 00:07:34,889
página registro abrir y aceptar ya he hecho mi página principal he puesto las imágenes con su

58
00:07:34,889 --> 00:07:41,129
tabla correspondiente he hecho absolutamente todo y me he creado por último los vínculos o enlaces

59
00:07:41,129 --> 00:07:51,540
a las otras páginas debéis hacer otra página más entonces abriría la página sol abrir la página

60
00:07:51,540 --> 00:07:57,439
sol yo puse un sol de fondo aquí vosotros tenéis que hacer una página de diseño libre yo en mi

61
00:07:57,439 --> 00:08:02,660
página he puesto rótulo, texto, imagen, vosotros podéis poner una tabla y hacer

62
00:08:02,660 --> 00:08:08,259
como queráis esta página. Esta página os la dejo a diseño libre, no la página

63
00:08:08,259 --> 00:08:13,100
principal que es tal cual. Entonces ahora voy y le digo guardar la página

64
00:08:13,100 --> 00:08:18,779
principal, guardaríais, la página sol no es necesario guardarla porque no la he

65
00:08:18,779 --> 00:08:30,839
modificado y si cierro y me voy a sistema solar y abro la página index pues ya me aparece en mi

66
00:08:30,839 --> 00:08:37,740
página tal y como yo la he hecho y si le doy a sol me va a sol no tengo un texto para poder

67
00:08:37,740 --> 00:08:44,379
volver a la página principal eso ya lo haremos y si pulso sobre el resto de páginas me las va

68
00:08:44,379 --> 00:08:50,960
haciendo con que me abre la página con el navegador aquí no me permite editar si yo quiero editarla

69
00:08:50,960 --> 00:08:55,720
lo que tengo que hacer es simplemente abrirla con el Composer y cambiarla.

70
00:08:56,559 --> 00:09:00,080
Por último, ¿cómo me tenéis que enviar la práctica?

71
00:09:00,519 --> 00:09:05,820
Porque ya sabéis que no se puede ajuntar una carpeta completa a través del correo electrónico.

72
00:09:06,460 --> 00:09:09,360
Pues básicamente lo que hago es esta carpeta comprimirla.

73
00:09:10,080 --> 00:09:15,860
Botón derecho, enviar a carpeta comprimida en formato ZIT o formato RAR, da igual.

74
00:09:15,860 --> 00:09:24,779
La envío, ya me aparece aquí sistema solar y esta carpeta tal cual si permite adjuntarla en el correo electrónico y me la enviáis.

75
00:09:25,179 --> 00:09:35,519
En esa carpeta vendrán todos los archivos HTML y vendrán también todas las imágenes que vosotros habéis utilizado dentro de la carpeta imagen y así la podréis corregir perfectamente.

76
00:09:36,440 --> 00:09:42,519
Ya tenemos hecha la página principal, una página más y me las enviáis para su corrección

77
00:09:42,519 --> 00:09:49,779
y luego ya nos queda hacer dos, tres páginas más que las haremos con los siguientes videotutoriales.

78
00:09:50,299 --> 00:09:54,659
Bueno, muchas gracias por vuestra atención y nos vemos en la siguiente práctica y videotutorial.