ACT 2

Actividad 2/Tic

En esta actividad, explicaremos el desarollo de un blog a tráves de un código HTML. Este trabajo cuenta con un desarollo de una entrada con un color principal para nuestro HTML, un tipo de fuente, un tamaño de fuente, un color de fuente, texto en cursiva, texto en negrita, texto en subrayado y una viñeta numerada y otra no numerada. Antes de todo, siempre que querramos cambiar algo tendremos que añadir antes de cualquier etiqueta un (font).

Para poder cambiar cambiar nuestro color principal de nuestro HTML utilizaremos el código (body bg color="x color") Podremos poner cualquier color mediante el código de los colores o poniendo nombres de colores en inglés. Aparte de nombrar colores, podemos poner objetos como table (mesa) y nos pondrá el color de una mesa.

Para poder cambiar el tipo de fuente utilizaremos el código (face) como por ejemplo podemos poner (font face="Arial"). No hace falta que sea Arial , puede ser otro tipos de fuentes como Comic Sanz Ms.

Para poder cambiar el tamaño de fuente, tendremos que utilizar el código (size). El size va desde el valor 7, más grande. al valor 1, más pequeño. En caso de omitir el código el tamañao se establece en 3.

Para poder cambiar un color de fuente utilizamos la etiqueta (color). En esta etiqueta podemos poner colores de cualquier tipo como red, green, tomato, blue, yellow...

Para poner un texto en negrita utilizaremos el código (b), para poner un texto en cursiva pondremos (i) y para un texto en subrayado ponemos (u).

Aparte de estas funciones hay otras funciones básicas que podemos incluir en nuestro HTML, como utilizar el atributo (align). Este atributo ayuda a establecer el alineamiento del párrafo, con la ayuda de otros atributos como: (left), alineado a la izquierda, (right), alineado a la derecha y (center), centrado. Otra etiquetas encontramos (s), que indica el texto entre estas etiquetas tachado, (tt), que indica el texto entre estas etiquetas como texto realizado en máquina de escribir, (big), aumenta el tamaño del texto que se encuentra entre etiquetas de apertura y cierre y (small), reduce el tamaño del texto que se encuentra entre etiquetas de apertura y cierre.

HTML5 nos permite la creación de tres tipos diferentes de viñetas, desordenadas, ordenadas y de definición. En este caso veremos las viñetas desordenadas y ordenadas.

Las viñetas desordenadas o no numeradas son delimitadas por las etiquetas (ul). Cada elemento es citado por la etiqueta (li) y sobre la apertura (ul) podemos llamar al atributo (type="...") de tal forma que podemos modificar los iconos que delimitan cada uno de los elementos de clasificación. Contamos con las siguientes posibilidades: (circle, disc y square).

Las viñetas ordenadas o numeradas sirven para presentar información, con la particularidad de que ésta aparecerá ordenada bajo un número o letra. Para ello, haremos uso de las etiquetas (ol), ordered list, y cada elemento , al igual que en el caso anterior, vendrá definido por las etiquetas (li). Del mismo modo que en el tipo anterior, podemos hacer uso del atributo (type="...") para modificar el tipo de clasificación. Contamos con las siguientes posibilidades: a (clasificación letras minúsculas), A (clasificación letras mayúsculas), 1 (clasificación numérica), i (clasificación desde números romanos en minúscula) e I (clasificación desde números romanos en mayúscula).

Para acabar, pondremos en practica estas etiquetas y códigos de cada funcion mencionada anteriormente.

En este parrafo el tipo de fuente, el color y el tamaño cambian respecto a los démas parrafos.

Este texto esta en negrita.

Este texto esta subrayado.

Este texto esta en cursiva.

Viñetas numeradas y no numeradas:

• Primera viñeta no numerada.
• Segunda viñeta no numerada.
• Tercera viñeta no numerada.

1. Primera viñeta numerada.
2. Segunda viñeta numerada.
3. Tercera viñeta numerada.

Con esto concluimos esta segunda actividad de Tic. Ha sido una actividad de varias semanas en el que he visto que HTML5 ha sido una herramienta muy útil y creativa para poder diseñar tus propios blogs. Hay ciertas cosas que me han gustado hacer como escribir de que trataba el trabajo y como se hacían y se escribían los códigos. 

Seguramente lo que mas me ha costado a sido hacer la viñetas, ya que lleva un tiempillo hacerlo, pero luego queda bastante bien. En mi opinión, de momento ha sido la actividad mas creativa y que me gastaría que pudiéramos utilizar HTML muchas más veces para realizar siguientes actividades a lo largo de los trimestres restantes. La verdad que también me gastaría trabajar con códigos de mayor, ya que me quiero dedicar ha algo parecido que tenga que ver con la programación e informática. Le doy un 8/10 a este trabajo.