25.4.15

LECCIÓN 5: Estructura de una página. Segunda Parte.

    Hola que tal lleváis el sábado, espero que bien, hoy vamos a continuar lo que dejamos la semana pasada .

ENCABEZADOS 


Usualmente cuando se escribe un documento tiene encabezados y titulares, pues ahora vamos a aprender a ponerlos. En el código HTML tienes seis niveles de importancia.
Las etiquetas que se utilizan son: <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, la importancia de los encabezados los dan los números siendo la de mayor importancia <h1> y la de menor valor <h6>.
Vamos a ver cómo sería la estructura en html

<h1> Encabezado 1</h1>
<h2> Encabezado 2 </h2>
<h3> Encabezado 3 </h3>
<h4> Encabezado 4 </h4>
<h5> Encabezado 5 </h5>
<h6> Encabezado 6 </h6>


Un ejemplo de ejercicio de este tipo puede ser el siguiente:

< h1> Poema Romántico </h1>
<h2> Belleza Interior </h2>
<h3> Cuando te conocí, vi tu cara tan preciosa, vi tu cuerpecito lindo, tu forma de hablar graciosa </h3>


MEJORANDO LOS ENCABEZADOS

Ahora vamos a mejorar un poco el ejemplo anterior de encabezados con dos tipos de encabezados y dos párrafos.

<html>
<head>
     <title> Mi primera pagina WEB</title>
</head>nu
<body>
<h1> Mi primera página Web</h1>
<h2> Bienvenida</h2>
Hola a todos, como han deducido por el título esta es la primera página web que hago, espero que les guste. Fdo. Anescris
<h2>Propósito</h2>
En esta página iré practicando con los conocimientos que adquiera en un curso de html
</body>
</html>



Ejercicio 3
Ahora vamos a coger unos de los ejemplos del ejercicio 2 y lo vais a mejorar, en el tenéis que meter dos encabezados y dos párrafos.

 Esta semana ha sido un poco corto, pero hasta aquí se ha acabado estas primeras lecciones para conocer un poco más el lenguaje HTML o por lo menos los conocimientos básicos. La próxima semana empezaremos a ampliar lo que hemos aprendido, hasta conseguir hacer nuestra primera pagina web donde incluiremos imagenes, texto e hiperenlaces y mucho más .

     Se me olvidaba algo que deciros a partir del próximo post, espero que me dejeis en los comentarios algunos de los ejercicios, y dejarme comentarios y demas.








21.4.15

Revista Anescris y amigas del mes de abril

Como cada mes una nueva emisión de la  revista ha salido en este mes de abril encontraras rmuchas secciones, como huerto, moda y belleza, cine y series, curiosidades, recetas, Cuestionario Anescris, y sobre todo muchos libros, pero también vengo anunciar algo por aquí una nueva sección, que espero que guste mucho que es la siguiente:


    Con las fotos que lleguen se eligira la portada cada mes, o contraportada, dependerá de muchas cosas ya que nos interesa que se vean bien las letras por lo menos en la portada. Habrá alguna que la pondremos como una hoja entera y otras haremos un collage parecido a este

18.4.15

LECCIÓN 4: Estructura de una página

Hemos conocido las principales característica de HTML, ahora vamos a aprender a crear nuestra primera página y la estructura de la misma.
Os recomiendo antes de empezar hacer un recordatorio de las anteriores lecciones.



Estructura de una página

Lo primero que debéis saber para hacer vuestra página o vuestro blog es su estructura , lo que debéis indicar lo primero y saber que estáis escribiendo un documento HTML, así que para indicar que es un documento de este tipo tienes que utilizar la etiqueta <html> al principio y al final del documento con la única diferencia que tienes que poner / en el del final como en el siguiente ejemplo:

<html>
Código de la página
</html>

A su vez el cuerpo de la página tendrá dos grandes bloques: Cabecera y cuerpo
Un ejemplo lo vemos en los siguientes comandos:

<html>
<head>
Elementos de la cabecera
</head>
…. Resto de código de la página …..
</html>

En la cabecera contiene toda la información de la página y esa información lo indica la etiqueta title

<html>
<head>
<title> Mi primera página WEB</title
</head>
</html>

Yo he echo el ejemplo y quedaría así como estáis viendo. Daros cuenta que la WEB esta en blanco y no sale nada pero es normal ya que solo hemos puesto como se va a llamar la página. Os aconsejo hacerlo vosotros como lo podéis hacer con el bloc de notas del ordenador solo tenéis que guardar y cambiar la terminación txt y poner html, si no sabéis como hacerlo os recomiendo que miréis el tutorial que puse en el blog ( Aquí)






Os recomiendo poner un buen título porque es lo que se va a ver cuando se guarde en el menú de favoritos del navegador, cuando algún usuario quiera guardala. Aunque se puede cambiar el nombre, si es un título atractivo ni siquiera lo cambiaran.


 Ejercicio 1

Hacer algunos ejemplos de título para que veáis como quedaría y guardalo para próximas lecciones
·     -  La Nariz Roja
·     -  El jardín de Alicia
·    -   La Ciudad de Las Manualidades

Ahora os hablaremos de otra parte fundamental de nuestra página el cuerpo conocido con la etiqueta <body>, en esta etiqueta pondremos todos aquellos elementos que deseemos, imágenes, texto, videos, tablas, etc. Vamos a poner un ejemplo.
<html>
<head>
<title>Mi primera página WEB</title>
</head>
<body>
Hola a todos,este es un ejemplo de mi primera WEB, estoy muy ilusionada.
Fdo. Anescris
</body>
</hml>

