Sem p web-ugr
Descargar como PPT, PDF0 recomendaciones451 vistas
Este documento proporciona información sobre cómo crear y administrar páginas web en la Universidad de Granada. Explica dos tipos de páginas web: estáticas, que se crean con un editor de páginas web y se almacenan en un servidor FTP, y dinámicas, que requieren aplicaciones como WordPress, Joomla o Drupal. También cubre temas como el uso de plantillas institucionales, widgets y cómo configurar WordPress. El documento concluye dando detalles de contacto en caso de tener dudas.
Sem p web-ugr
- 1. csirc.ugr.es Versión 2.0 Autogestiona tu página web en UGR
- 2. www.company.com Índice csirc.ugr.es • Desarrollo Página Web • Pág. Web Estática • Pág. Web Dinámica • Cliente FTP • WordPress • Plantilla institucional neutra • Además .. • Dudas, sugerencias, contacto ..
- 3. www.company.com csirc.ugr.es 1 Información en nuestra Web ** Alojamiento de páginas Web (Página web estática) http://csirc.ugr.es/informatica/ServiciosCorporativos/PaginaWeb ** Programación Web Dinámica (Página web dinámica) https://csirc.ugr.es/informatica/ServiciosCorporativos/PaginaWeb/WebDinamica ** Espacio disponible http://csirc.ugr.es/informatica/correoelectronico/SolicitarCuentaCorreo.html Desarrollo página web
- 4. www.company.com csirc.ugr.es 1 A.- 2.1- Página web estática B.- 2.2- Página web dinámica Desarrollo página web
- 5. www.company.com csirc.ugr.es • Visualizar la página: http://www.ugr.es/~nombrecorreo, o http://www.ugr.es/local/nombrecorreo • Modificar la página: ftp://ftpweb.ugr.es Desarrollo página web -> estática 1 1.1 • Programas necesarios: -> Cliente Ftp -> Editor de páginas web Información Web: http://csirc.ugr.es/informatica/ServiciosCorporativos/PaginaWeb
- 6. www.company.com csirc.ugr.es 1 1.1 Desarrollo página web -> estática
- 7. www.company.com csirc.ugr.es Clientes Ftp. • Internet explorer -ftp://ftpweb.ugr.es • Fireftp (Plugin de Mozilla Firefox) • Filezilla 1 1.1 Desarrollo página web -> estática
- 8. www.company.com csirc.ugr.es Editor páginas Web. • Dreamweaver • KompoZer 1 1.1 Desarrollo página web -> estática
- 9. www.company.com csirc.ugr.es 1 Información Web: https://csirc.ugr.es/informatica/ServiciosCorporativos/WebDinamica 1.2 Lo que debemos hacer: • Solicitud • Instalación Aplicación https://csirc.ugr.es/informatica/ServiciosCorporativos/PaginaWeb/WebD • Definir contenido Desarrollo página web -> dinámica
- 10. www.company.com csirc.ugr.es 1 1.2 Ver: http://wdb.ugr.es/~usuario Modificar: ftp://ftpwdb.ugr.es/~usuario Desarrollo página web -> dinámica
- 11. www.company.com csirc.ugr.es Drupal • http://drupal.org.es • http://es.wikipedia.org/wiki/Drupal1 1.2 Joomla! • http://www.joomlaspanish.org/ • http://es.wikipedia.org/wiki/Joomla! Desarrollo página web -> dinámica
- 12. www.company.com csirc.ugr.es 1 WordPress 1.2 • http://es.wordpress.org/ • http://es.wikipedia.org/wiki/WordPress Desarrollo página web -> dinámica
- 18. www.company.com csirc.ugr.es 3 WordPress • Software libre bajo licencia GPL. • Es uno de los sistemas más utilizados, que se traduce en una gran comunidad de usuarios, con soporte, ayuda y creación de nuevos plugins constantemente. • Muy completo y permite un nivel de personalización y configuración muy elevado.
- 19. www.company.com csirc.ugr.es • http://es.wordpress.com • http://es.wikipedia.org/wiki/WordPress • Instalación https://csirc.ugr.es/informatica/ServiciosCorporativos/Pa ginaWeb/WebDinamica/aplicaciones.html • http://wdb.ugr.es/~csircartuja/? page_id=13 3 WordPress
- 20. www.company.com csirc.ugr.es • Escritorio de WordPress http://wdb.ugr.es/~usuario /wp-admin • Visualizar la pagina http://wdb.ugr.es/~usuario WordPress 3
- 21. www.company.com csirc.ugr.es Barra Herramientas Estadísticas Web (nº entradas, páginas, comentarios, categorías, etc) WordPress 3
- 22. www.company.com csirc.ugr.es La estructura y diseño visual de nuestro sitio (página web/blog) dependen del sistema de plantillas (themes). • Elegir un tema/plantilla • Añadir los widgets • Añadir entradas y páginas de acuerdo a la estructura deseada. ** Estados para una entrada/página: - Publicado - Borrador - Esperando Revisión ** Visibilidad: - Pública - Protegida con contraseña - Privada WordPress 3
- 23. www.company.com csirc.ugr.es 3 WordPress ofrece diferentes maneras de publicar contenido. Entradas. • Contenido sensitivo a fechas. • Orden cronológico inverso, la más reciente la primera. • Se le pueden asignar categorías y etiquetas. Páginas. • Constituyen un apartado permanente. Enlaces. • Referencia a otras páginas o blogs a los que queremos hacer referencia y que conforman el llamado Blogroll. WordPress
- 26. www.company.com csirc.ugr.es • Son herramientas que amplían las funcionalidades de WordPress. Son complementos, pequeños programas que añaden una funcionalidad. • Al ser activados se mostrarán en áreas predeterminadas. Por ello, podremos ubicarlo a nuestro gusto en una posición concreta de la página (arriba, a la derecha, abajo...). WordPress Widgets 3
- 29. www.company.com csirc.ugr.es Recomendaciones. • Página web. Marcar la casilla correspondiente en Lectura y dejar desmarcada la casilla de comentarios para que así todas las entradas por defectos aparezcan sin comentarios. Si hubiera que poner alguno se haría como se ha explicado. • Blog. Marcar la casilla de comentarios para que así las entradas por defectos aparezcan con comentarios. Si hubiera que quitar algún comentario se haría según lo explicado. WordPress 3
- 31. www.company.com csirc.ugr.es Oficina Web. • ofiweb.ugr.es • Objetivo: asesorar y marcar directrices en aspectos relacionados con la presencia de la web UGR en Internet • Plantilla web institucional Plantilla web institucional 4
- 33. www.company.com csirc.ugr.es Delegación del Rector para las TIC. • detic.ugr.es • Misión: aplicar tecnologías TIC en distintos mbitos de UGR • Guía de estilo: Diseño Webs Plantilla web institucional 4
- 36. www.company.com csirc.ugr.es Ver los detalles, administrar usuarios de espacios Además .. 5
- 37. www.company.com csirc.ugr.es Windows XP, Mis sitios de Red. Además .. 5
- 41. www.company.com csirc.ugr.es Dudas, sugerencias, contacto .. 6 • Email: soporteseminarios@ugr.es • http://wdb.csirc.es/~csircartuja • Comentarios • Documenta (Alfresco) • Google Calendar • Tablón ……..
- 42. Muchas gracias csirc.ugr.es Encuesta de satisfacción: http://encuestas.ugr.es/limesurvey/index.php?sid=48166&lang=es
Notas del editor
- #16: Porque internet es el futuro y su empresa debe adelantarse para obtener una ventaja competitiva. Porque una página web le da igualdad de condiciones para competir con otras empresas y/o profesionales. Poblacion mundial actual de 7000 millones de personas
- #22: Todas las ventanas se pueden minimizar, maximizar, etc
- #23: Ahora es cuando empiezo a meter la información (Entradas/Páginas), no antes!
- #25: Añadimos nuestra primera entrada, ponemos titulo, contendio y “Publicamos”, que vayan a su blog y vean como aparece la entrada. Para trabajar dejar abierto dos ventanas en el navegador, una con el escritorio de wordpress y otra con el blog para que puedan ir viendo como Queda su pagina conforme meten información.
- #26: Todo lo visto hasta ahora en las entradas es valido para las paginas. Si preguntas por que no vemos las categorías en las entradas comentamos que se pueden poner pero que el plugin no funciona y que ya lo veremos mas adelante Creamos una primera página
- #29: Podemos modificar: el título y el subtitulo (la descripción). No tocar lo que está en rojo o no podremos acceder a wordpress!! dirección de email, ajustes de fecha y hora. - y otras opciones como el registro de usuarios del blog antes de comentar las entradas: