Hola Chicos en este blog nos vamos a encontrar para leer los textos de la materia y ver las actividades

viernes, 6 de agosto de 2010

Comenzando con DreamWeaver

Hola Chicos:

Hoy trabajaremos con las fotocopias entregadas en clase, pero para refrescar la memoria les dejo unos tutoriales de los primeros pasos de DreamWEaver..



Primeros pasos para crear una pagina:






jueves, 17 de junio de 2010

Diseño Web

Hola Chicos: Comenzamos este nuevo cuatrimestre con un nuevo tema que da para muchoooooo..., nos acercaremos al diseño web y como en todo diseño vamos a necesitar mucha creatividad..............
Les deseo muy buen comienzo y a trabajar..!!!!!!!!!!!!!



El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y video.



Diseño web aplicado

El diseño de páginas web trata básicamente de realizar un documento con información hiperenlazado con otros documentos y asignarle una presentación para diferentes dispositivos de salida (en una pantalla de computador, en papel, en un teléfono móvil, etc).
Estos documentos o páginas web pueden ser creadas:
creando archivos de texto en HTML.
utilizando un programa WYSIWYG o WYSIWYM de creación de páginas.
utilizando lenguajes de programación del lado servidor para generar la página web.


Etapas


Para el diseño de páginas web debemos tener en cuenta tres etapas:
*La primera es el diseño visual de la información que se desea editar. En esta etapa se trabaja distribuyendo el texto, los gráficos, los vínculos a otros documentos y otros objetos multimedia que se consideren pertinentes. Es importante que antes de trabajar sobre el computador se realice un bosquejo o prediseño sobre el papel. Esto facilitará tener un orden claro sobre el diseño.
*La segunda, una vez que se tiene este boceto se pasa a 'escribir' la página web. Para esto, y fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje de marcación de hipertexto o HTML. Los enlaces que aparecen subrayados en este documento y otros de Wikipedia son ejemplos de hipertexto, puesto que al pulsar sobre ellos conducen a otras páginas con información relacionada.
*La tercera, etapa consiste en el posicionamiento en buscadores o SEO. Ésta consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en determinada búsqueda. Etapa no gustosa por los diseñadores gráficos, por que a diferencia del texto, aún para el año 2009 no se pueden tener nuevos resultados en los buscadores con sitios muy gráficos.
El HTML consta de una serie de elementos que estructuran el texto y son presentados en forma de hipertexto por agente de usuario o navegadores. Esto se puede hacer con un simple editor de textos (debe guardarse como texto plano, sin ningún tipo de formato y con extensión .html o .htm). Aprender HTML es relativamente fácil, así que es sencillo crear páginas web de este modo. Esta era la única manera de generarlas hasta que aparecieron, a mediados de 1996, algunos editores visuales de HTML, como MS FrontPage y Adobe Dreamweaver. Con estas herramientas no es necesario aprender HTML (aunque sí aconsejable), con lo cual el desarrollador se concentra en lo más importante, el diseño del documento.
Todo esto teniendo en cuenta el nivel de programación en el diseño de las aplicaciones y del impacto visual que se quiere generar en el usuario.






Bueno ahora que leyeron todooooooo!



Respondan:



¿Que es el diseño web?

¿Cuales son sus etapas?

Explicar cada una.

¿Qué criteros se tienen en cuenta para realizar un buen diseño web?

¿Que programas se usan en la actualidad?







miércoles, 14 de abril de 2010

martes, 6 de abril de 2010

Actividad Grupal 7/4

Leer detenidamente ambas publicaciones de SLIDESHOW y SLDESHARE y luego en un documento de Word volcar las conclusiones acerca de:


A) Pensar ejemplos concretos que puedas llevar a cabo utilizando las palicaciones propuestas (al menos uno de cada una)


B) Ingresá a cada una de las aplicaciones y observa y poné a prueba las opciones que te ofrece: si debes registrarte o no, si se paga por el servicio, etc.


