Blog de Diseño Web y Programación

Nombre: Luis Manuel Fecha de Nacimiento: 12/09/1973 Lugar de Nacimiento: Palencia Titulación Académica: Técnico Electrónica Industrial Profesión: Mantenimiento Industrial Web: http://www.bellotacreativa.es

¿A qué te dedicas actualmente?
Trabajo como operario de mantenimiento en la Industria Azucarera

¿Por qué has decidido dedicarte  al diseño web profesional?
Siempre he estado “enganchado” a la informática (mi primer ordenador fue un MSX) y después de hacer, recientemente, algunas web’s para conocidos en html me interesé por esas páginas que tenían contenido multimedia.  Entonces encontré el curso de Flash de Método Profesional.

¿Qué te ha llevado a matricularte en el curso de diseño web profesional de Método Profesional?
La verdad es que estuve cerca de 2 años buscando un curso que me convenciera de que iba a aprender realmente a utilizar esta herramienta. Cuando me encontré con Método Profesional supe que este era el curso que quería, y no me equivoqué.

¿Qué ha cambiado desde que eres alumno de este curso?
Si te digo la verdad, ha cambiado mucho. Por supuesto he aprendido a utilizar Flash y me siento diseñador, cosa que hace unos meses me era impensable imaginar. Pero además me ha cambiado en el plano personal, ya que he conocido gente fantástica, que me han hecho ver las cosas desde otra perspectiva.

¿Has realizado ya alguna web? ¿Cuál?
Pues he terminado el proyecto del curso, el cual ha sido una web para una empresa de ingeniería de Madrid, http://www.3renergiasyservicios.com y ahora estoy trabajando en un proyecto personal, el cual espero de sus frutos en breve.

¿De donde viene tu nombre comercial… Bellota Creativa?
La verdad es que ha sido casualidad. En principio, pensé como nombre comercial “macrobe”, ya que me gustaba el nombre y eran las tres iniciales de mis apellidos. Pero cuando fui a registrar el dominio descubrí que ya estaba registrado. Me puse en contacto con el propietario, ya que lo vendía, y me lo ofrecía por la módica cantidad de 1500$. Claro que esto es lógico, el nombre es la fusión de Macromedia y Adobe. Lo cierto es que al final utilicé mi tercer apellido ya que pienso que me puede dar bastante juego a nivel comercial.

¿Qué es lo que más te llama la atención de poder dedicarte al diseño web?
Desarrollarme como diseñador ya que estoy descubriendo que no se me da mal, y cuando terminas un trabajo la sensación de haberte realizado es estupenda. Claro que todo es debido a que uno trabaja en lo que le gusta, y eso es muy importante.

¿Qué tipo de páginas web te motivan?
Páginas minimalistas donde con muy poco se muestre todo el sentimiento y el mensaje que queremos ofrecer.

¿Qué cualidades personales piensas que debe atesorar una persona que quiera dedicarse al diseño web como profesional independiente?
Como cualidades personales destacaría el saber crear ya sea de cero, o como un buen amigo, crear arte a partir de arte. Por supuesto para ser profesional independiente tener la cabeza muy centrada ya que este mundo es muy duro y requiere de una buena dosis de fuerza psicológica, por lo menos en mi caso.

¿Cómo valorarías el estado actual de la oferta y demanda del sector del diseño web?
Pues ahora mismo creo que se deja notar un poco la dichosa crisis o como quieran llamarlo, pero creo que con un poco de tesón y sabiendo ofrecer el producto se pueden conseguir trabajos.

¿Cuánto cuesta una web de Bellota Creativa?
Depende de que necesidades tenga el cliente, así valoro el trabajo y presupuesto. Quizás un cliente puede pedirme un presupuesto pensando que se va a gastar una cantidad elevada y después de hablar conmigo cambiar esa idea.

¿Quiénes forman parte de tu lista de referencias en el mundo del diseño web?
Pues como no, Antonio y Javier, “los dos profes” que tienen una visión de mercado increíble. Después ex alumnos del curso como Rivera, Pereira, etc, que son un ejemplo a seguir, y alumnos actuales del curso de los que se aprende mucho, como Jesús Cordero o Antonio Velázquez.

