Your SlideShare is downloading. ×
Curso de blogs_2012_3
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Curso de blogs_2012_3

1,178
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,178
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Darío Roig GarcíaAnalista ProgramadorServicio de Informática de la UVdario.roig@uv.eshttp://www.uv.es/dariohttp://dario.blogs.uv.es Copyright 2012 - Dario Roig Garcia
  • 2. 1. 06/02/2012 AULA N403 16:00 19:302. 07/02/2012 AULA S102 (DUAL) 16:00 19:303. 08/02/2012 AULA N403 16:00 19:004. 13/02/2012 AULA N403 16:00 19:305. 14/02/2012 AULA S102 (DUAL) 16:00 19:306. 15/02/2012 AULA N403 16:00 19:00 Copyright 2012 - Dario Roig Garcia
  • 3.  Apuntes en Aula Virtual Cuestionarios abiertos Cuestionarios tipo test Soporte sobre los servicios informáticos ofrecidos a los estudiantes (SIE)  http://www.uv.es/siuv  http://www.uv.es/portalumne  http://www.uv.es/siuv/cat/sie/indexsie_cat.html Copyright 2012 - Dario Roig Garcia
  • 4. 1. Introducció als Serveis Web 2.02. Creació del teu blog personal3. Escruire al teu blog. La teva primera entrada o pàgina: Un post.4. Administreu entrades, pàgines, comentaris, enllaços, categories, etiqu etes.5. Estructura del teu blog, menús, diferències entre pàgines i entrades.6. Contingut multimèdia en un post. Imatges, àudio, Vídeo, mapes. Integració amb serveis web.7. Aspectes de disseny, selecció de temes, afegir widgets i plugins.8. Sindicació de continguts. Subscriuret a altres blogs mitjançant RSS. 2012 - Dario Roig Garcia Copyright
  • 5.  Internet Servicio World Wide Web ▪ Web 1.0 ▪ Página Web ▪ Web 2.0 ▪ Blogs, Wikis, Otros servicios ▪ Correo, Redes P2P, Comunicación de texto, voz, video, etc. Copyright 2012 - Dario Roig Garcia
  • 6.  Internet es un conjunto descentralizado de redes de ordenadores interconectadas los cuales utilizan para comunicarse el protocolo IP En 1990 España y otros países se conectan a Internet Cronología completa de Internet  (http://www.hipertexto.info/documentos/crono_i. htm) Copyright 2012 - Dario Roig Garcia
  • 7. Copyright 2012 - Dario Roig Garcia
  • 8.  Uno de los servicios que más éxito ha tenido en Internet ha sido la World Wide Web (WWW, o "la Web”). La WWW es un conjunto de protocolos que permite, de forma sencilla, la consulta remota de documentos de hipertexto. Utiliza Internet como medio de transmisión. Fue desarrollo en 1990 en la Organización Europea para la Investigación Nuclear (CERN) Copyright 2012 - Dario Roig Garcia
  • 9. Copyright 2012 - Dario Roig Garcia
  • 10.  Arquitectura  Servidor Web ▪ http://www.uv.es ▪ http://mural.uv.es  Cliente Web ▪ Navegadores: Internet Explorer, Mozilla Firefox, Chrome  Documentos o páginas Web ▪ Procesadores de texto: Frontpage, etc.  URL: Localizador uniforme del recurso ▪ Nombre de servidor + ruta + nombre de archivo Web ▪ Ej: http://www.aulaclic.es/internet/index.htm Copyright 2012 - Dario Roig Garcia
  • 11.  Página o documento electrónico de Hipertexto  La información esta etiqueta  Al conjunto de etiquetas que se utilizan se le llama: ▪ HTML (Lenguaje de Marcado de Hipertexto)  Las etiquetas se utilizan para formatear la información.  Etiqueta especial que vincula la información que se esta citando. “EL HIPERVINCULO” Copyright 2012 - Dario Roig Garcia
  • 12. INTERNEThttp://mural.uv.es/daroig/index.html http://www.uv.es/ Copyright 2012 - Dario Roig Garcia
  • 13. ▪ Estructura de una página Web ▪ Nombre del archivo ▪ Contenido  Encabezado  Titulo  Cuerpo  Índice  Texto e imágenes  Dirección para localizar el archivo en Internet ▪ Nombre de servidor web + Ruta del archivo en el servidor + Nombre del archivo Copyright 2012 - Dario Roig Garcia
  • 14. ENCABEZADO Contenido Página estáticaCOLUMNAS Menú Copyright 2012 - Dario Roig Garcia
  • 15. Copyright 2012 - Dario Roig Garcia
  • 16. ▪ DOMINIO: Hace falta un nombre registrado▪ HOSTING: Espacio en un servidor para guardar los archivos ▪ Un sitio Web consta de diferentes páginas Web enlazadas almacenas en una carpeta▪ Se accede normalmente por los buscadores ▪ 1998 Nace Google▪ Editar o actualizar la información: ▪ SW instalado en tu ordenador: ej. Frontpage, Sharepoint ▪ con CMS a través del navegador: ej. Joomla, WordPress▪ La información de las páginas no se actualiza demasiado Copyright 2012 - Dario Roig Garcia
  • 17.  Existen, por tanto, muchos otros servicios en Internet, aparte de la Web: Correo electrónico Transmisión de ficheros FTP y P2P Servicios de comunicación  Texto, voz, video Copyright 2012 - Dario Roig Garcia
  • 18.  Accede a tu cuenta http://cuentas.uv.es  Activa tu sitio Web en el servidor Web: http://mural.uv.es  Al activar la cuenta creamos carpeta en MURAL  Tuusuario  Para ver el contenido de tu carpeta Web  http://mural.uv.es/tuusuario/ Copyright 2012 - Dario Roig Garcia
  • 19.  Activa tu espacio en el servidor de disco  http://disco.uv.es  Gestor de archivos de tu espacio Web  Permite modificar los archivos  DISCO  WEB  Archivos de tu sitio Web Copyright 2012 - Dario Roig Garcia
  • 20.  Crea un documento con Word  Añade algo de texto: P.e. “Hola Mundo”  Guárdalo como Pagina Web con el nombre “pagina.htm”  Cárgala en el servidor Web a través de http://disco.uv.es (CMS Web) Visualízala con un navegador  URL: http://mural.uv.es/tusuario/pagina.htm Copyright 2012 - Dario Roig Garcia
  • 21. Copyright 2012 - Dario Roig Garcia
  • 22. Copyright 2012 - Dario Roig Garcia
  • 23. Copyright 2012 - Dario Roig Garcia
  • 24. Copyright 2012 - Dario Roig Garcia
  • 25.  Realizar cuestionario sobre “Páginas Web” en Aula Virtual Lo podeis realizar todas las veces que querais hasta obtener la maxima puntuación Copyright 2012 - Dario Roig Garcia
  • 26.  Una página Web que recopila textos o artículos clasificados por fecha. Orden: El primer articulo es el más reciente Comunicación a través del articulo  El lector puede comentar el articulo  El autor puede contestarle Ejemplo:  http://agora.blogs.uv.es/  http://www.nosolousabilidad.com/ Copyright 2012 - Dario Roig Garcia
  • 27.  Muchos blogs se enfocan en un tema en particular, tales como internet, política, deportes o noticias. Otros no son nada más que bitácoras personales, que presentan la vida diaria del autor, sus ideas e intereses. Copyright 2012 - Dario Roig Garcia
  • 28.  Contenido principal:  Artículos listados cronológicamente  Organizados en categorías.  Comentarios. Columnas  Un archivo histórico de los artículos antiguos.  Enlaces a otros Blogs: "blogroll".  Archivos de suscripción a tu blog: feeds. Menú.  Acerca de.  Páginas estáticas Ej. http://laurapo.blogs.uv.es Copyright 2012 - Dario Roig Garcia
  • 29. ENCABEZADO POST / ENTRADASSUSCRIPCION COLUMNAS Categorías Archivo Blogroll Copyright 2012 - Dario Roig Garcia
  • 30.  Activar la cuenta  http://cuentas.uv.es Dirección de tu blog  http://tuusuario.blogs.uv.es Creación y edición con Wordpress  http://blogs.uv.es  Se utiliza un CMS (Sistema Gestor de Contenidos) para editar/actualizar la información.  Usuario y contraseña de la UV  Tablero Copyright 2012 - Dario Roig Garcia
  • 31. ACTIVAR Copyright 2012 - Dario Roig Garcia
  • 32. PARA LEER TU BLOG Copyright 2012 - Dario Roig Garcia
  • 33. PARAMODIFICAR TU BLOG Copyright 2012 - Dario Roig Garcia
  • 34. Copyright 2012 - Dario Roig Garcia
  • 35.  Tú primer articulo o entrada. Un Post.Selecciona un título para laentrada. En la caja de textocomienza a escribir elmensaje. Al terminar pulsa sobre “Publicar” si quieres que aparezca publicado en tu blog o “guardar” si deseas mantenerlo como borrador Copyright 2012 - Dario Roig Garcia
  • 36.  Entrades, pàgines, comentaris, enllaços, cate gories, etiquetes. Copyright 2012 - Dario Roig Garcia
  • 37.  Es una propiedad de la “Entrada” Organización Jerárquica  Diferentes niveles Visualización en el menú categorías Estructura la navegación Copyright 2012 - Dario Roig Garcia
  • 38.  Vista del Tablero  Creación de una categoría  Creación de una subcategoria  Tienen Categoría superior Aspecto  Widgets  Categoría  Cambiar el orden de visualización Copyright 2012 - Dario Roig Garcia
  • 39.  Organización libre NO JERARQUICA Visualización en nube de etiquetas  las más usadas tienen el texto más grande Añaden información semántica Copyright 2012 - Dario Roig Garcia
  • 40. 2 1Copyright 2012 - Dario Roig Garcia
  • 41.  Vínculos a blogs que leas habitualmente o que tengan relación con tu blog Se muestran en el widget “Blogroll” Se puede cambiar el nombre en la parte de administración  Aspecto/Widgets Copyright 2012 - Dario Roig Garcia
  • 42.  En la entrada se indican el numero de comentarios  Para evitar publicidad al poner el comentario hay que leer una imagen Copyright 2012 - Dario Roig Garcia
  • 43.  Comunicación entre Autor y el Lector Por defecto los comentarios son moderados  Desde el Tablero ▪ se tienen que aceptar ▪ Se puede cambiar la política ▪ Borrarlos, etc. Copyright 2012 - Dario Roig Garcia
  • 44.  Crea tu blog ▪ Ayuda http://blogs.uv.es/help/ch01s02.html Accede a tu tablero Realiza un par de entradas en tu blog  Es muy importante el título de la entrada, no lo dejes vacio. Añade algún comentario en el blog del compañero Copyright 2012 - Dario Roig Garcia
  • 45.  Crea categorías relacionadas con tus etiquetas. Edita la etiqueta y asocialas. Comprueba que se puede navegar por las entradas a través del menú “Categorias” Ahora crea una subcategoria y de nuevo asóciala a otra entrada. Comprueba de nuevo su navegación desde tu blog. Copyright 2012 - Dario Roig Garcia
  • 46.  Edita alguna de las entradas y asocia varias etiquetas a la misma entrada Comprueba que se pueden recuperar todas las entradas que tengan asociada alguna de las etiquetas creadas desde el menú “Etiquetas” de tu blog. Copyright 2012 - Dario Roig Garcia
  • 47.  Menús, diferències entre pàgines i entrades. Las Páginas estaticas son como las Entradas, excepto que viven fuera de la cronología normal del blog. Se crean automáticamente enlaces a las páginas en el Widget “Paginas”. Ayuda http://codex.wordpress.org/es:Pages Copyright 2012 - Dario Roig Garcia
  • 48.  La página ppal del blog será una página estática. Las entradas se mostrarán en otra página Copyright 2012 - Dario Roig Garcia
  • 49.  Creando páginas Web en tu blog  Edita la página Acerca de  Escribe texto sobre tus estudios y realiza un hipervínculo con la web de tu centro o estudios.  Ayuda http://blogs.uv.es/help/ch01s03.html  Crea otra página con algo de información atemporal en tu blog y realiza algunos hipervínculos. Realiza el Cuestionarios en Aula Virtual “Practica 2: Páginas Web con Wordpress” Copyright 2012 - Dario Roig Garcia
  • 50.  Cambiando la página principal de tu blog  Crea una página sin contenido para mostrar las entradas en ella.  Crea una página con contenido para utilizarla de página principal.  Cambia en Ajustes/lectura la página inicial a mostrar.  Cambia en que página se mostrarán las entradas  Comprueba en tu blog como se puede acceder a las páginas. Copyright 2012 - Dario Roig Garcia
  • 51.  Comprueba en tu blog como se puede acceder a las páginas  Si la plantilla que has seleccionado tiene menús. Las páginas se mostrarán automáticamente.  Si no tiene menús.  Utiliza widgets  “Menú personalizado”  “Paginas” Copyright 2012 - Dario Roig Garcia
  • 52.  Independiente  Información : HTML  Presentación: Hojas de Estilo (CSS)  Permite cambiar el tema y no cambia el la información. Copyright 2012 - Dario Roig Garcia
  • 53. Copyright 2012 - Dario Roig Garcia
  • 54.  Todos los temas tienen dos columnas  Central: se muestran las entradas  Izquierda o derecha se muestran los Widgets Copyright 2012 - Dario Roig Garcia
  • 55.  Imatges, àudio, Vídeo, mapes. Integració amb serveis web. El contenido de una entrada puede ser:  Texto  Imágenes  Videos  Mapas  Otros Servicios Web: Reproductor MP3, Pase de fotos Copyright 2012 - Dario Roig Garcia
  • 56.  Visual o HTML Estilos Listas Sublistas  More Copyright 2012 - Dario Roig Garcia
  • 57.  Las imágenes forman parte del contenido  También pueden tener hipervínculos Propiedades de la imagen  Tamaño o peso  El tamaño solo se puede modificar editándola (Photo Editor, Paint) • Ancho y alto  Se puede modificar al Insertarla (cuidado no distorsionarla) Copyright 2012 - Dario Roig Garcia
  • 58.  Editar la entrada y situar el cursor donde queramos insertarla Copyright 2012 - Dario Roig Garcia
  • 59.  Desde el ordenador  Solo 50 MB Desde URL  Dirección de la imagen Copyright 2012 - Dario Roig Garcia
  • 60.  Descárgate alguna imagen a tu ordenador Sube la imagen a tu espacio Web de la UV  http://disco.uv.es “Carpeta Web”  Identificar la URL y copiarla en el portapapeles  Ejemplo: http://mural.uv.es/imagenes/prueba.jpg Editar una entrada en tu blog  Insertar una imagen desde el icono de la barra de herramientas Copyright 2012 - Dario Roig Garcia
  • 61.  Insertar los videos  No importa el tamaño (streaming)  Si el autor borra el video falla el embebido  Subir nuestros propios videos ▪ Youtube, mmedia, etc. Copyright 2012 - Dario Roig Garcia
  • 62.  Añadimos una entrada en el blog  En el Editor cambiamos a “HTML” ▪ Botón “Media” ▪ Pegamos la URL del video Copyright 2012 - Dario Roig Garcia
  • 63.  Añadimos una entrada en el blog  En el Editor cambiamos a “HTML” ▪ Pegamos el código HTML iframe ▪ NO FUNCIONA!! ▪ Problema de seguridad Copyright 2012 - Dario Roig Garcia
  • 64.  Entrada con un mapa de google Opción A  URL Opción B  HTML Copyright 2012 - Dario Roig Garcia
  • 65. GOOGLE MAPSBLOG Copyright 2012 - Dario Roig Garcia
  • 66.  Activar plugin Google Maps embed Copyright 2012 - Dario Roig Garcia
  • 67. GOOGLE MAPSBLOG Copyright 2012 - Dario Roig Garcia
  • 68.  Música Fotos: picasa, flickr Copyright 2012 - Dario Roig Garcia
  • 69.  Crea otra entrada con un video (opción A)  Inserta el video mediante el botón “Media” Crea una página con la situación de tu negocio ficticio. Copyright 2012 - Dario Roig Garcia
  • 70.  Wordpress MU dispone múltiples temas libres desarrollados por diseñadores.  El nombre del tema seleccionado se puede ver normalmente en el pie de página Copyright 2012 - Dario Roig Garcia
  • 71.  Subscriuret a altres blogs mitjançant RSS.  Necesitamos la fuente RSS ▪ Se obtiene del blog que queremos suscribirnos  Necesitamos un lector de RSS ▪ Aplicación instalada, p.e. Outlook ▪ No hace falta aplicación instalada, solo conectarte a un lector RSS Web, p.e. google readers Copyright 2012 - Dario Roig Garcia
  • 72.  El editor (TinyMCE Advanced 3.2.4)  Modo visual o Modo HTML Editar desde Word Ajustes:  google analytics  Exportar un blog Copyright 2012 - Dario Roig Garcia
  • 73.  Otros Wordpress  Gratuito http://es.wordpress.com/ ▪ Permite registrar nombre  En tu propio hosting. E.j. 1&1, dinahosting Búsquedas: pagerank, technorati.com Copyright 2012 - Dario Roig Garcia
  • 74.  Plugins  Activar Ajustes  Personalizar  Tablas  HTML Copyright 2012 - Dario Roig Garcia
  • 75.  Word 2007 Ajustes/Escritura  Publicación remota Copyright 2012 - Dario Roig Garcia
  • 76.  Los editores traducen el contenido que introduce el autor, texto e imágenes al lenguaje HTML. A veces el traductor no funciona bien o simplemente no puede traducir a código HTML desde el editor visual ciertas etiquetas. Para solucionar es necesario modificar el código de HTML traducido. Copyright 2012 - Dario Roig Garcia
  • 77.  Lenguaje de Marcado <h1>Titulo 1</h1> <p>La etiqueta anterior marca el texto como encabezado de nivel 1. La etiqueta por defecto que se utiliza es la etiqueta de párrafo, ‘p’.</p>. IMG – Imágenes A – Hipervínculos Listas. UL y LI Copyright 2012 - Dario Roig Garcia
  • 78. Copyright 2012 - Dario Roig Garcia
  • 79. •Crear cuenta en Google Analytics https://www.google.com/analytics/En tu blog pega el código Copyright 2012 - Dario Roig Garcia
  • 80.  Search Engine Optimization Google webmasters tools  Darse de alta con la cuenta de gmail Buscadores de blogs  Google  Technoari Copyright 2012 - Dario Roig Garcia
  • 81.  Activar plugin Copyright 2012 - Dario Roig Garcia
  • 82.  Añadir sitio Copyright 2012 - Dario Roig Garcia
  • 83.  Añadir SITEMAP Copyright 2012 - Dario Roig Garcia
  • 84.  SITEMAP Copyright 2012 - Dario Roig Garcia
  • 85.  Verificar sitio Editar página principal  Añadir campo personalizado Copyright 2012 - Dario Roig Garcia
  • 86.  Gestionar un blog por un grupo de usuarios Copyright 2012 - Dario Roig Garcia
  • 87.  Administrator – Tiene acceso a todas las tareas de administración Editor – Puede publicar artículos, gestionarlos así como gestionar los artículos de otros usuarios. Author – Puede publicar y gestionar sus propias entradas. Contributor – Puede escribir y gestionar sus propias entradas pero no publicarlas. Subscriber – Puede leer y comentar. Copyright 2012 - Dario Roig Garcia
  • 88.  Ajustes  Privacidad Copyright 2012 - Dario Roig Garcia
  • 89.  Ajustes  Generales Copyright 2012 - Dario Roig Garcia
  • 90.  Share This Copyright 2012 - Dario Roig Garcia
  • 91.  Slideshare Copyright 2012 - Dario Roig Garcia

×