Scribd Logo
Importer

Bienvenue sur Scribd !

  • Intro A Pa Gin As Web

    Transféré par

    JDarley Saldaña
    181 vues8 pages

    Titre original

    Intro a Pa Gin as Web

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    181 vues8 pages

    Intro A Pa Gin As Web

    Transféré par

    JDarley Saldaña

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 8

    ESTRUCTURA Y FUNCIONAMIENTO DE UN SITIO WEB

    Antes de empezar a diseñar el sitio web hay que pensar en cómo queremos que este funcione, es decir,
    su organización y para ello hay que tener claro cuál va a ser el propósito del sitio web, sus contenidos y
    los usuarios potenciales que lo visitarán. Lo que va a determinar la estructura de la web van a ser en gran
    medida los contenidos; ellos nos deben indicar cuál de los siguientes tres tipos de estructura es el más
    adecuado:

     Estructura de árbol o jerárquica: A partir de una página de bienvenida o index (raiz) se


    abren unas secciones (ramas) que a su vez contienen múltiples páginas web (hojas).

     Estructura lineal: a partir de una página de bienvenida o portal se suceden las siguientes
    páginas una tras otra como si se tratara de un libro.

    Página Inicio Página stge 1 Página stge 2 Página stge n

     Estructura en red: Las páginas que forman el sitio web se enlazan unas con otras según sus
    contenidos en una especie de red en la que no se aprecia ningún tipo de jerarquía.
    Para la web de un centro educativo parece más conveniente una estructura en árbol, con una
    presentación, unas secciones (administración, departamentos, alumnos, Padres etc.) que darían
    paso a las páginas que elabore cada colectivo. Esta organización permite al visitante conocer en
    qué lugar de la web se encuentra y se le facilita la navegación mediante botones que ascienden
    o descienden en la estructura del árbol para alternar entre secciones.

    La elección del tipo de estructura va a determinar también la estructura en que se crean los
    archivos y directorios. Esto nos permite organizar la web de una forma lógica facilitando mucho
    el trabajo del diseñador, pero también es algo que afecta al visitante ya que sólo por la dirección
    de la página que visita puede hacerse una idea de dónde está. Para simplificar las cosas es
    recomendable usar en los nombres de archivo y de carpeta sólo letras minúsculas, sin
    caracteres especiales y sin espacios en blanco, además de elegir nombres cortos y
    representativos.

    ¿CON MARCOS O SIN MARCOS? MEJOR LAS TABLAS

    Es otro dilema que afecta a la estructura de la web y que hay que decidir al principio ya que va a
    tener consecuencias tanto para el diseñador como para el visitante.
    Supongamos una web con la siguiente estructura: Un marco superior con el título principal
    (nombre del centro, localidad, ...), un marco a la izquierda con la barra de navegación y un gran
    marco principal donde se cargan las páginas que se llaman desde dicha barra. Esta estructura
    tiene las siguientes ventajas:

     El título y la barra de navegación, por muy complejos que sean, se cargan una sola vez y
    después permanecen en su marco acelerándose mucho la descarga de las demás páginas.
     Si hay que modificar un enlace, sólo hay que hacerlo en la página del marco de navegación y
    no en todas las páginas como si cada una llevara la barra en sí misma.
     Las páginas se diseñan de una manera mucho más rápida porque no llevan ni título ni barra
    de navegación.
    Frente a estas ventajas tenemos dos inconvenientes:

     La dirección de cada página no se corresponde con lo que se observa en pantalla ya que si


    tecleamos una dirección concreta (por ejemplo la página del departamento de filosofía), nos
    aparecerá sin los marcos de título y barra de navegación y el visitante no sabrá dónde ha
    entrado. Por otro lado, si tecleamos la dirección de la página de marcos, se carga la
    presentación del sitio web y no la página de filosofía.
     Los visitantes que quieran agregar una página a favoritos no podrán hacerlo por la misma
    razón: o guardan la página aislada o guardan la presentación sin la página.
    Si optamos por una página sin marcos, tampoco hay que renunciar a las ventajas antes citadas
    ya que hay dos posibles soluciones:

     La barra de navegación común a todo el sitio web se pone en un javascript (en un archivo
    adjunto .js) y cada página lo manda cargar al principio, en la sección <head>. Después de la
    primera carga, ya lo tendremos en caché y no hará falta volverlo a descargar. Desde el punto
    de vista del diseñador, cuando haya que cambiar un enlace, sólo se cambia en el archivo .js
     Dreamweaver tiene la opción de crear plantillas de diseño. Un cambio en la plantilla se
    actualiza automáticamente en todas la páginas que se han creado a partir de ella.
    Por último, si se opta por marcos, hay que tener cuidado con los enlaces externos ya que está
    muy mal visto que se carguen como un marco más dentro de otra web.
    DISEÑAR LA WEB

    A la hora de diseñar la web hay dos conceptos que conviene tener en cuenta y que son la
    accesibilidad y la usabilidad.

    Accesibilidad
    Una página web se hace con la idea de que sea vista por el mayor número de personas y en
    múltiples países, pero cada uno de los visitantes va a acceder a ella con un equipo y una forma
    de navegar que, si no lo tenemos en cuenta, le impida apreciar el diseño o que no lo vea en
    absoluto. Los factores técnicos y de navegación que afectan a la visualización correcta de una
    página web son:

     Conexiones lentas a internet.


     Computadores que no tienen flash ni plug-ins instalados, muchas veces sencillamente
    porque su propietario no quiere.
     Ordenadores con tarjetas gráficas que sólo permiten 256 colores.
     Ordenadores con pocas fuentes instaladas.
     Usuarios con equipos portátiles.
     Monitores de baja resolución.
     Distintos tipos de exploradores.
     Usuarios que tienen desactivada la carga de imágenes en su explorador.
     Versiones antiguas de los exploradores.
     Usuarios con deficiencias visuales que activarán las fuentes más grandes y aumentarán el
    contraste del texto y los fondos.
     Usuarios con deficiencias motrices que les impiden manejar el ratón y usarán sobre todo el
    teclado.

    Como es casi imposible contemplar todos estos factores en el diseño de la web, es conveniente
    tener presente estos 3 principios para lograr que su accesibilidad sea lo mayor posible:
    1. La web debe adaptarse al equipo del visitante transformando su aspecto de forma correcta.
    2. El texto es siempre lo más accesible para cualquier usuario. Por ello se debe poner siempre
    un texto alternativo a las imágenes.
    3. El contenido debe ser navegable. Hay que colocar elementos de navegación claros y
    correctamente situados que permitan moverse por la web en todas direcciones.

    Usabilidad
    Una web muy lograda desde el punto de vista del diseño, pero con una baja usabilidad será un
    fracaso seguro de visitantes. Se podría dar infinidad de recomendaciones en este sentido:
     Diseñar la web pensando en el punto de vista del visitante
     La mayoría de los internautas se cansa de esperar a que cargue una página lenta. Debe ser lo
    más rápida posible.
     Navegación fácil e intuitiva.
     No agobiar con complejas y pesadas presentaciones. Ir al grano.
     Contenidos rigurosos y escuetos. Las páginas cargadas de texto suelen cansar. Si no hay más
    remedio, dar la opción al visitante mediante un archivo de texto, de imprimir el texto para
    leerlo en papel que es mucho más cómodo.
     No abusar de los colores chillones, de la negrita y, mucho menos, de los mensajes
    parpadeantes que a muchas personas molestan y no son, en el fondo, necesarios.
     Evitar si se puede la aparición de barras de desplazamiento horizontal a partir de una
    resolución de 800x600. No merece la pena diseñar pensando en resoluciones menores que
    ya casi no se encuentran.

    COLGAR LA PÁGINA EN LA INTERNET

    Antes de transferir toda la página al servidor, conviene tener en cuenta algunas cosas si
    queremos que se vea bien desde el principio y no dar a los visitantes una impresión de
    provisionalidad o de "estar a medio hacer".
     Colocar en el servidor una página de prueba que no sea accesible por quien no sepa de su
    existencia. Para ello basta con no llamarla "index.htm". Avisamos entonces a amigos y
    compañeros para que la vean y den su opinión. También podemos aprovecharla para hacer
    pruebas de navegación si subimos más páginas.
     Si a pesar de todo queremos ir subiendo páginas sin terminar, es mejor no poner el típico
    mensaje "en construcción"; en su lugar se puede describir por encima el contenido que
    tendrá y poner un enlace a la página principal.
     En las páginas que enlazan con una que no está terminada o no existe todavía, es preferible
    no activar el enlace, pero sí que aparezca el texto. Si activamos el vínculo, el tiempo de carga
    de una página no encontrada resulta frustrante; sin embargo, el texto sin enlace puede
    animar al visitante interesado a volver días o semanas después a ver si ya se terminó esa
    sección. La diferencia está entre perder un visitante, a lo mejor para siempre, y conseguir
    que vuelva por algo que le interesa.
     Comprobar antes de la transferencia final que todo funciona correctamente en el disco
    duro.
     Asegurarse de que todos los archivos necesarios están en su carpeta correspondiente de la
    Web y no en cualquier carpeta del disco duro, porque los enlaces funcionarían en el disco,
    pero no en internet.
    Cuando ya esté todo listo, se puede proceder a la transferencia de los archivos. Esto se puede
    hacer de distintas maneras dependiendo del servidor que tengamos, pero en todos los casos
    necesitaremos que nos provea de un nombre de usuario y contraseña (login y password), así
    como de una dirección de servidor para acceder al directorio remoto.
    La transferencia la podemos hacer de varias maneras:
     Por ftp: Con un programa cliente de ftp como Cuteftp. Una vez establecida la conexión
    tendremos en pantalla los dos directorios, el local y el remoto, y podremos enviar los
    archivos como si fuera el explorador de Windows entre unidades y carpetas, pinchando y
    arrastrando.
     Con FrontPage tenemos la opción "Publicar Web" que realiza la transmisión mediante http y
    no ftp por lo que no conviene alternar entre ambos tipos de transmisión. Si usamos esta
    opción y después transferimos mediante ftp, es posible que luego no nos vuelva a funcionar
    lo de "publicar" con FrontPage. Esta opción sólo funciona si nuestro servidor acepta las
    "extensiones de servidor de FrontPage" y eso nos lo tienen que informar ellos. Algunos
    servidores, disponiendo de dichas extensiones, no recomiendan en absoluto que se
    transfieran los archivos con FrontPage porque dicen que se producen después fallos en el
    funcionamiento general de la Web. Por otro lado, es la única manera de que funcionen los
    elementos de FrontPage tales como contadores, formularios, etc.
     Desde la página web del servidor, entrando en la sección "administrador de sitio" con el
    correspondiente nombre de usuario y contraseña (por ejemplo, Geocities o Iespana) Puede
    ser cómodo para subir unos pocos archivos, pero no para transferir la Web completa la
    primera vez.
     Dreamweaver tiene su propio ftp que funciona muy bien, bastante mejor que lo de
    FrontPage.

    Mientras se está haciendo la transferencia hay que estar muy pendiente sobre todo a estos 3
    detalles:
    1. Ser lo más meticuloso y ordenado posible para que no quede ningún archivo ni carpeta sin
    transferir.
    2. Atender a los errores de transmisión que se vayan produciendo y que nos comunica el ftp
    para reenviar y sobreescribir en el directorio remoto aquello que por un fallo no se
    transmitió en su totalidad.
    3. No renombrar archivos o carpetas una vez transferidas ya que, con el tiempo, los directorios
    local y remoto acabarían por no coincidir y es muy difícil en esa situación mantener una Web
    sin fallos.

    CONTROL Y MANTENIMIENTO

    Mantener actualizada la web es imprescindible si se quiere que los visitantes vuelvan de vez en
    cuando a ella. Para ello conviene introducir novedades periódicamente, que los contenidos no
    sean inmutables. Sobre esto se pueden dar las siguientes recomendaciones:
     Hacer modificaciones periódicas del diseño de la web manteniendo algunos elementos fijos
    como el título, logo, etc. Pequeños cambios en los colores o en los elementos de navegación
    pueden dar un aspecto muy distinto a la web.
     Actualizar el contenido y mantener informado al visitante de dichas actualizaciones. Por
    ejemplo, si añadimos una página con fotos y comentarios de las últimas actividades
    culturales o excursiones que hizo el centro, lo ideal es avisarlo con un enlace bien visible en
    la página principal de la web.
     Introducir elementos en el portal de la web que cambien por sí solos periódicamente sin
    necesidad de un mantenimiento muy laborioso. Por ejemplo:
     Titulares del día (http://www.imente.com): Se pueden diseñar en cuanto a tamaño y
    color de fondo para que encajen en la parte de la página que más nos interese. Se
    renuevan cada día automáticamente y podemos elegir la temática de los titulares.
     Banners de intercambio (http://www.clicklatino.com): De paso que renovamos
    automáticamente el aspecto de la página, nos damos a conocer a través del intercambio.
     Introducir elementos de participación de los visitantes. Ejemplos:
     Foros de debate (http://www.quicktopic.com/).
     Encuestas (http://encuestas.miarroba.com/)
     Tablón de anuncios virtual. Ejemplo
     Una última recomendación. Como norma general, hay que contestar siempre los e-mails que
    se reciban de los visitantes. Es una manera de fidelizar las visitas y, sobre todo, es de buena
    educación.

    _________________________________
    Ing. Jhon Darley Saldaña Parra
    _________________________________

    Vous aimerez peut-être aussi