Es importante aprender sobre diseño de páginas web, este tema hace parte del curso 100201 - Herramientas Telemáticas de la Universidad Nacional abierta y a Distancia UNAD
1. Zona Centro/CEAD Sogamoso
ENTORNO WEB
Curso: 100201
HERRAMIENTAS TELEMATICAS
Ana Milena Corregidor Castro
Tutor ECBTI
FI-GQ-GCMU-004-015 V. 000-27-08-2011
2. Importante
FI-GQ-GCMU-004-015 V. 000-27-08-2011
• El contenido es importante
• Seleccionar la metodología más conveniente
• Servicios de Hospedaje (hosting)
• Posicionamiento en buscadores
• Diseño acorde a las necesidades
• Mantenimiento constante
• Carga rápida
• Dueño del dominio
3. Diseño de la estructura
• Árbol de carpetas, organización de la
información
- Ubicación para el lector
- Ramifica o no en subtemas
- Facilita el mantenimiento
- Los nombres de carpetas y
- Archivos debe ser en minúscula
FI-GQ-GCMU-004-015 V. 000-27-08-2011
4. Diseño Visual WEB
• Empezar por la cabecera
• Formatos de títulos, fuentes, botones
• Administrar los espacios de pantalla
FI-GQ-GCMU-004-015 V. 000-27-08-2011
5. Tipos de Sitios WEB
FI-GQ-GCMU-004-015 V. 000-27-08-2011
• Estáticos
– Su contenido es el mismo cada vez que se
visita
• Dinámicos
– Se mantiene en constante cambio gradual
www.macromedia.com
• Interactivos
– Permite interacción del usuario
http://www.lego.com/es-ar/games/
6. Lenguajes de programación para
WEB
FI-GQ-GCMU-004-015 V. 000-27-08-2011
• HTML
Lenguaje de hipertexto basado en etiquetas
-Blog de notas
-Extensión .html
-Palabras claves <> que son etiquetas
Ejemplo, pagina Turismo
7. Diseño bajo Asistentes
• Neo sitios
Este portal totalmente en español cuenta con
herramientas importantes para motivos
comerciales y profesionales.
www.neositios.com
Solicita el registro
Plantillas prediseñadas
FI-GQ-GCMU-004-015 V. 000-27-08-2011
8. Diseñar un Blog
FI-GQ-GCMU-004-015 V. 000-27-08-2011
• Blog
La información se actualiza periódicamente y de
la misma forma, los textos se plasman en forma
cronológica; primero aparece el más
recientemente escrita
–Solución gratuita,
–Soluciones empresariales
9. Creando un Blog
FI-GQ-GCMU-004-015 V. 000-27-08-2011
• Blog
- Seleccionamos un proveedor
Ejemplo: www.blogspot.com
- Planear el diseño
- Seleccionar plantilla
- Seleccionar recursos (Texto, imágenes y
Video)
- Editar los bloques