Resumen
Diseño
de página:
Para desarrollar una página
Web se requiere definir ciertas metas ¿qué piensa lograr con el sitio Web? ¿Vender
más, mejorar la imagen de una empresa, Darla a conocer en el exterior,
posicionarse Como un experto en algún tema o armar un grupo de amigos con
intereses comunes? Aquí hay decisiones básicas y fundamentales que se deben tomar,
tales como, ¿qué se va a promocionar? Estas preguntas llevan a pensar que
realizar el proyecto de una página Web es un trabajo colaborativo que integra
el compromiso de un equipo y abarca un período largo de tiempo, que exige la
organización de áreas de responsabilidad.
Planeación: Este proceso consiste en la
primera reflexión que se lleva a cabo en torno a la página que se va a crear.
Propósito
de página:
Establecer el objetivo de
una página Web es el primer paso para darle un sentido a la información que se
va a exponer. Hay que tener un objetivo claro para no perder el rumbo de
nuestra página hay que pensar que se pretende obtener con esta página.
Responsabilidad:
Los miembros de este grupo
pueden distribuirse las tareas asociadas con la creación de un sitio web
institucional como son:
Diseño
y desarrollo de páginas web:
Recopilación de información: Es necesario buscar los documentos, imágenes
y videos que se incluirán en la página.
Digitalización de la información: En ocasiones, la información
que se consigue está impresa y no se conservan archivos de los documentos y
fotos.
Organización
de página:
Antes de construir la página
en Internet es necesario realizar una organización previa que anticipe la
cantidad de páginas que son necesarias, la manera en que se relacionan, los menús
que las agruparán.
Diagramación de la página: Una vez organizada la información, es
necesario diagramar la página, es decir, decidir qué colores se utilizarán para
el fondo, para los textos, que fuentes se usarán para los documentos, donde irán
las fotos, los videos, etc.
Diseño virtual de la página: Una vez se tiene toda la información necesaria
digitalizada, organizada y diagramada, puede procederse a cargar todo esto en
la web.
Mantenimiento de la página: Una vez se ha creado una página del
colegio es necesario mantenerla actualizada; esto implica designar una o más
personas encargadas de recopilar la información reciente (noticias, eventos,
anuncios) y publicarla periódicamente.
Cronograma
Todo el grupo de trabajo
debe estar al tanto de la labor de planeación para poder cumplir de manera
exitosa con su tarea particular
Diseño y Desarrollo de Páginas Web
- ORGANIZACIÓN
En el momento de organizar
los textos, imágenes y videos, ya contamos con la información seleccionada y
digitalizada. No hay que olvidar que los textos deben tener una redacción clara,
sencilla y con un lenguaje adecuado para un público de varias edades.
No hay que olvidar que esta
información debe ser actualizada permanentemente.
Para comenzar, es necesario
agrupar la información por núcleos temáticos.
A continuación se muestra
un ejemplo:
Información institucional
Comunidad
- Misión
- Visión
- Símbolos - Estudiantes
- Historia - Padres
- Reconocimientos - Ex
alumnos
- Uniforme - Directivos
- Publicaciones - Proyectos
- Normatividad
- Perfil de estudiante
Información académica
Organización
- PEI - Organigrama
- Plan de estudios -
Directorio
- Fundamentos - Calendario
- Lista de útiles
- Áreas y asignaturas
Servicios Noticias
- Admisiones
- Instalaciones
- Cafetería Q - Eventos
- Transporte - Anuncios
- Enfermería, Salud
Es recomendable usar un
diagrama para representar la manera en que se organizarán los menús.
1. Siempre incluir sólo
información útil y relevante. El exceso de datos puede causar confusión y
evitar que el sitio cumpla su objetivo
2. Definir los niveles de
información: Dentro del título genérico de la página pueden ir definiéndose una
serie de puntos secundarios, dentro de este otro terciario, y así
sucesivamente.
3. También ayuda a
enriquecer la estructura de la página definir claramente qué es cada elemento:
párrafos, listas de puntos, tablas de datos, anotaciones, etc.;
4. La navegación a través
del sitio web ha de ser fácil gracias a una estructura sencilla y coherente.
5. Actualizar la información
y eliminar partes caducas.
6. El texto ha de ser conciso,
bien estructurado y fácil de leer
Diagramación
La diagramación es la labor
arquitectónica de la información. Aquí se toman las decisiones respecto de los
colores que se usarán, dónde se ubicarán las imágenes, la inclusión de
animaciones, la posición de los menús, etc.
En el momento de diagramar
es claro cuenta que se cuenta con dos elementos:
- El contenido: Es la información en forma
de texto que alberga la página y que es su base. Debe estar bien estructurada,
es decir, debe haber una jerarquía clara y coherente entre los diferentes
elementos
La presentación: Es la disposición gráfica del contenido.
El siguiente gráfico
determina las características de cada nivel
Este grafico representa la
relación entre las variables espacio disponible en la pantalla, uso del color y
libertad en la disposición de los elementos, contenido y grado de detalle en
los enlaces.
- Utilizar el color con
moderación, de forma consistente y razonable.
-Manejar la tipografía con
atención. No mezclar muchos tipos de letra y tamaños en cada página.
- Las imágenes de fondo
pueden ser vistosas e interesantes, y dar un toque distintivo
- Diseñar las páginas
pensando en todos los usuarios, no sólo aquellos que tienen los mejores
monitores, computadores y programas diferentes resoluciones y verificar su
validez.
- Utilizar las animaciones
con prudencia; pueden llegar a ser molestas y poco agradables.
Montaje
Si se han seguido todos los
pasos ya debe tenerse lista la página, excepto por el paso final que es
montarla en Internet.
- La versión básica de los
sitios web es su escritura en códigos HTML por ejemplo: www.miarroba.com,
www.fortunecity.es, www.unlugar.com o es.geocities.com.
Microsoft ofrece la
posibilidad de crear páginas sin necesidad de conocer el código HTML y es el
programa Microsoft Publisher
- Dreamweaver es un Software de
Macromedia. Uno de los más usados en el mundo para hacer sitios Web pues
permite utilizar múltiples herramientas de diseño sin conocer los códigos HTML.
Si se desea que la página
tenga un dominio específico, como www.mipagina.edu.co, es necesario pagar los
servicios de un host que provea esa URL.
Diseñe una página personal
de un tema de su interés. Tómese el tiempo de planear, organizar y diseñar. Una
vez la tenga hecha, envíe el link a sus contactos.