martes, 14 de marzo de 2017

¿ARCHIVO javascript.js?

En esta sesión practica he creado un archivo con extensión .js donde colocaré las funciones que usaré
en mi web. Lo bueno del  javascript.js es que se podrá usar las funciones en otra pagina web mas rápido al tener ese .js . En el .html  hay que hacer referencia al archivo nuevo  javascript.js que he creado así:

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

Hemos realizado un total de 5 funciones:

- Función para cambiar los estilos de mi web: Cambia el estilo de apariencia de mi web (color,fondo,letra...)

-Función que cambia el "Header" : Cambia el color de letra de la cabecera. Se pone como un botón.

-Función que abre una alerta en mi web: Se pone como un botón y muestra al pulsarse el mensaje "HOLA CLASE!"

-Función de selección: Al seleccionar una parte de texto pide que pongas tu nombre y hasta que no lo pones no se cierra ese mensaje. Luego muestra un mensaje de bienvenido con tu nombre.

-Función que muestra un mensaje a los 5 segundos: Muestra "Bienvenido a esta página" a los 5 segundos de abrir mi web.


Asi es el resultado de mi pagina web con las modificaciones del archivo javascript.js:



lunes, 6 de marzo de 2017

¿COMO HACER CAMBIOS CON JAVASCRIPT?

En la entrada  anterior expliqué que era JavaScript y  creamos un archivo con extensión .css y la enlazábamos al archivo index.html. Con ello hicimos una página web. Lo que haremos ahora es cambiar la apariencia de esa página web añadiendo botones.

Primero añadimos un identificador que llamamos estilo al .html:



Luego  insertamos un script con una función con el nombre que queráis, en mi caso se llama "cambio" y al final, en el body del index.html añadiremos un botón, que lo llamaremos como la función que hará (cambiar estilo) y este llamará al archivo .css especifico: 




Así es como se vería mi web, con los botones para cambiar estilos arriba de la cabecera: 



miércoles, 1 de marzo de 2017

¿Para qué usar JavaScript?

Es un enguaje de programación, que usaremos para programar el comportamiento de un sitio web.

Chrome Experiments, a pesar del nombre, es un sitio dedicado a la difusión de experimentos con tecnologías de punta para navegadores web. Fue lanzado hace unos 18 meses bajo el auspicio de Google, quien recién celebró la llegada del experimento número 100. Por supuesto, JavaScript y HTML5, son las tecnologías más relevantes usadas en el sitio para poner a prueba tus navegadores. En este enlace podeis encontrar la página web y investigar un poco: https://www.chromeexperiments.com/

Un ejemplo de chrome experiments es este GOOGLE GRAVITY, que usa JavaScript



lunes, 27 de febrero de 2017

¿PARA QUE SIRVE HOSTINGER?


Para crear tu página web y que otros puedan visitarla,se necesita publicar o subir los archivos a un servicio de web hosting. Éstos servicios funcionan ofreciéndote servidores web, utilizando conexiones de alta velocidad además de muchas otras prestaciones.
Cuando alguien escribe tu dirección web (como por ejemplo http://miguellopezborrero.esy.es/), ellos
se conectaran al servidor web donde esté alojado tu pagina y descargarán los archivos de tu sitio. Cuando te ofrecen una cuenta de hosting, te están ofreciendo una pequeña parte del disco duro que tiene el servidor, con el fin de poder publicar ahí las páginas web, y otros aspectos que varían en función del panel de control que te ofrezca.
Nosotros en esta clase hemos cogido un hosting gratuito. Que sea gratuito hace que tenga menos prestaciones que uno de pago, pero para lo que lo vamos a usar nos va a servir.

Aquí dejo el video de como crear una cuenta en Hostinger y subir archivos:

https://www.youtube.com/watch?v=t7gyZAuqUGQ

Tambien a la derecha he colocado un Gadget donde iré poniendo paginas de interes, de momento está el enlace para ir a MI WEB.


miércoles, 22 de febrero de 2017

¿QUE SON HOJAS DE ESTILO (CSS) ?

Una hoja de estilo es un archivo de extensión CSS  que contempla definiciones de formato (tipo de fuente, tamaño, color de la fuente, color de fondo, párrafos, etc) de las distintas etiquetas que forman una página HTML. Su principal ventaja es definir un mismo aspecto para todas las páginas de un sitio web. Se crea una hoja de estilo y se vinculan todas las páginas del sitio web a este archivo.
Cualquier cambio efectuado en la hoja de estilo afecta instantáneamente al formato de todas las páginas vinculadas a la misma.

Es algo un poco complejo, por eso aquí dejo un vídeo tutorial para poner un estilo CSS a un código HTML:

martes, 21 de febrero de 2017

¿Que es HTML?


HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. HTML se traduce como Lenguaje de Marcas de Hipertexto.

Se trata de un formato abierto que surgió a partir de las etiquetas SGML (Estándar de Lenguaje de Marcado Generalizado)  y que se entiende como un sistema que permite ordenar y etiquetar diversos documentos dentro de una lista. Este lenguaje es el que se utiliza para especificar los nombres de las etiquetas que se utilizarán al ordenar, no existen reglas para dicha organización, por eso se dice que es un sistema de formato abierto.

Es un lenguaje muy simple y general que sirve para definir otros lenguajes que tienen que ver con el formato de los documentos. El texto en él se crea a partir de etiquetas, también llamadas tags, que permiten interconectar diversos conceptos y formatos.

Aquí hay un ejemplo de como cambié el código fuente de mi Blog:




Cambié a la derecha donde pone BLOGS de interés, que en vez de que se viera blanco se pusiera azul.



miércoles, 15 de febrero de 2017

¿Que es un BLOG?

La palabra blog viene de la union de web y log, En español se puede traducir como “registro web”. Por eso el sentido básico del blog es el de una bitácora o diario digital donde se va registrando contenido de forma cronológica.

Un Blog se actualiza periódicamente con material nuevo que publica una persona, expresando pensamientos u opiniones  siendo que algunos hasta llegan a tomar el formato de un diario personal. También existen blogs con fotografías y vídeo.

¿Que BLOG elegir?


 Con los millones de blogs que podemos encontrar en internet, uno se pregunatará como poder encontrar los mas recomendables para uno mismo,que blogs pueden hablar temas de su interes. Pues eso se puede conseguir entrando en algunas paginas que recomiendan blogs, o los blogs mas visitados:



-Se puede encontrar una lista de blogs interesantes en BOBs (iniciales de Best Of Blogs ), que en su página en español puedes encontrar selecciones de los mejores blogs organizados por categorías. ENLACE:  http://thebobs.com/espanol/

-En Teads, puedes encontrar una lista mensual de los mejores blogs. Esta página es española, y pudieras encontrar una tendencia a concentrarse en blogs europeos. https://teads.tv/press-room/blog/

-Para blogs en Estados Unidos (para la gente que le interesa el inglés), puede consultar blogranking, que te da una página con un listado muy completo de los mejores blogs en Estados Unidos. http://usa.blogranking.us/