Buenas a todos de nuevo, ya estoy de vuelta con otro recurso interesante que me ha dejado con la boca abierta. La verdad que ha sido una sorpresa para mí ver este revelador video en el que vemos " DE MANERA DIRECTA", como SI se puede vivir de google adsense.

Muchos de nosotros, especialistas en posicionamiento web, promoción y marketing online, nos vemos intimidados, porque la publicidad en internet, no era como antes. Siempre que he tenido oportunidad de hablar con personas que dirigen grandes portales en internet una de las preguntas claves que ha caido en mi boca ha sido si realmente es interesante Google adsense. Y aunque he oido explicaciones de mucho típo, la gran mayoría siempre me decía que deja ingresos sí, pero es un sistema que requiere mucho seguimiento y dedicación para obtener rendimientos realmente interesantes.

He seguido de cerca la puesta en marcha de muchos proyectos en internet y una de las primeras premisas que los emprendedores establecen en sus starts-up como algo fijo es obtener ingresos a través de los planes publicitarios como puede ser el de google adsense.  No hace muchos años esto era sencillo pero hoy día y según diversas publicaciones que sigo, adsense no debe de ser la premisa fija para la viabilidad de nuestros proyectos en internet, pero ver este video me ha hecho no solo replantearme todo lo que llevo aprendido en mis últimos años.

En fín os dejo el video para que lo disfruteis  y abajo os dejo un enlace por si quisierais ampliar información.

Os dejo una frase que no hace mucho publiqué en mi facebook, y me dijo un gran emprendedor del pais  "Los grandes no se comen a los chicos, son los más rápidos los que se comen a los más lentos"

Esta información la he visto aquí:
Vivir de Google Adsense

Recurso ofrecido | Juan García Delicado
Sugerencias | webmaster@4cuarenta.com

a) navegar en internet
b) por registrarse en las web que busques y sean de tu interés
c) por comprar artículos en los sitios donde siempre sueles comprar.

Sin más demoras os dejamos el enlace y lo dicho, a ganar dinero!!

Beruby

Os dejamos algunas imagenes, para que salgas de dudas... podeís encontrar la galería completa en nuestro perfíl de facebook. (pinchando arriba de esta página)os dejamos estas imagenes que acabamos de realizar en uno de los despachos, de flashmania.es. Os presentamos una de las últimas adquisiciones, el micrófono de condensador de cúpula grande  t.bone SC 440. seguro que ois estareís preguntando para qué queremos un micrófono profesional. Próximanete insertaremos contenidos de video-tutoriales y podcast, descargables totalmente para que podais disfrutar de las herramientas que os facilitamos periódicamente a través de flashmania.es.

Como os decíamos os dejamos algunas imágenes, esperamos que sea de vuestro agrado.

Recurso ofrecido | Juan García Delicado
Sugerencias | webmaster@4cuarenta.com

HOY COMPROBAMOS UNA CAMPAÑA DE ORM.
(ONLINE REPUTATION MANAGEMENT) [REPUTACIÓN ONLINE]

Muy buenas a todos. Como todos Sabreís llevo aportando contenido Inédito y currado, artículo a artículo en este blog, desde que lo fundé en Mayo de 2007. En todo este Tiempo que he tenido por delante, he madurado mucho el enfoque de mis artículos e incluso me he llevado gratas sorpresas al ver que no solo empezaban a seguir mi blog mis amigos y conocidos, sino que además algunos medios digitales comenzaban a incorporar articulos mios en sus webs (ateneu popular, chica seo, metodo profesional, y un largo etcetera...
Todos, sin excepción, han publicado mis artículos en sus webs siempre con el directo consentimiento, que esto se merece y más aún siendo letra a letra, palabra a palabra, algo desarrollado específicamente.
Ser bloguer tiene sus cosas buenas, pero tambien tiene sus cosas malas. Os cuento.....

Tengo un "conocido", que no ha parado en todo este tiempo de entrar religiosamente en mi blog e ir duplicando mi contenido en un blog suyo que se llama " http://www.actualidadweb.es". Yo soy una persona diplomática y gracias a un foro que nos pone en contacto con bastante frecuencia, pues se lo comenté que no me parecía bien lo que estaba haciendo y le dije tres reglas-pilares que creo que resumen la filosofía de todo bloguer:

ZEN BLOGUER

a) nunca copies (además el contenido duplicado está altamente penalizado por google).
b) si tienes que copiar, pide permiso y además pon quien lo ha hecho (creo que es muy sencillo y los bloguers son gente muy facil de localizar)
c) si a pesar de todo, tienes que copiar, por un motivo de fuerza mayor, cambia el texto y las imagenes.

a todo esto le añadí un cuarto punto que fué:

d) si no eres capaz de desarrollar contenido inédito y original. No estas en condiciones de tener un blog....

Creo que a buen entendedor pocas palabras bastan.

Muy seguramente, muchos de vosotros pensareis joder tio, que "rata" eres, porque no compartes tu contenido......
Yo lo comparto sin problema alguno, de hecho he llegado incluso a despublicar contenido de artículos que he desarrollado yo, para que salieran en exclusiva en otros boletines y blogs y todo a coste cero. Pero hay cosas que no tienen nombre. Tu ves que te copian, y le envias un mail, y le dices he visto mi artículo en tu blog, pero no solo no has puesto una reseña hacia mí, sino que además, lo redactas de forma que das a entender que es un recurso desarrollado por bitcreatives.es. y encima de que tiras del tema gráfico que he desarrollado, imagenes, capturas de pantallas y demás.... me dices que lo va a quitar y aún no lo has quitado. pasan unos 6 meses o así y me doy cuenta que esos artículos no los has quitado, sino que ademas de no modificarlos le has cambiado las categorias de tu blog para  que permanezca el contenido "oculto-directamente" ¿Veis esto normal? o no?....

Yo ya estoy cansado de enviar mails y tener un hacha de guerra por respuesta, así que haciendome eco del poder del socialmedia y la reputación online quiero poner de manifiesto esto para que todas las personas que contraten a este individuo, para que les hagan sus webs, se den cuenta de lo que tienen en frente.
Esta sincera noticia no sé a ciencia cierta el alcance que va a tener, pero confio que me ayude por lo menos a "desahogarme".

Algunos detalles de plagio:

a) copias hasta los logos:

Tardé 2 minutos en hacerlos, pero tú ale, a cortar y pegar.....

felicidades, lo haces correctamente!

b) muestras de contenido robado....

http://www.actualidadweb.es/recursos_web/recursos_flash/articulos/seminario-online-de-actionscrip-30/

http://www.actualidadweb.es/recursos_web/recursos_flash/articulos/recursos-web-nofollow-en-wordpress/

http://www.actualidadweb.es/recursos_web/recursos_flash/articulos/226/

http://www.actualidadweb.es/recursos_web/recursos_flash/posicionamiento-seo/recursos-seo-crear-un-sitemap/

http://www.actualidadweb.es/recursos_web/recursos_flash/articulos/recursos-diseno-20-reglas-para-realizar-un-buen-diseno/

y los originales:

http://www.flashmania.es/recursos_web/diseno-web/seminario-actionscript-30

http://www.flashmania.es/recursos_web/programacion/javascript/recursos-web-nofollow-en-wordpress

http://www.flashmania.es/recursos_web/noticias/conociendo-google-adwords

http://www.flashmania.es/recursos_web/diseno-web/recursos-seo-crear-un-sitemap-profesional

http://www.flashmania.es/recursos_web/diseno-grafico/20-reglas-para-realizar-un-buen-diseno

c) aunque has modificado algunos artículos  y muy seguramente a lo largo de los próximos días acabes por moverlo todo otra vez, estate tranquilo que tengo capturas de pantalla de todo con su fecha y hora puesta en una esquinita, como díos manda.

d) por mi parte nada más que decir. Confio en que este artículo comience un buen trabajo de reputación online. Ya se me ha agotado la paciencia ahora que internet haga el resto.

creo que no vale la pena dedicar más palabras.....

Artículo Desarrollado por Juan García Delicado
www.flashmania.es/juan_garcia

