SITIO WEB ESTRUCTURA Y NAVEGACION

Ver más

EL HELENISMO

por juan sebastian rojas morales

Principios básicos de la naturaleza y problemas de urbanización

por Karla Rodriguez

Mapa conceptual revolución científica

por Miguel Isaac Santana Hernandez

PROSPECTIVA ESTRATEGICA

por ALEXANDER VELASQUEZ

¿Qué es un sitio web?

SITIO WEB ESTRUCTURA Y NAVEGACION

¿Cómo crear un sitio web con Kompozer?

13. Repite los pasos 11 y 12 para crear los enlaces al resto de páginas : • Demografía: poblacion.html • Escribe tu cuento: escribe.html • Glosario: glosario.html 14. Selecciona Archivo > Guardar como 15. Introduce el título: Mi página principal para guardar la página index.html en la carpeta miweb. 16. Para probar su funcionamiento pulsa en el botón Navegar.ubtema

9. Escribe “Mi página principal”, selecciona el texto y elige como formato Título 1. 10. Pulsa la tecla para situarte en la siguiente línea y pulsa en el botón Viñetas de la barra de herramientas de Formato. 11. Escribe “Federico García Lorca”, selecciona el texto y pulsa en el botón Enlace. 12.En el cuadro de diálogo Propiedades del enlace haz clic en el botón Elegir archivo … y localiza la página lorca.html situada en la carpeta miweb. Clic en Aceptar.

5. Administrador de sitios ahora se muestra la rama MiSitio. 6.la parte superior derecha del Administrador se dispone de botones 7. Utiliza estos botones para crear las carpetas de la imagen que falten: audios, css, descargas, pdf, plantillas, scripts, swf y videos. 8. A continuación vamos a crear la página index.html de nuestro sitio web. Para ello seguiremos el procedimiento habitual: Archivo > Nuevo.

1. Abre Kompozer 2. Elige Ver > Mostrar/Ocultar > Administrador de sitios o bien pulsa directamente la tecla de función 3. En el panel Administrador de sitios pulsa en el botón Editar sitios. 4. Configuración de publicación introduce “MiSitio” en el cuadro de texto Nombre de sitio y pulsa el botón Seleccionar directorio para apuntar a la carpeta miweb. Clic en el botón Aceptar.

La estructura de navegación

Red. A partir de la página índice o principal se puede navegar a otra u otras sin ningún orden aparente. Es una estructura más libre pero no es aconsejable

Lineal con jerarquía. Es una estructura híbrida que trata de aprovechar las ventajas de las dos estructuras anteriores.

Lineal. Es una estructura muy simple similar a las páginas de un libro. Desde una página concreta se puede ir a la página siguiente o la página anterior. Es especialmente útil si deseamos que el usuario siga un itinerario fijo y guiado sin posibilidad de acceder a otras páginas que pudieran distraerle.

Jerárquica. Estructura en árbol donde existe una página índice o principal desde donde se accede al resto de páginas.

Es un conjunto de páginas html relacionadas entre sí por hiperenlaces, gestionadas por una única entidad o persona, accesibles desde Internet a partir de una dirección URL de su página índice

Los nombres de carpetas y archivos

Con intención de evitar errores es interesante respetar las siguientes normas cuando se asigna nombre a carpetas o archivos:

5. Utilizar siempre letras minúsculas aunque se admitan mayúsculas. Hay servidores que distinguen entre mayúsculas y minúsculas. Esto significa que la página INDEX.html no es la misma que la página index.html. 6. Para las páginas HTML utilizar siempre la extensión: *.html aunque se admita la *.htm. 7. Reserva el nombre index.html para la página que deseamos se muestre por defecto cuando el usuario navega hasta la carpeta sin indicar un archivo html concreto.

1. El nombre asignado estará formado por caracteres alfanuméricos: a-z y 0-9 2. No debe contener caracteres no alfanuméricos, signos de puntuación, espacios en blanco, caracteres acentuados, eñes, etc. 3. Los únicos caracteres no alfanuméricos permitidos son el subrayado _ y el guión –

La estructura de archivos y carpetas

Las principales carpetas que utiliza son:

audios: archivos de audio mp3. • css: hojas de estilo css. • descargas: archivos zip, exe, etc que se ofrecen para descarga. • images: imágenes jpg, gif o png. • pdf: documentos pdf. • scripts: archivos js con código javascript reutilizable. • swfs: archivos con animaciones flash (*.swf). • vídeos: ficheros en distintos formatos de vídeo: *.wmv, *.flv

Las páginas HTML se guardarán en el directorio o carpeta principal mientras que los elementos que utilizan (audios, vídeos, hojas de estilo, imágenes, etc) se situarán en las subcarpetas correspondientes. Esta

Cuando el número de ficheros es considerable, resulta muy útil ubicarlos en carpetas para facilitar su localización y edición.