Body Line
Color
Influence
Pin Up | GGA
Angels & Demons
Nicolás Flores
Diseñador Multimedial
- Diseño de sitios web
- Webs autogestionables
- Optimización y rediseño
Playroad
Diseño y maquetacion por Estudio 46.
Finalización del sistema de administración para el catálogo del sitio, que permite altas, bajas y modificaciones de productos y upload de fotos. Desarrollo del carrito de compras.
- PHP/MySQL | jQuery
- Dineromail
OD Real Estate
Diseño y maquetacion por Estudio 46.
Desarrollo de un sistema de administración para el catálogo del sitio, que permite altas, bajas y modificaciones de propiedades y noticias, upload de fotos, y un sistema de propiedades destacadas.
- PHP/MySQL | jQuery
- CMS propio
- Montado en Smarty
Bien Cortado
Se rediseño el logo y se desarrollo el sitio web desde cero.
- PHP | jQuery
- Maquetacion y SEO
Tercer Ojo
Se terminó el desarrollo del sitio full flash de la empresa. Además se agregó la sección "Novedades", y se optimizó el sitio para que sea correctamente indexado por buscadores.
- AS 3
- Información a través de XMLs
- SEO aplicado a Flash
Coramina Lenceria
Diseño por Pixelate Creativos.
Desarrollo de un sistema de administración para el catálogo del sitio, que permite altas, bajas y modificaciones de los productos y upload de fotos.
- PHP/MySQL | jQuery
- CMS propio
- Maquetación | SEO
Arte Digital
- Body Line -
Body Line 1 | 2006
Body Line 2 | 2006
Body Line 3 | 2006
Body Line 4 | 2006
Body Line 5 | 2007
- Color -
Rojo | 2005
Naranja | 2005
Amarillo | 2005
Verde | 2005
Celeste | 2005
Azul | 2005
Violeta | 2005
- Influence -
Bob Marley | 2005
Jim Morrison | 2005
John Lennon | 2005
Mick Jagger | 2005
- Pin Up | GGA -
Metamorphosis | 2004
One | 2005
Y | 2006
Web | 2006
Twisted | 2007
NN | 2010
- Angels & Demons -
Angel's Touch | 2004
Divine Temptation | 2004
Lilith | 2005
Black and White | 2005
Sin | 2007
- Personal -
SRV | 2003
Maya | 2004
Ave Fénix | 2004
SL - LD | 2006
Diego Maradona | 2005
Jack Skellington | 2005
El blog del Turu
especialidad de la casa
« ir al inicio
Errores de concepto
23 de April de 2010 | 1:23 am
En los últimos dìas leo en Facebook la apertura de uno, y otro, y otro grupo que intenta “juntar firmas” para que vuelva el “Hazte fan”. En lo que me hace pensar es en cuántas empresas y productos habrán tenido su web caída durante estos días.
Para que me entiendan los que no saben tanto sobre desarrollo web, les explico que cuando uno pone un widget o código de un sitio de tercero en tu propia web, existe una posibilidad de que cuando ese sitio de tercero deja de funcionar, el tuyo deje de hacerlo también. Esto suele depender de qué tipo de “interacción” tenga el widget con tu propia web. Si es por javascript, quizás no ande alguna animación en jQuery, pero si es en PHP, quizás deja de cargar el resto del código de tu página.
Es verdad que estas aplicaciones tienen sus correspondientes mensajes de error… pero yo no confiarío mucho en los programadores jajaja.
Y por qué el título del post es “Errores de concepto”? Porque hay acciones que se basan exclusivamente en obtener mayor cantidad de fans. En esos casos, esa web que tanto costó diseñar y programar para que funcione a la perfección con Facebook, hay que tirarla a la basura.
El problema es que seguramente el cliente dijo “quiero que en mi web este facebook”, y del otro lado, en vez de sugerirle al cliente que lo mejor es diseñar la página de la empresa/producto directamente en facebook (con todas las limitaciones estéticas que esto implica), lo hace… y mal.
Si querés estar en Facebook, entonces debés aprender que FB pone las reglas, y lo que hoy está, mañana no. Por qué? no importa el motivo. Entonces es preferible sacrificar de un lado (diseño) para ganar en otro. Acaso no saben que las páginas de FB tienen estadísticas? Quizás es mejor usar ese tiempo para aprender a interpretarlas y sacar provecho de lo que realmente importa: la persona que entró a tu web y le dedicó un tiempo. Quién sabe, quizás hasta pueden “interactuar” con élla.
Rediseño
11 de January de 2010 | 1:18 pm
El rediseño del sitio es inminente. Es algo que fui posponiendo por trabajo, y es justamente por trabajo que lo debo modificar. Tengo que editar la home del sitio para dar a conocer mis capacidades. Ya la tengo bocetada y maquetada, nada del otro mundo, un portfolio pequeño.
Por unos días había pensado en separar el blog, hacerlo un sitio aparte. Pero eso sólo va a traerme complicaciones, prefiero que esté todo junto, pero de otra manera. Creo que me atraía hacer un sitio de una sola página, quedará para más adelante.
Libre
20 de August de 2009 | 8:53 pm
Libre, nuevamente. Luego de tres meses y medio trabajando para InTacto, decidí dar un paso al costado. Esta vez no le digo adios a una empresa, sino a la relación de dependencia. Lo que queda de agosto pienso tomármelo de vacaciones, para despejar la cabeza, dormir, ver películas y leer blogs. Luego, freelance.
Ya trabajé en esta modalidad. En su momento cambié a relación de dependencia para aprender todo aquello que me faltaba para hacer páginas webs profesionales. Imaginarán entonces como me siento ahora, que descubro luego de este tiempo que mi trabajo freelance es más profesional que el que se hace en (casi) cualquier empresa.
Ojo, no es que estas empresas no sepan hacer páginas web, sino que las condiciones en las que se realizan los trabajos o encargos, se encuentran tan viciados por el cliente que se hace imposible el desarrollo profesional. El hecho de que todos los actores para diseñar una página no puedan estar nunca coordinados desde el comienzo, dificulta todo.
Mi futuro es freelance. Maquetación y jquery de lo que se requiera. Programación al mínimo, salvo que me encarguen un sitio web desde cero (no quiero lidear con la programación de otro). Sitios XHTML, y en flash. Para los que les interesa, ya saben. También estoy terminando de definir un servicio para ofrecer, pero de ese no voy a contar nada hasta que lo redondee.
Free…
Asesoramiento web
18 de January de 2008 | 9:30 pm
Viernes, vuelvo de trabajar. Llego, me relajo, y me dispongo a revisar emails de mi cuenta personal. Entonces me encuentro con:
Atte.nicolasflores.com.ar:
Esta semana visitamos su sitio www.nicolasflores.com.ar y al observar el diseño del mismo, queríamos ofrecerle nuestro servicio de Modernización para Sitios Web , ya que si bien su sitio esta correcto, podría mejorar con nuestros servicios.
Nuestra empresa desde hace 8 años se dedica al (re)diseño de sitios web simples, multimediales y de comercio electrónico, brindando también posicionamiento de sitios Web en los buscadores. Contamos con clientes en varios países de Latinoamérica.
Nuestros servicios se basan en bajos costos, alta velocidad en el trabajo y varias formas de pago desde depósito bancario hasta Pago Fácil , es por ello que rediseñamos mas de 30 sitios mensualmente.
Si desea podemos realizar un llamado teléfono , solo diganos a que número llamar para dialogar sobre el mismo indicándonos un horario o si lo desea puede responder este correo con su consulta.
Algunos ejemplos de trabajos le podemos realizar :
Trabajo que podemos realizar en 24 horas: Modificar o Agregar secciones texto o imágenes a su sitio web y/o corregir errores en su sitio.
Trabajo que podemos realizar en 48 horas: Su sitio puede mejorar el código fuente ¿como? ver aquí (esto mejora posicionamiento web) o también podemos rediseñar su sitio Web completo moviendo el contenido actual, Instalar aplicaciones web, etc. Costo $ 250 por única vez
Trabajos que llevan días: Lo ponemos en la primer hoja del buscador (Google, Yahoo y Msn) desde los Costo $ 150 mensuales como Patrocinado (parte amarilla) asegurando que muchísimas personas llegarán a su sitio a través de Google en palabras como nicolas, flores, arte, digital, vectorial, fotomanClick debajo para ver cada servicio/costo
Agradeciendo su tiempo le envío mis saludos cordiales y espero su respuesta prontamente.
********* ****** – Asesor Comercial
Diseño y Alojamiento de Sitios Web
Contactenos: usuario skype> altomarketing
Es la tercera vez que recibo este email. Hoy voy a contestar:
********* ******,
Ud. ha visitado mi sitio personal, y habiendo hecho un análisis me ha ofrecido sus servicios para obtener un mayor provecho del mismo.
Le sugiero mejorar el robot que usted utiliza para su email marketing, filtrando las palabras “diseño web” de los metatags. Es decir, si alguna de estas palabras aparece, es probable que esté frente a un diseñador web, como en este caso. Como primer paso es fácil de configurar. El segundo paso sería que el link al Markup Validation Service aparezca sólo en casos en que la página en cuestión no valide. Podrá imaginarse lo ridícula que puede llegar a quedar su empresa y los servicios que ofrece si la página “analizada” sì cumple con los estándares, como es mi caso.
Si desea seguir charlando sobre diseño web, estándares y usabilidad, lo invito a que usted y no un robot visite mi página personal, creo que la encontrará interesante, aparte de instructiva.
Mis saludos cordiales.
Nicolás Flores, Diseñador Multimedial.
www.nicolasflores.com.arPD: por favor, tengan a bien de no enviarme más publicidades por medio de robots.
Qué quieren que les diga, fue divertido.
Publicidad en la web
11 de December de 2007 | 11:27 pm
Publicidad en la web, todo un tema. Ha tomado años, pero poco a poco se empieza a entender que una página web no es una revista, no es televisión, y no es vía pública. Obvio, no?
Si creen que es tan obvio los desafío a que me digan algún aviso publicitario que recuerden haber visto en la web. Quizás me pase sólo a mí, y ustedes sí puedan recordar banners creativos que hasta los hicieron reir, o les obligó a decir “Qué buena publicidad la de este banner!”. Soy usuario de internet desde hace 9 años y recién ahora tengo memoria de buenas publicidades en internet.
Por ejemplo, en este momento en que escribo, si entran al diario deportivo Olé se encuentran con esto:
Los titulares de las notas en japonés, por el mundial de clubes que Boca empieza a jugar mañana. Con el banner superior ingresás al sitio con los titulares en español. Es parte de la campaña de Nike “Japón, nuestro segundo barrio”. A mí me gustó, quizás en mi consideración suma más puntos a favor Olé que Nike, pero eso es para otro post.
Quieren más ejemplos de buenas publicidades en internet?
Podrán corroborar que ninguno de estos avisos que destaco utiliza Adsense. Y ya no puede sorprender a nadie que los anunciantes creativos sean empresas como Nike y Mac.
Curso de HTML
11 de December de 2007 | 7:26 pm
Cumpliendo promesas, inauguro los tutoriales para aprender diseño web desde cero.
A quién le puede interesar?
- A quienes no sepan absolutamente nada de diseño web pero que se mueren por hacer páginas.
- A los que saben algo, pero quieren aprender más, quizás queriendo volverse profesionales de la web.
- A los que se dedican a diseño web… les extrañará ver la cantidad de cosas que no saben aún
.
A estos últimos les digo que si bien mis palabras pueden sonar soberbias, la idea es más bien que se lo tomen como un desafío profesional, tal vez personal.
O si prefieren destruirme, los invito a que encuentren los miles de errores que seguro existen y me los hagan saber, así añado sus correcciones para ir perfeccionando las técnicas de todos (no olviden de dónde aprendieron lo que saben, y que está bueno devolver algo de lo mismo).
Introducción
Antes de entrar de lleno en el armado y diseño de páginas web, hagamos una breve reseña de aquellos conceptos que a lo largo del curso se van a ir mencionando, y que pasarán a formar parte de un lenguaje común:
- WWW (World Wide Web): es el sistema propio de internet. Concebido como un sistema de información por hipertexto. Esto quiere decir que los elementos mostrados en pantalla (texto o imágenes) pueden vincularse entre sí o hacia otras fuentes de información. Es un sistema global y público, por lo que puede accederse desde diversas plataformas en cualquier parte del mundo.
- Navegador: Es el programa con el que “navegaremos” un documento. Es aquel que se interactua con el servidor, devolviendo las peticiones solicitadas.
- Servidor: aloja los documentos que componen un sitio web. Mediante el protocolo HTTP se comunica con el navegador.
- HTTP: siglas para “Hyper Text Transfer Protocol” (protocolo de transferencia de hipertexto). Es el protocolo de comunicación de la world wide web, el lenguaje en común, entre todos los actores.
- URL: siglas para “Uniform Resource Locator” (localizador uniforme de recursos), es la dirección que localiza una información dentro de internet.
- HTML: siglas para “Hyper Text Market Language” (lenguage de marcado para hipertexto). Es el lenguaje en el que se estructuran los documentos que serán leidos por servidores y navegadores.
Lenguaje HTML
El lenguaje que interpretan los navegadores web es el html. Por lo que para hacer una página web necesitamos conocerlo.
Un documento html es un archivo de texto. La diferencia entre un archivo .txt y uno .html radica en las etiquetas presentes en este último. Las etiquetas sirven para orientar al navegador en la forma de estructurar el contenido (títulos, subtítulos, párrafos, listas, etc). En este punto profundizaremos más adelante. Por ahora debemos tener presente que para crear un archivo .htm o .html sólo nos hace falta un editor de texto, desde un simple bloc de notas a alguno más complejo. Recomiendo el Notepad++, aparte de ser el bloc de notas que todos conocemos, trae incorporados otros lenguajes de programación que nos permite una mejor visualización por medio de colores, aparte de ser gratuito y Open Source.
En un futuro veremos que el principal problema que econtraremos es la falta de compromiso de algunas empresas de software al momento de diseñar navegadores que respondan a los estándares divulgados para la correcta interpretación del lenguaje empleado en un documento html. Esto implica un trabajo extra del diseñador al no sólo diseñar una página, sino a corroborar la correcta interpretación de la misma por diferentes navegadores.
¿Lenguaje de marcado? ¿etiquetas?
La base de la sintaxis de este código es la etiqueta. Por ejemplo:
<etiqueta>texto de prueba</etiqueta>
La primera etiqueta activa una orden que afecta a nuestro contenido, siendo la segunda etiqueta con el signo “/” por delante la que pone fin a la misma.
Veamos un ejemplo práctico. Para obtener un texto con negrita, la etiqueta es <b>. Por lo que si queremos lograr:
texto de prueba
El código html será:
texto de <b>prueba</b>
Nuestra primera página
Un documento html cuenta con una estructura a respetar para la correcta visualización por parte de los navegadores. Una estructura básica es:
- <html>
- <head>
- <title>Título de la página</title>
- </head>
- <body>
- Contenido de la página (textos e imágenes)
- ………..
- ………..
- </body>
- </html>
Lo que vemos es que todo el documento está contenido en la etiqueta <html>, luego contamos con un encabezado, y finalmente un cuerpo. Con esto en mente, crearemos nuestra primera página. Si en un editor de texto escribimos el siguiente código:
- <html>
- <head>
- <title>Curso de HTML</title>
- </head>
- <body>
- Hola mundo!
- </body>
- </html>
Lo guardamos como ejemplo_1.htm y lo abrimos en nuestro navegador:
Ya empezamos a escribir en lenguaje html.
Algunas consideraciones en el manejo de archivos:
- Utilizar siempre minúsculas en los nombres de los archivos.
- Los espaciados entre palabras pueden crear problemas. En vez de nombrar “ejemplo 1.htm”, es preferible “ejemplo_1.htm”.
- Se pueden usar las extensines .htm o .html, ambas son válidas. Por una cuestión de orden, se recomienda usar sólo una de ellas en nuestros sitios.
- Al nombrar el archivo jamás usar tildes ni caracteres especiales, como “ñ”.
Pueden ver el ejemplo_1.htm.
Esta obra está bajo una licencia de Creative Commons.