C) Luego de repasar cada opción, elige una diapositiva y analiza su contenido: tema que trata, n° de diapositivas, efectos que utiliza, tambien ingresa a www.calameo.com y repasa las diferencias y similitudes con Slideshare.


D) Ingresa a www.slide.com y prueba los efectos que ofrece la aplicación con una foto o una imagen a elección.


Suerte y a trabajar!!!!!!!

domingo, 4 de abril de 2010

Silde: Show de Fotos




¿Qué es?
Slide es un servicio, como existen muchos, para diseñar presentaciones de fotografías, ya sea para publicarlas en un blog, un sitio web o simplemente para enviarlas por mail y tenerlas en línea para compartir con personas con intereses afines. Es un servicio muy simple de utilizar. Como muchos otros, hace un tiempo se encontraba solamente en inglés; en este momento ya podemos acceder en español y notamos que permanentemente va mejorando su servicio. No tiene límite de almacenamiento, presenta distintas opciones para las presentaciones, permite agregar efectos decorativos, animaciones y hasta música. Genera un código HTML compatible para diversos servicios de blogs y no suele generar inconvenientes en su interfaz, por ser bastante simple. Mantiene la calidad de la imagen, y si se hace doble clic sobre cada una de ellas es posible llegar al tamaño original, cosa que no resulta factible en otros servicios como por ejemplo el de Yahoo fotos, que modifica el tamaño y calidad de las imágenes y les hace perder fidelidad.

¿Qué podemos hacer con Slide?
Suele ser muy útil para la socialización de los trabajos de alumnos, exposiciones de galerías de imágenes con determinadas temáticas o, incluso, para presentar una serie de secuencias donde el objetivo sea mostrar, por ejemplo, un fotorreportaje. También para registrar y documentar experiencias, o armar carpetas con desarrollos de proyectos para ir evaluando procesos. Es muy práctico porque además genera un código HTML de cada imagen y otro del álbum que se ha diseñado. Permite subtitular las fotos y realizar una descripción de cada colección elaborada.

Para ver la aplicación entra en : www.slide.com







martes, 30 de marzo de 2010

¿Qué es un blog?


Weblog o blog

Definición y características

Hay coincidencias a la hora de fechar la aparición del primer blog, aunque por entonces todavía no se llamaban así. La página en cuestión fue desarrollada en 1993 por Tim Berners-Lee, uno de los creadores de internet, y era una especie de bitácora que conducía a cada nuevo link que aparecía.
Los weblogs son un entorno de la World Wide Web que está en constante modificación, y por tanto es complejo construir una definición que los abarque en su totalidad.
Existen diversas definiciones. Por ejemplo, para Pareja (2002) los blogs son: “espacios gratuitos en Internet para la escritura de particulares (...) posibilita[n] una versión del texto para ser impresa; dispone[n] de espacios de opinión para que otros comenten el texto”.
José Luis Orihuela (2003) define los weblogs como: “sitios web estructurados originalmente como diarios personales, basados en enlaces, noticias y opiniones que se actualizan de modo regular, escritos con un estilo informal y subjetivo”.

Alonso y Martínez (2003) basan su idea del weblog en cinco características:
• es un espacio de comunicación personal;
• sus contenidos abarcan cualquier tipología;
• sus contenidos presentan una marcada estructura cronológica,
• hay enlaces a sitios web que tienen relación con los contenidos del blog;
• la interactividad que permiten aporta un valor añadido como elemento dinamizador en el proceso de comunicación.
Asimismo, si consideramos a los weblogs como un medio estratégico de comunicación, es necesario tener en cuenta que abarcan una gran diversidad de temáticas.
Wikipedia nos dice que “Un weblog, también llamado blog o bitácora, es un sitio web donde se recopilan cronológicamente mensajes de uno o varios autores, con un uso o temática en particular, siempre conservando el autor la libertad de dejar publicado lo que crea pertinente”.