¿Tienes mucha competencia en tu localidad?
Pues vivo en Sevilla, y en esta ciudad la verdad es que si hay competencia. También ya que soy de allí, estoy intentando encontrar mercado por Jerez y alrededores, donde la competencia no es como en Sevilla, pero también hay muy buenos profesionales.

¿Qué objetivos te marcas con Bellota Creativa?
Mis objetivos son en primer lugar ir dando pequeños pasos pero firmes. Estoy buscando clientes potenciales para ir desarrollándome como diseñador. Además tengo en mente algunos proyectos relacionados que espero fructifiquen.

¿En qué piensas que podrás diferenciarte de ella?
De quien?????? Si te refieres a mi competencia:
Intento siempre adaptarme lo máximo a las exigencias del cliente pero siempre intentando darle mi punto de vista y hacerle ver, si lo creo necesario, cual es la mejor solución para su negocio en lo que al diseño de una web se refiere.

¿Qué consideras que debe tener una página web para que sea exitosa?
Contenido específico y calidad.

¿Hasta qué punto lo consideras importante el posicionamiento en buscadores?
Es uno de los pilares principales de una buena web y por tanto de un negocio, que es de lo que se trata. Si hay un buen diseño y unos buenos contenidos, pero estos no están al alcance del internauta, de nada nos vale lo primero

Si pudieras elegir ¿Qué página te gustaría realizar?
La verdad, no me he planteado hasta hoy esa posibilidad. Pensando un poco, la página que me gustaría llegar a realizar es aquélla que tenga un diseño rompedor, minimalista y que fuese el centro de atención de las miradas

¿Consideras importante seguir formándote? ¿Por qué?
Creo que es muy importante. En este mundo, nunca es suficiente con lo que sabemos, hay que estar en constante evolución, o sino te quedas atrás

¿Qué opinas del estado de la formación tecnológica actual?
Falta mucho para poder encontrar un nivel alto de formadores en este ámbito. Por experiencia, te encuentras con formadores y empresas formadoras que parece que imparten cursos para cubrir expediente. Y esto lo digo con conocimiento de causa.

Te damos carta blanca….¿qué nos dirías?
¿A vosotros?, que sigáis creciendo y evolucionando, ya que sois un gran equipo y estáis ofreciendo algo que me atrevería a decir nadie ofrece hoy por hoy. El que pongáis casi todos vuestros conocimientos al alcance de la gente dice mucho de vosotros.

Una película: Cualquiera de Robert de Niro
Un libro: Cualquiera que en las 10 primeras páginas me enganche.
Un color: Azul o Negro
Un animal: El caballo
Una ciudad: Sagres
Una web: http://www.bellotacreativa.es (¿Hay que promocionarse un poco no?)
Algo que te inspire: Salir por el campo con la bicicleta de montaña
Algo imprescindible: Mi mujer y mis hijos.
Algo prescindible: La Televisión.
Flash o html: Flash!!
PC o Mac: Por ahora PC.

¿Cómo se hace esto www.la-goya.com/home.html
o www.riflejeans.com/rifle2008/rifle.html?

Como podemos ver en las muestras, tienen una característica en común estas páginas. Y es la propiedad de adaptarse al tamaño del navegador.

A esta facultad se le llama diseño web líquido, y es mucho más habitual ver esto en páginas HTML formateadas por CSS, como www.amazon.com, pero aquí vamos a hacerlo para una web en Flash.

Básicamente sólo necesitamos de la clase Stage de Flash. Esta clase hace referencia a los límites de nuestra película, no al tamaño al que configuramos el proyecto o escenario, si no a todo el espacio que ocupa nuestro Flash cuando lo reproducimos.

Comenzamos definiendo nuestro proyecto a un tamaño de por ejemplo de 770 x 420, dentro de este espacio diseñamos nuestra interface. Nosotros hemos dibujado una barra superior a modo de menú, una barra inferior para incorporar algunos datos, un clip como fondo y en el centro un motivo que es donde podrían ir los contenidos.

En el fotograma que contendrá el código, escribimos:

Con la propiedad align y como valor “TL” del Stage, situamos nuestro escenario en la esquina superior izquierda del reproductor o en navegador, siempre que el contenido de flash no esté escalado, controlado con Stage.scaleMode. Hay más valores para la propiedad align como “T” que consigue una alineación superior y centrada, puedes consultar todos los valores en la ayuda de Flash.