Desde la asociacion de diseñadores de la comunidad valenciana, nos dejan las siguientes tarifas

PHOTOSHOP
http://www.photoshopfiles.com/

FLASH
http://www.ffiles.com/
http://www.mmfiles.com/
http://www.flashmo.com/
http://www.lemlinh.com/ (esta la conoce muy poquita gente)
http://www.flashloaded.com
http://www.after-hours.org (tutorial y .fla listos para bajar)
http://www.flashkit.com/ (es un clasico)
http://www.jumpeyecomponents.com/ (venden el tema de textos-efects, tienen algunas cosillas más)
http://www.flashcomponents.net/
http://flashden.net/
http://www.kirupa.com

ESPECIAL TEXTOS-FLASH
http://www.txeff.com

OTROS INTERESANTES
Centro de recursos gráficos (lo encontraras todo)

http://www.bluevertigo.com.ar
http://www.heroturko.com
http://graphicriver.net/ (de pago)

AUDIO Y VIDEO
http://videohive.net/
http://audiojungle.net/
http://www.movietools.info/
http://www.videocopilot.net/ mirar el enlace de abajo, para ver una de las demos
http://www.videocopilot.net/products/proscores/
http://www.motionloops.com/ (de pago pero tienen algunos interesantes en smooth movies)

OTROS FOROS DEL GREMIO INTERESANTES
http://www.flashla.com/forums/

LECCIONES DE APOYO
PARA FLASH; DREAMWEVER, DISEÑO, PHP...
lo que necesites para ir mejorando en este gremio...

(el youtube de los videotutoriales)
http://www.illasaron.com/upload/
http://www.illasaron.com/html/ (registraros, porque vale la pena!!)

http://www.videoaprende.com/

http://www.gotoandlearn.com (extremadamente bueno (ingles)) de aquí me voy a permitir en recomendar este (http://www.gotoandlearn.com/play?id=67... after effects + flash impresionante)

AVANZADO
recuperar tu .fla de un swf (http://www.decompiler-swf.com/es/)
Me ha sucedido varias veces de trabajar un archivo en mac, llevarlo a pc, y fastidiarse y perder el
archivo fuente, con recursos como este, recuperas aproximadamente, lo que habías perdido.
mi recomendación es encriptar nuestras películas para evitar que otras agencias, o competencias, nos "ventilen" nuestro trabajo de investigación y desarrollo en la web de algun cliente

otras comunidades que dan o aportan .fla´s
http://www.desarrolloweb.com/scripts/flash.php
http://www.hotscripts.com/category/flash/

recurso ofrecido por | Juan García Delicado
sugerencias | webmaster@4cuarenta.com

Minuto a minuto desde flashmania, os facilitamos las últimas noticias del panorama del diseño gráfico, web, seo y comunicación. Podrás seguir noticias tan frescas que no llegaremos a publicar en nuestro webblog.

Una oportunidad de oro. Más de 7mil visitas mensuales nos avalan, contenido fresco y recursos para reorientar nuestros proyectos de manera optima de acuerdo a nuestras necesidades.

¿Eres webmaster? ¿Creatívo? ¿Quizás diseñador 3d? Te apasionan los negocios ¿Los emprendedores? Tambien, tienes un rinconcito en flashmania

ENLACES

Síguenos | http://twitter.com/recursos_web
Recurso Desarrollado | Juan García Delicado
Sugerencias | webmaster@4cuarenta.com

INTRODUCCION A LA LEY ORGÁNICA DE PROTECCION DE DATOS

¿Que diablos es LOPD?
La LOPD es la ley Orgánica de Protección de Datos de Caracter Personal que entró en vigor en España en 1999 y tras varias cambios en leyes anteriores como la LORTAD (ley orgánica de 5/92, de regulación del tratamiento automatizado de datos de caracter personal.
Actualmente nos regimos por uno de los últimos desarrollos legales que es el RD 1720/2007 (Real Decreto) y como un avanzado estudio a su predecesora LOPD de 1999.

¿Para qué sirve esta legislación?

Bien esta legislación es de obligado cumplimiento tanto empresas publicas y privadas, y solo estan exenta de cumplirlas aquellas bases de datos personales, que gestiona cada individuo, por ejemplo una agenda telefonica en el movil personal, o una agenda de direcciones familiares en casa. Esta legislación se desarrolló para regular de alguna manera la forma y el contenido de las bases de datos de los usuarios. Y digo usuarios, porque vamos a entender por usuarios desde el usuario web de una aplicación en internet, hasta el cliente de una relojería al que le han solicitado su telefono, para llamarle cuando le repararan el reloj. Todos somos usuarios iniciales o finales, contratadores o prestadores de servicio, pero en definitiva a todos nos afecta.

Vale, y si mi empresa o institución no se adapta a la LOPD, ¿Qué ocurre?

Bien tengo que comentaros que el organísmo que regula el tema de la LOPD es la AEPD (Agencia Española de Protección de Datos), es un ente, un organismo de caracter público, pero que no depende de ningún ministerio, ni politicas estatales, o autonómicas. Esto nada tiene que ver con partidos, ni ciudades. Como órgano competente y regulador, además tenemos que decir que es autosuficiente y podriamos decirlo así, vive de las sanciones que ímpone.
La agencia española de protección de datos, (AEPD en adelante) actua de dos maneras frente a sanciones:

a) la primera de ellas es que actuen de OFICIO, de oficio es que un representante /inspector, se planta en su negocio y le requiere toda la documentación y certificado de seguridad de los datos que su empresa posee. Creo que no hay que comentar, más nada si no se cumple. aunque nos darán unos días para poder presentar esa documentación, comentaros que en esos dias 10-15 no da tiempo material a solicitar la adaptacion a la Agencia española de proteccion de datos (AEPD)

b) la segunda de las maneras en la que pueden actuar, es por petición. Comentarós tambien, que la AEPD en su página web (https://www.agpd.es) disponen de un directorío publico donde cualquier persona puede ver si tal empresa o autónomo ha realizado la inscripción de ficheros en su organismo. De no ser así cualqueir persona, repetimos, cualquier persona, puede tramitar una reclamación privada y acto seguido fuerzan unos requerimientos que analizaremos en siguientes posts, actuando de oficio.

Vale, y desde cuando tengo que estar adaptado, ¿hay plazos?, ¿hay tiempos?

Desde el día 19 de abril de 2008, todas las empresas deberian de estar adaptadas de manera integral a la lopd. En el caso de constituir una empresa nueva, tenemos que solicitar la adaptación antes incluso de tener el primer cliente y en algún foro he leido , no hace mucho que en algunas comunidades piden una copia del certificado de seguridad, en los tramites de apertura y/o alta en los impuestos de actividades económicas, aunque creo que desde no hace mucho ya no se paga, si que es cierto que la empresa tiene que darse de alta de igual manera.

¿Realmente me pueden sancionar por no cumplir una ley que me dice como tengo que tener los ficheros en mi empresa?

Efectivamente que pueden sancionarle, es más, en un estudio profundo cualquier persona que trabaje con datos de caracter personal de otras personas, tiene que ser consciente al 100% de que esos datos, aunque estén en su empresa, no son suyos y como tal, tiene que comprender que alguien alguna institución o algun ente, pase a regularlos. Tiene que pensar que usted es un banco y que en vez de dinero, lo que tiene son datos. Se ha fijado usted las medidas de seguridad que tiene cualquier banco? sabe porque? porque estan protegiendo su dinero, el dinero que hay ahí, no es del banco, sino de sus clientes. ¿porque usted no iba a hacer lo mismo?

Hablando de sanciones ¿ de que cuantias estaríamos hablando?

La agencia Española de proteccion de datos en el desarrollo de la LOPD RE 1720/2007 que comprende solo 49 artículos, tiene estipuladas 3 tipos de sanciones de acuerdo a la gravedad del incumplimiento.

SANCIONES LEVES - de 600 a 60.000 €uros.

SANCIONES GRAVES - de 60.000 a 300.000 €uros.

SANCIONES MUY GRAVES - de 300.000 a 600.000 €uros.

Creo que aunque usted piense que el riesgo es pequeño y que vale la pena “ariesgarse”, no olvide que la ley es la que manda, en este juego y más sabiendo de antemano que se trata de una ley de obligado cumplimiento.

¿Qué costo tendría para mi empresa y/o actividad comercial, adaptarme a dicha ley de manera completa e integral?

Bien desde flashmania.es, tenemos una oferta comercial para los primeros 15 clientes. El costo del servicio de Alta en la Agencia española de protección de datos, expedir el certificado de seguridad, formación acerca del mantenimiento, adaptación de los equipos y toda la documentación oficial tramitada, así como documentacion de uso interno por un precio cerrado a partir de� 380 €uros. No obstante le podemos pasar presupuesto de nuestros servicios sin ningún tipo de problemas, ni compromisos de ningún tipo. Como vé adaptarse a la LOPD, es mas barato que pagar, hasta la minima cuantía de las sanciones impuestas.

recurso web ofrecido por Juan Garcia Delicado. Tecnico Especialista en implantación de la Ley orgánica de Proteccón de datos y Ley de servicios sociedad de la información y comercio electrónico. 2maria

Bien hoy os dejo un nuevo recurso, para saber como aplicar a nuestros proyectos html, el recurso de light box.

Para los que no sabeis lo que es este recurso, os dejo el siguiente link, para que lo veaís en acción.

Alquiler de Naves Industriales Nerja

Bien lo primero que debeis de hacer es descargaros el recurso lightbox que podeís encontrar aqui

Una vez descargado y descomprimido prepararemos un par de cositas:

La primera de ellas será un documento html, a parte de eso necesitaremos la miniatura que pondremos en ese html y despúes necesitaremos también esa misma imagen en formato normal.

Bien al descomprimir encontraremos 3 carpetas:
+ css
+ images
+ js

En la carpeta images, encontraremos las imagenes que se necesitan tanto las miniaturas, como las que se encuentran en escala 1:1. en esa carpeta encontraremos otras imagenes, como por ejemplo las de close, la del cargador, la del botón siguiente... etc..etc..
en la carpeta js, tendremos todos los comportamientos javascript , como por ejemplo que se adapte la ventana blanca al tamaño de la imagen en tamaño 1:1, etc..etc..

En la carpeta css, encontraremos los estilos que aplicaremos cada vez que se clickeé una miniatura (aquí estaran definidos por ejemplo el fondo en tono de gris que aparece)

¿COMO APLICARLO A MI PROYECTO?

Bien lo primero que tenemos que hacer será� incluir en nuestro proyecto y a la misma altura de arbol de archivos las carpetas css, images & js.
en el html llamaremos a los comportamientos javascript� escribiendo lo siguiente en la cabecera de tu html, antes de </head>

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

a continuación incluiremos los estilos css:

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

Despúes en cada imagen añadiremos:

rel="lightbox"

quedando cada link hacia cada foto, de la siguiente manera:

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

my caption, será el texto que querremos poner en la base de la imagen una vez que se ejecute el efecto lightbox.

La complejidad máxima de este recurso, está quizá en organizar bien las rutas de las imágenes. Es muy sencillo de poner en marcha. no obstante si teneís alguna otra duda, podeis ver el ejemplo que contiene el recurso.

RECURSO WEB OFRECIDO POR JUAN GARCIA DELICADO
sugerencias a webmaster@4cuarenta.com

http://www.flashmania.es/recursos_web/diseno-web/web-flash-tween

I have in recent days to investigate the behavior of a website that I found very very strange.

The page in question is the following:

http://www.christinarosenvinge.com/

After some tests with the actionscript code and playing with the tween class, this was the result, there are two versions, a single (the first thing I did) and somewhat more complex. In essence the two functions with the same code, except for minor changes. This is a resource that I have developed and I fully share with the community, thinking that might be interesting for our projects. I think such a photo gallery with this system, a micro site of production of any product or service.

There they have and hope it is your pleasure ...

This is the simple ...

This complex ...

At the end of the post also readily provide archives .fla, to whoever you want, you can download.
How is this done?

The idea is simple:

1) Create movie clips in each section of our website