Estructura de un blog





Encabezado

Es el título o nombre con el que se designa la bitácora (o blog). Aparece en la parte superior de la página, generalmente destacado por la tipografía, el color o alguna imagen.


Categorías o temas

Es la clasificación que el autor realiza sobre sus publicaciones. Generalmente se encuentran en una columna lateral y nos permite identificar los post relacionados dentro de cada categoría.

Artículo, post o entrada

Un artículo, post o entrada es el cuerpo central de un blog, donde periódicamente el autor puede escribir, colocar imágenes, videos, podcast, etcétera. No existen criterios estrictamente definidos para indicar su extensión, pero cuando se busca que el lector profundice, se lo invita a esta posibilidad a través de hipervínculos. Lo que caracteriza a las publicaciones en blogs es el orden cronológico en el cual se ordenan los post, pues, generalmente, lo primero que leemos es la publicación más reciente.

Comentarios

Es el componente más interesante de esta forma de publicación, puesto que es lo que abre el espectro a la interactividad entre autor-lector, y entre lectores entre sí. Podríamos decir que un post muchas veces se completa o enriquece gracias al aporte de quienes participan desde sus comentarios, ya sea planteando posturas diferentes o aportando información relacionada con el tema tratado. Es por esto que los blogs se convierten en una suerte de banco de datos donde el factor fundamental suele ser la retroalimentación (marca la diferencia entre un sitio web tradicional y blog).

Links o enlaces permanentes

Es una forma de enlazar un artículo de un blog. Suele indicarse con la palabra “link permanente”, “permalink”, “enlace permanente” o con algún signo preciso como '#. En un blog no tiene sentido enlazar la página principal si lo que se busca es la referencia exacta de un artículo publicado hace una semana. Un enlace permanente permite ir exactamente adonde se quiere ir, acceder a la información que se espera y no a otra.

Descripción del blogger

En algunos blogs, sus autores reservan un apartado destinado a autodescribirse, donde brindan datos personales tales como: nombre, edad, sexo, residencia, profesión, gustos, aspectos de la personalidad, etcétera.

Links

La presencia de links para dirigir a otros blogs o a sitios que el autor del blog considera de interés, adopta en la mayoría de los casos la forma de largos listados ubicados en alguno de los dos márgenes que bordean al artículo o post. A esto se le conoce también como blogroll

Archivo

Todos los weblogs poseen un sistema automático de archivo que guarda cronológicamente todo lo escrito (artículos y comentarios). Tanto el autor como el lector podrán consultar ese archivo cuando lo deseen. Las anotaciones se archivan automáticamente cada vez que uno publica. La función del archivo se puede maximizar por dos vías: por un lado, incluyendo categorías que agrupan la información según tópicos definidos por el mismo autor; y, por el otro, insertando un “buscador” que, mediante una palabra clave, guía al lector y al autor hacia el registro deseado.

Resumiendo
Podríamos afirmar que los blogs:
• Consisten en entradas (también llamados posts, artículos)
• ordenadas cronológicamente
• escritas por una o más personas.
• Se hicieron populares a partir de la proliferación de herramientas de publicación gratis que facilitan la escritura de un blog con mínimos conocimientos de informática.
• Son fundamentalmente textuales, pero ya incluyen fotos, audio y video.
• La mayoría permite que el visitante comente los posts (publicaciones) del autor o autores del blog quienes, a su vez, pueden responder en el mismo formato que los visitantes (comentarios).
• Generalmente usan enlaces de manera que permiten complementar el contenido del post.
• Su estructura hace posible realizar lecturas cronológicas, temáticas, siguiendo asociaciones entre posts o con búsqueda de palabras.
• Es posible que se formen comunidades de blogs a partir de intereses comunes.
En definitiva, los blogs no son un monólogo expositivo sobre temas específicos, sino que marcan una importante transformación en las formas de comunicación en la Web, puesto que abren la posibilidad de la interacción entre autor y lector, generándose así un interesante juego de construcción conceptual donde, en muchos casos, se resignifica el conocimiento, se da lugar al debate y a la expansión de fuentes de información para la fundamentación de diferentes posturas respecto de los tópicos tratados en cada caso.


