{"id":1351,"date":"2012-11-23T20:00:57","date_gmt":"2012-11-23T20:00:57","guid":{"rendered":"http:\/\/canaltic.com\/blog\/?p=1351"},"modified":"2017-06-05T16:07:22","modified_gmt":"2017-06-05T15:07:22","slug":"creando-la-web-del-centro-con-joomla","status":"publish","type":"post","link":"https:\/\/canaltic.com\/blog\/?p=1351","title":{"rendered":"Creando la web del centro con Joomla!"},"content":{"rendered":"

Cuando se decide iniciar la tarea de dise\u00f1ar la web del centro es necesario analizar y tomar decisiones sobre m\u00faltiples aspectos. En este art\u00edculo se recogen los detalles de este proceso con un supuesto pr\u00e1ctico y real desarrollado en el CEIP.Virgen de los Volcanes<\/a>. Se trata de crear el sitio web de este centro educativo usando Joomla!<\/a> como gestor de contenidos.<\/p>\n

\"\"<\/p>\n

\u00cdndice<\/a><\/h2>\n
    \n
  1. Objetivos del sitio web<\/a><\/li>\n
  2. Navegabilidad, usabilidad y accesibilidad<\/a><\/li>\n
  3. Alternativas CMS para un sitio web<\/a><\/li>\n
  4. Joomla!<\/a><\/li>\n
  5. Dec\u00e1logo para la creaci\u00f3n de un sitio web con Joomla!<\/a><\/li>\n
  6. Elegir la versi\u00f3n de Joomla!<\/a><\/li>\n
  7. Servicios de hosting para Joomla!<\/a><\/li>\n
  8. Categor\u00edas y art\u00edculos<\/a><\/li>\n
  9. Edici\u00f3n de art\u00edculos<\/a><\/li>\n
  10. Gestor de recursos multimedia<\/a><\/li>\n
  11. Gesti\u00f3n de la p\u00e1gina de inicio<\/a><\/li>\n
  12. Men\u00fas<\/a><\/li>\n
  13. Componentes, m\u00f3dulos y plugins<\/a><\/li>\n
  14. Complementos recomendados para Joomla!<\/a><\/li>\n
  15. Plantillas<\/a><\/li>\n
  16. Env\u00edos masivos versus suscripci\u00f3n RSS<\/a><\/li>\n
  17. Gesti\u00f3n colaborativa<\/a><\/li>\n
  18. Para saber m\u00e1s<\/a><\/li>\n<\/ol>\n

    [volver]<\/a><\/p>\n

    1. Objetivos del sitio web<\/a><\/h2>\n

    En el contexto de un centro de ense\u00f1anza la elaboraci\u00f3n de su sitio web puede proponerse la consecuci\u00f3n de los siguientes objetivos:<\/p>\n

      \n
    1. Informar<\/strong>. Publicar informaci\u00f3n relacionada con el centro y su actividad acad\u00e9mica cotidiana para los distintos perfiles de usuario que constituyen su comunidad educativa: alumnado, profesorado, familias e instituciones.<\/li>\n
    2. Animar<\/strong>. Facilitar y potenciar la difusi\u00f3n de las experiencias did\u00e1cticas llevada a cabo con el alumnado del centro en el marco de programas, proyectos, salidas escolares, actividades complementarias, etc.<\/li>\n
    3. Organizar<\/strong>. Recopilar informaciones y enlaces organiz\u00e1ndolas por \u00e1reas y temas con el prop\u00f3sito de facilitar el acceso de los distintos usuarios\/as.<\/li>\n
    4. Educar<\/strong>. Poner a disposici\u00f3n del alumnado distintos recursos y servicios para convertirse en su sitio de referencia permanente en su interacci\u00f3n con Internet (de lo conocido a lo desconocido) y de esta forma fomentar los procesos de investigaci\u00f3n y la formaci\u00f3n en valores.<\/li>\n<\/ol>\n

      El sitio web es una iniciativa que se enmarca y adquiere pleno sentido en el marco del proyecto de uso educativo de las TIC desarrollado en el centro. Puede convertirse en uno de los motores fundamentales de la integraci\u00f3n de las TIC en la ense\u00f1anza y aprendizaje de esa comunidad educativa.<\/p>\n

      \"\"<\/p>\n

      [volver]<\/a><\/p>\n

      2. Navegabilidad, usabilidad y accesibilidad<\/a><\/h2>\n

      Al dise\u00f1ar un espacio web resulta imprescindible tener en cuenta tres principios importantes: usabilidad, navegabilidad y accesibilidad. El t\u00e9rmino usabilidad<\/strong>, importado del mundo anglosaj\u00f3n, es m\u00e1s general y puede traducirse como \u00abfacilidad de uso\u00bb. La navegabilidad<\/strong> alude a la definici\u00f3n de una estructura que permita al usuario moverse con facilidad por un sitio web. El t\u00e9rmino accesibilidad<\/strong> es m\u00e1s espec\u00edfico y se refiere al requisito que debe reunir un sitio web para que las personas con discapacidades puedan alcanzar la informaci\u00f3n que encierra.<\/p>\n

      En la idea de concretar m\u00e1s estos principios se contemplan algunas pautas de dise\u00f1o:<\/p>\n

      Navegabilidad<\/strong><\/p>\n

        \n
      1. Elementos de navegaci\u00f3n<\/strong>. Ofrecer en todas las p\u00e1ginas enlaces y\/o botones que facilitan la navegaci\u00f3n entre p\u00e1ginas: men\u00fas laterales, superiores, migas tipo breadcumbs, etc.<\/li>\n
      2. Enlace al principio de p\u00e1gina<\/strong>. Si la p\u00e1gina es larga, es necesario situar al final o en medio hiperv\u00ednculos al inicio de la misma.<\/li>\n
      3. Evitar p\u00e1ginas \u00abcallej\u00f3n sin salida\u00bb<\/strong>. Situar en todas las p\u00e1gina enlaces que permitan continuar la navegaci\u00f3n: volver, men\u00fas laterales o superiores, etc.<\/li>\n
      4. Estructura sencilla de navegaci\u00f3n<\/strong>. Es recomendable utilizar una organizaci\u00f3n jer\u00e1rquica sencilla de las p\u00e1ginas a partir de una p\u00e1gina principal o portada. Conviene no abusar de los enlaces que saltan de una rama a otro para evitar la desorientaci\u00f3n del usuario\/a.<\/li>\n
      5. A no m\u00e1s de 3 clics<\/strong>. Tratar de que cualquier informaci\u00f3n de nuestra web se encuentre a no m\u00e1s de 3 clics de la portada o p\u00e1gina principal. De lo contrario los lectores se cansar\u00e1n y abandonar\u00e1n la b\u00fasqueda.<\/li>\n
      6. Enlace a la portada<\/strong>. Situar en todas las p\u00e1ginas un bot\u00f3n o enlace a la p\u00e1gina principal. Puede resultar \u00fatil para reorientarse cuando el usuario\/a divaga en su navegaci\u00f3n por el sitio web.<\/li>\n
      7. Mapa del web<\/strong>. Se puede crear una p\u00e1gina especial que contenga el mapa del sitio web. Facilita el acceso en un solo golpe de vista al contenido completo de la web.<\/li>\n<\/ol>\n

        Usabilidad<\/strong><\/p>\n

          \n
        1. Tama\u00f1o de las p\u00e1ginas<\/strong>. A los usuarios no les gusta hacer scroll. Por este motivo las p\u00e1ginas no deben ser m\u00e1s largas del doble de la pantalla. Fraccionar el texto en varias p\u00e1ginas cuando el tama\u00f1o del mismo sea excesivo para una sola. El avance a la siguiente p\u00e1gina aportar\u00e1 cierto descanso en la vista que el usuario agradecer\u00e1. No obstante si la p\u00e1gina contiene un texto que debe ser le\u00eddo completo conviene utilizar marcadores y enlaces internos para facilitar la navegaci\u00f3n por el mismo.<\/li>\n
        2. Identificaci\u00f3n de las p\u00e1ginas<\/strong>. Es interesante situar informaci\u00f3n del centro en el pie o encabezado de todas las p\u00e1ginas. Incluso con posibilidad de acceder a un email de contacto o a la p\u00e1gina principal. Hay visitantes que pueden acceder a trav\u00e9s de buscadores a una p\u00e1gina concreta del sitio web.<\/li>\n
        3. P\u00e1ginas uniformes<\/strong>. Situar los elementos siempre en el mismo sitio de la p\u00e1gina para conseguir p\u00e1ginas homog\u00e9neas que familiaricen al usuario\/a con el sitio.<\/li>\n
        4. P\u00e1ginas sencillas<\/strong>. La p\u00e1gina debe transmitir informaci\u00f3n con un solo golpe de vista. No conviene abusar de todo tipo de recursos en una misma p\u00e1gina.<\/li>\n
        5. Metadatos de la p\u00e1gina<\/strong>. Conviene mostrar la categor\u00eda, etiquetas, fecha de publicaci\u00f3n, autor\u00eda, contador de visitas etc de una p\u00e1gina. En ocasiones proporciona informaci\u00f3n \u00fatil para el usuario\/a lector.<\/li>\n
        6. Enlaces<\/strong>.\n