2) In Flash, select all movieclips and create a movie clip-Total, which we call container.

3) On a piece of paper we scored the positions of "x" and "y" and the angle that should be rotated to see the paragraph just on the stage:

In the example from which this section I focused initially on the stage.

SECTION I= 750 px I x, y = 400 px: = 0 ° rotation.
SECTION II x = 400 px and px = 50: rotation = -90 º .*
SECTION III = x 250 px and px = -100: rotation = 0 °. *
SECTION IV = x 100 px and px = -50: rotation = 90 º. *
SECTION V x = px -250 and -100 = px: = 0 ° rotation. *
SECTION VI = x 750 px, y = 400 px: = 0 ° rotation. *

* the angle that you recorded will always be asking the next question is ¿how much to rotate the container from Section I to reach the section that is ...?

Well, the most complex, it´s complette!!!

Now that schedule in this case is super simple, in this case.

4) generate a layer with the menu (botonera), which you can curran want ... and finally the arrangement of layers is so easy:

5) open the Actions panel (F9-Windows / Mac-ALT + F9)

The first thing we will do is import the class by putting "*", all imported.
import mx.transitions .*;
define buttons as funtions what contain tweens to perform the following:

A) ...... X position from the position where X is the container (contenedor._x) to the position to give you (for each button).

B) Y position from the position ...... And from where the container (contenedor._y) to the position to give you (for each button).

C) Rotation angle ...... who has the movie-clip "container (contenedor._rotation) to the angle we want.

Define tweens within each button in extructura, is something.

btn1.onPress = function () {

the tweens

} ;

btn2.onPress = function () {

the tweens

};

btn3.onPress = function () {

the tweens

};

btn4.onPress = function () {

the tweens

};

btn5.onPress = function () {

the tweens

};

btn6.onPress = function () {

the tweens

};

For those who do not check the "tween programming," will write a post talking about them completely.

6) The main structure, or idea of this resource, this collection here, however, who wishes more information, as with all the resources they offer, provide the files. Fla to your study.

MODELO SENCILLO: aquí SIMPLE MODEL: here

MODELO MÁS COMPLEJO: aquí More complex models: here

Prepared by Juan Garcia - webmaster@4cuarenta.com July 2008
Saludos! Greetings!

Desde Adobe, nos traen otro seminario, público en Actionscript. Como bien sabeis, no hace mucho se implantó el lenguaje de programación actionscript 3.0, dejando casi de lado al anterior, que todos dominábamos, el actionScript 2.0.
En este seminario que desde adobe, han bautizado como ActionScript 3.0 para dummys, nos presentan de modo muy simpático y simple las bases para que nuestra adaptacion a actionscript 3.0, no sea un "tirarnos de los pelos"

Suerte a todos los que os esteis migrando y confio en que lo disfrutéis.

https://admin.emea.adobe.acrobat.com/_a42996593/p82535641/

Recurso web Ofrecido por Juan Garcia Delicado
www.flashmania.es sugerencias en: webmaster@4cuarenta.com

recursos web tempaltes para correos electrónicos

Os dejo el link, y espero de corazon que le saqueis partido

http://www.campaignmonitor.com/templates/

OTROS PRODUCTOS ADOBE + CERTIFICACION OFICIAL ADOBE

CERTIFICACION EXPERTA EN ADOBE

Así pues tras haber merodeado por la red, y haber indagado que hay varias aplicaciones de escritorio como el miguelangelo, que permiten crear .ico sin problemas, me he sorprendido al dar con esta herramienta online que sin tener que instalar absolutamente nada en nuestra computadora, nos permiten obtener los .ico, de cualquier imagen que le pasemos. todo un avance, es super intuitívo y super sencillo de usar, animo y a usadlo chicos...

El link de la aplicación en cuestión es este...� � � <<<<< � link >>>>>>

Recurso Ofrecido por Juan Garcia Delicado
www.flashmania.es sugerencias en: webmaster@4cuarenta.com

