martes, 20 de diciembre de 2016

NotePad ++

Para escribir el codigo, generalmente lo hacemos con el notepad, pero, existe una extensión llamada 'notepad + +' que está especializado para ayudar a escribir el código HTML. Por ejemplo, al abrir una etiqueta, al terminar de escribirla, se crea la etiqueta de cierre automáticamente, para no olvidar escribirla. También te marca las etiquetas en otro color que el cuerpo de la página, para así distinguir el texto de las etiquetas.

Así sería su apariencia en el NotePad ++

Y así sería la apriencia en nuestro navegador, en este caso google chrome.

martes, 13 de diciembre de 2016

Primera Página Web

Vamos a crear nuestra primera página web

Para ello escribitrmos nosotros mismos el lenguaje HTML, en el Notepad.

Para comenzar, debemos abrir el bloc de notas, y comenzar con la etiqueta <html> (para que reconozca el código) y es conveniente cerrarla (</html) y escribir entre ambas etiquetas, para no olvidarlo.
Usando la etiqueta <head>...</head> escribiremos el título que aparece en las pestañas del navegador.
Para escribir el cuerpo de la página web usaremos la etiqueta <body>...</body> y dentro de ella podremos escribir apartados, subapartados, etc, utilizando las etiquetas<h1>...</h1>; <h2>...</h2>; etc. También podremos usar palabras en negrita (<b>...</b>) o ponerlas en cursiva (<i>...</i>)

Tras escribir el código en el bloc de notas, debemos clickar en archivo/ guardar como... Y escribiremos el nombre de la página web seguido de '.html'; en 'Tipo' seleccionaremos 'todos los archivos'; en codificación seleccionaremos 'UTF-8'; tras esto clickaremos en guardar y ya tendremos un enlace que abrirá nuestro navegador predeterminado a nuestra página web.

Nuestra primera y sencilla página web, quedaría tal que así:

Código

<HTML>
<HEAD>
<TITLE>Erase una vez HTML</TITLE>
</HEAD>
<BODY>
<h1>Erase una vez HTML</h1>
<h2>El padre</h2>
<P>El padre de la web<b>Tim Berners-Lee</b>, es también el padre del lenguaje HTML</P>
<h2>La estandarización </h2>
<p>El lenguaje HTML está estandarizado por el W3c, el <i>Word Wide Web Consortium</i>.</p>
</BODY>
</HTML>

Aspecto dentro del navegador

lunes, 12 de diciembre de 2016

HTML

Vamos a empezar a trabajar con HTML

HTML es un lenguaje universal, que funciona en cualquier plataforma y navegador, debido a su sencillez. Un documento HTML debe contener algo más que simples caracteres básicos, además de dicho texto, una serie de instrucciones para el navegador las interprete: estas intrucciones se denominan etiquetas y se escriben entre guiones (< >). Estas etiquetas contienen la estructura de la página web.

Para empezar a escribir código HTML, debemos conocer las etiquetas básicas que lo componen. Estas, se ponen al principio y al final del texto al que lo queramos aplicar, repitiendo la etiqueta seguida de una barra ( / ): por ejemplo:

<strong>ejemplo</strong>

Vamos a ver algunas de las etiquetas más básicas:

<HTML> … </HTML>

Delimita y engloba toda la página web, que consta de cabecera y cuerpo.

<HEAD> … </HEAD>

Delimita y engloba la cabecera de una página.

<TITLE> … </TITLE>

Dentro de la cabecera (HEAD), lo que se incluye aquí se muestra en la barra del título de la ventana del navegador.

<BODY> … </BODY>

Delimita y engloba el cuerpo de la página, que son el conjunto de informaciones (texto e imágenes) que se muestran en la página.

<H1> ... </H1> o <H2> ... </H2> (hasta 6)

Párrafos que son encabezamientos (con distintos niveles).

<P>... </P>

Párrafos normales.

<B>…</B> o <strong>... </strong>

Negrita

<I>…</I>

Cursiva:

<U>…</U>

Subrayado

<BIG>…</BIG>

Para agrandar la letra

<SMALL>…</SMALL>

Para empequeñecer la letra

martes, 29 de noviembre de 2016

Edición Avanzada

Entradas sobre edición avanzada:

Clickando sobre 'Enlace' podemos añadir un hipervínculo

hipervínculo del IES María Moliner

También podemos añadir imágenes a nuestras entradas

(clickando sobre el emoticono de la imagen), bien descargándolas o cogiendo su URL e insertando la imagen. Cada una tienen sus ventajas y sus inconvenientes.

También podemos insertar un video

(clickando sobre el emoticono de video), desde youtube esmucho más sencillo, insertando la URL.

lunes, 28 de noviembre de 2016

Edición

En esta entrada voy a hablar sobre la edición que podemos hacer dentro de blogger:

En la configuración de la entrada

Se nos permite editar la fecha de subido de esta, así como su localización o la URL predeterminada que tiene esta.

En la configuración del texto se nos permite:

Elegir el tamaño de la letra:
La más grande
Grande
Normal
Pequeña
La más pequeña

También podemos regular los apartados con un simple click en:

Encabezado

Subencabezado

Encabezado secundario

Normal

A su vez podemos destacar palabras o frases con la negrita, cursiva, subrayado o ~~tachado~~.

También podemos cambiar el color del texto, así como el fondo de este.

Blogger nos ofrece la opción de crear apartados o numerarlos:

Frase 1
Frase 2
Frase 3

Frase 1
Frase 2
Frase 3

martes, 22 de noviembre de 2016

Como crear mi propio blog

Elijo hacerlo con el servio de Blogger.
Necesito una cuenta de google.
Lo imprescindible para crear mi primer blog es elegir su titulo y su URL.
A continuacion elijo la plantilla y ya tengo mi primer blog.