c
compose new post
j
next post/next comment
k
previous post/previous comment
r
reply
e
edit
o
show/hide comments
t
go to top
esc
cancel

Últimas actualizaciones Página 2 RSS Ocultar respuestas | Atajos de teclado

  • nicolasespinoza

    Nicolás Espinoza Filippi 20:57 on 7 Septiembre 2009 | 9 Permalink | Log in to leave a Comment
    Tags: , tipografía

    Tipografía + CSS

    En la pasada clase del viernes (Sección 4), Roberto Smart preguntó sobre buenos sitios donde poder ver CSS aplicado a la tipografía.
    Ahora gracias a 3.7 Designs (http://www.3point7designs.com) les dejo un par de links bastante interesantes.

    25+ Sites that use typography as the only design element: Muestra de los mejores 25 sitios que usan la tipografía como único elemento de diseño o elemento principal dentro del sitio. Buena guía para inspirarse y ver buen uso tipográfico en la web.

    10 Examples of beutiful CSS typography and how they did it: Aquí hay 10 buenos ejemplos de uso tipográfico, pero lo más interesante de todo es que nos muestran el código CSS para saber como está hecho. Excelente guía para quienes aún están complicados con la tarea de ayudantía.

     
    • Mariana

      Mariana 12:43 on 8 Septiembre 2009 Permalink

      el segundo está buenísimo!! y el otro también jaja…

    • gustavo urquieta

      gustavo urquieta 20:43 on 9 Septiembre 2009 Permalink

      mariana soy el gustavo del taller necesito mandarte el trabajo y no tengo tu mail jajaja se me perdio

    • Mariana

      Mariana 22:47 on 9 Septiembre 2009 Permalink

      maria.duran(arroba)alumnos.duoc.cl

    • pat.jara

      pat.jara 15:58 on 10 Septiembre 2009 Permalink

      Hola profe… me disculpo por la inasistencia de hoy pero no me sentía bien.
      eso si cumplí con todo el encargo y quería saber donde puedo mandarle mis Layout. quisiera hacerlo hoy para ver la corrección mi correo es pat.jara@live.com.
      bueno eso es profe, gracias que estas bien bye

    • pat.jara

      pat.jara 16:14 on 10 Septiembre 2009 Permalink

      ola Mariana, acabo de mandarte por correo el trabajo que pediste para hoy sorry por no ir pero estaba bad. ok esop gracias que estes bien bye

    • María Isabel Vidal

      María Isabel 1:05 on 15 Septiembre 2009 Permalink

      profe: te mande un mail de urgencia, para que lo revises porfa si puedes!!
      nos vemos!

    • nicolasespinoza

      Nicolás Espinoza Filippi 4:33 on 17 Septiembre 2009 Permalink

      Pato, mi mail está en este link: http://nicolasespinoza.cl/taller6/informacion/

    • sebastian_carvallo

      sebastian_carvallo 16:51 on 17 Septiembre 2009 Permalink

      Profe: aparte de la web (de las fotos) que debemos entregar el próximo martes 22 de Septiembre, ¿se entrega algún tipo de lámina que demuestre el proceso?..consulto porque no me acuerdo si lo mencionó, por lo menos no lo tengo anotado…agradecería su respuesta, de antemano muchísimas gracias!!!

    • nicolasespinoza

      Nicolás Espinoza Filippi 12:54 on 20 Septiembre 2009 Permalink

      Sebastián, slamente el sitio terminado. Los procesos quedan evidenciados en sus respectivas bitácoras.

  • Mariana

    Mariana 0:35 on 5 Septiembre 2009 | 1 Permalink | Log in to leave a Comment
    Tags: , ,

    Esta semana se viene la primera nota de este proceso. Para este miércoles/jueves deberán entregar lo mismo de la semana pasada, pero con las correcciones aplicadas.

    Por favor pongan especial cuidado en la investigación, la redacción de los textos, ortografía, rótulos, modulación de los párrafos y el “diseño” de las páginas. Es importante que incluso cuando un sitio sólo contiene texto sea agradable a la lectura. Para esto recomiendo mirar sitios como CSS Beauty o CSS ZenGarden y fijarse específicamente en cómo están diseñados los textos.

    Adicionalmente, deberán traer un boceto/maqueta/mock-up en formato jpg o png de cómo quieren que se vea finalmente su mini-sitio. En colores y a tamaño (72 dpi). Esto no es con nota, es sólo para corrección. Ojo que mientras más complejo el layout, más se van a complicar, así que los que todavía tengan dificultades háganlo sencillito. Aquí cada uno propone su nivel de dificultad.

    Ah, y no se aceptan entregas atrasadas. Si alguien tiene que faltar, me lo manda al mail dentro del horario de clases. Dudas por acá o al mail. ¡Nos vemos!

     
  • nicolasespinoza

    Nicolás Espinoza Filippi 11:55 on 4 Septiembre 2009 | 0 Permalink | Log in to leave a Comment
    Tags: etapas, proyectos web, redacción


    Ver en Issuu

     
  • nicolasespinoza

    Nicolás Espinoza Filippi 15:01 on 28 Agosto 2009 | 3 Permalink | Log in to leave a Comment
    Tags: Arquitectura de la Información, Hipermedia


    Ver en Issuu

     
    • beva

      beva 17:41 on 30 Agosto 2009 Permalink

      Hola profesor una duda me asecha resulta que el trabajo sobre la arquitectura de información es grupal verdad, pero se supone que tiene que ir en la bitácora de cada uno de los integrantes o no? eso es lo que no entiendo: B bueno eso adiós

    • nicolasespinoza

      Nicolás Espinoza Filippi 20:49 on 2 Septiembre 2009 Permalink

      El trabajo encomendado que contempla Diseño de Navegacióbn, Diseño de Información y Diseño de Interfaz, se entrega como una bitácora independiente de este “mini proyecto”. La idea es que cada uno también registre su proceso personal y anotaciones del trabajo grupal en su bitácora personal.

    • robinsoncampos

      Robinson Campos 1:03 on 3 Septiembre 2009 Permalink

      hotgloo la lleva!!
      vale profe, buen hallazgo.

  • Mariana

    Mariana 12:39 on 28 Agosto 2009 | 7 Permalink | Log in to leave a Comment
    Tags: , ,

    El siguiente paso en la creación del mini-sitio es el siguiente (bueno ya, no es uno, son varios):

    1. Separar la investigación en las páginas que constituirán el mini-sitio
    2. Agregar etiquetas body y cabecera (head) a cada una de las páginas
    3. Guardar los cinco (o más) archivos resultantes con la extensión .html
    4. Crear un archivo de hoja de estilos (css) y vincularlo a los documentos html
    5. Asignar estilos a las etiquetas utilizadas en los documentos html
    6. NO USAR ELEMENTOS CONTENEDORES (sin divs por el momento)
    7. Pueden agregar imágenes al contenido

    Además, deberán completar la investigación y añadir etiquetas (que era la tarea para esta semana, muchos se equivocaron, otros no la hicieron, así que esto debe estar terminado la próxima clase).

    Para facilitarles la tarea, les hice este pdf y lo subí a mi sitio mejor, así lo descargan al toque. En la segunda página aparecen las etiquetas body y cabecera que tienen que agregar, así como la forma correcta de vincular una hoja de estilos a los documentos. Después hay una pequeña guía simplificada y amigable sobre css para los que tengan miedo (y para los que no también). Esto no quiere decir que deban utilizar todos los atributos que se detallan ni tampoco que no puedan usar otros que conozcan, es sólo una guía.

    Cualquier pregunta, háganla aquí mismo, así nos ayudamos entre todos. Saludos!!

    Ah!!! Y sí, es para la próxima semana. Todo en una carpetita.

     
    • María Isabel Vidal

      María Isabel 18:23 on 28 Agosto 2009 Permalink

      Gracias Mariana por el archivo, queda todo mas claro! saludos

    • dani chavez

      dani chavez 15:13 on 31 Agosto 2009 Permalink

      aiii mariana!!! creo que ya me confundi :S
      osea para el miercoles debemos llevar:

      1.- la correccion del encargo de la clase pasada???
      2.- un archivo digital de lo mismo, pero ya en dreamweaver (por ejemplo) con sus respectivos css???
      3.- y todo esto impreso y en una carpeta?????

      gracias

    • Mariana

      Mariana 17:51 on 31 Agosto 2009 Permalink

      Dani:

      No te confundas. Se llevan los archivos html (con la corrección incorporada) más UN archivo css que les da el estilo a todos los html.

      La “carpetita” se refiere a una carpeta digital (un “folder” o carpeta en el computador.)

      No es necesario que impriman nada.

    • Diana Zuñiga

      Diana-zuniga 20:29 on 31 Agosto 2009 Permalink

      Marianaaaaa hola como estas?
      pucha el viernes no fui a clases … tu sabes porque .. :D

      el archivo css se lleva hecho en dream o en pdf?

      este encargo debo entregarlo este miercoles ? verdad ?

      esa es mi duda
      cuidate nos vemos el miercoles
      :D chaup!

    • dani chavez

      dani chavez 21:34 on 31 Agosto 2009 Permalink

      mariana sorry que sea tan lentaaa en entender…jajaja
      pero la misma pregunta de arriba…los archivos se hacen en dreamweaver?

    • Mariana

      Mariana 23:27 on 31 Agosto 2009 Permalink

      El archivo css se lleva como archivo .css y vinculado a los htmls (no como .pdf, ni como .doc). El programa en el que lo hagan es irrelevante, pero sí, Dreamweaver sirve para crear archivos css.

      @diana: sí, es para la clase de laboratorio en la 38 y medio.

    • Diana Zuñiga

      Diana-zuniga 0:18 on 1 Septiembre 2009 Permalink

      gracias Mariana :D

  • nicolasespinoza

    Nicolás Espinoza Filippi 20:47 on 23 Agosto 2009 | 3 Permalink | Log in to leave a Comment
    Tags: consumidores digitales, encuesta

    Encuesta de Consumidores Digitales Chilenos, una iniciativa de AyerViernes con el apoyo de Política Stereo y IAB Chile, para analizar las prácticas y tendencias de los usuarios en internet.
    A la luz de los estudios realizados por la gran mayoría en relación a la experiencia de usuario frente a las compras online en tiendas de retail chilenas, creo que pueden aportar bastante en esta encuesta.
    El link: http://www.surveymonkey.com/s.aspx?sm=6Qt5c00rOMddzZNMJ7cIHA_3d_3d

     
  • nicolasespinoza

    Nicolás Espinoza Filippi 17:37 on 23 Agosto 2009 | 0 Permalink | Log in to leave a Comment
    Tags: , desarrollo web, errores frecuentes


    Ver en Issuu

     
  • nicolasespinoza

    Nicolás Espinoza Filippi 17:31 on 23 Agosto 2009 | 0 Permalink | Log in to leave a Comment
    Tags: , usabilidad


    Ver en Issuu

     
  • Mariana

    Mariana 8:10 on 21 Agosto 2009 | 7 Permalink | Log in to leave a Comment
    Tags: Etiquetas,

    Les dejo una muestra de cómo debería verse el texto de su investigación sobre el objeto de diseño que seleccionaron (ojo que no es necesario que las etiquetas sean azules, lo hice así sólo para destacarlas). En la segunda página aparecen las etiquetas que pueden utilizar, como ven no son tantas y se deben acordar de la mayoría. Ojalá les sirva y nos vemos la próxima semana. Cualquier duda, ya saben.

     
    • Madrid

      Rodrigo Madrid 10:48 on 21 Agosto 2009 Permalink

      Gracias Mariana! Saludos

    • Andie

      Andie 15:43 on 22 Agosto 2009 Permalink

      Hola compañero si les interesa y ver diseños de paginas web esta son las pagina
      http://www.1luz.com/ y http://www.tanq.cl/
      que tengas una buena semana … bye

    • María Isabel Vidal

      m.vidal 18:05 on 22 Agosto 2009 Permalink

      Hola a todos. Quizas ya todos googlearon la arquitectura de la información, pero por si acaso, encontré un sitio bastante interesante con articulos relacionados con los conceptos de sitio web. ahí les va: http://www.nosolousabilidad.com/articulos/sec_disciplinas.htm

      espero les sirva. Saludos!

    • Mariana

      Mariana 16:08 on 25 Agosto 2009 Permalink

      Les dejo un pdf que hizo mi compañero Francisco Leal el año pasado para Taller Multimedia, donde se explican los tags básicos de html y sus usos.

      Si hacen click con el botón derecho sobre este link y ponen “descargar archivo” lo pueden tener para consultarlo siempre. Ojalá les sirva.

    • Diana Zuñiga

      Diana-zuniga 18:42 on 25 Agosto 2009 Permalink

      gracias mariana ! muy bueno el pdf que enviaste
      muy claro!

    • beva

      beva 23:49 on 25 Agosto 2009 Permalink

      ame el pdf :B graciasss me sirvio de mucho saludos !

    • Loncho

      Carlos Vera 20:11 on 26 Agosto 2009 Permalink

      gracias por el ejemplo thx

  • Mariana

    Mariana 10:33 on 19 Agosto 2009 | 5 Permalink | Log in to leave a Comment
    Tags: bitácora, carpeta, datos


    Ver en Issuu

    Como lo conversamos en clases, éste será el formato de entrega de las láminas personales de ahora en adelante. Cualquier duda, comentario o aporte se puede plantear aquí mismo.

     
    • Nathalie A. Ferreira

      Nathalie A. Ferreira 14:18 on 19 Agosto 2009 Permalink

      ¿Las entregas que se incluiran en la bitácora solo seran láminas de ese formato? o que se yo… informes, investigación, análisis que necesiten mas espacio, más hojas que sería mucho mas comodo trabajarlos en tamaño carta.

    • Mariana

      Mariana 18:24 on 19 Agosto 2009 Permalink

      Las entregas personales que se harán cada semana deben venir en el formato de lámina que se detalla (41 por 21,5 cms). Adicional a esto, se incluirán en la bitácora apuntes, investigación, análisis y todo lo que “necesite más espacio” en láminas de 21,5 por 21,5 cms. que se encuadernarán junto a las láminas más grandes.

      Se recomienda seleccionar esta semana un sustrato acorde a la presentación impresa de esta bitácora (se puede comprar en pliegos y cortar del tamaño de las láminas), pues sería bueno que para la clase del viernes pudieran comenzar a tomar apuntes en este formato (el de 21,5 por 21,5).

      Si no ha quedado claro por favor sigan preguntando.

    • Madrid

      Rodrigo Madrid 22:12 on 19 Agosto 2009 Permalink

      Mariana, que clase del día viernes te refieres? o es para una sección en especial? Saludos

    • Mariana

      Mariana 23:08 on 19 Agosto 2009 Permalink

      Ah, perdón, se me olvidó que este blog lo ven dos secciones. Me refería a la clase “teórica”, que para la sección que tuvimos esta mañana (miércoles) corresponde al viernes.

    • Madrid

      Rodrigo Madrid 7:53 on 20 Agosto 2009 Permalink

      Ah.. ok! saludos