Buenas de nuevo, tras algunos días perdido por las festividades navideñas, aprovecho para felicitar el año a todos y sin hacer paradas, continuamos con el curso de PHP.

En este post veremos como construir nuestro primer script y para ello comenzaremos a ver la filosofia de trabajo de PHP.

Bien aunque nos parezca una tonteria trabajar con php, nos requiere tener siempre presente algunas indicaciones, para comenzar necesitaremos:

a) un editor de texto o aplicación similar que nos permita editar nuestros scripts (en mi caso por defecto suelo usar dreamweaver (ADOBE)

b) una aplicacion de servidor local podeis volver a ver el post de instalacion <<<aqui>>>

c) tener una idea de que es lo que queremos desarrollar

d) comprender la sintaxis de php.

Basandonos en este último punto os explicaré brevemente� como php, acaba ejecutándose en nuestro servidor web. ( ya dijimos en anteriores post, que php era un lenguaje de programación de lado del servidor web).

PHP, como ocurre con otros lenguajes de programación, se programan con etiquetas, un lenguaje de etiquetas puede ser por ejemplo, HTML, en el que le diremos a los exploradores web cosas , tales como...

desde aqui hasta aqui va a estar la cabecera, esta cabecera incluirá una tabla y la tabalaa su vez contendrá una imagen de fondo. Todo eso se lo decimos a los exploradores web, mediante etiquetas, no vamos a entrar en analizar todas las etiquetas HTML, pero esas etiquetas, denominadas TAGS HTML, convendría que os vayais familiarizando con ellos. podeis descargar o consultar una lista de tags <<<aqui>>>

las etiquetas tienen un funcionamiento de apertura y cierre así pues

HTML, necesitas que las etiqueas que se usen sean las pre establecidas para dicho lenguaje.

La gente se estará preguntando bueno y que tienen que ver las etiquetas HTML, con en funcionamiento de php, en un servidor. Pues muy sencillo, php, tambien tiene unas etiquetas que avisan al servidor, "oye, que desde aquí y hasta uqe se cierren las etiquetas de php, tienes que ejecutar todo esto".
las etiquetas de php, son las siguientes:

Quiero que quede muy muy claro que será el servidor web el que ejecute el script, y el servidor sabe que tiene que ejecutar el script en php, porque leé el script php gracias a las etiquetas ahí mencionadas. Al usuario web, le muestra los resultados de ejecutar el scripto la tarea que le impongamos.

RESUMIRÉ BREVEMENTE LOS PASOS PARA HACER SCRIPTS EN PHP ( y no se volverá a ver)

1) tener el xampp instalado.
2) tener un editor de texto o de php (dreamweaver por ejemplo)
3) realizar nuestro script, poniendo sus etiquetas.
4) guardar nuestros scripts en la carpeta htdocs (como vimos en el anterior post)
4) ejecutarlo y gracias a xampp mediante localhost/prueba.php (en un explorador web)
5) listo, ya estas preparado para hacer en php, todo lo que desees.

NUESTRO PRIMER SCRIPT "HOLA MUNDO"

ese script nos devolverá "Hola Mundo".

SINTAXIS PHP
A.) no olvidar poner las etiquetas de php ()
B.) al finalizar cada una de las lineas de nuestro script debemos poner punto y coma (;)

De momento, será todo. en el próximo post, pondré ya temas más intensos de php, concatenación, variables, etc..etc.. haré todo lo posible por crear o localizar algún pdf, descargable con operadores y sintaxis resumida de php, de momento sabeis la primera "echo", que muestra en pantalla o imprime lo que le pongamos entre comillas.
saludos a todos y continuamos muy muy pronto el curso está pensado apra que lo siga gente que nunca ha tenido contacto con php, alguien que ya lo conozca o trabaja con php habitualmente se le vendrá corto, pero iremos avanzando, ya vereís.

Recurso Ofrecido por Juan Garcia Delicado
www.flashmania.es sugerencias en: webmaster@4cuarenta.com

No quiero aburrir a nadie con este curso acelerado de php, por ese motivo, pondré todo cuanto sé de este lenguaje de programación a modo de curso rápido, yendo directamente a las cosas que nos interesan. Así ganaremos todos en tiempo.� Y que decir tiene que si tenéis cualquier tipo de duda ya sabeis donde encontrarme (webmaster@4cuarenta.com). El curso lo plantearé con preguntas, así seré más directo aún si se puede.... ¿PREPARADOS?...

RECURSOS WEB: CURSO DE PHP I: INSTALAR LO QUE NECESITAMOS.

Bien como os puse en el post anterior (<<<� � visitame >>>) PHP es un lenguaje de programación del lado del servidor.
vale...Juan, ¿Y esto qué quiere decir?

Pues significa que los comandos que nosotros programemos se ejecutaran en el servidor web y no en el ordenador del usuario como ocurre en otro tipo de lenguajes de programación.

Juan ¿ y eso es bueno o malo?

Bajo mi punto de vista es bueno, ya que nuestro codigo fuente, lo que nosotros desarrollemos, siempre quedará en el servidor y por lo tanto es inviable a fecha de hoy, obtener el codigo que hayamos desarrollado para una aplicación web.

Otra pregunta que tengo....¿php, dónde lo compro?

Php se distribuye gratuitamente esta catalogado como software libre y cualquier persona tiene acceso a él sin problemas. Lo bueno de este tipo de soluciones es que ademas al ser gratuito, hay grandisimas comunidades que dia a dia van sacando cada vez más recursos y scripts, que distribuyen gratuitamente por lo que el soporte a fecha de hoy es IMPRESIONANTE...

Aunque el curso está principalmente orientado a PHP, tambien os quiero comentar que� hablar de php sin hacer mención a mySQL (lenguaje de programacion de bases de datos open-source tambien) es imposible, ya que uno y otro están tan relacionados entre sí, que sin uno, el otro pierde encanto, y viceversa.

Juan ¿Qué me permite hacer PHP?

Buena cuestión la verdad, php, se creo para el desarrollo de aplicaciones dinámicas, es decir, aplicaciones dnd el contenido puede ser modificado, creado o borrado de manera asidua. ¿que tipos de proyectos podemos abarcar con php?� gestor de contenidos, comercio electronico, central de reservas, control de empleados, gestion de usuarios, gestores de correo via web, y un sin fin de aplicaciones más...

AL LIO......¿CUAL ES EL PRIMER PASO QUE TENGO QUE DAR?

Así me gusta que pases a la acción ..... Lo primero irte a la página de apache y descargarte la aplicación donde podrás desarrollar en tu máquina las aplicacioens web que desees hacer...¿En local? si, en local, hemos dicho antes que el lenguaje se ejecuta en un

servidor web, asi que con esta aplicación, lo que haremos será simular que tu máquina es un servidor web. La aplicacion se llama Xampp y la hay disponible para todos los sistemas operativos, asi que a descargarla ya.

XAMPP ! link de descarga

UNO: DESCARGAMOS E INSTALAMOS

Una vez descargado lo instalaremos y ese paquete en concreto nos instalará php, mysql y otros recursos más que veremos según avancemos en el curso.

Una vez instalados los que tengais windows se os habrá creado en vuestro disco duro una carpeta que se llama Xampp� y dentro de esta habrá una carpeta llamada htdocs ó www, hacerle un acceso directo y al escritorio, junto con el icono de xampp

Los amigos de Macintosh, exactamente lo mismo, lo que pasa que la carpeta en cuestión se encuentra dentro de APLICACIONES>>XAMPP>>htdocs (lo mismo , crear un alias y al escritorio).

DOS: PONEMOS EN MARCHA

El segundo paso es pinchar la aplicacióin que recien hemos instalado y le daremos al start de todos los servicios, estas ultimas versiones del xampp, nos permiten activar o desactivar los servicios según queramos... yo siempre lo activo todo, minimizo y me olvido...

Después de esto, iremos al explorador y pondremos la siguiente url http://localhost/xampp/ para comprobar que somos unos artistas instalando xampp.

CONCLUSIONES

1) Ya tenemos un servidor web funcionando en local, tenemos que activarlo cada vez que vayamos a realizar cosas en php, este paso no se repetirá más a lo largo del curso.

