1
00:00:00,000 --> 00:00:04,639
Hola de nuevo, os voy a explicar cómo hacer nuestra primera página web.

2
00:00:04,980 --> 00:00:12,480
Dentro del tema de edición de páginas web, en este videotutorial os voy a explicar cómo crear la estructura general de nuestra página web.

3
00:00:13,060 --> 00:00:21,879
En primer lugar, ya habréis elegido una temática de vuestra página web y lo siguiente que vamos a hacer es crear la estructura general a partir de mi temática.

4
00:00:22,000 --> 00:00:28,420
Es decir, yo he elegido la temática del sistema solar y dentro del sistema solar voy a hablar del sol y de los planetas.

5
00:00:28,420 --> 00:00:37,140
Yo voy a hacer una estructura general y vosotros vais a adaptar esta estructura general a vuestra temática de la página web.

6
00:00:37,619 --> 00:00:44,219
Lo primero que hay que hacer para crear una página web es crearte un espacio web, que al fin y al cabo es una carpeta.

7
00:00:44,679 --> 00:00:53,320
Yo la voy a crear en el escritorio, nueva carpeta, que la voy a llamar sistema solar 1.

8
00:00:53,320 --> 00:01:01,320
Y dentro de esa carpeta, pues tenéis que crear otra nueva carpeta que sea imágenes.

9
00:01:03,460 --> 00:01:11,060
Dentro de esta carpeta imágenes, dentro de vuestro espacio web, tenéis que poner todas las imágenes que vais a utilizar en vuestra página web.

10
00:01:11,480 --> 00:01:21,760
Imagen que no esté dentro de esta carpeta va a ser imagen que no aparezca en mi página web cuando a mí me la envíéis y en el caso necesario, cuando se suba al servidor, tampoco aparecería.

11
00:01:21,760 --> 00:01:27,620
Si habéis visto alguna página web en la que habéis entrado y os aparece un cuadro con una X

12
00:01:27,620 --> 00:01:33,420
significa que esa imagen no está cargada y que no se ha subido correctamente dentro de la carpeta de imágenes

13
00:01:33,420 --> 00:01:38,219
Una vez que yo ya me he creado el sitio web, es decir, la carpeta

14
00:01:38,219 --> 00:01:41,579
lo que hago es abrir el programa para editar la página web

15
00:01:41,579 --> 00:01:44,920
El programa para editar la página web es Composer

16
00:01:44,920 --> 00:01:48,140
Ya me aparece una página en blanco sin título

17
00:01:48,140 --> 00:01:59,739
Lo primero que voy a hacer es archivo, guardar como, vale, el título de la página es lo que aparece cuando carga en el navegador la página, es lo que aparece arriba.

18
00:02:00,659 --> 00:02:12,680
Y muy importante, esta es la página principal, la voy a guardar como index, como index dentro del espacio web que yo me he creado,

19
00:02:12,680 --> 00:02:19,639
Es decir, en el escritorio, sistema solar 1, la página principal la guardo con nombre de archivo index.

20
00:02:21,340 --> 00:02:26,479
Y aparece el título como principal y está guardada dentro de la carpeta como index.

21
00:02:26,919 --> 00:02:31,460
Lo siguiente que voy a hacer es formato, colores y fondo de página.

22
00:02:33,680 --> 00:02:37,360
Aquí viene el color de texto predeterminado en negro, luego lo vamos a poder cambiar.

23
00:02:37,360 --> 00:02:46,560
el texto del enlace en color azul cuando no has entrado, cuando está entrando y en color violeta cuando ya has entrado o visitado ese enlace.

24
00:02:47,259 --> 00:02:55,520
Y por último, el color de fondo, pues voy a poner un color azul claro para esta página principal.

25
00:02:56,900 --> 00:03:06,300
Me he creado la página principal, nuestra página va a tener una página principal y cuatro páginas más en las que voy a dividir la temática de mi página entre ellas.

26
00:03:07,360 --> 00:03:10,479
Ya tengo la página principal y me creo una nueva página.

27
00:03:11,439 --> 00:03:22,870
Siguiente, archivo, guardar como, título le voy a poner sol y a la guardo dentro de sistema solar como sol.

28
00:03:23,289 --> 00:03:32,439
En esta página voy a poner en lugar de un color de fondo, voy a usar una imagen.

