Herramientas_Telemáticas_Entorno web
-
Upload
ana-milena-corregidor-castro -
Category
Documents
-
view
25 -
download
0
Transcript of Herramientas_Telemáticas_Entorno web
![Page 1: Herramientas_Telemáticas_Entorno web](https://reader036.fdocuments.co/reader036/viewer/2022080909/55c03f14bb61eb510b8b463c/html5/thumbnails/1.jpg)
Zona Centro/CEAD Sogamoso
ENTORNO WEB
Curso: 100201HERRAMIENTAS TELEMATICAS
Ana Milena Corregidor Castro
Tutor ECBTI
FI-GQ-GCMU-004-015 V. 000-27-08-2011
![Page 2: Herramientas_Telemáticas_Entorno web](https://reader036.fdocuments.co/reader036/viewer/2022080909/55c03f14bb61eb510b8b463c/html5/thumbnails/2.jpg)
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
![Page 3: Herramientas_Telemáticas_Entorno web](https://reader036.fdocuments.co/reader036/viewer/2022080909/55c03f14bb61eb510b8b463c/html5/thumbnails/3.jpg)
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
![Page 4: Herramientas_Telemáticas_Entorno web](https://reader036.fdocuments.co/reader036/viewer/2022080909/55c03f14bb61eb510b8b463c/html5/thumbnails/4.jpg)
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
![Page 5: Herramientas_Telemáticas_Entorno web](https://reader036.fdocuments.co/reader036/viewer/2022080909/55c03f14bb61eb510b8b463c/html5/thumbnails/5.jpg)
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/
![Page 6: Herramientas_Telemáticas_Entorno web](https://reader036.fdocuments.co/reader036/viewer/2022080909/55c03f14bb61eb510b8b463c/html5/thumbnails/6.jpg)
Lenguajes de programación para WEB
FI-GQ-GCMU-004-015 V. 000-27-08-2011
• HTMLLenguaje de hipertexto basado en etiquetas-Blog de notas-Extensión .html-Palabras claves <> que son etiquetas
Ejemplo, pagina Turismo
![Page 7: Herramientas_Telemáticas_Entorno web](https://reader036.fdocuments.co/reader036/viewer/2022080909/55c03f14bb61eb510b8b463c/html5/thumbnails/7.jpg)
Diseño bajo Asistentes
• Neo sitiosEste 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
![Page 8: Herramientas_Telemáticas_Entorno web](https://reader036.fdocuments.co/reader036/viewer/2022080909/55c03f14bb61eb510b8b463c/html5/thumbnails/8.jpg)
Diseñar un Blog
FI-GQ-GCMU-004-015 V. 000-27-08-2011
• BlogLa 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
![Page 9: Herramientas_Telemáticas_Entorno web](https://reader036.fdocuments.co/reader036/viewer/2022080909/55c03f14bb61eb510b8b463c/html5/thumbnails/9.jpg)
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
![Page 10: Herramientas_Telemáticas_Entorno web](https://reader036.fdocuments.co/reader036/viewer/2022080909/55c03f14bb61eb510b8b463c/html5/thumbnails/10.jpg)
Unidad/Zona/grupo o equipo funcional
FI-GQ-GCMU-004-015 V. 000-27-08-2011