2) Accederemos al servidor web-local a traves de los navegadores y poniendo la url siguiente:

http://localhost/el_script_que_estemos_desarrollando.php

3) Que decir tiene, que todos los archivos que desarrollemos tienen que estar guardados en la carpeta htdocs que tanto los peceros, como los maqueros ya tenemos en el escritorio.

4) Ya estas preparado para comenzar con php, al menos tu máquina...

Recurso Ofrecido por Juan Garcia Delicado
www.flashmania.es� sugerencias en: webmaster@4cuarenta.com

Después de Ver este sitio web de distribución Gratuita de Iconos, os lo recomiendo porque si marcan un diferencial con otros portales que se dedican a lo mismo, es porque permiten descargas directas de lotes de iconos, para nuestros proyecto web y aplicaciones, en varios formatos y tamaños a la vez. Y como iba comentando ademas nos facilitan los .ico para ponerlos directamente� como icono en la url de nuestros proyectos.

no tienen desperdicio y estan super bien organizados. os dejo una captura de alguno de los que he podido ver.

LINK >>>>� � http://www.iconspedia.com/

Recurso Ofrecido por Juan Garcia Delicado
www.flashmania.es� sugerencias en: webmaster@4cuarenta.com

PAra todos los que me visitaís pienso que sería bueno una introducción muy escueta y resumida de qué es esto de Internet, como comenzó� y los distintos formatos de creación web que hay hasta la fecha. Sé que la teoría no suena nunca bien, pero creo que puede aportarnos cosas interesantes.

¿QUE ES INTERNET? Y ¿SUS INICIOS COMO FUERON?

internet para el ciudadano de a pie, les diré que no es más que un grupo de computadoras, ordenadores que estan conectadas entre sí intercambiando información. El termino servidor web, lo unico que hace es facilitar estos intercambios de información, ya que los encontraremos trabajando simepre, 24 hrs al dia, los 365 días del año.

Sus inicios, aunque se han datado� en fechas al rededor de 1970, internet como tal, vino posterior a eso. Ocurrio como con casi todas las cosas un avance tecnológico en bases militares que poco despues adoptaron universidades y mas tarde pasó a dominio público. La primera conexion la realizaron 3 universidades al conectar e intercambiar información entre ellas. pero a nivel militar, ya se desarrollaba desde hacía algun tiempo.

¿QUÉ ES.....?

"HTML"... el html no es más que un lenguaje de creacion y diseño de páginas webs, html, o tambien reconocido como htm. La página principal de un proyecto web, siempre es index.html, a menos que se usen otras tecnologias.

PHP-XML-JAVASCRIPT....todos son lenguajes de programación y que sirven de complemento a nuestros proyectos realizados en HTML. El php, es un lenguaje de lado del servidor web es decir, es un lenguaje que se procesa en el servidor web, y a traves de nuestros exploradores web, lo que vemos, no es más que lo "procesado" por el servidor.PHP, comunica con el servidor y procesa todo lo que queramos, formularios, respaldos de datos, envio de mails, peticion de datos....etc.etc

XML, es un lenguaje parecido al html, se designa de igual manera, con etiquetas, pero que nosotros podemos escoger libremente, no tenemos que llamar a las etquetas de una determinada manera como ocurre en html. muy válido para almacenar datos, o facilitar información.

JAVASCRIPT.. el javascript es un lenguaje de programación para entornos web, que realiza cosas en local, es decir en el ordenador del usuario, ejemplos prácticos, podrian ser.. validacion de formularios, introducir calves, ventanas de advertencia, etc,etc...

ACTIONSCRIPT.... es el lengujae de programacion que usamos para programar en adobe Flash. Cuando programamos, tenemos que tener en cuenta que programamos de dos maneras, gráficamente, para conseguir un mejor ascpecto o lógicamente, hacer inteligentes las cosas hacemos.

CSS..... se denomina de esta manera a las hojas de estilo, atendiendo a la accesibilidad web, de todo proyecto web, separaremos 3 cosas siempre, por un lado , el contenido, los textos, imaganes, etc.. y por otro la forma/diseño, que tabularemos siempre con otro lenguaje de programación, el css.

MySQL...lenguaje de programacion que ejecuta rutinas para creacion, modificacion, borrado ... de bases de datos. potentísimo lenguaje.

Detras de esto comprendemos más lo complejo que puede llegar a ser una pagina web. dominar sin problemas 4-5 lenguajes de programación para hacer una web.

HTML+CSS+JAVASCRIPT+PHP+MySQL = a una web normalita.

Recurso Ofrecido por Juan Garcia Delicado
www.flashmania.es� sugerencias en: webmaster@4cuarenta.com

FOLLOW y NO FOLLOW EN WORDPRESS. ¿PORQUE OCURRE ESTO?

Bien google para luchar contra el span en las paginas web creo un codigo que más tarde acabarian por adoptarlos otros buscadores. El famoso "rel=nofollow", en los links, lo que hace al rasterarlo un robot de google no es más que leer el enlace, pero no lo sigue.

Yahoo por su parte, según me he ido informando estos días, si lo rastrea, sigue ese link, pero la informacion que recupera de ese nuevo sitio le dá validez cero.

Desde www.flashmania.es recomendamos deshabilitar el "nofollow" de nuestros wordpress, porque gracias a ellos las personas que pongan comentarios en nuestro blog y linkeen alguna de sus paginas web, acabarán por indexar sus paginas web en google. Creo que en la época en la que estamos, la época de internet social, internet emocional, deberiamos de ofrecer nuestra web como un sitio , donde promocionarse indirectamente� a todo el que quiera. ¿Yo que consigo? indudablemente más visitas que mas tarde o más temprano se convertiran en contacto en colaboraciones o dios dirá qué.

Tambien es cierto que todos los proyectos y trabajos que a nivel personal me han salido han sido siempre por ofrecer mis conocimientos altruistamente a quien lo ha necesitado. ahí queda un momento de reflexión para la comunidad.Continuamos!

VALE TODO COMPRENDIDO, PERO ¿CÓMO DESHABILITO� "rel=nofollow" EN MI WORDPRESS?

dofollow

La solución la encontramos en http://kimmo.suominen.com/sw/dofollow/ en esa web podeis bajar un archivo php y que una vez descargado solo teneis que subirlo via ftp a la siguiente carpeta

www.tudominio.com/wp-content/plugings

una vez hecho esto iremos a nuestro panel de administracion y en plugins activaremos dofollow

En opciones>>plugings, pincharemos "DOFOLLOW"y gestionaremos como deseemos, es muy sencillo os dejo un pantallazo. para que veais como he configurado yo, la de este, mi blog.

configurar dofollow

en mi caso puse que todos los comentarios que tuvieran mas de 100 dias publicados se le cambiara el nofollow. Esta todo super-super intuitivo, si no enteis algo ya sabeis!

A PARTIR DE AHORA DIRÉ QUE MI BLOG ES UN "FOLLOW ME BLOG".

Recurso Ofrecido por Juan Garcia Delicado
www.flashmania.es sugerencias en: webmaster@4cuarenta.com

wordpress logo

Buenas Chicos en este caso, os vamos a enseñar a actualizar nuestro WORDPRESS, en varias etapas muy muy sencillitas.

A) para comenzar bajaremos la aplicacion de wordpress mas actual que haya en funcionamiento para ello solo tendremos que ir a la siguiente web y descargarla. http://es.wordpress.org/

B) el siguiente paso será entrar en nuestro panle de administracion (www.tudominio.com/wp-admin) y autentificarnos (nombre y contraseña) e iremos al panel de plugins y desactivaremos prudencialmente los plugings que tengamos activados...ya los activaremos luego..

C) iremos via ftp al directorio de archivos de nuestro dominio y localizaremos la carpeta wp-content y la copiaremos en nuestro escritorio como seguridad ante una posible perdida o fallo o incompatibilidad de algun tipo con la nueva versión que instalemos. Aunqeu en mi caso lo que hago es renombrarla anteponiendo un guion bajo por delante y asi esa copia se queda en el servidor, si hubiera que restituirla, sería muy sencillo, simplemente quitar el "guión bajo" es decir de:

