csirc.ugr.es
Versión 2.0
Autogestiona tu
página web en UGR
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 ..
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
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
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
www.company.com
csirc.ugr.es
1
1.1
Desarrollo página web -> estática
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
www.company.com
csirc.ugr.es
Editor páginas Web.
• Dreamweaver
• KompoZer
1
1.1
Desarrollo página web -> estática
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
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
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
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
www.company.com
csirc.ugr.es
FTP –Internet Explorer
2
www.company.com
csirc.ugr.es
FTP –Internet Explorer
2
www.company.com
csirc.ugr.es
2
FTP –Mozilla Firefox
www.company.com
csirc.ugr.es
2
FileZilla
www.company.com
csirc.ugr.es
2
FileZilla
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.
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
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
www.company.com
csirc.ugr.es
Barra Herramientas
Estadísticas Web (nº entradas, páginas, comentarios, categorías, etc)
WordPress
3
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
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
www.company.com
csirc.ugr.es
3
Nuestra primera entrada
WordPress
www.company.com
csirc.ugr.es
Nuestra primera página
WordPress
3
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
www.company.com
csirc.ugr.es
Widgets ya instalados.
WordPress
3
www.company.com
csirc.ugr.es
Ajustes: Generales
WordPress
3
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
www.company.com
csirc.ugr.es
Plantilla web institucional
4
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
www.company.com
csirc.ugr.es
Plantilla web institucional
4
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
www.company.com
csirc.ugr.es
Plantilla web institucional
4
Kompozer
www.company.com
csirc.ugr.es
5
Además ..
www.company.com
csirc.ugr.es
Ver los detalles, administrar usuarios de espacios
Además ..
5
www.company.com
csirc.ugr.es
Windows XP, Mis sitios de Red.
Además ..
5
www.company.com
csirc.ugr.es
Windows 7. Bitkinex.
Además ..
5
www.company.com
csirc.ugr.es
Además ..
5
www.company.com
csirc.ugr.es
Además ..
5
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 ……..
Muchas gracias
csirc.ugr.es
Encuesta de satisfacción: http://encuestas.ugr.es/limesurvey/index.php?sid=48166&lang=es

Sem p web-ugr

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: