YouTube, ¡¡¡Mi primer vídeo!!!

¿Quién no ha querido ser Youtuber, al menos por un día?

Lo primero es registrarnos con nuestra cuenta de correo electrónico habitual en YouTube y una vez dentro de tu cuenta pinchar en la parte superior derecha.

Nos saldrá lo mismo que en la imagen siguiente y pulsamos Creator Studio

Una vez dentro de Creator Studio buscaremos CREAR y pincharemos en Editor de vídeo

Se nos abrirá la pantalla donde vamos a crear nuestro vídeo, iremos arrastrando los elementos que queremos incorporar en el vídeo en la parte de abajo.

Nos encontraremos las siguientes opciones:

Nuestro vídeos creados

Los vídeos que podemos utilizar que YouTube nos facilita

Las fotos que podemos incorporar/subir desde nuestro ordenador a nuestro vídeo

La música que queremos que lleve

Las transiciones que pueden llevar (no es obligatorio) los vídeos, imágenes...

También pueden incorporarle texto

Una vez que tengas todo el vídeo a tu gusto, debemos ponerle un nombre y ya podemos guardar nuestro vídeo pinchando en el botón crear vídeo de la parte superior derecha

Una vez subido a YouTube potemos compartirlo de diferentes formas, por ejemplo, si necesitamos el html debemos seguir los pasos indicados en la imagen siguiente.

¿QUÉ ES LO QUE NOS PUEDE OCURRIR?
¡¡Que nos comenten sin esperarlo y llevarnos una grata sorpresa!!

PRUEBA TÚ MISMO

Bootstrap, crea tu página web

Lo primero que debemos hacer es meternos en la página de Bootstrap y darle a descargar

Una vez que veamos que se nos ha descargado la carpeta, le damos a Examples para ver los ejemplos de plantillas.

Seleccionamos la plantilla que deseamos para nuestra página

Se nos abrirá una nueva pestaña con la plantilla de la página elegida, tenemos que guardarla, para ello pinchamos con el botón derecho encima de la página y le damos a guardar, hay que guardarlo dentro de la carpeta que descargamos al principio.

Para cambiar los elementos de la página debemos de colocarnos encima del elemento y pulsando con el botón derecho seleccionamos inspeccionar, se nos abrirá el código de la página resaltando la parte del elemento seleccionamos y lo copiamos.

Vamos al html de la página que guardamos en la carpeta descargada y buscamos el código que acabamos de copiar. Y lo sustituimos por la imagen deseada poniendo el nombre de la imagen (ejemplo: flor.jpg) La imagen debe estar en la misma carpeta que el html

Una vez que hemos cambiado todos los elementos, abrimos el html con el navegador y veremos nuestra página.

Ejemplo 1: 

Ejemplo 2: 

Si deseamos que cualquier persona pueda ver nuestra página debemos comprimir la carpeta completa en .zip y subirla a algún almacén de archivos online público como puede ser hostinger.

CREAR UNA VENTANA DE TEXTO

• 1. Esta función se coloca en el nuevo documento Nombrearchivo.js:

//Se visualizará un mensaje que no se cerrará hasta que no se escriba lo que se pide//
function Nombredelafuncion() {
var x=document.getElementById("nombre");
var person=null;
while (person==null)
{
person = window.prompt("Introduce tu nombre", "Nombre Apellidos");
if (person != null)
{
//Nos pedirá que introduzcamos nuestro nombre y apellidos//
x.innerHTML="Hola " + person + " ¿Cómo estás hoy?";
}
}
}
//Nos devolverá Hola (nombre introducido) ¿Cómo estás hoy??//

• 2. Para poder llamar a nuestra función del archivo Nombrearchivo.js tenemos que colocar este código en el body del html antesde empezar a llamar a la función:

<script src="Nombrearchivo.js"></script>

• 3. En el body del html:

Selecciona el texto:<input type="text" value="Texto que aparece en la página, el que después deberemos seleccionar" onselect="Nombredelafuncion()">

• Y nos aparecerá:

CREAR BOTONES DE ESTILO EN LA PÁGINA WEB

• Para enlazar un archivo css de estilo (previamente creado), esto código se pega en el body del html:

<link href="Nombre del archivo.css" rel="stylesheet" type="text/css" id="Nombre del identificador">

• En el head del html se pega:

<script type="text/javascript" language="JavaScript">
function Nombre de la función(archivo){
document.getElementById("Nombre del identificador").href= archivo;
}
</script>

• Añadir un botón que llame a la función y se ejecute el archivo css, en el body del html:

<button type="button" onclick="Nombre de la función('Nombre del archivo.css')">Lo que quieres que aparezca en la página web</button>


Para tener dos opciones estilos (y poder cambiarlos dando a un botón y otro) se añade dos veces el código que se encuentra justo encima de este párrafo con el nombre del nuevo archivo.


Este es un ejemplo de dos botones de cambio de estilo colocados en la parte superior de la página.

Cambio en HTML

Cuando colocas un vídeo en tu página web y no se adapta a las medidas que deseas o al espacio donde lo quieres incorporar puedes realizar cambio directamente desde el HTML para modificar el tamaño del vídeo, pasos:

1. Añades tu gadget por HTML.

         

2. Pegas el código del vídeo que quieres incorporar a tu página.

ASÍ DE VE EL VÍDEO CON EL CÓDIGO INICIAL:

 

3. Editas las características que deseas cambiar de tu vídeo, por ejemplo el tamaño.

Y EL RESULTADO ES ESTE CAMBIANDO EL TAMAÑO:

CONCEPTOS BÁSICOS DE JAVASCRIPT

Aclaración:

JavaScript es un lenguaje de programación, que usaremos para programar el comportamiento de un sitio web. 

NO CONFUNDIR CON ..

.. HTML que es un lenguaje de marcado estándar, que usamos para crear la información o el contenido de un sitio web. Y CSS que es un lenguaje de estilos, lo usamos para dar un formato propio, al contenido de un sitio web, es decir, cómo se van a mostrar los elementos HTML en la web.

Características de JavaScript:

    1. Es simple, no hace falta tener conocimientos de programación para poder hacer un programa en JavaScript.

    2. Maneja objetos dentro de nuestra página Web y sobre esos objetos podemos definir diferentes eventos. Dichos objetos facilitan la programación de páginas interactivas.

    3. Es dinámico, responde a eventos en tiempo real. Eventos como presionar un botón, pasar el puntero del ratón sobre un determinado texto o el simple hecho de cargar la página. Con esto podemos cambiar totalmente el aspecto de nuestra página al gusto del usuario.

¿Dónde se incluye?

El código JavaScript se inserta directamente en nuestra página HTML.

Formas de insertarlo:

    En el código fuente de la página html.

    En un archivo aparte.