wp-content >>>> lo renombraríamos a >>>>_wp-content
y si lo restituimos quitamos el _ ("guion bajo") y listo!

D) una vez hecho y entendido el paso C.... subiremos todos los archivos por ftp y le diremos a sobreescribirlo todo.

E) desde el explorador iremos a la siguiente url:
www.tudominio.com/wp-admin/upgrade.php esto lo que hará será actualizar el sistema.

F) lo típico comprobar que todo va bien es estable y activamos los plugings.

Recurso Ofrecido por Juan Garcia Delicado
www.flashmania.es� sugerencias en: webmaster@4cuarenta.com

css en distintos exploradores

Como bien es sabido por todos, cuando diseñamos una web no obtenemos los mismos resultados. Una web que se vé genialmente tabulada en firefox, la vemos en Internet Explorer (IE, en adelante), y nuestro diseño ni por asomo, roza la genialidad, si lo miramos en versiones anteriores, IE 6 ó anteriores, el caos se hace cada vez mayor.
El principal problema de Internet explorer es que como esta gente de Microsoft, hacen lo que le dan la gana, pensando que alguien algún dia le seguirá sus pasos, pues pasa esto. Ellos no atienden para nada a los consejos y recomendaciones, W3C. Sí, tal y como suena. No hacen caso a las especificaciones que desde el consorcio de la web, se estipulan para mostrar debidamente las paginas web. Uno de los exploradores más extables del mercado (FIREFOX) es de los pocos que cumplen casi en tu totalidad con dichas "recomendaciones"

BUENO PERO AL GRANO....¿COMO DISEÑO PARA VARIOS EXPLORADORES?

Serán 4 pasos muy sencillos:

1. Siempre Diseñaremos para el sistema más estable. En este caso, Firefox. Si se vé genial ahí lo que queremos mostrar pasaremos al siguiente paso.

2. Veremos la web en la version IE6 y localizaremos las reglas de estan dando lugar a mal interpretaciones en IE6.

3. Duplicaremos esa regla de css y la renombraremos de la siguiente manera

ANTES>>>>>>>>>>>>>>>>>>>>>>>>> DESPUES
#wrapper>>>>>>>>>>>>>>>>>>>> *html #wrapper
Es decir, le pondremos "*html" por delante (sin las comillas)

3.A y modificaremos los valores de esa propiedad hasta ajustarla a nuestras necesidades.

hasta aquí si esa web se abriera en firefox, leería del css la propiedad #wrapper, mientras que si la abrieramso con IE6, leeria la otra *html #wrapper. Ya tenemos la web para dos plataformas, la "excelencia" (firefox) y la "decadencia" (IE).

4. Vamos a más vamos a abrir la web en IE7, y zas se han movido cosas verdad? de igual manera que en el 2. localizaremos los selectores base que pensamos que dan problemas, los duplicamos y los renombramos de la siguiente manera:

ANTES>>>>>>>>>>>>>>>>>>>>>>>>>> DESPUES
#photo>>>>>>>>>> *:first-child+html #photo
Es decir, le pondremos "*:first-child+html" por delante (sin las comillas)

Y ya tendremos arreglada la compatibilidad para FIREFOX, INTERNET EXPLORER VERSION 6 y 7, SAFARI, OPERA....entre otras. en un 90% de los casos sufragando las debilidades de IE6, se arreglan casi todas las de IE7. por lo que esta última regla se usa poquísimo...

PAra los que quieran saber mas de css, os dejo también este link.

CSS PARA TODOS

Recurso Ofrecido por Juan Garcia Delicado
www.flashmania.es sugerencias en: webmaster@4cuarenta.com

Analizando nuestra relación con google (uno de los búscadores más importantes del sector), en menos de 3 meses ya contamos con pagerank 4 ( para el que no sepa lo que es el pagerank, diremos que es una "nota" que asigna google a las web de acuerdo a su importancia en la web y esta "nota" va del 1 al 10. Así por ejemplo Adobe, google... tienen pagerank 10, mientras que el diario Marca cuenta con 6. flashmania tiene 4, casi comparable a cualquier periodico de tirada nacional del pais).

El 20% de las visitas nos ponen directamente en sus exploradores, para seguir nuestra web.

aproximadamente, el 40% nos localiza a través de los principales buscadores de internet.

y el 40% restante proviene de otras web, que han acabado enlazando nuestra web. (cuando publican algún articulo nuestro en otras web, por ejemplo).

También es de destacar que nos han publicado artículos en portales de destacada importancia dentro del sector, de posicionamiento, de diseño etc.. (CHICASEO, ATENEU POPULAR, MÉTODO PROFESIONAL...)

Las posiciones actualmente en los siguientes buscadores, son de la siguiente manera:

google.es

por "recursos web"� puesto numero 11, en mas de 2,6 millones de resultados.
por "recursos web profesionales" numero 1, y 2 en más de 400mil resultados.

yahoo.es

por "recursos web", en el puesto 7, en mas de 266 millones de páginas web.
por "recursos web profesionales", puesto, el numero 1 y 2 en mas de 26 millones de resultados.

msn.es

por "recursos web", puesto 3, en 14,7 millones de resultados
por "recursos web profesionales" puesto 1 y 2 en mas de 3,7 millones de resultados.

Desde flashmania.es nos llena de satisfacción conocer estos datos y saber que el contenido que se está desarrollando periódicamente, esta gustando. Mil gracias a todos.

Recurso Ofrecido por Juan Garcia Delicado
www.flashmania.es� sugerencias en: webmaster@4cuarenta.com

¿PARA QUÉ QUIERO YO, UN SITE MAP?

Siempre lo he dicho y en esto de internet, no puedes hacer "pensar" al usuario. Al usuario hay que darle las cosas hechas, y como tal, la información que se pueda encontrar en tu web organizadamente. Otro de los motivos interesante para que generar nuestro sitemap, sería para mejorar la indexación de todos los apartados web de nuestro proyecto por parte de los búscadores. así pues...

¿COMO EMPEZAMOS?

1. vamos a obviar, la primeras de las alternativas de creación de sitemap (el html) y nos vamos a meter de lleno con el XML, que nos genera google.

2. Vamos a hacer una visita a http://www.sitemapbuilder.net ahi encontraremos una herramienta online para generar nuestros xml de nuestros sitios webs. Google dispone de una herramienta que lo genera, pero necesitamos subir unos archivos a la raiz de nuestro servidor y tener activado python, en nuestro servidor...para usuarios mas avanzados os lo dejo tambien. aqui

3. una vez generado el xml, el sitemapbuilder, lo descargamos y ese será el archivo que:
a) Pondremos en la raiz de nuestro sitio web
b) le diremos a google que existe, para que comience a leerlo períodicamente. para ello, visitaremos nuestra pagina de google de recursos para webmasters (hay que autentificarse/crear una cuenta) y pincharemos nuestro dominio y ahí nos saldrá una pantallita como esta... está todo super claro creo que no hace falta comentar más nada.

y en el siguiente paso, google nos indicará que estan pendiente de ver y revisar nuestro XML.

sitemap ok

4. IMPORTANTE!
Para que el buen funcionamiento de nuestro sitemap, necesitamos que ese xml, esté siempre actualizado. así que lo suyo es actualizarlo 2-4 veces al mes y más si, se trata de un blog, que frecuentmente movemos y creamos artículos.

Recurso web Ofrecido por Juan Garcia Delicado
www.flashmania.es sugerencias en: webmaster@4cuarenta.com

chicaseo

Desde� chicaseo nos han publicado un artículo seo que realizamos el pasado día 20 de septiembre. En el� artículo en cuestión destacamos las características entre el posicionamiento web� SEO y el posicionamiento web de segunda generación (SEO 2.0).

Después de esta grata sorpresa, y a pesar del poco tiempo que llevamos en marcha, hemos vuelto a ser� recomendados.

