lunes, 30 de noviembre de 2009

Crear una Web:Formatos de Texto

Leer una pantalla de ordenador no es comodo, asi que ,por el bien de quien vea nuestro trabajo y el nuestro propio , deberemos darle a nuestra web un aspecto agradable de ver, equilibrado(al menos, lo más posible).A esto se le llama "Formato".Hay dos tipos de formato:
+De parrafo,
+De caracteres.
En este post vamos a hablar del formato de parrafo.
Este abarca uno, varios o todos los parrafos del documento que trabajamos y que van a afectar a los parrafos que seleccionemos.Existen varios:
+Opciones de Justificacion,
+Estilos de Titulo,
+Elementos de Listas .

Titulos
Son estilos a nivel de bloque, y delimitan el texto en diferentes secciones y/o apartados.Sirven para resaltar la importancia de determinados titulos.En HTML hay 6 niveles  que se distinguen entre ellos por el tamaño de letra.Se encuentran de forma descendente, siendo el nivel 1 el mayor y el nivel 6 el más pequeño.Estos pueden redefinirse usando CSS.

Lo podemos aplicar seleccionando el texto que deseamos resaltar con este estilo, luego desplegamos la lista que se encuentra en la barra de formato, marcando uno de los seis niveles de título que nos ofrece.

Otra forma de acceder es a traves del menú Formato -> Párrafo. Aqui también se nos aparecen los seis estilos de título.

El aspecto que ofrecerán los párrafos con estos estilos de títulos podemos verlo en CrearTuweb
A la derecha tienes el menú de formato del que te hablo más arriba, a través de él también puedes aplicar los seis diferentes estilos de títulos.
En HTML, estos estilos corresponden a las etiquetas H1 a H6. Todo el texto encerrado entre esas etiquetas aparecerán con el tamaño, grosor, color correspondientes a los estilos título 1 a título 6.

Listas
Este formato es muy util cuando quieres darle a los parrafos de tu web un aspecto de lista(ordenada o no).
Sobre todo puedes usarlo,por ejemplo, para crear un indice de lo que se puede encontrar en nuestra web.

Puedes acceder a ella desde el menú Formato, seleccionando el apartado Lista.Aqui vemos que tenemos 4 opciones:
  • No Numerada.Tambien se le llama lista de viñetas.En esta todos los elementos van precedido por un simbolo o viñeta elegido entre los 3 que nos ofrece el programa:círculo sólido, circunferencia y cuadrado sólido. Accedemos a ellos con la opción propiedades de la lista.
    Este tipo de lista está también accesible desde el botón viñetas de la barra de formato.
  • Ejemplo de lista no numerada:
  • Redes
  • Lan
  • Wan
    • Topologías
    • Bus
    • Anillo
    • Estrella
      •  
      • Numerada.Sus elementos van precedidos de numeros o letras, elegidos en la ventana propiedades de la lista, desplegando el apartado Estilos de numeración. A estas listas también se las conoce como desordenadas. Si la pifias aqui , NO PROBLEM!!,las propiedades y el tipo de la lista se puede cambiar en cualquier momento.( Basta seleccionar el o los elementos que quieres cambiar y elegir en el menú de Formato->Listas la opción propiedades, o bien usando el menú del botón secundario del ratón.)
        La numeración de este tipo de listas puede hacerse con números árabes, romanos o letras.

        Ejemplo de lista numerada:
      • Redes
      1. Wan
      2. Lan
        1. Topologías
        1. Bus
        2. Anillo
        3. Estrella
          1.  
          2. Término.Esta es la forma como se llama a la palabra que encabeza o da titulo a la lista
          3.  
          4. Definición.Estas listas van estrechsmente relacionadas, dando al texto un formato similar al de una definicion.Este formato se apliica al texto que sigue al Termino.Nota de Interes:Si hemos aplicado el formato término, tras escribir éste, y de forma automática, al pulsar Intro, el cursor se desplaza al punto de inserción correspondiente a la definición adquiriendo el texto que introduzcamos a continuación este formato.
          Podemos elegir las lista de términos y de definiciones desde el menú Formato, y seleccionando el apartado Lista o también con sus correspondientes botones de la barra de formato. El izquierdo da formato término y el derecho da formato de definición.

          Ejemplo de lista Termino y Definicion:
          HTML<-Termino
          Pseudo lenguaje para la creación de páginas WEB<-Definicion
          WWW<-Termino
          World Wide Web<-Definicion

          No hay comentarios:

          Publicar un comentario