Flash se alinea por defecto al centro, horizontal y verticalmente, pero en este caso preferimos alinearlo al “TL” para que controlar las coordenadas sea más sencillo, y no dependa del tamaño del escenario, como de otra forma sería, dejando de este modo el 0,0 en la esquita superior izquierda.

La siguiente línea de código es:

Con esto especificamos de que modo se va a escalar nuestra película. Con el valor “noScale” vamos a impedir que nuestra película se escale si modificamos el tamaño de la ventana del reproductor o navegador. Por defecto, Flash, incorpora el valor “showAll”  haciendo que la película se escale para ocupar todo el área del navegador, consiguiendo un resultado bastante inadecuado.

Llegamos al punto clave, y es detectar constantemente cuando se producen cambios en el tamaño del navegador. Para ello creamos un objeto Listener para detectar el evento onResize y se lo asignamos al Stage.

Creamos el listener y la función que se ejecutara al redimensionar el navegador:

y le asignamos el listener al Stage:

En el escenario dibujamos un texto dinámico y definimos la variable “text_info”

Dentro de la función onResize vamos a colocar todas las operaciones que queramos realizar cuando cambie el tamaño del navegador. Por lo tanto incluimos la siguiente línea de código dentro de la función:

y ejecutamos nuestra película.Como vemos, el texto se actualiza constantemente para mostrarnos el tamaño de la película.

Vamos a incluir algunas líneas más para interactuar con los elementos de la interface, todo dentro de la función onRezise

Igualamos el ancho de la barra superior y la inferior, al ancho del Stage.

Alteramos la posición vertical (_y) de la barra inferior, para que se recoloque constantemente en la parte inferior.La imagen de nubes que tenemos como fondo, queremos que siempre ocupe la totalidad de la pantalla, para así decorar nuestra web, y no nos importa que se desforme. Por lo tanto igualamos la altura y el ancho al Stage:

Para el motivo central (el avión) que puede ser el contenido, vamos a mantenerlo centrado, pero vamos a controlar su desplazamiento mediante la clase Tween. El Tween es una clase de Flash que nos permite hacer interpolaciones de movimiento por código, con distintas funciones matemáticas de animación, quedando un resultado bastante atractivo.

Primero, importamos y definimos la función Tween:

Volvemos a centrarnos en la función onResize, dentro escribimos:

Con estas líneas llámanos a la función y pasamos como parámetros la nueva posición respecto al tamaño del Stage.

En definitiva, nuestro código queda se la siguiente forma:

Como el objetivo final es una página web, nuestro HTML necesita ciertos retoques.Insertamos de forma habitual en el HTML el archivo .swf, y configuramos su alto y ancho al 100%

Vamos a incluir un poco de CSS en nuestro HTML:

Con esta regla también configuramos el alto y el ancho al 100% de lo elementos que van a contener al archivo.swf , las etiquetas html y body.

Si ahora ejecutamos el HTML dependiendo en qué navegador lo hagamos, es posible que observemos que la película flash no se adapta, hasta que no variemos el tamaño de la ventana del navegador. Algo muy lógico, recordando que la función responde al evento onResize.

Por lo tanto, en nuestro código de Flash incluimos la última línea:

Que ejecuta directamente la función aún sin ser variado el tamaño, puesto que lo normal es que cualquier usuario abra la web al tamaño que desee, independientemente del original de nuestro SWF, por lo que al iniciar ha de saltar la función.

Con esto quedaría listo nuestro ejemplo de un flash líquido.

NOTAS: Un flash líquido, no siempre tiene unas reglas escritas. Como se han visto en este ejemplo, existen muchas formas de actuar con los objetos, por lo que primero, lo se que ha de estructurar, es pensar qué queremos que pase con cada uno de ellos (escalar, mover, etc.). También hay que tener en cuenta todo, y todos los tamaños, pero es posible que deseemos querer forzar la visualización a un mínimo de tamaño, tanto vertical como horizontal, ya sea desde el mismo flash, o forzándolo desde el html, con un scroll. Controlar absolutamente cada clip que deseemos tener en cuenta para su escalado, puede resultar largo, pero quedará un resultado bastante positivo.

Ver muestra

Desecargar archivos