29
00:03:34,080 --> 00:03:40,219
Las imágenes si tienen tamaño pequeño se repiten hasta que llena todo el ancho de mi página.

30
00:03:41,180 --> 00:03:44,639
Si tiene tamaño grande, pues puedo incluso a no llegar a repetirse.

31
00:03:45,719 --> 00:03:53,939
Voy a poner el sol y veréis como aquí se me repite tantas veces como sea necesario para cubrir el ancho total de toda la página.

32
00:03:54,840 --> 00:04:01,520
Evidentemente cuando yo pongo una imagen de fondo queda muy bonito, pero hay que tener mucho cuidado a la hora de seleccionar el color de texto.

33
00:04:02,219 --> 00:04:07,159
Yo aquí teniendo colores negros oscuros no puedo poner el texto en color negro porque no se va a leer.

34
00:04:07,819 --> 00:04:09,900
Tendría que poner el texto en color blanco.

35
00:04:10,219 --> 00:04:13,080
Voy a mantener esta imagen aunque no queda bien.

36
00:04:13,719 --> 00:04:18,459
Tendría que haber puesto una imagen grande de fondo para luego poder escribir encima en color blanco.

37
00:04:22,740 --> 00:04:28,740
Vuelvo a crear una nueva página, archivo, guardar como y la voy a llamar planetas.

38
00:04:33,240 --> 00:04:35,720
Y la guardo con el nombre de archivo planetas.

39
00:04:36,360 --> 00:04:44,300
Y en formato colores de fondo de la página, en color de fondo voy a ponerle un color verde.

40
00:04:44,300 --> 00:05:06,389
Ya tengo la página principal más dos más y ahora me quedan otras dos. Creo otra página nueva, formato, colores de fondo de la página, uso los mismos colores pero en el color de fondo le voy a poner un color amarillo nuevamente.

41
00:05:07,649 --> 00:05:18,040
Le he puesto un color de fondo pero como no lo ha guardado vengo y le digo archivo guardar como y aquí yo en esta página voy a hablar de la tierra.

42
00:05:19,160 --> 00:05:20,660
Aguardo como tierra.

43
00:05:21,759 --> 00:05:23,740
Y por último me creo una nueva página.

44
00:05:24,839 --> 00:05:29,519
Esta página, archivo guardar como, la voy a llamar registro.

45
00:05:32,720 --> 00:05:35,319
Y con nombre de archivo, registro.

46
00:05:37,889 --> 00:05:40,050
Cambio el color de fondo de mi página.

47
00:05:42,470 --> 00:05:44,209
Le voy a poner un color violeta.

48
00:05:46,959 --> 00:05:48,639
Y ya tengo la estructura de mi página.

49
00:05:48,860 --> 00:05:51,379
La página principal en la que no he puesto nada de texto.

50
00:05:52,079 --> 00:05:55,439
La página sol, planetas, tierra y registro.

51
00:05:55,980 --> 00:06:01,420
Vosotros tenéis que crearos la estructura de vuestra página haciendo todos los pasos que yo acabo de hacer,

52
00:06:02,000 --> 00:06:10,160
pero poniendo el nombre a cada una de las páginas en función de vuestra temática y la que vais a desarrollar en cada una de las páginas.

53
00:06:10,540 --> 00:06:24,300
Si yo ahora minimizo el Composer y vengo a Sistema Solar 1, pues ya os dais cuenta que tengo la página principal, planetas, registro sol y tierra.

54
00:06:24,899 --> 00:06:26,399
Todas las páginas que me he creado.

55
00:06:26,399 --> 00:06:39,180
Si ahora abro index, directamente me aparece la página con el color que yo he puesto, porque no he puesto nada más, y en esta página me la ha abierto con el navegador.

56
00:06:39,379 --> 00:06:43,620
El navegador a mí no me permite editar, simplemente el navegador es para visualizar.

57
00:06:44,360 --> 00:06:49,220
Para poderla editar debería abrir Composer nuevamente, abrir la página y editarla.

58
00:06:50,100 --> 00:06:58,959
Ahora tenéis que crear la estructura de vuestra página y ya en el siguiente videotutorial os digo cómo crear la página principal y la segunda página adicional.

59
00:06:59,759 --> 00:07:02,819
Nos vemos dentro de un poco en el siguiente videotutorial. Hasta ahora.