Navegación

¿Cómo facilitar la nevegación?
El usuario debe de ser capaz de moverse de forma intuitiva por nuestro sitio sin perderse, para ello:

• Debe de saber dónde está. Debemos de dejarle claro en qué parte del sitio se encuentra:

Para esto es muy útil el título de la página y utilizar un encabezado que identifique la sección. También debe de distinguir si sigue en nuestro sitio, o si ha pulsado un enlace que le lleve a un sitio distinto.

• Debe de saber dónde ha estado.

Debemos de evitar que el usuario pase una y otra vez por la misma página para buscar algo. Por ejemplo, distinguiendo los enlaces ya visitados

• Debe de saber dónde puede ir

Una página web se basa en enlaces, y estos deben de ser claramente identificables

• Debe de poder seguir navegando

No le enviaremos a una página sin enlaces, desde la que no pueda continuar recorriendo el sitio

Organizar los archivos

" ... El sitio web se encuentra alojado en un servidor, capaz de dar archivos a quien se lo solicita... "

• cuando accedemos a un sitio web, realmente accedemos a una carpeta de ese ordenador, que funciona como raíz del sitio: Internamente, dentro de esa carpeta, encontramos archivos y subcarpetas que nos permiten organizar el sitio, igual que organizamos los documentos en las carpetas de nuestro equipo
• ¿cómo organizamos los archivos del sitio? No existe una regla exacta, ya que depende de muchos factores: número de páginas, cómo queremos navegar entre ellas, cómo se organiza el contenido

1. En la raíz del sitio, tendremos como mínimo la página de inicio, a la que llamaremos index.html (o .htm). Esto se debe a que cuando a un navegador le indicamos que abra una carpeta, busca el archivo index de la misma
2. Organizaremos los tipos de archivo en carpetas
3. Si tenemos secciones claramente definidas, podemos guardar sus páginas en subcarpetas.
4. Por otro lado, daremos un nombre descriptivo a los archivos.

"Es conveniente planificar cómo va a ser el sitio, y partir de las carpetas iniciales. Lógicamente, no vamos a tenerlo todo en cuenta, por lo que a medida que vaya creciendo nuestro sitio, iremos creando las carpetas que nos hagan falta"

Temática del sitio

"... La idea de crear un sitio web nace porque tenemos algo que comunicar con el mundo, un tema que puede resultar interesante"

1. El tema también debe de ser concreto. Si dominamos la informática y la jardinería, no resultará serio si creamos un sitio en el que encontremos las dos cosas. Es mejor crear un sitio independiente para cada una.
2. No sólo debemos de elegir un tema que resulte atractivo para un grupo de usuarios, si no que debemos de tener bastante información sobre el tema, no tiene demasiado sentido crear un sitio para escribir un sólo artículo de media página.
3. El tema elegido determinará el diseño de la página
4. Una vez elegido la temática, debemos de distinguir cuales son las categorías en las que vamos a dividir nuestro sitio.

¿Qué es un sitio web?

Sitio web: También llamado website
Es un conjunto algo extenso de páginas web agrupadas bajo un dominio, por ejemplo www.aulaclic.es.

• El sitio web parte de una página inicial o home, desde la que podemos acceder a todo el contenido del sitio, a través de hiperenlaces y a su vez, podemos encontrar enlaces hacia otros sitios distintos.
  
• En conjunto de los sitios publicados en Internet forman la WEB o WWW.
  
• El contenido de las páginas del sitio, puede estar escrito directamente en HTML

1. Esto genera un sitio estático, que sólo recibe actualizaciones de vez en cuando, ya que hay que hacerlas manualmente sobre el código.
   
2. En cambio, existen otros lenguajes, como PHP, ASP o JSP que generan en HTML a partir de datos, como contenidos de bases de datos, datos introducidos por el usuario, información global.
   Esto origina sitios dinámicos ya que los cambios se producen frecuentement y son realizados desde la página
   

Elementos entorno de komposer

BARRA DE MENÚS:es desde la que podemos acceder a todas las opciones del programa.

BARRA DE REDACCIÓN: en ésta se encuentran las opciones más comunes como: Guardar, Nuevo, o insertar Enlaces o Imágenes.

BARRA DE FORMATO: ésta está pensada para formatear el documento,de ella se desprenden dos deplegables muy interesantes: El primero, que en la imagen muestra Texto en el cuerpo, nos permite elegir el elemento que contienen el texto que escribimos, por ejemplo un encabezado o un párrafo. El segundo, que en la imagen muestra (sin clase) nos permite asignar una clase al texto.

ÁREA DE EDICIÓN: es donde podemos editar el contenido de nuestra página. Podemos tener varias abiertas en distintas pestañas. La forma en que podemos ver y trabajar con la página, depende del modo de edición: Normal. Con este modo, vemos el diseño de la página como se mostraría en un navegador. Aunque aparecen algunas marcas más, como información de la ubicación de algunas etiquetas especiales, como comentarios y scripts, y líneas rojas punteadas en los bordes de tablas y divisiones.
El modo Etiquetas HTML funciona como el anterior, pero mostrando en cada etiqueta un cuadradito amarillo con su identificador.
El modo Código fuente nos permite trabajar directamente sobre el código fuente de la página.
El modo Vista preliminar, muestra la página como se vería en un navegador, sin ninguna marca adicional.

BARRA DE ESTADO: encontramos una barra que muestra la jerarquía de etiquetas que hay sobre el lugar donde está el punto de inserción.Esto nos permite seleccionar cualquier etiqueta y todo su contenido sólo haciendo clic sobre ella.Si hacemos clic derecho sobre una etiqueta, aparece un menú con opciones muy útiles:

Seleccionar: hace lo mismo que la hacer clic sobre la etiqueta.
Eliminar etiqueta: borra la etiqueta pero no su contenido.
Cambiar etiqueta: sustituye una etiqueta por otra sin lateral si contenido.
ID: muestra una lista de los ID que utilicemos en nuestros estilos, y nos permite asignárselos a un elemento.
Clases: muestra las clases disponibles y nos permite asignarlas al elemento. Además, nos muestra la clase ya asignada a un elemento, pudiendo quitarla.
Estilos en línea: Nos permite definir el estilo del elemento, para lo que creará el atributo style.

PROPIEDADES AVANZADAS: Accedemos a una ventana en la que podemos ver todos los atributos del elemento y sus valores, editarlos, eliminarlos o añadir nuevos. También podremos definir el estilo incrustado.
Podemos mostrar u ocultar todas estas barras a través del menú Ver → Mostrar / Ocultar.