Saltar navegación

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

Cómo publicar un sitio web en Internet - 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 14 de abril de 2020 por Inmaculada M.

213 visualizaciones

Más información Transcripción

Descargar la transcripción

Bueno chicos, ahora que ya sabéis manejar más o menos el lenguaje HTML, que habéis hecho páginas web y sitios web que algunos están bastante bien, vamos a ver cómo sería el siguiente paso, que sería publicar esa información en Internet. 00:00:03
Entonces, os he puesto aquí en el aula virtual, como siempre, los apuntes en PDF, para el que lo prefiera así, pero bueno, os voy a intentar explicar en este vídeo, así un poco para que os sea más fácil, cómo se hace. 00:00:17
Lo primero que tenéis que saber es que es un servidor web o un host y lo que es un dominio. 00:00:28
Bueno, un servidor web es simplemente un ordenador que está conectado permanentemente a internet 00:00:34
donde nosotros tenemos que subir nuestros archivos HTML, nuestro sitio web, 00:00:38
para que cuando desde otro ordenador se soliciten a través de un navegador, 00:00:45
un navegador son programas que tenemos nosotros instalados en nuestros ordenadores 00:00:49
como el Chrome, el Firefox, el Internet Explorer 00:00:52
Y esos programas lo que hacen es interpretar el código HTML que le manda los servidores. 00:00:55
Entonces, simplemente es un ordenador que es capaz de enviar esos archivos HTML cuando un cliente, se llaman así esos ordenadores, se lo solicita. 00:01:01
Se puede montar un servidor web en cualquier ordenador. 00:01:16
lo que ocurre es que normalmente hay empresas que tienen toda la infraestructura necesaria para hacerlo funcionar, 00:01:19
que son ordenadores más potentes, que además se encargan de que funcionen con antivirus y tengan sistemas de seguridad, 00:01:25
y entonces lo normal es que contratemos un servicio de hosting o de alojamiento web para subir nuestra página y que esté disponible en Internet. 00:01:32
Bueno, el otro concepto que tenéis que saber es lo que es un dominio. 00:01:40
Un dominio es simplemente un nombre único que identifica un sitio web en Internet. 00:01:44
Por ejemplo, este sería el dominio del instituto por el que el instituto paga una cantidad anual a un servicio de hosting y esa empresa se encarga de que la página esté siempre disponible, que funcione sin problemas y de reservarnos ese nombre para que sea único del instituto y nadie más lo pueda utilizar en el mundo. 00:01:48
Entonces, un dominio es una manera de llamar a un sitio web para que se pueda encontrar fácilmente. 00:02:07
Tiene que ser, ya hemos dicho, único en el mundo y lo normal es que haya que pagar una cantidad para reservar ese nombre. 00:02:13
Bueno, ya vimos que en realidad los ordenadores en cualquier tipo de red, por ejemplo Internet, es una red de ordenadores, se identifican por una dirección IP. 00:02:20
Nuestro servidor web también tiene una dirección IP, lo que pasa que sería más complicado tener que buscar la información a través de direcciones IP. 00:02:29
Entonces existen unos servicios que se llaman servidores de dominio o servidores DNS que lo que hacen es que identifican direcciones IP con nombres de dominio. 00:02:36
Entonces nosotros podemos buscar por el nombre de dominio y ese servicio se encarga de asociarlo a la IP correspondiente. 00:02:45
Bueno, nosotros vamos a utilizar lo que se llama un alojamiento web gratuito. 00:02:53
Hay muchas empresas que lo ofrecen y normalmente es a cambio de mostrar publicidad o de mandarte publicidad a un correo para hacer una primera prueba y para hacer una página personal así sin muchas pretensiones pues son adecuados y para empezar a probar. 00:02:57
Si luego ya alguno se dedica a la publicación web un poco más profesional pues tendría que hacer como por ejemplo hace el instituto y paga por un servicio de alojamiento de pago. 00:03:11
Bueno, he elegido este que se llama AdWare Space después de probar unos cuantos 00:03:22
que aunque está en inglés me ha parecido bastante sencillo de utilizar 00:03:27
y el único inconveniente que tiene es que limita el tamaño de nuestro sitio web 00:03:31
entonces hay que controlar el peso de las imágenes que subimos 00:03:37
para no superar el espacio que nos permite por cada alojamiento gratuito 00:03:39
Se registra mediante una cuenta de Google 00:03:44
y entonces es conveniente que tengáis una cuenta de Google que no sea la vuestra personal sino una para hacer pruebas 00:03:48
para poder elaborar vuestro sitio web y subirlo sin que os comprometa por otro lado. 00:03:54
Bueno, antes de subir nuestra página a internet tenemos que comprobar que lo tenemos bien configurado y que nos funciona bien en local. 00:04:05
Yo voy a utilizar el ejercicio que hicimos para la práctica 3 de la generación del 27 en el que hay varias páginas HTML y una página de estilos común 00:04:11
y lo principal es que tiene que haber una página index que va a ser la que el servidor va a detectar como principal 00:04:20
y a partir de la cual se va a poder acceder a las otras. 00:04:28
Entonces es importante que primero funcione bien el local con los enlaces bien colocados, 00:04:30
esté donde esté esa página para que luego funcione bien en el servidor. 00:04:35
Entonces una vez que hemos comprobado esto nos vamos al servicio de alojamiento, 00:04:40
esta es la dirección, podéis pinchar en el enlace que tenéis en los apuntes 00:04:45
y lo primero que me pide es que me identifique. 00:04:48
Entonces podéis registraros rellenando una ficha o con una cuenta de Google. 00:04:51
Yo utilizo cuentas de Google para hacer pruebas, 00:04:56
pues por ejemplo esta me la acabo de crear para entrar aquí ahora a verlo 00:05:00
y poder hacer las correspondientes pruebas sin comprometer mi cuenta más personal. 00:05:03
Bueno, me dice que me va a llevar ahora al panel de control 00:05:13
y me sale una página de bienvenida que le voy a decir que no me la vuelva a mostrar 00:05:15
y la cierro. Bueno, como me he registrado también a través de una red social, me dice 00:05:22
que si quiero cambiar la contraseña, pues como es una cuenta de prueba que he creado 00:05:29
solamente para esto, pues no la voy a cambiar. Si utilizáis vuestra cuenta personal, pues 00:05:32
a lo mejor sí que era conveniente que cambiaseis la contraseña. Voy a cerrar también esta 00:05:37
pantalla de bienvenida, porque os quiero enseñar a manejarlo desde el panel de control principal. 00:05:41
El panel principal de control es este, se llama Dashboard, si pincho en este enlace 00:05:46
pues me va a llevar a esta misma página, pero si estáis en otro sitio del sitio web y no sabéis muy bien dónde estáis, aquí siempre volvéis a esta página principal. 00:05:51
Vale, hay muchas otras herramientas que no vamos a utilizar y de todas las posibilidades que tiene, que tiene para subir páginas bastante más complicadas que las que nosotros estamos haciendo, 00:05:59
vamos a utilizar simplemente estos dos botones. Lo primero que necesitamos es un nombre de dominio para poder acceder a nuestro sitio web. 00:06:09
entonces pinchamos en el controlador de nombres de dominio 00:06:17
y vamos a decirle que nos cree un dominio gratuito 00:06:21
entonces ese dominio gratuito nos deja elegir la primera parte 00:06:24
y la segunda parte nos va a poner el nombre del servidor que tienen ellos 00:06:28
entonces este nombre tiene que ser original 00:06:34
que no lo haya utilizado nunca nadie antes 00:06:36
vamos a ver si eso está disponible 00:06:42
vale 00:06:44
pues poniendo algo por ejemplo 00:06:45
pjp el nombre del instituto y generación del 27 00:06:47
pues algo que no tenga 00:06:50
nada que ver y no se haya utilizado 00:06:52
vale este va a ser mi nombre 00:06:54
de dominio y este enlace 00:06:56
me va a llevar a mi página web una vez que tenga contenido 00:06:57
vuelvo 00:07:00
al panel de control 00:07:01
y lo siguiente que tengo que hacer ahora es 00:07:03
con el 00:07:06
el administrador 00:07:07
de ficheros 00:07:09
tengo que subir 00:07:10
mis archivos, mis ficheros que tengo en el ordenador al servidor. Entonces tengo que reproducir 00:07:12
un poco la estructura de archivos que tengo en mi ordenador local en el servidor. Bueno, 00:07:19
esta carpeta me la he creado con el nombre del dominio. Y dentro de esta carpeta es donde 00:07:24
tengo que reproducir la estructura de mi sitio web. Entonces abro la carpeta, ya estoy dentro 00:07:29
de la carpeta y le voy a decir que me suba los archivos. Entonces me sale una ventanita 00:07:37
para poder seleccionar los archivos y voy a subir estos primeros archivos incluyendo 00:07:43
la página index que ya digo que va a ser la primera y la principal que tengo que colocar. 00:07:49
Lo subo al servidor. Vale y ahora lo que voy a hacer es crear una carpeta que se llama 00:07:54
imágenes como la que tengo en mi sitio web. Imágenes sin el acento que ya sabéis que 00:08:02
no es conveniente utilizar acentos en internet, puesto que hay países donde no se utilizan. 00:08:07
Entonces creo mi carpeta imágenes exactamente igual que la tengo en mi sitio web en local, 00:08:14
la abro y voy a subir dentro de esa carpeta las imágenes que también tengo dentro de 00:08:18
mi carpeta imágenes en mi ordenador. Se trata de reproducir la misma estructura de archivos 00:08:24
que tenemos en local en el servidor. Entonces tengo las fotos que son archivos jpg, ya os 00:08:34
he dicho que tenéis que tener cuidado con que las fotos no ocupen demasiado espacio 00:08:56
porque hay una limitación de espacio en este sitio web, con esto subiría de nivel al nivel 00:09:00
anterior que sería mi carpeta principal donde tengo mi página index. 00:09:06
vale, así que mi servidor 00:09:11
o sea, mi dominio en internet ya tiene contenido 00:09:14
ahora tendría que ir a verlo 00:09:18
voy al panel de control otra vez 00:09:20
y si me hubiera fijado antes en el nombre del dominio 00:09:23
pues podría utilizarlo 00:09:27
pues como no me he fijado 00:09:29
aquí tengo el dominio que he creado antes 00:09:31
y en este enlace de aquí 00:09:33
me dice que está funcionando 00:09:35
y que puedo ir a verlo 00:09:37
vale, pincho y este es mi nombre de dominio 00:09:40
pjpgenacen27 que es lo que he puesto yo 00:09:44
esto es lo que me ponen ellos y esta es mi página 00:09:46
entonces mi página funciona 00:09:48
y si he hecho bien los enlaces, si he colocado bien las fotos 00:09:51
he puesto bien los nombres 00:09:55
debería funcionar igual que funcionaba el local 00:09:56
vale, entonces ahora para que me entreguéis el ejercicio 00:09:59
lo único que tenéis que hacer es copiarme esta dirección 00:10:03
y pegármela en la entrega correspondiente del aula virtual. 00:10:06
Espero que os salga bien y ver vuestras páginas en internet pronto. 00:10:12
Materias:
Tecnologías de la Información
Niveles educativos:
▼ Mostrar / ocultar niveles
  • Educación Especial
    • Educación Basica Obligatoria
      • Infantil
      • Básica 1
      • Básica 2
    • Programas de formación para la transición a la vida adulta
      • Tránsito a la vida adulta
      • Programas de iniciacion profesional especial
  • Educación Infantil
    • Primer Ciclo
      • Primer Curso
      • Segundo Curso
      • Tercer Curso
    • Segundo Ciclo
      • Primer Curso
      • Segundo Curso
      • Tercer Curso
  • Educación Primaria
    • Primer Ciclo
      • Primer Curso
      • Segundo Curso
    • Segundo Ciclo
      • Tercer Curso
      • Cuarto Curso
    • Tercer Ciclo
      • Quinto Curso
      • Sexto Curso
  • 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
  • Educación de personas adultas
    • Enseñanza básica para personas adultas
      • Alfabetización
      • Consolidación de conocimientos y técnicas instrumentales
    • Enseñanzas Iniciales
      • I 1º curso
      • I 2º curso
      • II 1º curso
      • II 2º curso
    • ESPAD
      • Primer Curso
      • Segundo Curso
      • Tercer Curso
      • Cuarto Curso
    • Pruebas libres título G ESO
    • Formación Técnico Profesional y Ocupacional
    • Alfabetización en lengua castellana (español para inmigrantes)
    • Enseñanzas para el desarrollo personal y la participación
    • Bachillerato adultos y distancia
      • Primer Curso
      • Segundo Curso
    • Enseñanza oficial de idiomas (That's English)
      • Módulo 1
      • Módulo 2
      • Módulo 3
      • Módulo 4
      • Módulo 5
      • Módulo 6
      • Módulo 7
      • Módulo 8
      • Módulo 9
    • Ciclo formativo grado medio a distancia
      • Primer Curso
      • Segundo Curso
    • Ciclo formativo grado superior a distancia
      • Primer Curso
      • Segundo Curso
    • Aulas Mentor
    • Ciclo formativo de grado básico
    • Primer Curso
    • Segundo Curso
    • Niveles para la obtención del título de E.S.O.
      • Nivel I
      • Nivel II
  • Enseñanzas de régimen especial
    • Escuelas oficiales de idioma
      • Nivel básico
        • Básico 1
        • Básico 2
      • Nivel Intermedio
        • Intermedio 1
        • Intermedio 2
      • Nivel Avanzado
        • Avanzado 1
        • Avanzado 2
    • Enseñanzas artísticas
      • Enseñanzas de artes plásticas y diseño
        • Ciclo formativo de grado medio
          • Primer Curso
          • Segundo Curso
        • Ciclo formativo de grado superior
          • Primer Curso
          • Segundo Curso
      • Estudios superiores de diseño (Interiores)
        • Primer Curso
        • Segundo Curso
        • Tercer Curso
      • Enseñanzas de música
        • Grado Elemental
          • Primer Curso
          • Segundo Curso
          • Tercer Curso
          • Cuarto Curso
        • Grado Medio
          • Primer Ciclo
            • Primer Curso
            • Segundo Curso
          • Segundo Ciclo
            • Tercer Curso
            • Cuarto Curso
          • Tercer Ciclo
            • Quinto Curso
            • Sexto Curso
        • Grado Superior
          • Primer Curso
          • Segundo Curso
          • Tercer Curso
          • Cuarto Curso
          • Quinto Curso
      • Enseñanzas de danza
        • Grado Elemental
          • Primer Curso
          • Segundo Curso
          • Tercer Curso
          • Cuarto Curso
        • Grado Medio
          • Primer Ciclo
            • Primer Curso
            • Segundo Curso
          • Segundo Ciclo
            • Tercer Curso
            • Cuarto Curso
          • Tercer Ciclo
            • Quinto Curso
            • Sexto Curso
        • Grado Superior
          • Primer Curso
          • Segundo Curso
          • Tercer Curso
          • Cuarto Curso
      • Enseñanzas de arte dramático
        • Grado Superior
          • Primer Curso
          • Segundo Curso
          • Tercer Curso
          • Cuarto Curso
    • Enseñanzas deportivas
      • Técnico Deportivo
      • Técnico Deportivo Superior
Autor/es:
Inma Mallol Poyato
Subido por:
Inmaculada M.
Licencia:
Reconocimiento - No comercial - Compartir igual
Visualizaciones:
213
Fecha:
14 de abril de 2020 - 13:38
Visibilidad:
Público
Centro:
IES PROFESOR JULIO PÉREZ
Duración:
10′ 24″
Relación de aspecto:
1.78:1
Resolución:
1024x576 píxeles
Tamaño:
324.08 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid