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

Desde Flashmania.es os dejamos 8 diseños de menus para que los podais descargar tranquilamente desde casa y lo apliqueis a vuestros proyectos. Seguro que os son de bastante ayuda, adecuando el diseño al proyecto que os traeis entre manos.

Es un pack con 8 menus, podeis descargaroslo pinchando sobre cualquier imagen de las que aparecen aquí arriba.

Recurso Web | Juan García Delicado

Visto en | Free CSS

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

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

Sin tener mucho que ver con la llamada web 2.0, he pensado que para las personas que se inician en el diseño web sería muy bueno poner algo de historia a cerca de como se comenzó a realizar los websites en internet. La historia desde siempre ha abierto las puertas de la comprensión de las cosas que estamos haciendo en el presente.... en diseño web no iba a ser distinto no creeis?

En un principio encontrabamos:

Web-Sites de primera generación:
En un web-site de primera generación las páginas se desarrollaban, se subían al servidor y el servidor se
encargaba de enviar las páginas al browser, es un modelo basado en páginas estáticas, en donde predominaba el uso de texto, links a otros sites o a otras páginas del mismo site y listas con “bullets” para enumerar cosas.
Frecuentemente se usaban líneas horizontales “rules” para separar contenidos y las páginas de gran extensión vertical con gran cantidad de texto, listas y links eran comunes. Si bien no eran visualmente atractivos estos sites estaban enfocados a funcionar en forma veloz y entregar al usuario gran cantidad de información interrelacionada.

al tiempo despues aparecieron, lo que llamaríamos:

Web-Sites de segunda generación:
La segunda generación de web-sites implicó una revolución en lo visual, a medida que los web-sites se volvían emprendimientos más comerciales que científicos el hecho de “capturar” usuarios se torno una premisa y por ello se le dio gran importancia al aspecto visual. Las páginas con “layouts” visualmente atractivos fueron más y más populares, el uso abundante de imágenes, imágenes animadas y elementos multimedia se volvió común, aparecieron páginas que controlaban los fonts, el estilo y la posición en la que los mismos se ubicaban. La gran mayoría de los sites usaban tablas HTML para controlar la posición exacta en que los elementos aparecerían en el browser y tags nuevos en html como “font” u otros para controla la forma en la cual los mismos se verían. El concepto fue dominar la presentación de la información. Otra característica importante de esta segunda generación de Web-sites fue la aparición explosiva de más y más aplicaciones a medida. Los servicios que ofrecía un site se volvían factores importantes en la atracción de usuarios, chats, foros de discusión, banners, contadores y muchas aplicaciones más empezaron a aparecer y las falencias del protocolo CGI, a medida que las aplicaciones eran mas grandes y la cantidad de usuarios crecía exponencialmente, comenzaron a hacerse notar.

y finalmente, aparecieron las famosas:

Web-Sites de tercera generación:
La tercera generación de web-sites siguió basada en lo visual, el gran cambio vino en la forma cómo se generaba la información. Las páginas estáticas que dominaban el 100% de los sitios de primera y segunda generación fueron reemplazadas por páginas dinámicas que el web-server generaba en el momento, a partir de información que en� general se guardan en una base de datos. Estos sitios “dinámicos” permiten actualizar la información e incluso cambiar completamente la forma en que se muestran dichos datos en velocidades asombrosas. Los sitios de tercera generación facilitaron las aplicaciones interactivas, la información en tiempo real y que día a día se ofrecieran nuevos servicios. Las aplicaciones empezaron a desarrollarse también usando otras tecnologías dejando de lado el protocolo CGI. Aplicaciones en ASP, mod_perl o PHP, mucho más poderosas y eficientes que sus pares CGI, son el standard de este tipo de sitios.

Buenas a todos, después de esas vacaciones de verano... Retomaremos el curso de php junto con otras cositas que os tengo preparadas y que casi con total seguridad, os serán de gran ayuda a la hora de poner en marcha vuestros proyectitos web.

Como iba comentando vamos a orientar este post al curso de php, que veniamos desarrollando de manera gratuita totalmente para la comunidad y hoy nos centraremos en LAS FUNCIONES EN PHP.

Vale, todo genial, pero....¿QUE ES UNA FUNCION EN PHP?
Una función son unas rutinas que mandaremos que procese nuestra aplicacion y que las llamaremos frecuentmente. Es una de las cosas mas importantes de cualquier lenguaje de programación ya que esto nos ayudará a tener un código muy estructurado, reutilizable y limpio.

¿ A QUE TE HAS REFERIDO CON "RUTINAS"?
Muy bien, pondré un ejemplo de funcion para que lo veais claro:

<?php

function sumar (a,b){
$numero1= a;
$numero2=b;
$suma=$numero1+$numero2;
echo $suma;
}

?>

he definido la funcion sumar, introduce en variables esos numeros y despues suma esas variables como resultado, imprime en pantalla la suma de los dos núnmeros.

ahora solo tenemos que llamar la funcion con los numeros que nos apetezca, o necesitemos

<?php

sumar (2,4);

sumar (23762,54545);

?>

php nos devolverá las sumas...

Como habreís visto es algo muy muy sencillo, asi que aprovehco para dejors un listado de funciones en php, para que vayais haciendo pruebas

DESCARGAMEEEEEE

se me olvidaba....la sintaxys de las funciones es tal que así:

function nombre (parametros){
la rutina que tiene que hacer esa funcion;
}

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

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/

recursos web tempaltes para correos electrónicos

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

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

CURSO PROFESIONAL DE PHP DE ACCESO PUBLICO