Fuente: Portal educativo Educ.ar

Características y posibilidades de los blogs




a) Contenido hipertextual y multimedia. Los gestores de bitácoras
admiten todo tipo de archivos multimedia: texto, imagen,
audio, vídeo, animaciones flash….., y permiten enlaces
a documentos o a otros sitios web. Por lo tanto, son herramientas
muy apropiadas para que el alumnado desarrolle
capacidades de expresión hipertextual y multimedia.
b) Utilización fácil, independizando el contenido del diseño y
la implementación técnica.
A través de asistentes, plataformas
online de gestión y plantillas prediseñadas se simplifica
enormemente el proceso de generación de materiales. Esto
facilita que los usuarios concentren sus esfuerzos en el contenido,
sin necesidad de instalar ningún programa ni de tener
conocimientos avanzados de edición html.
Incluso se pueden enviar contenidos vía e-mail o SMS, lo
cual abre las puertas a la movilidad y la ubicuidad de usuarios/
as.
c) Organización cronológica y temática de la información.
Todo el contenido está organizado por orden cronológico y
temático. Es accesible mediante índices temáticos, calendario
o motores de búsqueda. Además, cada artículo que se publica
genera un enlace permanente (permalink), que puede ser
referenciado directamente desde otros blogs o sitios web. Los
enlaces externos o blogroll también están organizados por
temas, y contribuyen a crear una red de sitios afines, un habitat
dentro del ecosistema o blogosfera. Las categorías temáticas
de contenidos y los archivos cronológicos pueden ayudar
al alumnado a desarrollar hábitos de organización de la
información, creando sus propias categorías de artículos, de
enlaces,.., etc.
d) Intercambio de ideas, definido por la participación y aportaciones
de los usuarios mediante comentarios a los distintos
artículos y contenidos, fomentando el debate, la discusión y
el uso responsable del ciberespacio, observando la debida
netiqueta.
La vertiente interactiva es una de las más atractivas desde el
punto de vista educativo, y sobre todo, desde una visión
constructiva del aprendizaje.


e) Distintos niveles en el rol de usuario, lo que hace posible la gestión compartida
o colaborativa del blog. Esto, unido a la posibilidad de acceso desde
cualquier lugar, y a cualquier hora, abre grandes posibilidades de trabajo
colaborativo, trascendiendo incluso el espacio del aula, y también el espacio
geográfico. Cualquier persona en cualquier momento y lugar puede colaborar
en cualquier blog. Y volviendo a la organización del contenido, los blogs pueden
ser una herramienta excelente de apoyo a proyectos colectivos, a modo
de diario de trabajo o cuaderno de bitácora.
f) Sindicación de contenidos mediante RSS. Esto ha sido uno de los motores de
la enorme difusión de los blogs, e incluso ha cambiado la forma de acceder a
la información El uso de los lectores y agregadores de feeds o noticias RSS
permite conocer los últimos contenidos publicados en aquellos sitios que nos
interesan, sin necesidad de abrir el navegador.
g) Relación con otras aplicaciones en la red. Más arriba se apuntaba que los
blogs forman parte de un hábitat, un ecosistema de la red, con unos usos y
costumbres relacionadas entre sí. Por ejemplo, los blogs, unidos a otras aplicaciones
y servicios de la Web 2.0, multiplican su potencial al añadir contenido
multimedia, marcadores sociales, o etiquetas (tags) que son leidas e indexadas
por otras aplicaciones.


Fuente Portal Educativo: Educ.ar