42
csirc.ugr .es Versión 2.0 Autogestiona tu página web en UGR

Sem p web-ugr

Embed Size (px)

Citation preview

Page 1: Sem p web-ugr

csirc.ugr.es

Versión 2.0

Autogestiona tu página web en UGR

Page 2: Sem p web-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 ..

Page 3: Sem p web-ugr

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 disponiblehttp://csirc.ugr.es/informatica/correoelectronico/SolicitarCuentaCorreo.html

Desarrollo página web

Page 4: Sem p web-ugr

www.company.com

csirc.ugr.es

1

A.- 2.1- Página web estáticaB.- 2.2- Página web dinámica

Desarrollo página web

Page 5: Sem p web-ugr

www.company.com

csirc.ugr.es

• Visualizar la página:http://www.ugr.es/~nombrecorreo, ohttp://www.ugr.es/local/nombrecorreo

• Modificar la página:ftp://ftpweb.ugr.es

Desarrollo página web -> estática

11.1

• Programas necesarios:-> Cliente Ftp-> Editor de páginas web

Información Web:

http://csirc.ugr.es/informatica/ServiciosCorporativos/PaginaWeb

Page 6: Sem p web-ugr

www.company.com

csirc.ugr.es

11.1

Desarrollo página web -> estática

Page 7: Sem p web-ugr

www.company.com

csirc.ugr.es

Clientes Ftp.

• Internet explorer -ftp://ftpweb.ugr.es

• Fireftp (Plugin de Mozilla Firefox)

• Filezilla

11.1

Desarrollo página web -> estática

Page 8: Sem p web-ugr

www.company.com

csirc.ugr.es

Editor páginas Web.

• Dreamweaver

• KompoZer1

1.1

Desarrollo página web -> estática

Page 9: Sem p web-ugr

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ónhttps://csirc.ugr.es/informatica/ServiciosCorporativos/PaginaWeb/WebDinamica/aplicaciones.html

• Definir contenido

Desarrollo página web -> dinámica

Page 10: Sem p web-ugr

www.company.com

csirc.ugr.es

11.2

Ver: http://wdb.ugr.es/~usuario

Modificar: ftp://ftpwdb.ugr.es/~usuario

Desarrollo página web -> dinámica

Page 11: Sem p web-ugr

www.company.com

csirc.ugr.es

Drupal• http://drupal.org.es

• http://es.wikipedia.org/wiki/Drupal11.2

Joomla!• http://www.joomlaspanish.org/

• http://es.wikipedia.org/wiki/Joomla!

Desarrollo página web -> dinámica

Page 12: Sem p web-ugr

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

Page 13: Sem p web-ugr

www.company.com

csirc.ugr.es

FTP –Internet Explorer

2

Page 14: Sem p web-ugr

www.company.com

csirc.ugr.es

FTP –Internet Explorer

2

Page 15: Sem p web-ugr

www.company.com

csirc.ugr.es

2

FTP –Mozilla Firefox

Page 16: Sem p web-ugr

www.company.com

csirc.ugr.es

2

FileZilla

Page 17: Sem p web-ugr

www.company.com

csirc.ugr.es

2

FileZilla

Page 18: Sem p web-ugr

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.

Page 19: Sem p web-ugr

www.company.com

csirc.ugr.es

• http://es.wordpress.com

• http://es.wikipedia.org/wiki/WordPress

• Instalación https://csirc.ugr.es/informatica/ServiciosCorporativos/PaginaWeb/WebDinamica/aplicaciones.html

• http://wdb.ugr.es/~csircartuja/?page_id=13

3

WordPress

Page 20: Sem p web-ugr

www.company.com

csirc.ugr.es

• Escritorio de WordPresshttp://wdb.ugr.es/~usuario /wp-admin

• Visualizar la paginahttp://wdb.ugr.es/~usuario

WordPress

3

Page 21: Sem p web-ugr

www.company.com

csirc.ugr.es

Barra Herramientas

Estadísticas Web (nº entradas, páginas, comentarios, categorías, etc)

WordPress

3

Page 22: Sem p web-ugr

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

Page 23: Sem p web-ugr

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

Page 24: Sem p web-ugr

www.company.com

csirc.ugr.es

3

Nuestra primera entrada

WordPress

Page 25: Sem p web-ugr

www.company.com

csirc.ugr.es

Nuestra primera página

WordPress

3

Page 26: Sem p web-ugr

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

Page 27: Sem p web-ugr

www.company.com

csirc.ugr.es

Widgets ya instalados.

WordPress

3

Page 28: Sem p web-ugr

www.company.com

csirc.ugr.es

Ajustes: Generales

WordPress

3

Page 29: Sem p web-ugr

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

Page 30: Sem p web-ugr

www.company.com

csirc.ugr.es

Plantilla web institucional

4

Page 31: Sem p web-ugr

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

Page 32: Sem p web-ugr

www.company.com

csirc.ugr.es

Plantilla web institucional

4

Page 33: Sem p web-ugr

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

Page 34: Sem p web-ugr

www.company.com

csirc.ugr.es

Plantilla web institucional

4

Kompozer

Page 35: Sem p web-ugr

www.company.com

csirc.ugr.es

5

Además ..

Page 36: Sem p web-ugr

www.company.com

csirc.ugr.es

Ver los detalles, administrar usuarios de espacios

Además ..

5

Page 37: Sem p web-ugr

www.company.com

csirc.ugr.es

Windows XP, Mis sitios de Red.

Además ..

5

Page 38: Sem p web-ugr

www.company.com

csirc.ugr.es

Windows 7. Bitkinex.

Además ..

5

Page 39: Sem p web-ugr

www.company.com

csirc.ugr.es

Además ..

5

Page 40: Sem p web-ugr

www.company.com

csirc.ugr.es

Además ..

5

Page 41: Sem p web-ugr

www.company.com

csirc.ugr.es

Dudas, sugerencias, contacto ..

6

• Email: [email protected]

• http://wdb.csirc.es/~csircartuja• Comentarios

• Documenta (Alfresco)

• Google Calendar

• Tablón ……..

Page 42: Sem p web-ugr

Muchas gracias

csirc.ugr.es

Encuesta de satisfacción: http://encuestas.ugr.es/limesurvey/index.php?sid=48166&lang=es