2.4.- Estructura del sitio Web. a) Definición del sitio Sitio Web.- b) Crear y guardar un documento

Transcripción

1 2.4.- Estructura del sitio Web. a) Definición del sitio Sitio Web.- Es un conjunto de documentos que comparten ciertos atributos, objetivos o subjetivos, tales como tema, apariencia, propósito, etc. Para definir un nuevo sitio: seleccionar del menú Sitio, la opción Sitio Nuevo pestaña avanzada. b) Crear y guardar un documento La definición previa de la estructura de un sitio permitirá preservar la organización, aún y cuando el sitio puede multiplicar rápidamente la cantidad de archivos que

2 contiene. El sitio siempre se debe crear en la ruta que te muestra la figura de la derecha Nombre de archivos y HTML Al momento de asignar nombre a los archivos, procure usar únicamente letras minúsculas, evitando los caracteres especiales, así como los espacios entre palabras, ya que existen plataformas que no distinguen tanto letras mayúsculas como minúsculas, como los caracteres especiales. Academia de Informática Aplicada 157

3 Diseño: Aspectos fundamentales Planee cuidadosamente el esquema y el vocabulario de navegación a través del sitio. Preestablezca un tema visual único para su sitio, contemplando formato de texto, estilos, colores, imágenes, etc... c) Título de la página web Página principal index.html Se tiene que determinar la página principal del sitio Web; la primera página que se va a presentar a los que visiten el sitio. Título de la Página Web El título de una página Web aparece en la barra de título de la ventana junto al nombre del navegador que se utiliza. El título es el primer dato que tiene el navegador sobre la información de la página Web. Para insertar un título en la página Web: 1. Se abre una página Web. 2. Dirígete a la barra Documento y allí se verá un cuadro de texto para escribir el Titulo de la página. Por ejemplo: Esta es mi primera página Web 3. Se puede ver que en la apariencia de la página no hay cambio, no forma parte del contenido visual de la página. Podemos checar en la vista CÓDIGO para ver el cambio en la etiqueta <title> <title> Esta es mi primera página web</title> Nota: El título no es igual al nombre de archivo. El título de página y el nombre del archivo.htm son dos cosas diferentes. 158 Academia de Informática Aplicada

4 d) Especificación de navegadores para previsualización La regla general es probar nuestros sitios en tantos clientes y plataformas como sea posible, ello con la finalidad de asegurar el correcto funcionamiento y la consistencia visual independiente de la aplicación que un usuario pueda elegir. Nota: Los archivos siempre se deberán de grabar en la carpeta creada para el sitio. La opción Vista Previa en el navegador del menú Archivo muestra la lista de clientes seleccionados para visualizar el sitio. Para agregar o eliminar clientes seleccione del menú Archivo - Vista Previa en el navegador la opción Editar lista de Navegadores

5 En esta ventana podrás agregar o eliminar los navegadores, así como elegir el predeterminado. Nota: El cliente es aquel programa o aplicación que nos permite visualizar páginas en Internet, entre las más populares son el Netscape Navegador, el MS Internet Explorer y Mozilla Firefox Estructura del sitio Web. a) Definición del sitio Sitio Web.- Es un conjunto de documentos que comparten ciertos atributos, objetivos o subjetivos, tales como tema, apariencia, propósito, etc. Para definir un nuevo sitio: seleccionar del menú Sitio, la opción Sitio Nuevo pestaña avanzada. b) Crear y guardar un documento La definición previa de la estructura de un sitio permitirá preservar la organización, aún y cuando el sitio puede multiplicar rápidamente la cantidad de archivos que

6 contiene. El sitio siempre se debe crear en la ruta que te muestra la figura de la derecha Nombre de archivos y HTML Al momento de asignar nombre a los archivos, procure usar únicamente letras minúsculas, evitando los caracteres especiales, así como los espacios entre palabras, ya que existen plataformas que no distinguen tanto letras mayúsculas como minúsculas, como los caracteres especiales. Academia de Informática Aplicada 157

7 Diseño: Aspectos fundamentales Planee cuidadosamente el esquema y el vocabulario de navegación a través del sitio. Preestablezca un tema visual único para su sitio, contemplando formato de texto, estilos, colores, imágenes, etc... c) Título de la página web Página principal index.html Se tiene que determinar la página principal del sitio Web; la primera página que se va a presentar a los que visiten el sitio. Título de la Página Web El título de una página Web aparece en la barra de título de la ventana junto al nombre del navegador que se utiliza. El título es el primer dato que tiene el navegador sobre la información de la página Web. Para insertar un título en la página Web: 1. Se abre una página Web. 2. Dirígete a la barra Documento y allí se verá un cuadro de texto para escribir el Titulo de la página. Por ejemplo: Esta es mi primera página Web 3. Se puede ver que en la apariencia de la página no hay cambio, no forma parte del contenido visual de la página. Podemos checar en la vista CÓDIGO para ver el cambio en la etiqueta <title> <title> Esta es mi primera página web</title> Nota: El título no es igual al nombre de archivo. El título de página y el nombre del archivo.htm son dos cosas diferentes. 158 Academia de Informática Aplicada

8 d) Especificación de navegadores para previsualización La regla general es probar nuestros sitios en tantos clientes y plataformas como sea posible, ello con la finalidad de asegurar el correcto funcionamiento y la consistencia visual independiente de la aplicación que un usuario pueda elegir. Nota: Los archivos siempre se deberán de grabar en la carpeta creada para el sitio. La opción Vista Previa en el navegador del menú Archivo muestra la lista de clientes seleccionados para visualizar el sitio. Para agregar o eliminar clientes seleccione del menú Archivo - Vista Previa en el navegador la opción Editar lista de Navegadores

9 En esta ventana podrás agregar o eliminar los navegadores, así como elegir el predeterminado. Nota: El cliente es aquel programa o aplicación que nos permite visualizar páginas en Internet, entre las más populares son el Netscape Navegador, el MS Internet Explorer y Mozilla Firefox.