Chicaseo es un� portal exclusivo y especializado en posicionamiento web en buscadores.El desarrollo de contenidos por nuestra parte, parece ser que está siendo de gran aceptación por la comunidad. Desde Flashmania.es mil gracias a todos!!

El artículo en cuestion redactado por este portal, lo podeís ver aqui

ateneu popular

Desde Ateneu Popular nos han publicado un artículo seo que realizamos el pasado día 20 de septiembre. En el� artículo en cuestión destacamos las características entre el posicionamiento web� SEO y el posicionamiento web de segunda generación (SEO 2.0).

Después de esta grata sorpresa, y a pesar del poco tiempo que lleva en marcha el proyecto de flashmania.es, hemos vuelto a ser� recomendados. El desarrollo de contenidos por nuestra parte, parece ser que está siendo de gran aceptación por la comunidad. Desde Flashmania.es mil gracias a todos!!

El artículo en cuestion redactado por este portal, lo podeís ver en el siguiente link.....arteneu popular

Machodominante.es es un blog dedicado al mundo de la comunicación visual, un blog donde podreis encontrar sitios de inspiración, recursos para diseñadores, portfolios, ezines... siempre relacionado con el mundo del diseño.
Se trata del blog personal de K. Sicardo(www.ksicardo.com), creador visual sevillano que de esta manera trata de aportar su granito de arena a la comunidad de diseñadores, intentando crear un sitio de referencia para todos.

Recurso Ofrecido por Juan Garcia Delicado
www.flashmania.es� sugerencias en: webmaster@4cuarenta.com

Buenas de nuevo os dejo un nuevo recurso para que le hecheis un vistacillo, se trata de una pagina web, donde podremos encontrar miles de scripts listos y totalmente operativos para insertar en nuestros proyectos webs. Todos o casi todos son Open Source, aunqeu tambien aprovechan en esta web para ofrecernos en bandeja, los scripts comerciales.

NO TODO ESTA HECHO

Cuando comencé en mi andadura profesional del campo del diseño web, me dí cuenta de lo sencillo que podria ser implementar "cosas/scripts" que otros ya habian realizado, la idea suena acojonante, las cosas como son.... pero la realidad no es tan así. Tras muchas horas de investigación acabas por darte cuenta que lo que te ofrecen, o puedes obtener� para trus proyectos webs, no es al 100% lo que de verdad necesitamos.

Son recursos, que están ahí pero no terminan de solucionarnos las cosas, casi todos necesitan una adaptación a nuestras necesidades y es ahí donde aparece nuestra capacidad profesional, de "meterle mano a tó" para conseguir lo que de verdad necesitamos. Todo sea por logar llevar a cabo el proyecto de nuestro cliente.¿o no?
No me enrollo más y ahí os dejo el link

Recurso Ofrecido por Juan Garcia Delicado
www.flashmania.es� sugerencias en: webmaster@4cuarenta.com

De todos es sabido que aunque trabajemos con programas de diseño y animación como pueden ser Flash, necesitamos presentar nuestro proyecto embebido en paginas html. El estandar web, nos hace seguir dependiendo de html aunque bien es cierto, que las películas swf las podemos reproducir directamente en cualquier explorador web.

Así pues se nos plantean algunas cosas interesantes. imaginemos que se necesitara, insertar una cabecera-animada en una maquetación html, pero para más inri, imaginemos que ademas tenemos un "stripe" de fondo (STRIPE= patron que se repite a lo largo de todo el fondo de la web, como "bg" (BG=background/fondo)).

Al insertar el flash en el hueco que tenemos reservado para la cabecera y al publicar, veremos que el fondo se queda blanco, cosa que no queremos; ya que la idea es que podamos ver cosas que quedan detras de la animación.

¿COMO SE HACE?

Bien resolver esto es muy sencillo, una vez abierto dreamweaver e insertada la animacion flash, la pincharemos y en el panel de propiedades veremos un botoncito que dice PARAMETERS/PARAMETROS lo pincharemos y en pantallita que se abre agregaremos un nuevo parametro que sera el siguiente:

PARAMETRO=wmode
VALOR=transparent

y listo! os dejo una captura de pantalla en dreamweaver y dos links para que veais con el fondo transparente y sin el fondo tranparente

SIN FONDO TRANSPARENTE aqui

CON EL FONDO TRANSPARENTE aqui

Recurso Ofrecido por Juan Garcia Delicado
www.flashmania.es� sugerencias en: webmaster@4cuarenta.com

¿Qué diablos es WORDPRESS?

Esa fué la primera pregunta que me hice al escuchar hablar de esta plataforma, a fecha de hoy sé que se trata de uno de las aplicaciones web, más estables y más extendidas para la realización de blogs personales (ó paginas corporatívas, si acabas currandote parte del codigo php). Está realizado íntegramente en php por lo que la licencia de instalación es gratuita. Este blog, está realizado en wordpress.

AL LIO.... ¿COMO SE INSTALA?

1. Lo primero de todo será descargar la aplicación para ello nos remitiremos a la pagina web oficial de wordpress en lengua hispana.

http://es.wordpress.org/ una vez descargado, pasaremos al siguiente punto

2. Lo siguiente será preparar nuestro servidor web para subir el paquete de wordpress. Importante nuestro alojamiento web, tiene que tener soporte del lenguaje php y acceso a la creación de bases de datos mysql. Si alguien necesita alojamiento web con las siguientes características, yo podría facilitarselo en menos de 24hrs. 200MB de alojamiento web 2GB de transferencia mensual...y todo lo necesario para llevar acabo vuestros proyectos con wordpress por tan solo 3 euros al mes (36 euros/año), Bi-anual==> 65€ más info solicitarla aquí. Además os lo puedo dejar la aplicación ya instalada, si lo quereis así...

3. Crearemos en nuestro servicio de hosting una base de datos vacia. Para ello tenemos que crear 3 cosas

a) una base de datos, en nuestro caso llamaremos, empresa_base

b) un usuario para esa base de datos

c) la clave para el susodicho, usuario de la base de datos.

Aquí se puede ver con el panel de control plesk/parallels com

o la vamos creando

PASO 1: DAR DE ALTA NUEVA BASE DE DATOS VACÍA.

PASO 2: DAR DE ALTA UN USUARIO WEB, ASÍ COMO SU CLAVE..

El servidor, está listo, para meter nuestro wordpress, asi que.....

4. Una vez descargado el paquete, lo abriremos para observar algunas cosas. aqui os dejo una captura de la pantalla de la carpeta que os descargareís.

Bien nos vamos a centrar en el archivo WP-CONFIG-SAMPLE.PHP, lo abriremos con el wordpad o el editor de texto que tengamos y rellenaremos los datos que hemos barajado en el servicio de hosting. Cuando acabemos, le daremos a guardar como WP-CONFIG.PHP (en minúsculas)

5. Subir todo a traves de nuestra cuenta de ftp, al servicio de hosting.

6.� ir en nuestro caso desde un explorar web a la siguiente url www.midominio.com/wp-admin/install.php, en nuestro caso, www.levantamostuempresa.es/wp-admin/install.php

7. seguir todos los pasos que nos dén, y anotar la clave que se generá automáticamente, para entrar en el panel, administrador.

para ver la web básica iremos a www.nuestro_dominio.com (www.levantamostuempresa.es) y para ir al panel de administración a www.nuestro_dominio.com/wp-admin (www.levantamostuempresa.es/wp-admin)

8. una vez instalado, me he ido al panel de administración y he cambiado en USUARIOS>> el usuario admin, que le he cambiado la clave que me han dado por la de juanico. Así que si quereis entrar y hacer pruebas con el entorno de wordpress usuario =admin, clave = juanico

Pa M.
Recurso Ofrecido por Juan Garcia Delicado
www.flashmania.es� sugerencias en: webmaster@4cuarenta.com

Todo en esta vida, absolutamente todo, esta vinculado al tiempo, y pudiendo hacer las mismas cosas en menos tiempo ¿Por qué no probarlo? Así que os dejo deberes os dejo esta película flash para ver todos los atajos disponibles para acabar siendo mas productivos, anotadlos en una hojita de papel.. chincheta y frente por frente en nuestra mesa de trabajo.

