Cómo crear una página usando la plantilla

En esta página se explica de manera general el desarrollo para la producción de una página HTML a partir de las plantillas DWT de la universidad.


PRIMER PASO - Obtenga las plantillas de su necesidad

Baje las plantillas desde la ubicación www.plantillasweb.unal.edu.co/Plantillas

Para esto deberá estar en un computador dentro de la red de la UN. Si no tiene forma de hacerlo puede solicitarlas a comunicacionweb@unal.edu.co explicándonos su situación


Debe introducir su usuario y contraseña de la UNAL (los mismos del correo) y seleccionar su ubicación del menú desplegable. Recuerde que el sistema solo acepta usuarios personales. No podrá ingresar con usuarios de dependencias (ej: secsede_bog@unal.edu.co)

SEGUNDO PASO - Descomprima y copie

El archivo que descargó es un formato .ZIP. Descomprima las plantillas en alguna ubicación de su disco duro utilizando la función predeterminada de Windows (haciendo doble click sobre el archivo) o usando el programa de su preferencia (winrar por ejemplo)


En el archivo encontrará una carpeta llamada Mi Sitio. Puede usar este nombre o reemplazarlo por el de su preferencia.

En este ejemplo ubicamos la carpeta Mi Sitio en el disco duro D: del computador. Tenga en cuenta que esta carpeta deberá permanecer siempre en esta misma ubicación, ya que si la cambia de lugar una vez iniciado el proceso de construcción, el programa no será capaz de encontrar luego su sitio.

TERCER PASO - Configure el sitio en Dreamweaver

Si no tiene Dreamweaver instalado, puede hacerlo llamando a la Ext. 81000 para todas las Sedes. Este es el programa para el cual la Universidad brinda soporte. El siguiente ejemplo mostrará el proceso con la versión 8. La versión CS y CS3 difiere en el aspecto gráfico pero tiene la misma lógica de elaboración.

Abra Dreamweaver

Aparecerá una ventana como la de la imagen. En las opciones de la columna de la mitad de la ventana emergente verde encontrará opciones para CREAR NUEVO. La penultima opción enuncia Sitio de Dreamweaver. Elija esa opción. Si por alguna razón no aparece la ventana emergente de la mitad, puede ir al menú general de la parte superior del programa y hacer click sobre SITIO y luego NUEVO SITIO

Aparecerá otra ventana emergente con dos pestañas en la parte superior: una Básica y la otra Avanzada. Puede seguir las instrucciones que dictan en la opción básica pero sugerimos hacer click en la pestaña de avanzada.

Una vez en la pestaña de Avanzadas en la primera casilla deberá escribir el nombre de su sitio. En este ejemplo escribire Sitio UNAL Blogger.

En la segunda casilla de Carpeta Raiz Local deberá hacer click sobre la carpeta amarilla y buscar en su computador la carpeta Mi Sitio (o el nombre por el que la haya renombrado si realizó tal acción) que previamente copió en su disco duro

Recuerde que uno es el nombre de la carpeta y otro el nombre del sitio que acabó de llenar

Es muy importante que seleccione la carpeta Mi Sitio, donde podrá observar que se ubica la carpeta Templates. NO elija ninguna carpeta distinta a la de Mi Sitio ni renombre la carpeta Templates, ya que el programa no podrá crear los archivos a partir de las plantillas.

Una vez seleccionada la carpeta, el tercer y cuarto campo de esta categoría (Datos Locales) se pueden dejar en blanco.

La segunda categoría de la pestaña Avanzadas corresponde a los datos remotos de su página. Seleccione esa opción y en el lado derecho elija FTP de la ventana desplegable si tiene los datos de su página que proporciona la Dirección Nacional de Informática y Comunicaciones a través de este procedimiento.

Si no los tiene elija ninguno y siga al paso 4

Si tiene los datos proporcionados por la Dirección Nacional de Informática, llenelos así:

En el servidor FTP escriba ftp://ftp.unal.edu.co/

En el directorio del servidor escriba
/htdocs/web/sucarpeta

donde sucarpeta es reemplazado por la carpeta que la DNIC le asigne

En el campo de usuario y contraseña escriba los que la DNIC le asigne

Si quiere comprobar que los datos están correctos, asegúrese de tener conexión a Intertet y haga click en Prueba. Si obtiene un aviso de conexión exitosa haga click en ACEPTAR. Recuerde que la actualización de las páginas solo se puede realizar en un computador al interior de la UN.

CUARTO PASO - Cree su página

Una vez configurado el sitio, verá en la columna del lado derecho, el árbol con los archivos de su sitio web. Verá la carpeta Templates y el archivo mm_menu.js que venían dentro de la carpeta Mi Sitio que descargó inicialmente. En este lugar usted verá los archivos nuevos que cree así como las carpetas (si quiere crearlas para mayor organización) con el contenido de su sitio (imágenes, documentos de Word, documentos PDF, etc.)

Por ahora vamos a crear la página principal.

Seleccione en la barra general de la parte de arriba ARCHIVO y luego haga click en NUEVO

Se abrirá una ventana emergente con dos pestañas: GENERAL y PLANTILLAS.

Seleccione PLANTILLAS

En este punto verá la previsualización de la plantilla que descargó, la cual en este ejemplo se llama index_nacional. En caso de que usted trabaje con varios sitios, podrá repetir este proceso con otra plantilla y verá varias opciones para escoger.

Haga click sobre CREAR

QUINTO PASO - Llene la página con información

Ya tiene la primera página que por defecto se llama Untitled-1 o SinTitulo-1. Lo primero que debe hacer es llenar los campos editables del cabezote. Llene el campo Dependencia con el nombre de la oficina administrativa responsable de la página (Facultad, Departamento, Dirección, Vicerrectoría, o la que aplique). En el Título de la página escriba el título que más se acomode para el contenido que tiene esa página en especial. Recuerde que para ambos casos deberá escribir en altas y bajas los nombres.

Por ejemplo, la página principal de este sitio puede ser para el Laboratorio de Reacciones Químicas del Departamento de Química de la Facultad de Ciencias. Entonces, en el Título de la página escribimos Laboratorio de Reacciones Químicas y en la Dependencia Departamento de Química. El segundo Nivel de Dependencia fue eliminado en estas nuevas plantillas, así que debemos omitir Facultad de Ciencias.

Si dentro de este sitio vamos a crear la página del II Congreso de Reacciones Exotérmicas, podemos titular la Página II Congreso de Reacciones Exotérmicas y en la Dependencia escribir Laboratorio de Reacciones Químicas. De esta manera los usuarios y los buscadores de internet encontrarán con mayor facilidad la información específica que estamos ofreciendo.

Luego de llenar los datos del cabezote, seleccione el botón INICIO. En la parte de abajo se habilitarán las propiedades de dicho botón. En el campo del Vínculo escriba la dirección de la página de su sitio, por ejemplo http://www.reaccionesquim.unal.edu.co
o la que le haya asignado la DNIC.

Esto le permitirá a los usuarios volver a la página principal de su sitio desde cualquier nivel en que la están navegando.

Seguidamente CAMBIE en la parte izquierda los datos correspondientes a la dirección y ubicación geográfica de su dependencia. En la parte derecha CAMBIE los datos del teléfono y el email institucional de la persona responsable de la página o de la dependencia responsable.

En la parte del contenido, llene la página con la información de su sitio. Guarde la página con el nombre index.html si quiere que esa página sea su página principal o guárdela con el nombre adecuado. Recuerde que los nombres con los cuales guarde sus archivos no deben contener espacios, mayúsculas, tíldes o caracteres especiales incluyendo la letra ñ.