MY BLOGROLL
- alfa-patre-manes (Rubén Cuccuzza, Olga Ossenbach)
- textos de Javier Díaz Noci
- materiales docentes de Guillermo López (u valencia)
- bibliografía en biblio campus po
- ceticom (pa)
- Isopixel (blog de diseño digital I) mx
- Julieta Carreras y Luciano Mucelli (unlp, ar)
- Miguel García Posada (es)
- Marina Ramos (univ sevilla)
- Gómez Cumpa (pe)
- prof Alejandro Piscitelli (ar)
- prof. Rogerio Santos Industrias culturais (po)
- carteles Galicia en Flickr daniel3
- carteles Galicia en Flickr comunisfera
- sobre ciencia y comunicación
- opinión periodística
- fac comunicación (unicen, olavarría)
- MMLAB (lab com multimedia, univ navarra)
- Tecnologías de la Info y la Com (Univ. Sevilla)
- Blogs sindicados (Bloglines)
- Gráficos en Flickr
- Comuni Sfera
- Comuni Nodo
comunicacion digital y diseño de información Full Post View | List View
bitacora docente
- en 2006 en La Coctelera
-
este año la asignatura gestionará blogs desde la coctelera como infodisFriday March 24, 2006 - 09:46am (PST) Permanent Link | 0 Comments
- contenidos de diseño de información
-
los martes de 9 a 11 se introducirán los temas y conceptos sobre diseño de información en el aula 1.
las prácticas comenzarán en el laboratorio de informática la próxima semana. publicaré aquí la lista que acordemos con los componentes de los grupos.
áreas de contenidos1- COMUNICACIÓN Y DISEÑO
- Sinópsis de teorías de la comunicación. Comunicación en Internet
- Diseño para la comunicación en internet. Weblog como cibergénero
- Recapitulación en modelos de la comunicación y propuestas de innovación. La marca digital personal
diez sesiones entre 14 febrero - 21 de marzo
cuestionario de contenidos y revisión del blog personal
2- GESTIÓN DOCUMENTAL HIPERTEXTUAL Y DISEÑO INTERACTIVO
- Patrones de medición y de evaluación de espacios corporativos en línea
- Criterios editoriales y gestión de relaciones públicas en red
- Arquitectura de información personal y corporativa
ocho sesiones entre 28 de marzo y 25 de abril
cuestionario de contenidos y revisión del blog personal
3- COMPOSICIÓN Y VISUALIZACIÓN
- Cuestiones teóricas en torno a la imagen. Imagen digital pública
- Cuestiones generales de visualización. Visualización de comunicación pública
- Visualización de información y composición
diez sesiones los martes del mes de mayo
examen escrito de cuestiones nocionales sobre apartados del temario teórico
autoevaluación personal, evaluación grupal y calificación del blog personal
Monday February 13, 2006 - 05:22am (PST) Permanent Link | 0 Comments - DESEÑO, COMPOSICIÓN VISUAL E TECNOLOXÍA DA INFORMACIÓN 2005-2006
-
INTRODUCCIÓN (feb): O DESEÑO DE INFORMACIÓN
- Presentación da asignatura:
partes, prácticas, metodoloxía e avaliación
PRIMEIRA PARTE (mar): A DIXITAL ENTRE OUTRAS ESTÉTICAS
- OS PÚBLICOS DA INFORMACIÓN DIXITAL
Tópicos, rutinas e outras expectativas.
- INTERNET I
Idades de Internet. Prácticas dixitais globais. Portais e Media.
- CIBERXÉNEROS
Reformulación retórica dende ciberxéneros tecnolóxicos. Convergencia lúdico-profesional de aplicacións. Open Science & Open Source nos entornos académicos e profesionais. Aplicacions e recursos actuais.
- SOCIABILIDADES VIRTUAIS
Vinculación e ciclo nas sociedades virtuais. Escalas y formas de la participación en redes: lurkers, usuarios, comentaristas, activistas, crackers.
PARTE SEGUNDA (mar-abr): FORMAS DA INFORMACIÓN DIXITAL
- ELEMENTOS E FORMAS: architectura, interacción e imaxe infográfica.
A forma dixital dos contidos. Ampliación hipermedial do escenario comunicativo. Prácticas actuais e linguaxes tecnolóxicos na creación fragmentaria aberta.
- ARCHITECTURA E MORFOLOXIA WEB
Tratamentos estructuraias e formais dos obxectos dixitais. Enrriquecemento de formatos dixitais estandarizados. Producción e creación dixital.
Arquitectura de la información, Visualización de Información
- DESEÑO DE INTERACCIÓN (WEB)
Formas dinámicas, deseño de interacción e procesos de navegación hipertextual. Cara unha composición participativa.
Interacción web, Usabilidad y estándares en la comunicación web
- O DISCURSO INFOGRÁFICO.
Visións sobre a construcción do discurso en liña dende a webgrafía e iconografía en estudos de Internet.
PARTE TERCEIRA (maio): A INFORMACIÓN NAVIGADA
- INFORMACIÓN E NAVIGACIÓN HIPERTEXTUAL:
recepción, usos e símbolos en Internet.
- USABILIDADE E RECEPCIÓN
Inspección e avaliación web. Tipoloxías de navegación e usos internáuticos.
- OPINIONS PUBLICADAS EN LIÑA
Edición dixital e información dende a rede.Presencia e notoriedade. Criterios documentais. Efectos microcomunicativos.
Edición web: gestión de contenidos, de la información y la comunicación
- TOPOLOXÍAS E ICONOLOXÍAS DIGITAIS.
Net-art, K-Net... Comunidades e información. Opinións na rede e iconoloxía das asociacións virtuais.
Gestiones con la información para el conocimiento
FINAL
- Presentación do weblog personal e examen final escrito
Tuesday September 20, 2005 - 01:30am (PDT) Permanent Link | 0 Comments - DESARROLLO DEL PROGRAMA DE TEORÍA
-
Primera parte
1. Comunicar y diseñar mañana
Continuidades y rupturas históricas
Integración de la imagen en la información y la comunicación
Coherencia científica y nuevo paradigma comunicativo
2. Diseño de la información
Balance del impacto del diseño web de información en las profesiones comunicativas
Integración de la experiencia blog en la reflexión académica y en la autoformación continuada Apuntes para una definición comunicatica del diseño de información
3. Arquitectura de la información
Los arquitectos de información en la comunicación web
Balance provisional y perspectivas desde jóvenes maestros
Nociones y aplicaciones
4. Usabilidad y estándares en la comunicación web
Condiciones hipermediales de la información digital
Definiciones y criterios de usabilidad
Cualidades comunicativas de las sedes y proyectos web
Segunda parte
5. Interacción web y orientación del diseño informativo
Noción, aplicaciones, autoridades y perspectivas del diseño de interacción. (agregadores)
6. Bnspección y evaluaciones web
Caracterización de las modalidades evaluativas (evaluación web)
Criterios clásicos y en los festivales web.
Evaluación de expertos y de usuarios. (Checklist evaluación)
7. Gestiones con la información para el conocimiento
Comunicación y conocimiento
Diferenciación de modalidades, objetivos, etc. de gestión (documental, de información o de contenidos, de comunicación, informativa, formativa o educativa y científica).
Tercera parte
8. Edición web: gestión de contenidos, de la información y la comunicación
Visibilidad y otros horizontes de la Gestión Editorial.
Modalidades de visualización, Estilo Editorial y Guía de Estilo Web.
Estilo web y mediático
9. Visualización de Información (introducción)
Escalas y desarrollo de la composición visual de información.
Estándares y visualización en la edición actual.
Aproximación a los usos en línea de series, listas, tablas, gráficos (automatismos y grafos), infografía (artículos recomendados sobre los conceptos)Monday May 30, 2005 - 02:32am (PDT) Permanent Link | 0 Comments - posición y tamaño de imágenes en bitácora (práctica 10)
-
Copio y pego de Alternativa (lo dice aquí) y de Manuti código html para disponer de imágenes en la columna de texto
ALINEACIÓN DE LAS IMAGENES
imagen a la derecha y rodeada-separada del texto (alineación derecha)
<p align="right"><a href="http://www.enlace.com"><img src="http://direccióndelaimagen.jpg" border="0" alt="textoalternativo" align="right" vspace="5" hspace="5"></a>
Sustituir http://www.enlace.com por la dirección de la página web a la que queremos que la imagen dé enlace.
Sustituir http://direccióndelaimagen.jpg por la URL de la imagen, que siempre empezará por http:// y terminará por la extensión de archivo propia de la imagen (.gif .jpg .png).
Sustituir textoalternativo por el texto que aparecerá al pasar el cursor por encima de la imagen (al hacer rollover).
vspace="5" y hspace="5" se refieren al espacio vertical (vspace) y al espacio horizontal (hspace) que quedará entre la imagen y el texto. Se mide en pixels. En este ejemplo se indican 5 pixels de espaciado tanto horizontal como vertical, pero esa cifra puede modificarse.
- centrada y separada del texto
<p align="center"><a href="http://www.enlace.com"><img src="http://direccióndelaimagen.jpg" border="0" alt="textoalternativo"></a></p>
Sustituir http://www.enlace.com por la dirección de la página web a la que queremos que la imagen dé enlace.
Sustituir http://direccióndelaimagen.jpg por la URL de la imagen, que siempre empezará por http:// y terminará por la extensión de archivo propia de la imagen (.gif .jpg .png).
Sustituir textoalternativo por el texto que aparecerá al pasar el cursor por encima de la imagen (al hacer rollover).
- izquierda y rodeada por el texto
<p><a href="http://www.enlace.com"><img src="http://direccióndelaimagen.jpg" border="0" alt="textoalternativo" align="left" vspace="5" hspace="5"></a>
Sustituir http://www.enlace.com por la dirección de la página web a la que queremos que la imagen dé enlace.
Sustituir http://direccióndelaimagen.jpg por la URL de la imagen, que siempre empezará por http:// y terminará por la extensión de archivo propia de la imagen (.gif .jpg .png).
Sustituir textoalternativo por el texto que aparecerá al pasar el cursor por encima de la imagen (al hacer rollover).
vspace="5" y hspace="5" se refieren al espacio vertical (vspace) y al espacio horizontal (hspace) que quedará entre la imagen y el texto. Se mide en pixels. En este ejemplo se indican 5 pixels de espaciado tanto horizontal como vertical.
TAMAÑO DE LAS IMAGENES
Si deseas que la imagen se muestre con un tamaño distinto al que tiene en su ubicación original, puedes añadir en el código los comandos referidos a la anchura (width) y altura (height).
El código que se añade es:
width="nºpixels" height="nºpixels"
y se coloca exactamente delante del código border="0"
Como ejemplo, puedes ver cómo quedaría en el caso de una imagen centrada y separada del texto:
<p align="center"><a href="http://www.enlace.com"><img src="http://direccióndelaimagen.jpg" width="132" height="27" border="0" alt="textoalternativo"></a></p>
Friday May 20, 2005 - 04:33am (PDT) Permanent Link | 0 Comments
Add comunicacion digital y diseño de información to your personalized My Yahoo! page:
About My Yahoo! & RSS