Carmen Marcos es una ilustradora española radicada en Barcelona, con una amplia experiencia en el diseño gráfico, la ilustración editorial y la animación para el mercado infantil.
En esta oportunidad Carmen nos habla de sus experiencias y actividades realizadas, así como de proyectos y expectativas a nivel profesional.
Entrevistamos a la LDG mexicana Karla Blanco, radicada en San Luis de
Potosí.
Los invito desde acá a leer la entrevista que realizáramos con la
Diseñadora Gráfica mexicana Karla Blanco, radicada en la capital de
San Luis de Potosí, México y a dejarnos sus consultas y comentarios a
través de nuestros formularios de contacto, presentes al pie de cada
página.
Link: http://www.octubre.com.uy/
pgs_comunidad/20081215_entrevista_kblanco.html
Los invito desde acá a leer esta nota acerca de este tema:
"Es necesario incluir en el Plan Nacional de Desarrollo un ramo específico para el Diseño; que proteja, fomente y desarrolle la creación y el comercio de productos, ya que no existen difusión, claridad en la legislatura en materia de propiedad intelectual o industrial, facilidades para los autores, ni certidumbre en que las instancias de protección que cuiden los derechos e intereses de creadores de innovación en el diseño." está escrito el blog que el D.I. Juan Carlos Santiago Zárate tiene en la RLD en Ning.
Luego continúa: "El estado debe garantizar al gremio nacional de diseñadores, que el trabajo que desempeñamos sea respetado, protegido e impulsado."
Ejemplo del peso que esta iniciativa está teniendo, son los artículos publicados en el Sitio de Presidencia del Gobierno de México, el publicado en Foro Alfa, en el propio sitio de la Red Latinoamericana de Diseño, o la discusiòn que se sostiene en el espacio de la RLD en Ning (Manifiesto para una Política de Diseño).
Si la temática les resulta de interés, tienen la nota completa en: http://www.octubre.com.uy/pgs_comunidad/20081112_politicaparaeldiseno.html espero sus comentarios al respecto.
Se generó una nueva carpeta en la sección Archivos, llamada "Recursos
para Diseño Web" donde quedó subido un archivo .png de FireWorks con
varias grillas basadas en las medidas de las grillas de Yahoo! para
diseño web.
Saludos a todos!
Plácido Luna.
http://www.octubre.com.uy
Una entrevista llena de expresividad en la cual Gayoso nos habla de su relación con el arte. Juan Carlos Gayoso nació el 7 de agosto de 1952 en Montevideo Uruguay, comanzando su carrera en forma autodidacta a muy temprana edad, radicándose luego en Caracas, Venezuela.
Juan Carlos Gayoso se ha perfeccionado en diferentes ramas de la plástica, llegando a realizar esculturas en metal, definiendo luego su propio estilo tomando motivos del paisaje venezolano el cual plasma por medio del óleo, acuarela y medios combinados.
Aquí dejo parte de la entrevista que le realizáramos:
OD - Hola Juan Carlos, nos gustaría que te presentaras de la forma en que mejor te sientas identificado.
JCG - Artista Plástico
OD - ¿Desde cuándo estás radicado en Venezuela y qué te llevó ahí?
JCG - Desde 1978, atraído por la fuerza de la luz tropical, donde los colores vibran incesantemente, y las sombras van desde los azules hasta los violáceos. A esto se le suma la maravillosa variedad de paisajes, que van desde los Andes, selvas, llanos y un mar que se debate entre una sinfonía de azules hasta llegar a los verdes esmeraldas de una transparencia cristalina. Esta rica variedad de ecenarios naturales, significa una fuente inagotable de expresión, para un Artista Plástico.
Leer más en [http://www.octubre.com.uy/pgs_comunidad/20081028_entrevista_gayoso.html]
Iberotemplates (IT) busca diseñadores freelance creativos y
responsables que quieran adherirse a su emprendimiento desarrollando
logotipos, iconografías y plantillas en formatos HTML y CSS o Flash.
Enviar hasta dos bocetos de muestra, de acuerdo al siguiente criterio:
- Maquetados y listos para su publicación.
- Las plantillas HTML y CSS deben validar las normas del W3C.
- Correcta visualización en IE6 y sup., Firefox, Safari y Ópera.
- Ser autoría del diseñador y no haber sido usadas ni publicadas
anteriormente.
- Incluir fuentes, html, css y fla cuando correspondan + diseños en
psd ó png.
A través de www.iberotemplates.com se pondrán en el mercado los
diseños aprobados. El diseñador establecerá el precio de su trabajo,
sobre el cual IT fijará su precio de venta.
Pagos a través de PayPal cada vez que se concreta una venta.
Envíos de trabajos: iberotemplates@...
Consultas: contacto@...
Más info en http://www.octubre.com.uy
El siguiente resumen fue realizado como introducción previa al tratamiento en clases sobre una consulta acerca de la influencia de la definición de la Declaración del Tipo de Documento en el comportamiento de un documento web. Las itálicas corresponden a resumenes obtenidos de internet para apuntes anteriores (a pie de este mensaje dejo las dos fuentes de las conservo referencia):
"Al comenzar a escribir una frase lo hacemos con una letra mayúscula. Al comenzar una página Web nuestro código debe comenzar con un DOCTYPE. Es una cuestión de gramática. Hacerlo de forma correcta nos beneficia a todos, ya que algunas de las funciones de nuestro navegador dependen de que la página visitada se presente correctamente, identificándose con el DOCTYPE correspondiente a su codificación. El DOCTYPE es la forma que tiene nuestra página Web de decirle al navegador que la visita en que "lenguaje" está escrita para que éste pueda saber como entenderse con ella. Hay diferentes DOCTYPE, tantos como tipos de código recomendados por W3C [World Wide Web Consortium - Consorcio Mundial de la Web]: HTML 4.01 y XHTML 1.0 (en sus versiones "estricta" o "transacional"), XHTML 1.1 y XML, básicamente."
El World Wide Web Consortium
"[...] Tuve varias reuniones y hablé con varios institutos, y el resultado fue que sentí que había una necesidad muy grande de un cuerpo neutral. Un sitio en el que todos los proveedores de tecnología, los proveedores de contenidos, y los usuarios, pudieran reunirse y hablar sobre lo que querían; donde fuera fácil llegar a una especificación común para hacer las cosas. De otro modo volveríamos a la Torre de Babel. Y de aquí surgió el World Wide Web Consortium - Tim Berners-Lee, Julio de 1996"
"...que todos los documentos entrelazados de la Web deberían estar al alcance de todas las personas y de todas las tecnologías. ... El W3C crea sus recomendaciones (no son propiamente estándares sino especificaciones recomendadas) con la intención de facilitar el crecimiento de la Web de la mejor manera posible. En palabras de Ian Hickson, experto del Grupo de Trabajo CSS del W3C, "Dado que el objetivo del W3C es incrementar la interoperabilidad de las soluciones basadas en web, el W3C está allí donde se reúnen las compañías a debatir sus soluciones". El cómo lo hagan siempre será más o menos criticable. Los mejores expertos del mundo trabajan en el W3C, pero no hay que olvidar que los miembros del W3C son las propias industrias involucradas en la Web..."
"Lo primero que debe contener nuestra página es la declaración del tipo de documento (Document Type Definition (DTD), también conocida como Doctype para abreviar) no sólo para cumplir con los estándares sino para garantizar la correcta renderización de nuestra página.
Mediante esta declaración indicamos la versión de (X)HTML que usa la página y la DTD con la cual se realiza la validación, de forma que los navegadores puedan saber qué sintaxis y gramática se usa, y los validadores puedan comprobar su validez.
Los navegadores entran en modo de visualización Quirks Mode cuando una página no tiene definido un Doctype o pese a tenerlo no cumple el estándar referente a ese Doctype (por ello es tan importante validar la sintaxis de nuestras páginas con el validador del W3C).
Las consecuencias de que el navegador entre en Quirks Mode son que: - procesa las páginas de forma más lenta. - renderiza las páginas de forma completamente diferente a lo que teníamos previsto."
"hoy en día yo creo que la elección debe ser entre los distintos tipos de XHTML, concretamente ente XHTML 1.0 Strict o XHTML 1.1, que nos aseguran una página bien estructurada, con una clara separación entre el contenido y la presentación.
"...hay que tener en cuenta varias cosas antes de tomar una decisión:
Con XHTML 1.0 Strict y XHTML 1.1 no puedes utilizar el parámetro "target", y evidentemente tampoco vas a usar un window.open,... lo ideal es no abrir nunca nuevas ventanas...
Una página XHTML 1.1 NO puede ser servida como "text/html" ... lo cual no podrá ser interpretado por muchos navegadores...
En XHTML 1.0 Strict y XHTML 1.1 no se admiten los elementos "applet", ni "frame" o "iframe", ni permite escribir código con javascript mediante "document.write"
Según la especificación de HTML 4.01, es obligatorio incluir la declaración del tipo de documento en cualquier documento HTML.
Veremos algo más en clases, razón por la cual, algunos resúmenes al respecto llegarán a nuestro grupo en Yahoo! también.
Todo esto es parte de algo muy grande como lo son las especificaciones y otros estándares en lo que respecta al formateo y distribución de documentos (programas como la última versión de Word o InDesign utilizan estructuras en sus documentos partidos de estos estándares), así que, aprovechando la interactividad que tenemos en este medio, espero correcciones, agregados y comentarios al respecto de todos nosotros.
Subí dos nuevos documentos a la sección Archivos, en las carpetas
"Manuales de Diseño Gráfico" y "Manuales de Diseño Web", el primero
bastante concreto con algunos punteros que permitan orientar luego
alguna investigación personal sobre el tema, y el otro con
sugerencias bastante puntuales sobre tipografía, color y diagramación
para publicaciones de documentos digitales.
En ambos casos se trata de documentos introductorios pero que los
encontré y me pareció bueno compartirlos con el grupo.
Saludos a todos!
Ramón.
Subí el archivo "Transparencias con Rellenos y Máscaras en FW.png"
para todo el grupo en Yahoo! con un ejemplo de aplicación de
transparencias a través de rellenos y máscaras en FW como complemento
a lo visto en el grupo de diseño web.
Plácido Luna
www.octubre.com.uy
Hola al grupo.
Acabo de subir el método para el trazado de un "sol" para usar en un
logotipo similar a un ejercicio visto en clases con FW, pero esta vez
hecho en AI.
Saludos!
Plácido Luna.
http://www.octubre.com.uy
Quedó subido un archivo de ejemplo para la construcción de gotas en
FireWorks con el propósito de ilustrar el uso de transparencias,
degradados y filtros vivos en este programas.
Como siempre, en la carpeta _Taller de Diseño Web 2008 de la sección
archivos.
Sería bueno un mensaje con la descripción de pasos en AI y en FW para
la realización de estos efectos.
Saludos, Ramón.
Hola al todos!
Subo un archivo de ejemplo de como trazar gotas de agua en Adobe
Illustrator, en otras oportunidades haré lo mismo para FireWorks y
PhotoShop.
El tema de las gotas de agua se manejaría así: imaginemos que la luz
llega del lado superior izquierdo a la gota, así se genera una sombra
interna dado por el volumen de agua, y una luz un tanto más intensa
abajo a la derecha, dentro de la gota, por un efecto de lente.
Adicionalmente, abajo a la derecha la gota generará una sombra
externa. Tenemos de esta forma, una sombra interior, arriba a la
derecha; una sombra exterior, abajo a la derecha; un brillo interno,
abajo a la derecha; y finalmente, brillos aleatorios dependiendo de
las fuentes de luz puntuales externas que incidan sobre la gota. El
contorno de la gota es siempre bien definido, así como los brillos de
esas fuentes externas, dado el carácter lizo del agua en la forma de
la gota, en cambio las sombras terminan siempre difusas.
El archivo contiene dos ejemplos, una de ellas hecha por Valentina en
el ejercicio de Coca Cola, que muestra una gota un poco más difusa, y
muy bien lograda para el ejercicio de ejemplo, y otra hecha
específicamente para el archivo de ejemplo.
Queda almacenado, como siempre en la carpeta _Taller de Diseño Web
2008 de la sección Archivos.
Saludos a todos!
Plácido Luna.
http://www.octubre.com.uy
PD: Probar animar dos instancias de un mismo símbolo con
Modificar - Simbolos - Entre instancias (ctrl + alt + may + t)
Saludos!
--- En octubre_digital@yahoogroups.com, Plácido Ramón Luna
<octubredigital@...> escribió:
>
>
> En la carpeta "_Taller de Diseño Web 2008" quedó subido el archivo
> "simbolo esfera rebotando.png" en la que se muestra la generación de
> un objeto de animación (peli_esfera) en FireWorks CS3 generado desde
> un objeto gráfico (esfera), analizar la cantidad de fotogramas del
> png principal, la cantidad de fotogramas de peli_esfera, y los
> fotogramas en los cuales se indica que esa película permanecerá en
> escena (en la paleta de propiedades), así como el seteo de la
> velocidad de la animación en la paleta de fotogramas.
>
> Exportar a gif animado y analizar las diferencias de colores entre
el
> png original y el gif resultante.
>
> Saludos a todos!
>
> Plácido Luna.
>
> http://www.octubre.com.uy
>
En la carpeta "_Taller de Diseño Web 2008" quedó subido el archivo "simbolo esfera rebotando.png" en la que se muestra la generación de un objeto de animación (peli_esfera) en FireWorks CS3 generado desde un objeto gráfico (esfera), analizar la cantidad de fotogramas del png principal, la cantidad de fotogramas de peli_esfera, y los fotogramas en los cuales se indica que esa película permanecerá en escena (en la paleta de propiedades), así como el seteo de la velocidad de la animación en la paleta de fotogramas.
Exportar a gif animado y analizar las diferencias de colores entre el png original y el gif resultante.
Se subieron 3 archivos nuevos correspondientes a ejercicios vistos en
las primeras clases de Illustrator y Fireworks en el curso de Diseño
Web del Taller, los mismos están en la carpeta "_Taller de Diseño Web
2008" dentro de la sección Archivos, accesible desde el menu lateral
izquierdo.
En el caso del ejercicio de los iconitos de las flechas analizar
elementos que participan y sus efectos (desde la paleta apariencia),
en el ejercicio de Amelie repasar los pasos dados y plantear dudas si
las hubiera, y en el caso del ejercicio de la esfera con Fireworks,
lo mismo, revisando opacidades, tipos de elementos que participan
(vectores o mapas de bits), opciones de fusión de los objetos y
efectos al cambiar estas opciones sobre la apariencia del trabajo.
Recordar conversión de trazado de "mesa" a mapa de bits para aplicar
la perspectiva (Ctrl+T, Ctrl+T) y el desenfoque gaussiano aplicado
dentro de una máscara con fundido.
Saludos a todos!
Ramón.
Originadoras de este grupo, estas salas fueron finalizadas por Skype
este lunes primero de setiembre, según aviso de la propia empresa,
razón por la cual nos queda este grupo como principal herramienta de
vinculación a distancia para muchos de nosotros, conjuntamente con Skype.
Desde acá entonces, un saludo y agradecimiento por los temas y tiempos
dedicados a quienes de una u otra manera estaban siempre (o casi
siempre) presentes cada lunes que pudimos reunirnos.
Saludos a todo el grupo.
Plácido Luna.
http://www.octubre.com.uy
Acá va una respuesta más específica. A continuación copio y pego el código PHP para el envío del formulario con sus explicaciones fundamentales, y más abajo lo mismo para el html con el formulario que lo llama:
===== Inicia Código PHP para envio de formularios por e-mail =====
<?php function form_mail($sPara, $sAsunto, $sTexto, $sDe){ if ($sDe)$sDe = "From:".$sDe; foreach ($_POST as $nombre => $valor) $sTexto = $sTexto."////".$nombre." = ".$valor; return(mail($sPara, $sAsunto, $sTexto, $sDe)); } //Ejemplo de uso: if (form_mail("correo@...", "Texto del Asunto para el Formulario", "Texto de título para los datos recibidos:", "de qué dominio llegan los datos, o de que servidor" ) ) echo "<html><head><META HTTP-EQUIV='Refresh' CONTENT='1;URL=pagina_confirmacion_envio_correcto.html'></head><body></body></html>"; ?>
===== Finaliza Código PHP para envio de formularios por e-mail =====
Donde $sPara $sAsunto $sTexto y $sDe indican el la casilla de destino, el asunto, un título para el mail enviado (en el cuerpo del mismo) y el origen de dichos datos (nombre de formulario, dominio de donde sale, etc.). Dichos datos son obtenido de las líneas finales del código: if (form_mail("correo@...", "Texto del Asunto para el Formulario", "Texto de título para los datos recibidos:", "de qué dominio llegan los datos, o de que servidor" ) ) donde debes poner los valores de tu caso.
escriben una página web dinámica hacia donde se redirigirá al usuario luego del envio de los datos (en este ejemplo se redirige a una página que ya existe, podría ir ahí el código entero de una página web, fíjate que arranca desde el <html> hasta el </html>.
Un ejemplo de cómo colocar este formulario sería el siguiente código html
===== Inicia Código HTML con formulario que llama al formulario anterior =====
Srs. y sras.
Vi la respuesta que me han otorgado pero algo estoy haciendo mal ,
podrian se mas especificos , yo necesito hacer un formulario que tenga .
E.mail,empresa,nombre,telefono,y consulta pero grande y un enviar.
Toda esta informacion relacionada a un mail.
Disculpen la smolestias y la insistencia pero lo tengo que entregar el
jueves que viene.
Gracias
Juan Copello
Hola Juan, acá va tu respuesta, algunas horas más tarde de las que
pensé:
Partamos de la base de que sabes tienes conocimientos suficientes de
html, y lo que te estaría faltando sería la inserción de formulario
en la página.
A este respecto, un formulario tiene se inserta con las etiquetas
<form> </form> y los parámetros que lleva en cada caso, que ya
veremos a continuación.
De forma más completa, y como tal vez te lo inserte DreamWeaver,
quedaría así:
<form id="form1" name="form1" method="post" action="">
...
</form>
Donde el "id" y el "name" son elementos identificadores del
formulario que en algunos casos se utilizarán para trabajar
adecuadamente con la información que se pase o se reciba de dicho
formulario, el "method" indica el tipo de interacción que tiene un
formulario con los datos recibidos o entregados al usuario, habiéndo
básicamente formularios tipo GET y formularios tipo POST.
En nuestro caso, se tratará de un formulario tipo POST, ya que en
mismo pasará los valores recibidos a un script en PHP (en este caso
de ejemplo) para enviar los datos por correo electrónico a una o más
de una casillas predeterminadas.
Así nos iría quedando:
<form id="Form_Prueba" name="Prueba" method="post" action="">
...
</form>
donde obviamente faltan los elementos de formulario necesarios para
recoger la información que ingrese el usuario (campos de textos,
combos, etc, los que sustituirían a los ... del ejemplo).
Ahora, ¿qué es el action? indica qué tipo de acción realizará ese
formulario de tipo "post" con la información que se le ha ingresado.
En nuestro caso, usaremos un script en PHP llamado
"envio_de_formulario.php" (el nombre puede ser cualquiera) que más
abajo podrás copiar y pegar en un editor de texto plano y guardar con
ese nombre u otro diferente e invocar desde tu código. Siguiendo con
ese nombre, quedaría algo así:
<form id="Form_Prueba" name="Prueba" method="post"
action="envio_de_formulario.php" target='_self'>
...
</form>
He agregado un "target" el cual le indica al código que esa acción se
dará en la misma ventana activa en la que está navegando el usuario.
El siguiente es el código que debes copiar y guardar como archivo php
para invocar desde el form (con el nombre que hayas indicado en el
mismo) y guardarlo en la misma carpeta donde tienes tu página con el
formulario (en caso de que no, deberías indicar el camino hacia el
mismo en el código del formulario):
=================== Inicia código para script php ===================
<?php
function form_mail($sPara, $sAsunto, $sTexto, $sDe){
if ($sDe)$sDe = "From:".$sDe;
foreach ($_POST as $nombre => $valor)
$sTexto = $sTexto."\t\n".$nombre.": ".$valor."\t\n";
return(mail($sPara, $sAsunto, $sTexto, $sDe));
}
if (form_mail("casilla_de_correo_de_destino@...;
otra_casilla_de_correo_de_destino@...",
"Asunto del formulario",
"http://www.dominio_donde_se_usara_el_script.org
asunto, etc",
"http://www.dominio_donde_se_usara_el_script.org
asunto, etc",
)
)
echo "<html><head><META HTTP-EQUIV='Refresh'
CONTENT='1;URL=contacto_ok.html'></head><body></body></html>";
?>
================== Finaliza código para script php =================
Donde $nombre, $valor, $texto son los nombres (name) de las casillas,
combos, etc. donde el usuario ingresa la información correspondiente.
Los nombres de estos elementos pueden variar, e incluso agregarse
nuevos. \t\n generan una nueva línea para dar formato a la
información enviada.
En este punto, lo mejor es que pruebes este script y nos mandes la o
las dudas que puedan quedar en la práctica.
Saludos al grupo!
Plácido Luna
http://www.octubre.com.uy
--- En octubre_digital@yahoogroups.com, "juancopello84"
<juancopello84@...> escribió:
>
> Necesito saber los pasos para crear un fomulario en html , desde ya
> muchas gracias, Juan Copello
>
Sin conexión 
Enviar mensaje