También dejo pdf GUIA RÁPIDA atajos flash

y el swf en formato zip aquí

Recurso Ofrecido por Juan Garcia Delicado
www.flashmania.es� sugerencias en: webmaster@4cuarenta.com

recursos web css

RECURSO OFRECIDO POR www.flashmania.es,
Juan Garcia Delicado - webmaster@4cuarenta.com Julio 2008

Espero que sea de vuestro agrado

http://wefunction.com/2008/07/function-free-icon-set/�

RECURSO OFRECIDO POR www.flashmania.es,
Elaborado por Juan Garcia - webmaster@4cuarenta.com Julio 2008

Ya da lo mismo, que se vea la web que vamos a realizar en un 15 pulgadas, o en un 24. Este recurso permite que el contenedor o div, se ajuste totalmente al centro del monitor que sea, tanto verticalmente como horizontalmente.

Podreis ver un ejemplo en diseño web, haced más grande y más pequeña la ventana del explorador ¿hacia dónde se vá el contenido?

¿COMO SE HACE?

1) para empezar tenemos que crear un div

Después de eso iremos al asistente de CSS, y tendremos como ya sabemos 2 opciones para llevar a cabo el css:
a)incrustandolo en el propio docmento( html/xhtml) o
b) con un archivo externo.
Acostumbraros a hacerlo desde un archivo externo siempre, ya que las normas de accesibilidad, quieren siempre lo mismo separar, contenido de la web, de la parte de diseño. Nada con respecto al diseño debe de estar en un html/xhtml, en estos documentos solo encontraremos "etiquetas-tag"(h1,h2,p,div....) y texto plano.Los estilos , ya sabeis, a full con CSS.

bien el codigo/propiedades del css es el siguiente contenido_liquido

espero os haya sido de ayuda!
RECURSO OFRECIDO POR www.flashmania.es,
Elaborado por Juan Garcia - webmaster@4cuarenta.com Julio 2008

[/html]

Cual fué nuestra sorpresa, al ver que entre los recursos recomendados, en su último boletín, estaba nuestro recurso de la WEB FLASH TWEEN, que creamos y compartimos con la comunidad desde www.flashmania.es. Este hecho nos llena de satisfacción, ya que no todos los días se acaba siendo reconocidos por una entidad, como es Método Profesional. Desde nuestro equípo, gracias.
Mira el último boletín aquí

Suscribeté aquí.

Queremos que www.flashmania.es, sea tu sitio de referencia.

La página en cuestion es la siguiente:

Juan Garcia Delicado

así que ya sabeis, si teneis dudas o consultas, también las podeís realizar desde ahí.

Galeria profesional Juan Garcia

Estad pendiente del blog, pronto, colgaré los .fla, para que veais el codigo y lo podais usar en vuestros proyectos!

Nos vemos sed buenos!

RECURSO OFRECIDO POR www.flashmania.es,
Elaborado por Juan Garcia - webmaster@4cuarenta.com Julio 2008

¿COMO SE USA?

1) Generar en vuestro editor de paginas Webs (Dreamweaver), el formulario que deseis.

2) Comprobar que las etiquetas

, estan cerradas correctamente y la zona inferior del panel de propiedades, encontraremos un campo de acciones para el formulario, ahí introduciremos el nombre el archivo php. Tendremos en cuenta ademas, su posterior ruta en el servidor. Si lo ponemos el nombre directamente, el php y el Xhtml/Html, ambos estarán alojados en el mismo nivel.

3) Configurar el archivo PHP, abriendolo por ejemplo en Dreamweaver o en wordpad, básicamente cualquier editor de texto, sirvirá. Guardaremos los cambios.

4) Lo subimos al servidor, tanto el HTML/XHTML como el PHP y comprobamos que todo va correctamente accediendo a ellos desde nuestro navegador.
Me gustaría comentar algo y es que hago todo lo posible porque cualquier persona con minimos conocimientos de web, pueda seguir, sin problemas estos recursos que os facilito. La gente más avanzada, no tendrá problemas en poner en marcha estas cosas tan sencillitas. Cualquier duda o problema no duden en contactar. Saludos!

Descargar php

RECURSO OFRECIDO POR www.flashmania.es,
Elaborado por Juan Garcia - webmaster@4cuarenta.com Julio 2008

La pagina en cuestion es la siguiente:

http://www.christinarosenvinge.com/

Tras algunas pruebas con el código actionscript y jugando con la clase tween, este fué el resultado, hay dos versiones, una simple (la primera que hice) y otra algo más compleja. En esencia las dos funcionan con el mismo código, salvo pequeñas modificaciones. Este es un recurso que he desarrollado yo íntegramente y lo comparto con la comunidad, pensando en que puede ser interesante para nuestros proyectos. Se me ocurre por ejemplo hacer una galeria de fotos con este sistema, o un micro site, de presentacion de algún producto o servicio.

Ahí los tenéis y espero que sea de vuestro agrado...

Este es el simple...

Y este el complejo...

al final del post facilitaré tambien los archivos.fla, a fín de que quien lo desee, lo pueda descargar.

¿COMO SE HACE?

La idea es sencilla:

1) Crearemos movie clips con cada uno de los apartados de nuestra web

2) En Flash, seleccionaremos todos los MovieClips y crearemos un movie Clip-Total, que llamaremos contenedor.

3) En una hoja de papel iremos anotando las posiciones de "x" e "y" así como el ángulo que deberian rotar para que vieramos justo ese apartado en el escenario:

En el ejemplo y partiendo de que la Sección I esta inicialmente centrada en el escenario.
SECCION I � x= 750 px ; y= 400 px: rotación= 0º.

SECCION II � x= 400 px ; y= 50 px: rotación= -90º.*

SECCION III � x= 250 px ; y= -100 px: rotación= 0º. *
SECCION IV � x= 100 px ; y= -50 px: rotación= 90º. *

SECCION V � x= -250 px ; y= -100 px: rotación= 0º. *
SECCION VI � x= 750 px ; y= 400 px: rotación= 0º. *
*el angulo que anotémos será siempre haciendonos la siguiente pregunta ¿cuanto tiene que rotar el contenedor desde la sección I para llegar a la sección que sea...?

Pues la parte más compleja, ya la tenemos lista!

ahora a programar que en este caso es super sencillo, en este caso.
4) Generaremos, una capa con la botonera, os podeis currar la que querais...y finalmente la disposicion de las capas será asi de sencilla:

5) Abriremos el panel de Acciones (F9- Windows /ALT+F9 -Mac)

Lo primero que haremos será importar las clases, poniendo "*", las importamos todas.
import mx.transitions.*;
definirémos los botones como funcionesque contendrán tweens para que realicen las siguientes cosas:

A)� posición X......desde la posición X desde donde se encuentre el contenedor (contenedor._x) hasta la posicion que le demos (en cada botón).

B) posición Y......desde la posición Y desde donde se encuentre el contenedor (contenedor._y) hasta la posicion que le demos (en cada botón).

C) Rotacion......desde el angulo que tenga el movie-clip "contenedor (contenedor._rotation) al ángulo que queramos.

definimos los tweens dentro de cada boton en extructura, quedará algo así.
btn1.onPress=function(){

los tweens
} ;
btn2.onPress=function(){

los tweens
} ;
btn3.onPress=function(){

los tweens
};
btn4.onPress=function(){

los tweens
};
btn5.onPress=function(){

los tweens
};

btn6.onPress=function(){

los tweens
};

Para el que no controle los "tween por programación", próximamente escribiré un post al completo hablando sobre ellos.

6) Básicamente la estructura, o idea de este recurso, esta aquí recogida, no obstante, para quien deseé, ampliar información, como con todos los recursos que ofrezco, facilito los archivos .fla para vuestro estudio.

MODELO SENCILLO: aquí

MODELO MÁS COMPLEJO: aquí

RECURSO OFRECIDO POR www.flashmania.es,
Elaborado por Juan Garcia - webmaster@4cuarenta.com Julio 2008
Saludos!

Compártenos

]]>