Mirar como queda:



Ejercicio 2.
Cómo me imagino que tendréis las páginas anteriores guardadas vais a cambiar de html a txt y vais a hacer el mismo ejercicio otra vez añadiendo una frase para el cuerpo <body>

¡¡¡ Importante !!!
Aunque algunos navegadores aunque no pongas la etiqueta <body> y <html> se va a ver es recomendable ponerlo por lo que pueda pasar, ya que puede ser que algún navegador no lo reconozca y no se pueda ver.


Hasta aquí esta lección la semana que viene seguiremos complicando las cosas poniendo encabezados. Os espero en el próximo post que tengáis buen fin de semana. 

16.4.15

Tutorial, incrustar un codigo html en un post en tu blog

   Hola, ¿Qué tal lleváis el jueves? Pues yo bien, casi acabando la semana, en el tutorial de hoy aprenderéis como inscrustar un código html en tu post para que sirve eso te voy a poner varios ejemplos:


  • Podrás hacer tablas de imágenes como esta


  • Podrás incrustar una revista online en tu blog

A mag created with Madmagz.

  • Podrás poner un banner para enlazarlo






  • Podrás poner un formulario de contacto en tu blog
foxyform


  • Podrás poner un formulario para sorteos o encuestas





 Quieres aprender a inscrutar código html en tu post de blog pues sigue el tutorial



  • Bueno lo primero que tendremos que hacer es dar a entrada nueva o en la entrada que estes editando en este momento.



  • Tendras que darle a edición en html y os deberá salir algo como esto




  • Ahora tienes que mirar donde vas a poner el código, en mi ejemplo yo voy a incrustar la revista online de este mes en una entrada en este mismo blog



  • El código que tengo inscrutar es el siguiente:

 <iframe src="https://madmagz.com/magazine/embed/518199?layout=2&amp;width=600" width="600" height="424" scrolling="no" frameborder="0"></iframe><p>A mag created with <a href="//madmagz.com/?utm_source=publisher&amp;utm_medium=embed&amp;utm_campaign=viewer">Madmagz</a>.</p>




  • Ahora solo tienes que volver a dar a Redactar y te deberá salir algo como esto



    Pues ya sabes como incrustar cualquier código html para hacer estas cosas en el blog espero que te halla gustado mucho el tutorial y sobre todo que te halla sido fácil. Ya sabes cualquier duda dejame un comentario te contestare en cuanto pueda.

14.4.15

Alerta de Inicio de Sesión en Facebook

  Hola chicos y chicas  sé que la semana pasada no publique nada pero entre Semana Santa y la semana pasada estaba demasiado cansada y tuve que parar no me dio tiempo a preparar nada y la verdad me dio rabia no haberos dejado nada pero bueno tenía que desconectar y coger fuerza.

    Así que para compensaros un poco esta semana publicaré también el sábado una entrada es decir, que esta semana publicare martes, jueves y sábado.

                Tenía varios tutoriales pensado, pero hoy me voy a decidir por algo que me ha parecido interesante y tenía ganas de enseñaros. Es sobre una cosa de seguridad que tiene Facebook y que descubrí hace poco.
Alerta de Inicio de Sesión
  Me di cuenta una vez curioseando en el Facebook, diréis que es, pues es una opción de seguridad que te da la plataforma social para ver si alguien ha iniciado sesión en otro sitio eso es bueno por si alguien te ha jackeado la cuenta o te inicias la sesión en otro ordenador, y se te olvida cerrar tu sesión. También por así alguien te robado la contraseña y quiere entrar en tu cuenta. Solo entras allí y la bloqueas. Vamos a ver como se bloquea.
 
  •  Primero debes entrar en Facebook y en la opción configuración. Lo encontrareis a la derecha y con el símbolo.




  • Darle a la opción Seguridad y os saldrá algo parecido a esto:



  • Ahora deberéis dar a Alerta de Inicio de Sesión  que es la primera opción y os saldrá varias opciones: Notificaciones, Correo electrónico y Mensaje de Texto, yo solo tengo activado Las notificaciones y el correo electrónico porque no estoy muy segura si me cobraran los mensajes así que con las notificaciones tengo bastante.


  • Ahora vamos a ver qué es lo siguiente que tenemos que hacer que va a ser ver nuestros dispositivos de conexión, es Donde has iniciado sesión para que nos avisen cuando se inicie en un dispositivo no autorizado. Deberemos ir a Tus navegadores de confianza que está un poco más debajo de Alerta de Inicio de Sesión. Deberás eliminar la que no te da confianza como veis en la imagen de abajo yo tengo inicio en mi ordenador, mi móvil y la Tablet. Vosotros hacer lo mismo y eliminar los demás.

  • Para acabar vamos a ver dónde has iniciado Sesión. Debajo de Tus navegadores de confianza podéis ver lo siguiente: Donde has iniciado sesión. Mira bien y si ves algún navegador que te resulte desconocido da a finalizar actividad. Y bloqueala en las Tus navegadores de confianza. 
  No se te olvide dar una vuelta por otras secciones que tiene seguridad y son las siguientes:
  • ·        Aprobaciones de inicio de Sesión
  • ·        Generador de códigos
  • ·        Contraseñas de aplicación
  • ·        Contacto de confianza

Todo sea porque pongamos trabas a los ciber delincuentes.