Bloque1
This document was uploaded by user and they confirmed that they have the permission to share it. If you are author or own the copyright of this book, please report to us by using this DMCA report form. Report DMCA
Overview
Download & View Bloque1 as PDF for free.
More details
- Words: 1,760
- Pages: 5
Documentación Informativa Prof. Josep M. Martínez Polo ([email protected]) Bloque 1. Gestión de la información Sistemas de Gestión de Contenidos (CMS): historia, filosofía, distintos tipos de CMS, blogger y Wordpress como ejemplos. Modo diseño y modo HTML Insertar imágenes. Insertar vídeo. Insertar audio Sindicación web (RSS y Atom)
BIBLIOGRAFÍA RECOMENDADA ORIHUELA, J. L., La revolución de los blogs, La Esfera de los Libros, Madrid, 2006
SISTEMAS DE GESTIÓN DE CONTENIDOS (CMS): HISTORIA, FILOSOFÍA, DISTINTOS TIPOS DE CMS, BLOGGER Y WORDPRESS COMO EJEMPLOS. Un Sistema de gestión de contenidos (Content Management System, en inglés, abreviado CMS) permite la creación y administración de contenidos principalmente en páginas web. Consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido del sitio. El sistema permite manejar de manera independiente el contenido y el diseño. Así, es posible manejar el contenido y darle en cualquier momento un diseño distinto al sitio sin tener que darle formato al contenido de nuevo, además de permitir la fácil y controlada publicación en el sitio a varios editores. Un ejemplo clásico es el de editores que cargan el contenido al sistema y otro de nivel superior que permite que estos contenidos sean visibles a todo el público. Un sistema de administración de contenido a menudo funciona en el servidor del sitio web. Muchos sistemas proporcionan diferentes niveles de acceso dependiendo el usuario, variando si es el administrador, editor, o creador de contenido. El acceso al CMS es generalmente vía el navegador, y a veces se requiere el uso de FTP para subir contenido, generalmente fotografías o audio. Los creadores de contenido crean sus documentos en el sistema. Los editores comentan, aceptan o rechazan los documentos. El editor en jefe es responsable por publicar el trabajo en el sitio. El CMS controla y ayuda a manejar cada paso de este proceso, incluyendo las labores técnicas de publicar los documentos a uno o más sitios. En muchos sitios con CMS una sola persona hace el papel de creador y editor, los blogs generalmente funcionan de esta manera. Distintos tipos de CMS Hay multitud de diferentes CMS. Blogs: Publicación de noticias o artículos en orden cronológico con espacio para comentarios y discusión. Ej Wordpress. Wikis: Sitio web dónde todos los usuarios pueden colaborar en los artículos, aportando información o reescribiendola. También permite espacio para discusiones. Indicado para material que irá evolucionando con el tiempo. Ejemplo: Mediawiki, Tikiwiki eCommerce: Son Sitios web para comercio electrónico. Ejemplo: Zen Cart Portal: Sitio web con contenido y funcionalidad diversa que sirve como fuente de información o como soporte a una comunidad. Ej PHPNuke, Postnuke, drupal, Plone.
BLOGGER Y WORDPRESS COMO EJEMPLOS Blogger es una herramienta sencilla y gratuita para que los usuarios publiquen en Internet aunque no tengan ningún conocimiento de programación. Sin embargo, los habilidosos con el HTML podrán personalizar sus creaciones tanto como deseen. En febrero de 2003 Google adquirió Pyra Labs, la compañía creadora de Blogger. WordPress es un sistema de gestión de contenidos enfocado a la creación de blogs. Desarrollado en PHP y MySQL, bajo licencia GPL, tiene como fundador a Matt Mullenweg. WordPress fue creado a partir del desaparecido b2/cafelog y se ha en uno de los CMS más populares de la blogosfera. Las causas de su enorme crecimiento son, entre otras, su licencia, su facilidad de uso y sus características como gestor de contenidos. También una de las causas, es su enorme comunidad de desarrolladores y diseñadores, que se encargan de crear plugins y temas para la comunidad. Fácil instalación, actualización y personalización. Sigue las recomendaciones del W3C. Separa el contenido y el diseño en XHTML y CSS. Posee herramientas de comunicación entre blogs (Trackback, Pingback, etc).
HTML HTML es el acrónimo inglés de HyperText Markup Language, que se traduce al español como Lenguaje de Marcas Hipertextuales. Es un lenguaje de marcación diseñado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las páginas web. Gracias a Internet y a los navegadores como Internet Explorer, Opera, Firefox, Netscape o Safari, el HTML se ha convertido en uno de los formatos más populares y fáciles de aprender que existen para la elaboración de documentos para web. Seleccionando la opción Ver código fuente en el navegador, se puede ver realmente la información que está recibiendo éste y cómo la está interpretando. Por ejemplo: en Internet Explorer o en Firefox, simplemente hay que desplegar el menú Ver y luego elegir Código fuente. De esta forma, se abrirá el editor de texto configurado como predeterminado en el sistema con el código fuente de la página que se esté viendo en ese momento en el explorador.
Códigos HTML básicos •
: Define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. : Define la cabecera del documento HTML, esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario.: Define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana <link>: para vincular el sitio a hojas de estilo o íconos Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css"><br />
<br />
<style>: para colocar el estilo interno de la página, ya sea usando CSS, JavaScript u otros lenguajes similares. No es necesario colocarlo si se a vincular a un archivo externo usando la etiqueta <link> •<br />
<br />
<body>: Define el contenido principal o cuerpo del documento, esta es la parte del documento html que se muestra en el navegador, dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> podemos encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo: •<br />
<br />
<h1>, <h2>, <h3>, <h4>, <h5>, <h6>: encabezados o títulos del documento con diferente relevancia.<br />
<br />
•<br />
<br />
<table>: Define una tabla<br />
<br />
•<br />
<br />
<tr>: Fila de una tabla<br />
<br />
•<br />
<br />
<td>: Celda de datos de una tabla<br />
<br />
•<br />
<br />
<a>: Hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo: <a href="http://www.wikipedia.org" rel="nofollow">Wikipedia</a> se representa como Wikipedia) <div>: Área de la página <img>: Imagen, requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imagenes/mifoto.jpg" /> <font color="#rrggbb">: Color del texto, representado por un código hexadecimal. "rr"=Red, "gg"=Green, "bb"=Blue. Cada par puede variar entre 00(el tono más oscuro) a ff(más claro). <li><ol><ul>: Etiquetas para listas. <b>: Texto en negrita (Etiqueta descartada. Se recomienda usar la etiqueta <strong>) <i>: Texto en cursiva <u>: Texto subrayado <marquee="texto"> o también se puede usar este <marquee>"texto"</marquee>: texto en movimiento horizontal<br />
<br />
• • •<br />
<br />
• • • • •<br />
<br />
•<br />
<br />
La mayoría de etiquetas deben cerrarse como se abren, pero con una barra ("/") tal como se muestra en los siguientes ejemplos: • •<br />
<br />
<table><tr><td>Contenido de una celda</td></tr></table> <script>Código de un script embebido en la página</script><br />
<br />
Nociones básicas de HTML El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como puede ser el Bloc de Notas de Windows, o cualquier otro editor que admita texto sin formato como Microsoft Wordpad, TextPad, Vim etc. Existen además, otros programas para la realización de sitios Web o edición de código HTML, como por ejemplo Dreamweaver, siendo uno de los más utilizados en el ámbito de diseño y programación Web. Estos programas se les conoce como editores WYSIWYG o What You See Is What You Get (en español: “lo que ves es lo que obtienes”). Esto significa que son editores en los cuales se ve el resultado de lo que se está editando en tiempo real a medida que se va desarrollando el documento. Ahora bien, esto no significa una manera distinta de realizar sitios web, sino que una forma un tanto más simple ya que estos programas, además de tener la opción de trabajar con la vista preliminar, tiene su propia sección HTML la cual va generando todo el código a medida que se va trabajando. Combinar estos dos métodos resulta muy interesante, ya que de alguna manera se ayudan entre sí. Por ejemplo; si se edita todo en HTML y de pronto se olvida algún código o etiqueta, simplemente me dirijo al editor visual o WYSIWYG y se continúa ahí la edición, o viceversa, ya que hay casos en que sale más rápido y fácil escribir directamente el código de alguna característica que queramos adherirle al sitio, que buscar la opción en el programa mismo. HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determinan la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador. Toda etiqueta se identifica porque está encerrada entre los signos menor que y mayor que (<>), y algunas tienen atributos que pueden tomar algún valor. En general las etiquetas se aplicarán de dos formas especiales: • • • •<br />
<br />
Se abren y se cierran, como por ejemplo: <b>negrita</b> que se vería en su navegador como negrita. No pueden abrirse y cerrarse, como <hr> que se vería en su navegador como una línea horizontal. Otras que pueden abrirse y cerrarse, como por ejemplo <p>. Las etiquetas básicas o mínimas son:<br />
<br />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="es"> <head> <title>Ejemplo
SINDICACIÓN WEB: RSS Y ATOM La sindicación web es una forma de redifusión (distribución) de información mediante la cual parte de una página web que se pone a disposición para su uso desde otras páginas. Esto puede ser simplemente licenciando el contenido para que puedan usarlo otras personas; sin embargo, en general, la sindicación web se refiere a ofrecer una fuente web desde una página web para proporcionar a otras personas una lista actualizada de su contenido (por ejemplo, noticias de un periódico, nuevos artículos en una bitácora, los últimos comentarios en un foro, etcétera). Las fuentes suelen codificarse en XML, aunque el formato puede ser cualquier cosa que pueda transportarse a través de HTTP, como el HTML o el Javascript. Las dos principales familias de formatos de sindicación web son el RSS y el Atom. Recientemente el término RSS (Sindicación Realmente Simple) se ha usado indistintamente para referirse a cualquiera de los formatos RSS o Atom. Para leer una fuente es necesario suscribirse mediante un agregador, una aplicación (de escritorio o basada en web) que muestra los contenidos nuevos publicados por el proveedor de la fuente suscrita. En clase hemos visto Bloglines y Google Reader.
BIBLIOGRAFÍA RECOMENDADA ORIHUELA, J. L., La revolución de los blogs, La Esfera de los Libros, Madrid, 2006
SISTEMAS DE GESTIÓN DE CONTENIDOS (CMS): HISTORIA, FILOSOFÍA, DISTINTOS TIPOS DE CMS, BLOGGER Y WORDPRESS COMO EJEMPLOS. Un Sistema de gestión de contenidos (Content Management System, en inglés, abreviado CMS) permite la creación y administración de contenidos principalmente en páginas web. Consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido del sitio. El sistema permite manejar de manera independiente el contenido y el diseño. Así, es posible manejar el contenido y darle en cualquier momento un diseño distinto al sitio sin tener que darle formato al contenido de nuevo, además de permitir la fácil y controlada publicación en el sitio a varios editores. Un ejemplo clásico es el de editores que cargan el contenido al sistema y otro de nivel superior que permite que estos contenidos sean visibles a todo el público. Un sistema de administración de contenido a menudo funciona en el servidor del sitio web. Muchos sistemas proporcionan diferentes niveles de acceso dependiendo el usuario, variando si es el administrador, editor, o creador de contenido. El acceso al CMS es generalmente vía el navegador, y a veces se requiere el uso de FTP para subir contenido, generalmente fotografías o audio. Los creadores de contenido crean sus documentos en el sistema. Los editores comentan, aceptan o rechazan los documentos. El editor en jefe es responsable por publicar el trabajo en el sitio. El CMS controla y ayuda a manejar cada paso de este proceso, incluyendo las labores técnicas de publicar los documentos a uno o más sitios. En muchos sitios con CMS una sola persona hace el papel de creador y editor, los blogs generalmente funcionan de esta manera. Distintos tipos de CMS Hay multitud de diferentes CMS. Blogs: Publicación de noticias o artículos en orden cronológico con espacio para comentarios y discusión. Ej Wordpress. Wikis: Sitio web dónde todos los usuarios pueden colaborar en los artículos, aportando información o reescribiendola. También permite espacio para discusiones. Indicado para material que irá evolucionando con el tiempo. Ejemplo: Mediawiki, Tikiwiki eCommerce: Son Sitios web para comercio electrónico. Ejemplo: Zen Cart Portal: Sitio web con contenido y funcionalidad diversa que sirve como fuente de información o como soporte a una comunidad. Ej PHPNuke, Postnuke, drupal, Plone.
BLOGGER Y WORDPRESS COMO EJEMPLOS Blogger es una herramienta sencilla y gratuita para que los usuarios publiquen en Internet aunque no tengan ningún conocimiento de programación. Sin embargo, los habilidosos con el HTML podrán personalizar sus creaciones tanto como deseen. En febrero de 2003 Google adquirió Pyra Labs, la compañía creadora de Blogger. WordPress es un sistema de gestión de contenidos enfocado a la creación de blogs. Desarrollado en PHP y MySQL, bajo licencia GPL, tiene como fundador a Matt Mullenweg. WordPress fue creado a partir del desaparecido b2/cafelog y se ha en uno de los CMS más populares de la blogosfera. Las causas de su enorme crecimiento son, entre otras, su licencia, su facilidad de uso y sus características como gestor de contenidos. También una de las causas, es su enorme comunidad de desarrolladores y diseñadores, que se encargan de crear plugins y temas para la comunidad. Fácil instalación, actualización y personalización. Sigue las recomendaciones del W3C. Separa el contenido y el diseño en XHTML y CSS. Posee herramientas de comunicación entre blogs (Trackback, Pingback, etc).
HTML HTML es el acrónimo inglés de HyperText Markup Language, que se traduce al español como Lenguaje de Marcas Hipertextuales. Es un lenguaje de marcación diseñado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las páginas web. Gracias a Internet y a los navegadores como Internet Explorer, Opera, Firefox, Netscape o Safari, el HTML se ha convertido en uno de los formatos más populares y fáciles de aprender que existen para la elaboración de documentos para web. Seleccionando la opción Ver código fuente en el navegador, se puede ver realmente la información que está recibiendo éste y cómo la está interpretando. Por ejemplo: en Internet Explorer o en Firefox, simplemente hay que desplegar el menú Ver y luego elegir Código fuente. De esta forma, se abrirá el editor de texto configurado como predeterminado en el sistema con el código fuente de la página que se esté viendo en ese momento en el explorador.
Códigos HTML básicos •
: Define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. : Define la cabecera del documento HTML, esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario.
ejemplo
SINDICACIÓN WEB: RSS Y ATOM La sindicación web es una forma de redifusión (distribución) de información mediante la cual parte de una página web que se pone a disposición para su uso desde otras páginas. Esto puede ser simplemente licenciando el contenido para que puedan usarlo otras personas; sin embargo, en general, la sindicación web se refiere a ofrecer una fuente web desde una página web para proporcionar a otras personas una lista actualizada de su contenido (por ejemplo, noticias de un periódico, nuevos artículos en una bitácora, los últimos comentarios en un foro, etcétera). Las fuentes suelen codificarse en XML, aunque el formato puede ser cualquier cosa que pueda transportarse a través de HTTP, como el HTML o el Javascript. Las dos principales familias de formatos de sindicación web son el RSS y el Atom. Recientemente el término RSS (Sindicación Realmente Simple) se ha usado indistintamente para referirse a cualquiera de los formatos RSS o Atom. Para leer una fuente es necesario suscribirse mediante un agregador, una aplicación (de escritorio o basada en web) que muestra los contenidos nuevos publicados por el proveedor de la fuente suscrita. En clase hemos visto Bloglines y Google Reader.
Related Documents
Bloque1
November 2019 6
Control Bloque1
November 2019 6
7-bloque1-2011-alumnos.docx
April 2020 6