CURSOS DIRECTOS: CURSO DE PHP V: CONCEPTOS DE PROGRAMACIÓN

Bien en este capítulo del curso de programacion de php vamos a repasar algunos conceptos previso y que nos servirá como base, para aprender cualquier lenguaje de programación. aunque algunos ya los hemos visto y son de evidente conocimiento, para los que ya sabemos programar. ahí os lo dejo para consulta o repaso.

VARIABLE

una definicion de variable es la ubicación temporal de memoria, donde el programador guarda determinado valor que le interesa retener durante la ejecución de algún script.

dependiendo del lenguaje de programacion de declara de una manera u otra...

por ejemplo para php

por ejemplo para javascript (que proximamente veremos un cursillo intensivo)

TIPOS DE DATOS EN PROGRAMACIÓN

NUMEROS => Se tratan de numeros enteros o reales que a su vez pueden ser positivos, negativos y el cero, por supuesto!

STRING => ya comenzamos con las palebrejas en inglés, un string es una cadena, traducción literal y se refiere a datos que contienen cadenas de caracteres, osease, palabras, cadenas de texto.

BOULEAN => serían buleanos, en castellano serian datos cuyos valores significan VERDADERO o FALSO

NULL => son datos cuyo valores estan vacios o no tienen valor alguno

ARRAYS =>son variables que permiten varios valores posibles. tambien pueden llamarse, arreglos, listas o matrices ponemos un ejemplo

la variable color de una camiseta, puede ser blanca, amarilla, roja, verde....

como vemos� una variable de un mismo elemento puede obtener distintos valores.

en php declaramos arrays sencillos de esta manera:

estos son los principales que deberiamos de saber de momento no hemos vistos arrays dimensionales y otros mas complejos,

OPERADORES EN PROGRAMACIÓN

MATEMATICOS => con estos nos permiten realizar calculos matematicos suma, resta, etc...
Los simbolos + - / * permiten realizar las operaciones de suma, resta, división y multiplicación. El símbolo % permite hallar el resto de una división.

COMPARACION => se usan para comparar una expresion con otra, dependiendo del leguaje de programación de realizará de una manera u otra
El símbolo == permite asignar valores a variables:

ASIGNACIÓN => se les asigana un valor a una expresión.
El símbolo = permite asignar valores a variables:

CON CADENA => como la concatenacion (que ya se vió en post anteriores).

El el próximo veremos cositas mas avanzadas asi que a meterle caña chicos!

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

CURSO PROFESIONAL DE PHP DE ACCESO PUBLICO

CURSO PHP IV: OTROS ASPECTOS INTRODUCTORIOS
Bien en esta parte del curso veremos cosas típicas de la programacion php y que no había contemplado exponerlas por lo sencillas que son, pero tras haber visto muchas consultas al respecto, os las aclaro por aquí a modo de post, para quien las sepa, de recordatorio.

1) SINTAXIS INICIAL
tenemos que ponerlo siempre para realizar nuestros scripts, de esta manera alertamos al servidor web que tiene que resolver codigo php

2) INSERCIÓN EN HTML
de esta manera insertamos scripts php, entre nuestros documentos html, generados con cualquier editor web (por ejemplo Dreamweaver de Adobe).

3) COMENTAR CÓDIGO
Creo que bajo nuestra manera de trabajar, es super importante ir comentando el código, frente a posteriores actualizaciones, o modificaciones, es importante ir comentando los scripts que vamos desarrollando, de esta manera clarificamos mucho nuestro codigo pondré un ejemplo que os clarificará mucho todo esto:

AQUI SE VERÁ MAS CLARO...

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

CURSO PROFESIONAL DE PHP DE ACCESO PUBLICO

Buenas de nuevo chicos, hoy veremos las variables en php. ¿Qué es una variable? Una variable es un simbolo que significa algo. Sé que puede llegar a ser dificil de analizar de primeras, pero es mucho más sencillo de lo que pensamos que es.
Bien pondré un sencillo ejemplo:
a=5;
ahí estaríamos declarando una variable, estamos diciendo que el símbolo "a", significa el valor numérico "5".
Así que en php podemos jugar declarando variables haciendo algo así:

SINTAXIS
Para declarar variables en php, sólo tendrémos en cuenta que se declaran con el simbolo dolar ("$"), delante del nombre que le asignemos a la variable, como se puede ver en el ejempo que he puesto comentado.

Las variables tambien permiten ejecutar secuencias, como por ejemplo, expresiones o calculos tal y como ocurre en el siguiente caso:

u otro ejemplo podría ser:

En este último ejemplo he introducido la concatenación, ¿Qué es la concatenación? La concatenación en los lenguajes de programación se utiliza para UNIR cosas. en la ultima linea del último script ,he concatenado dos variables. Las concatenaciones con php se hacen mediante un punto (.)
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

Buenas navegando por la red y teniendo en mente un proyecto de fín de master que tengo que presentar en las próximas semanas en el que habia pensado hacer un catalogo inmobiliario, andaba buscando las tablas para importarlas a mi aplicacion. Las tablas que andaba buscando eran las tablas relacionadas con las provincias y localidades de toda españa.

Mil gracias a la web de... DAVID BAYON http://www.davidbayon.net/index.php?mostrar=posts&post_id=91

descargar archivo comprimido aqui.......>>>>>> provincias y municipios>>>>>
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

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

¿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

recursos web css

RECURSO OFRECIDO POR www.flashmania.es,
Juan Garcia Delicado - 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

]]>