15 mar. 2017

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á:











13 mar. 2017

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.





6 mar. 2017

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:








5 mar. 2017

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.






22 feb. 2017

CÓMO CREAR UNA HOJA DE ESTILO CSS



Lo primero que hay que hacer es abrir el Bloc de notas que se encuentra en tu ordenador.


Segundo: Debes copiar el código que vas a utilizar o escribirlo directamente ahí.


Tercero: Debes guardar el archivo, pulsa en Archivo arriba a la izquierda y después Guardar como.
Se te va a abrir una ventana nueva. 


Cuarto: Ubica tu Archivo en tu ordenador:.
Paso 1: asignarle un nombre con la terminación .css (Nombre Archivo + .css) 
Paso 2:  elige el tipo de archivo que quieres crear, señala 
Paso 3: Codificación del archivos, señala UTF-8
Paso 4: GUARDA 


El archivo te aparecerá en la ubicación  (carpeta / escritorio) que eligieras anteriormente.



Una vez creado el documento CSS deberás enlazarlo a tu página web.
Siempre podrás editar tu código en el archivo creado (Bloc de notas), pero deberás guardarlo siempre en la misma ubicación para que la página web no lo pierda.
Lo mas recomendable es que subas el archivo a la nube, a una página o aplicación pública.


¡Espero que te sirviera de ayudar!

19 feb. 2017

DIFERENCIA ENTRE URL, LINK y HTML





La URL es un acrónimo de Universal Resource Locator (localizador universal de recursos), método de identificación de documentos o lugares en Internet, principalmente en la WWW. Un URL es una cadena de caracteres que identifica el tipo de documento, la computadora, el directorio y los subdirectorios en donde se encuentra el documento y su nombre (localizador).

Los links, vínculos o hiperenlaces, son referencias de un documento a otro, o de un lugar a otro dentro de un mismo documento, (incluso en la Web). Los hiperenlaces o hipervínculos se suelen representar mediante una palabra, una frase corta o una imagen, de tal manera que, al hacer clic sobre ellos, se abre el documento al que hacen referencia o se muestra el otro punto del documento con el que están vinculados. Los textos del hipervínculo están escritos con un formato especial (habitualmente subrayado) y al llevar el puntero del ratón o sobre ellos, su forma cambia, indicando que representan un enlace.

HTML es un lenguaje simple (formato/estructura) utilizado para crear documentos de hipertexto para www. Un documento HTML contiene toda la información necesaria sobre su aspecto y su interacción con el usuario. Nos permite insertar una serie de marcas (tags) que controlan los diferentes aspectos de la presentación y comportamiento de sus elementos.




Enlaces aclaratorios.
http://es.slideshare.net/jsalvachua/introducin-a-la-web-http-url-y-html-presentation
http://www.masfb.com/2013/08/url-o-link-o-direccion-web.html
http://es.slideshare.net/carolinaSchemel1/diferencia-entre-url-y-html