JavaScript.

¡Muy buenas! 😉

Otra semana más, os traigo información acerca de lo estudiado en clase... Como ya sabéis hemos seguido aprendiendo nuevas cosas para incorporar a nuestra web.

Esta vez nos ha tocado usar Javascript, ¿Os acordáis bien? Vamos a hacer un pequeño repaso...

¿Qué es JavaScript?

Se trata de un lenguaje interpretado en el cliente por el navegador al momento de cargarse la página, es multiplataforma, orientado a eventos con manejo de objetos, cuyo código se puede incluir directamente en el mismo documento HTML.

Una de sus principales características es su dinamismo, responde a eventos en tiempo real.

En clase aprendimos a crear algunos botones para interactuar con nuestra web, que nos permitían cambiar las hojas de estilos, el formato del encabezado, o generar algunas ventanas emergentes... Por aquí os dejo algunos pantallazos de ejemplo:

Ventana emergente al pulsar el botón de bienvenida, el cual genera un mensaje.

Mensaje generado (Hola + "nombre" ¿Como estás?) al introducir
tu nombre en la ventana emergente anterior.

Cambio de estilo al pulsar el botón "cambio a tonos rojos"

Podéis acceder a mi web desde aquí, para interactuar con los botones.

Además de lo aprendido en clase, me he permitido indagar por internet y buscar algunos códigos para aplicar lo aprendido de JavaScript en mi blog.

A continuación os nombro las incorporaciones que he realizado, ¡espero que os gusten!

→ Botón en la esquina inferior derecha, el cual te permite volver al principio de la página. 

→ Texto de bienvenido en el encabezado del blog, el cual se desplaza de izquierda a derecha mientras parpadea.

→ Para evitar los copiones, he añadido un código el cual no permite seleccionar el texto de la página web. 😏

Si os interesa el código y como poder introducirlos en vuestro blog, dejad un comentario y os echo una mano.

¡Saludos!

CSS y Página Web.

Buenas gente! 😃

El otro día en clase aprendimos a usar por primera vez CSS y aprendimos a crear nuestra primera página web. ¿Os acordáis bien? Os voy a refrescar un poco la memoria...

¿Qué es CSS?

CSS es el acrónimo de "Cascading Style Sheets" (Hojas de estilo en cascada.)

Se trata de un lenguaje de estilo que define la presentación de los documentos HTML, el cual permite añadir fuentes, colores, alturas y anchuras, imágenes, etc... de una forma más cómoda que añadirlo linea a linea en nuestro código HTML.

CSS está formado por Reglas de estilo, las cuales están formadas por un selector y una declaración. Os muestro un ejemplo:

Como he dicho antes, también aprendimos a crear (a través de HTML) nuestra primera web, y a modificarla (usando CSS). Aquí os muestro como ha quedado la mía. 😄

Una vez creada la Web, podemos subirla a cualquier Host gratuito, como por ejemplo 000Webhost.

Es tan sencillo como registrarse, subir nuestros archivos HTML Y CSS y ya tendrás tu web en internet.

Aquí os dejo el enlace a mi web: Página Web de Jose

¡Saludos!😁

Introducción y pruebas con Html.

Este es un párrafo, que debe estar entre las etiquetas de apertura y cierre "p"
En este otro párrafo probar tipos de letras, negrita , itálica , subrayado...

---

Este texto      esta preformateado, usando      la etiqueta pre
podemos   escribir     el texto como
queramos 

A continuación probaremos una lista ordenada

Tipos de listas en HTML

3. Ordenadas, usaremos la etiqueta ol.
4. No ordenadas, usaremos la etiqueta ul.
5. Listas de definiciones, usaremos la etiqueta dl.

Y una lista no ordenada

Tareas a realizar

• Articulo con html.
• Modifica el código html del blog.
• Probar html5maker.

Lista de definiciones

Glosario

HTML

Lenguaje de Marcado de HiperTexto.

WWW

Red Mundial

URL

Localizador Uniforme de Recursos.

Para terminar con una tabla con el horario de SCM

Horario de SCM

	Lunes	Martes	Miércoles	Jueves	Viernes
Mañana	11:00–15:00	----	8:00-10:00	----	----
Tarde	----	----	----	----	---

Primera semana.

¡Buenas compañeros!

Además de hablar de deporte, toca hablar un poco de lo que estamos estudiando en clase...😅

Para comenzar, aprendimos conceptos básicos como HTML, WWW, HTTP, URL....

- HTML: HyperText Markup Language. (Lenguaje de marcas de hipertexto)

- WWW: World Wide Web. (Red informática mundial)

- HTTP: Hypertext Transfer Protocol. (Protocolo de transferencia de hipertexto)

- URL: Uniform Resource Locator. (Localizador de recursos uniforme)

Y aprendimos a crear nuestro blog y su favicon personalizado.

Vista previa del blog.

Favicon.

Posteriormente, realizamos una pequeña introducción al HTML para aprender a personalizar nuestro blog.

HTML es el lenguaje con el que se estructuran internamente las páginas web. Básicamente se trata de un conjunto de instrucciones (etiquetas) que sirven para dar formato al texto y definir donde y como se van a presentar los elementos de página (texto, imágenes...)

Es un lenguaje interpretado que consiste en una serie de etiquetas (tags) encerradas entre los símbolos "<tag>". Casi todas las etiquetas constan de dos marcas, una de apertura y otra de cierre; esta última tiene asignado el mismo nombre que la de apertura, excepto que debe ir precedida del símbolo " / ".

Por ejemplo: <b> texto </b>

A continuación os mostraré un ejemplo de código HTML creado por mi, similar al realizado el primer día de clase, junto con la web generada por este código, para ver como funciona.

Si tenéis alguna duda con respecto al código, podéis preguntarme o consultar el temario del Campus, ya que es la principal fuente de información que he utilizado. 

Un saludo! 💪