Muy Buenas de Nuevo, tras unas semanas sin poder aportar nada nuevo, principalmente por falta de tiempo, os traigo un recurso para que podaís descargaros los videos del portal de youtube.
En mi caso, me sirvió para descargarme un par de videos que enseñé a los compis de un curso de Experto en Desarrollo web con PHP & MySql que he terminado recientmente, el problema que teniamos en el centro es que tenian capados los puertos de Internet y no se podian acceder a esos contenidos.Es una aplicación de escritorio y lo mas potente de esta aplicacion es que podemoas descargar solo video, solo audio, video & audio (por defecto) y ademas nos permite descargarlo en distintos formatos. Sin más demora os dejo el enlace de descarga

DESCARGAR VIDEOS DE YOUTUBE

Recurso Web Ofrecido por Juan García Delicado
Sugerencias a info@4cuarenta.com

PageRank^TM (PR) es un valor numérico que representa la importancia que una página web tiene en Internet. Google se hace la idea de que cuando una página coloca un enlace (link) a otra, es de hecho un voto para esta última.

Cuantos más votos tenga una página, será considerada más importante por Google. Además, la importancia de la página que emite su voto también determina el peso de este voto. De esta manera, Google calcula la importancia de una página gracias a todos los votos que reciba, teniendo en cuenta también la importancia de cada página que emite el voto. un ejemplo claro es que no es lo mismo que señale mi web la real academia de la lengua española o un medio de comunicacion, como el grupo prisa o el herald tribune a que me señale la web del taller de chapa y pintura de mi vecino.

PageRank^TM (desarrollado por los fundadores Larry Page y Sergey Brin) es la manera que tiene Google de decidir la importancia de una página. Es un dato valioso, porque es uno de los factores que determinan la posición que va a tener una página dentro de los resultados de la búsqueda. No es el único factor que Google utiliza para clasificar las páginas, pero sí es uno de los más importantes.

Hay que tener en cuenta que no todos los links son tenidos en cuenta por Google. Por ejemplo, Google filtra y descarta los enlaces de páginas dedicadas exclusivamente a colocar links (llamadas ‘link farms’).( granjas de enlaces)

Además, Google admite que una página no puede controlar los links que apuntan hacia ella, pero sí que puede controlar los enlaces que esta página coloca hacia otras páginas. Por ello, links hacia una página no pueden perjudicarla, pero sí que enlaces que una página coloque hacia sitios penalizados, pueden ser perjudiciales para su PageRank^TM.

Si un sitio web tiene PR0, generalmente es una web penalizada, y podría ser poco inteligente colocar un link hacia ella, pero aún así no deja de ser mala idea…si invetigaís esto un poquito más os sorprenderéis….

Una manera de conocer el PageRank^TM de una página es decargándose la barra de búsqueda de Google . Aparece una barra en la que se muestra en color verde el valor de PageRank^TM en una escala de 0 a 10. Sitios web con PR10 son Yahoo!, Microsoft, Adobe, Macromedia, o la propia Google. Teneis una lista completa con los sitios con PR10.

El algoritmo de ‘PageRank^TM‘ fue patentado en Estados Unidos el día 8 de enero de 1998, por Larry Page. El título original es ‘Method for node ranking in a linked database’, y le fue asignado el número de patente 6,285,999.

Actualmente, el pagerank aunque es un dato importante dentro del algoritmo desarrollado por google, no es definitivo a la hora de posicionar una web. Hasta este punto esto es así que se da el caso que webs con pagerank inferior en busquedas naturales, google las muestre en posiciones más relevantes.

¿La explicacion?
A mi entender, google con el pagerank , como hemos visto lo que hace es desarrollar un flujo de “energia” entre webs. Pero esa energía, no es para nada definitiva. Para obtener un posicionamiento web  óptimo, hay que ser, como he dicho en alguna que otra ocasión, bueno en todo, contenido, links, metas…. y cientos de cositas más que no vienen al caso….

Desde Flashmania.es os recomendamos que no os obsesioneis con el pagerank. En el caso particular de flashmania.es, a los dos meses de empezar tuvimos un pagerank mantenido durante algunos meses de pagerank 4, un diario de extension nacional en esa epoca tenían 4-5-6 de pagerank, asi que yo no salía de mi asombro.A los 6-7 meses bajó el pagerank a pagerank 2 y actualmente tiene un pagerank 0-1, depende de la temporada… Lo que si que puedo garantizar es que siempre estamos entre los 10 primeros resultados por la cadena de búsqueda “recursos web” entre más de 13 millones de resultados en www.google.es. lo mismo ocurre en otros buscadores bing, yahoo, etc…

En el diagrama de aquí arriba os he dejado el diagrama que circula por la red  en el que nos explican que cuanto mas cerca nos encontramos de la cuspide (pagerank 10), más complejo y mas fuerte es el esfuerzo a realizar.

De momento dejamos por aqui esta información aunque muy muy posiblemente ampliemos información al respecto porque  es un tema largo e intenso.

sugerencias a webmaster@4cuarenta.com
Artículo desarrollado por Juan García Delicado para recursos web.

• Ingeniería Kansei
  Kansei, viene del Japonés y significa,sensitividad, junto con sensibilidad. La ingeniería Kansei, nació de la mano del Ingeniero y Profesor MITSUO NAGAMACHI, y fué inventado en el año 1970, en simples palabras, podríamos decir que la ingeniería Kanseí no es más que transmitir sentimiento en el diseño.
  Relacionar un sentimiento intenso, que despierte las emociones, junto con las propiedades de los productos que se están promocionando.
• Siendo Pioneros…
  Lo que en 1970 comenzó como algo pionero a fecha de hoy, no hay campaña publicitaria que se nos muestre ante nuestros ojos sin tocar en mayor o menor medida nuestros sentidos, nuestras emociones.
  Hubo sobre todo a sus inicios, muchas guerras por este tipo de trabajos ya que fueron bastantes empresas privadas las que quisieron de algún modo hacer caja con todo esto, pero no es tan sencilllo realizar una auditoría en que se pueda calibrar el “sentimiento despertado” del target, o público objetivo.
• De coches va la cosa…
  Miestras estoy escribiendo esto, se me viene un ejemplo muy gráfico, años atrás, por ejemplo, los coches se los relacionaba con maquinas, hoy en día, estoy completamente seguro que si os digo “potente, comodo y elegante” nadie va a poner en duda que si se trata de un coche o no. ¿pensais que la Ingeniería kansei ha tenido algo que ver? yo creo que sin duda…. ya no vemos la “maquina” sino las sensaciones que nos produce estar a las manos de un coche potente (adrenalina…), comodo (relax, desasosiego, calma) y elegancia (ostentosidad, por ejemplo…).
• Video ilustratívo
  Os dejo un video cazado de youtube.com (zoom-zoom) y espero que os guste ¿ok?

• Más información
  Si quereis ampliar información he localizado en la red este documento en el que podeis ver los pilares elementales de algunas de las campañas desarrolladas a nivel nacional, el único problema es que está en inglés pero sé que os gustará! pinchando aquí
• una de las cosas que se me ha olvidado mencionar es que la ingeniería kansei, nació como eso una ingenieria y adopta multitud de posibilidades, no solo en el diseño (nosotros nos hemos centrado en el diseño)

recursos web. Recurso desarrollado por Juan García Delicado
puedes contactarnos en webmaster@4cuarenta.com

Desde flashmania hemos desarrollado un artículo muy interesante que nos han publicado en el boletín electrónico de la comunidad de diseñadores y programadores webs de método profesional. Justo hoy, ha sido el día indicado para que el boletín de recursos, viera la luz de nuevo. Sin más demora os dejamos el susodicho artículo y al final podréis ver los enlaces al blog de la comunidad y al boletín electrónico de la comunidad, a la que pertenemos. Esperamos que sea de vuestro agrado.

PNL: Algo más que una Herramienta

¿Te has preguntado alguna vez por qué hay personas que consiguen todo lo que se proponen, mientras otras no paran de intentarlo? ¿Crees que es cuestión de suerte? La pnl te desvela las claves para comprender a las personas exitosas ¿ventas?¿ comunicación? ¿Liderazgo? La buena noticia es que tú, también puedes hacerlo…

¿Qúe es la PNL?

Eso es lo que me pregunté cuando, hace aproximadamente 6 años, comencé a leer y a documentarme acerca de esta potente herramienta que, con un buen uso, puede facilitarnos un montón de herramientas y recursos, tanto a nivel personal y profesional.

Todo comenzó cuando sus creadores, Bandler & Grinder, en 1976, comenzaron a cuestionarse ¿Por qué unas personas son altamente efectivas y otras no lo son tanto? ¿Qué estaban haciendo esas personas para obtener tantos méritos y metas en sus vidas, que la gente corriente no hacía? Tomaron como ejemplo a las personas más influyentes de la época, principalmente terapeutas, como Virginia Satir, Milton Erickson, Fritz Perls, etc. Siguieron de cerca los avances que hacían con sus pacientes y descubrieron cuáles eran los mecanismos y estrategias que ponían en marcha para provocar cambios grandes en las personas. Gracias a esa investigación, nació la PNL.

PNL, significa Programación Neuro Lingüística, así encontramos, una parte neuro, en la que abarcaba la parte neurólogica, nuestros procesos neurológicos. La parte lingüística, abarcando toda nuestra comunicación tanto verbal, como no verbal y una parte de programación, en la que se haría referencia a los programas en nuestro sistema neurológico.

En definitiva y con palabras algo más corrientes la pnl, consigue usar el lenguaje para producir los resultados que deseamos.

Los resultados pueden ser de muchos tipos, ya no solo a nivel profesional, sino que la pnl está creando escuela con muchas y distintas vertientes, tanto en el tema de comunicación, ventas y marketing, asertividad, creatividad… Y un larguísimo etcétera.

Hoy vamos a centrarnos en algunas herramientas que nos facilita la PNL para el tema comercial y ventas y que es tan importante para nuestro sector. De manera dinámica veremos los tipos de clientes que existen y como crear sintonía con ellos.

Típos según la PNL

Según la pnl, podríamos hacer la siguiente clasificación de tipos de personas a grandes rasgos:

• Visuales = son individuos que representan la realidad internamente, mediante imágenes. Aproximadamente el 50% de la población suele ser visual. Y no es raro, por ejemplo, ver cómo personas visuales, se dedican además a temas como� la fotografía, el arte, el diseño grafico, la ilustración, el diseño web… Este tipo de perfil suele contener a grandes vendedores, ya que hacen “ver” super bien a sus clientes el producto, aún cuando éste no lo tienen entre las manos.
• Auditivos = estos individuos suelen tener muy desarrollados el sentido auditivo, y de hecho las representaciones internas que realizan de la realidad la arman con sonidos.
• Kinestésicos = son personas que viven del “contacto”, de las sensaciones que les producen las cosas táctiles, las emociones, etc..
• Digitales = son personas con un gran dialogo interno, altamente pensativas y no representan internamente la realidad con ningún sentido. Son personas algo abstractas.

Aunque podríamos seleccionar tipos de personas, también diremos que todas las personas contienen un componente de todas, aunque predomine uno.

Características de Tipos:

¿POR QUÉ SABER LOS TIPOS?

Imagínate por un momento que puedes crear sintonía inmediatamente con cualquier tipo de persona y que identificando algunos de los patrones descritos anteriormente, puedes descubrir qué tipo de personas tienes delante. Todo esto es cuestión de “idiomas”, si lo identificas y modificas tus gestos, tu tono de voz y las palabras que usas, de acuerdo a la persona que tienes por delante, has creado sintonía de manera automática.

Otra de las herramientas destacadas de la pnl es la de los accesos oculares, observando esos accesos oculares, podemos identificar más claramente el “idioma” de nuestro cliente, e incluso saber si lo que dice es cierto o no. Los veremos a continuación.

Los políticos por ejemplo si estudiáis cualquiera de los mítines que suelen dar, facilitan predicados en los que involucran a todos los tipos. Así lo que consiguen es que su “mensaje” llegue a todas las personas.

No hace muchos años, en EEUU, realizaron un estudio, en el que cogían las canciones del TOP- TEN y las destriparon, para saber por qué esas canciones estaban entre los números uno, y cuál fue su sorpresa al ver que, todas contenían predicados que abarcaban a los 3 principales tipos (visuales, auditivos y kinestésicos).

ACCESOS OCULARES

Muy seguramente, muchos de vosotros, habréis escuchado, visto o leído, algo respecto a los accesos oculares, es decir de acuerdo a la posición de éstos, saber que está pasando por la cabeza de la otra persona.

El tema de los accesos oculares, en contra de lo que mucha gente pueda creer, es una herramienta de lo más sencilla de utilizar, aunque también es cierto que durante la comunicación tenemos que estar seguros al 100% de que no malinterpretamos esos accesos oculares, ya que suele ocurrir en algunas personas que tienen los polos cambiados. Con la siguiente imagen, veremos más fácilmente los tipos de accesos oculares que existen.

A grandes rasgos, situándonos frente a cualquier persona, los accesos de personas que trasmiten ideas visuales, están enfocando sus accesos oculares hacia arriba. Los tipos auditívos, enfocan su ojos hacia los lados y las personas kinestésicas (las que necesitan mucho contacto) hacia abajo.

A su vez si miran hacia izquierda, o derecha, identificaremos por ejemplo en los visuales, si está creando/ construyendo, las cosas que dice o si las está recordando y de igual manera ocurre con los auditivos.

Los accesos oculares en la parte baja, comprenden a las personas kinestésicas (personas muy sensibles) y las personas de dialogo interno.

En mi caso en el tema comercial esto es de vital importancia, porque si tengo a un cliente por delante que he calibrado y sé que es visual, como yo, y me dice con accesos oculares de visual creado, que tiene ya otra oferta de otra empresa, mucha más económica, ya sabes por donde te viene tu cliente. Lo primero que hago es cuestionarlo y decirle francamente “ posiblemente tenga una oferta mejor, no se lo niego, pero me gustaría creer, que estamos hoy aquí reunidos para que su proyecto en internet se rentabilice “.

Como recomendación, os diría de manera directa que la pnl nos provee de muchas y grandes herramientas comunicativas, y como herramientas que son, se pueden utilizar con buenos y malos fines. Un destornillador, puede ser la mejor herramienta de trabajo de un carpintero, pero un destornillador, también puede herir a una persona. Si ponéis en marcha estos dos sencillos recursos, seguro que a partir de ahora, iréis con ventaja a visitar a vuestros clientes. De eso se trata, de tener herramientas que nos faciliten las cosas.

Este artículo desarrollado por Juan García Delicado (practitioner en PNL) y publicado el día 2 de Diciembre de 2009 en el boletín oficial de la comunidad de Método profesional:

http://www.metodoprofesional.es/boletin/8/index.html

también se puede consultar en el blog corporatívo de método profesional en:

http://www.metodoprofesional.es/blog/articulos/la-pnl-algo-mas-que-una-herramienta

¿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

Desde Flashmania, hemos encontrado este potente buscador que ademas nos paga por visitar o por registrarnos en las webs. si ademas compramos algún artículo en esas webs, nos pagan por ello. Increible pero cierto os dejamo el link, apra que lo mireis con detenimiento. Tiene muy buena pinta. Nos pagan por visitar de igual manera que navegando por google, pero ahora ademas con un interés.

os dejamos el link

www.beruby.com

FLASHMANIA CUMPLE SU PRIMER AÑO DE VIDA.

En esta segunda quincena de Julio, flashmania cumple su primer añito de vida. Como agradecimiento a todos vosotros, hemos decidido sortear, entre las personas que se inscriban, los siguientes 12 premios :

a) 1 hosting Reseller con ilimitado espacio, ilimitada transferencia mensual, cpanel, contratado con la empresa redcoruña (tarifa plana multidominio), Durante un Año. ip Española.

b) El registro durante el primer año, de un total de 10 dominios (con extensiones .es, .com, .net, .org, .info) 1 para cada uno de los agraciados. El nombre de los dominios será a elegir por cada uno de los agraciados, siempre y cuando se encuentren disponibles. los dominios se registrarán a traves del registrador de dominios piensasolutions.com.

c) Publicidad en el Blog, durante un mes en la portada de nuestro web-blog. en un banner cuadrado flash, que el interesado deberá facilitar. En las Dimensiones que se le pidan desde el equípo de flashmania.es

BASES

PAra inscribirse en el sorteo, inscribete aqui:

concurso flashmania
el plazo será hasta las 12 de la noche del día 31 de Julio de 2009. Solo se tendrá en cuenta una participación por usuario. Los datos falsos , inexistentes o inciertos, serán descartados y eliminados.

El premio no es canjeable por dinero en efectivo. El sorteó se realizará al azar entre todos los participantes y tendrá lugar el día 1 de Agosto, a las 9 de la mañana. Se publicarán los nombres de los ganadores en el blog a lo largo del día. Por tanto todos los participantes en el momento de participar en este sorteo, autorizan a Flashmania.es a publicar su nombre completo, en caso que séan agraciados en nuestro website.
Ademas, se le comunicará el premio por correo electrónico y/o por teléfono a los 12 ganadores. En caso que algún prestador de servicios, dejara de ofrecer los productos que sorteamos, se valorarian, y se ofrecerían productos alternativos de similares prestaciones y valor o el reintegro económico del producto que se sortea, sin derecho a reclamaciones posteriores de ningún típo.
Podrán participar en este concurso, tanto empresas como particulares.
El concurso sólo quedará desierto y sín ningún ganador, si no se llegaran a inscribir un mínimo de 12 personas.

No lo dejeis escapar . para cualquier otra consulta al respecto podréis contactar a webmaster@4cuarenta.com. Recurso Web Ofrecido por Juan García Delicado

VIDEO 1

.

VIDEO 2

.

VIDEO 3

.

VIDEO 4

.

VIDEO 5

.

VIDEO 6

VIDEO 7

VIDEO 8

VIDEO 9

Aunque sabemos que son bastante videotutoriales, no sha parecido una manera magnífica para enfocar mejor, el posicionamisento web en buscadores.

APRENDE A CALCULAR LO QUE VALE TU TRABAJO

¿SABES CALCULAR LO QUE VALE TU TRABAJO?

Recientemente a través de un foro de Internet donde participo asíduamente, se planteo el dilema de poner precio a nuestros trabajos, cuando unos ponian un precio desorbitadamente alto, otros estaban dispuestos a hacerlo por precios ridículos y analizandolo con detenimiento hay muchos factores para estipular el precio final de nuestros proyectos web (diseño web profesional).

En un primer acercamiento creo que algunos de los factores para estipular los precios podrían ser por ejemplo:

- La tecnología a usar en cada proyecto

- La experiencia de la persona que lo lleve a cabo

- El tiempo para realizarlo

- Nuestra mayor o menor necesidad de Ingresos

- Nuestros Gastos Fijos o no fijos

- Los gasto que acarre llevar a cabo el proyecto web

- La posible o no inversion realizada en maquinaria (ordenadores, impresoras, ADSL)

- Investigación y desarrollo ( el tiempo que pasemos investigando para ofrecer algo “novedoso a nuestro cliente)

- entre muchísimos más. (financiación a un Cliente…..etc)

Desde Recursos web (www.flashmania.es) os ofrecemos la formula secreta que anda por la red para el calculo medio de nuestros proyectos webs.

DONDE:

A…Son los costes de operación (luz, software, ordenadores, maquinaria… todo lo que necesitamos)

B… Es Nuestro Salario, lo que queremos ganar al mes

C… es un número fijo, y equivale a 160 (serían las famosas 40 horas semanales x 4 semanas= 160, es decir,

las horas trabajadas al mes, en una joranda estandar de 40 hrs/semanales.

D… son la estipulación de las horas que se le dedicaran al proyecto web

E… los gastos ocasionados por poner en servicio la web de nuestro cliente.

Espero que esta formula la tengaís presente a la hora de calcular lo que vale vuestro trabajo, o al menos para comparar si los precios que habeis dado estan más o menos acorde con la realidad matemática.

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

recursos web

Estamos de nuevo con otro recurso para mejorar vuestro posicionaminto web con wordpress, en este caso este tutorial que he desarrollado para el boletin electrónico de método profesional, os explico paso a paso como configurar wordpress para conseguir rutas o url amigables y posicionar los contenidos de nuestras secciones o entradas, ademas de por las palabras claves que metemos, por las urls.
Bueno ¿pero esto, que mejora me aporta? yo lo puse en marcha en este blog, y conseguí aumentar mis visitas de 3500 a cerca de 5mil y van creciendo de manera exponencial a un ritmo vertiginoso, mes a mes..

permalinks

os dejo el enlace aquí para no copiarlo de nuevo aquí

PERMALINSK Y URL AMIGABLES EN WORDPRESS

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

Espero que sea de vuestro agrado

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

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

http://www.xploravisual.com/blog/seo-vs-seo-20

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

RECURSOS SEO:VIGILA A TU COMPETENCIA
Sí, así es, hoy nos vamos a dedicar a vigilar con una potennntísima herramienta a nuestra competencia. En las campañas SEO, que realizo actulamente me encuentro con que son mis clientes, los primeros que me dicen, Juan yo quiero estar por delante de... y cuando llego a casa a estudiar su proyecto de posicionamiento en buscadores, lo primero que uso es esta herramienta.

Esta herramienta nos dice cuantas paginas webs tiene desarrollado un sitio, independientemente que sean estáticas o dinámicas y el numero de web que hacen inlinks. Dicho de otrra manera un listado de webs, que en el momento del análisis, apuntan a mi web.

¿QUÉ CONSIGO YO CON ESTOS DATOS?

Buena pregunta, imaginemos que estamos en la posición 17 dentro de una cadena de búsqueda determinada, y digamos que quiero alcanzar los 10 primeros puestos, como estratégia inicial, antes de luchar por ser uno de los primeros.

Con esta herramienta lo que haremos será observar las características del sitio web que tengo justo por delante. Técnicamente, en el momento que consigamos el mismo numero o mayor número de inlinks hacia mi web, que las que tiene mi competencia, automáticamente acaberemos por delante suya. Y he dicho técnicamente, porque tambien hay otros factores muy muy importantes y que son dignos de valorar, por ejemplo la calidad de los enlaces.

¿EXISTE ESO? ¿ENLACES DE MAYOR Y MENOR CALIDAD?
Así es, chicos, no solo existe sino que ademas es uno de los factores más importantes para posicionar nuestra web. 10 enlaces con Pagerank 8 (PR en adelante) tienen mayor valor frente a google que 40 enlaces pagerank 1. Contra mayor pagerank, digamos que google, determina que tiene mayor veracidad esa "recomendación web". el intercambio de enlaces google lo leé de esa manera, esta web, recomienda a esta otra.

Dicho esto os dejo la web en cuestión, y mucho animo a aquellos que andaís como locos intentando posicionar una web. Si teneis dudas, ya sabeis donde encontrarme. Saludos chicos!

https://siteexplorer.search.yahoo.com/

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

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

Para todos aquellos que de una vez por todas quereis incorporar todas vuestras cuentas de correo a traves del gestor de correo que trae por defecto apple MAIL os traigo este recurso.

Se llama httpmail y lo ha desarrollado DANIEL PARNELL. OS dejo por aquí el link de una pagina donde os lo podeis descargar completamente gratuito� aqui� y en todas sus versiones dependiendo de la version del sistema operativo que tengais, leopard, tiguer...etc....etc..etc...
Como siempre espero sea un recursos que haya valido la pena publicar abiertamente con la comunidad.

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í

recursos web css

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

Con este tercer tutorial veremos finalizado a groso modo el modo de automatizar photoshop, aunque bien es cierto que es un tema tan amplio que perfectamente podríamos realizar 10-15 tutoriales al respecto y sin problemas..

Bien como repaso a los anteriores, vimos sin entrar en muchos detalles, como photoshop podía automatizar tareas , para ello, vimos, su funcionamiento (ver tutorial 1) y como grabar las acciones (ver tutorial 2) para después ejecutarlas sobre un lote de imágenes.

En este veremos como aplicar esas "acciones" que hemos grabado, yendo a FILE>> AUTOMATE>> BATCH (inglés) ó en español ARCHIVO>> AUTOMATIZAR>> LOTES...
y a continuación encontraremos la siguiente pantalla de configuración.

¿Qué tenemos que configurar?
1) SET/TIPO....Ahi le diremos que de donde cojeremos los comandos para automatizar tareas, por defecto..ACTIONS/ ACCIONES
2) ACTION/ACCIÓN...nombre de la acción que hemos grabado con anterioridad
3) INICIO/SOURCE folder/carpeta, le dirimos de donde tiene que iniciar las acciónes por defecto, photoshop, las coje de una carpeta y las que elabora con nuestras acciones las cpia en otra carpeta destino, por lo tanto en este apartado pondremos la ruta de la carpeta de origen.
+ Tendremos además para marcar, otras casillas como son, obviar, el comando Abrir imagenes, (podriamos ejecutar una ación sobre un archivo que ya tengamos abierto.
+ Incluir en la seleccion las sub--carpetas del directorio que hemos marcado con anterioridad
+ Suprimir la información de los dialogos d apertura de archivos
+ Suprimir las advertenciasm de pos perfiles de color
estas dos últimas evitan que nos muestren pantallas de advertencia, mientras se ejecutan las acciones, recomiendo marcarlas, sino imagniros 4 ventanas de advertencia por 200 fotos... se pierde más timepo en cancelarlas que en otra cosa..

y en la siguiente parte marcaremos la carpeta destino, asi como el nombre y la extension de los archivos, podremos decirle sin problemas que la guarde renombrado con serie de numeros, palabras, etc..etc.

y por último ok, photoshop se pondrá a realizar esas fundiones en ese lote..

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

http://www.dafont.com

La instalación viene incluida en la descarga en inglés muy sencillo

http://eyecon.ro/spacegallery/�

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

¿COMO SE HACE?

1) Abriremos el archivo al que vamos a "grabar" las acciones que le hagamos.

2) iremos a WINDOWS>>ACTIONS (inglés) // VENTANA>>ACCIONES.. y se nos abrirá el panel que he marcado en la captura de pantalla con amarillo y rojo.

Aquí os dejo la captura de solo el panel acciones.

3) En la parte inferior encontramos varios botones. Imaginaros que estáis, delante de una grabadora y como tal, encontrareís.. el stop, el rec, el play y otros botones de gestión de acciones como son, crear carpetas, acción nueva, y la típica de toda la vida, papelera, para eliminar acciones.

4) Para comenzar a poner a photoshop a grabar todos nuestros actos, nos valdrá con pinchar, accion nueva (es el mismo icono de capa nueva), asignarle a esa acción un nombre, y darle a rec.

5) Photoshop grabará absolutamente y con todo detalle, todo lo que hagamos, incluido del abrir, cerrar, copiar, cerrar el programa, etc... Asi que si vais a tratar una imagen desde cero, abrir photoshop , dadle a grabar y empezais... (pongo un ejemplo)

a)archivo>> abrir.... la imagen que me interesa

b) panel de capas y hacer una copia para mantener la original intacta

c) desactivar la capa original, para trabajar para la copia

d)IMAGEN>> MODO y la cambiamos de RGB (por defecto vienen así de las camaras digitales) a CMYK para poder imprimirla sin problemas

e) IMAGEN>>LEVELS //imagen >>niveles.. para ajustar los niveles de intensidad de la foto en cuestión.

f) CAPA NUEVA.. que rellenamos con el patron de efecto tv, que podrás encontrar aquí.

g) Ajustamos la trasparencia de esa capa, y para terminar...

h) archivo guadar como.... XXXXX, en jpg al máximo de calidad.

y al acabar, pincharemos STOP.

PHotoshop ha grabado todos esos pasos, con los parámetros que hayamos introducido.

en el próximo tutorial explicaré como decirle que realice todas esas acciones a un lote de imagenes.

Quiero que el concepto, quede bien claro, lo aplicamos a una imagen, y eso mismo lo aplicará a las imagenes o archivos que le pidamos.

Próximamente la última parte de este tutorial tan interesante.

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

1) FUNCIONAMIENTO DE AUTOMATIZACIÓN DE TAREAS.

2) GRABAR LA AUTOMATIZACIÓN DE TAREAS.

3) APLICAR LA AUTOMATIZACIÓN A UN LOTE.
Bien para comenzar, quería comentar que photoshop es conocido como uno de los programas de edición fotografica, más potentes y extendidos que existen, hay miles de opciones de configuración que conociendolas un poquito, podemos hacer cosas asombrosas, próximamente, iré introduciendo en la web, algunas cosas para hacer con photoshop muy muy interesantes.( efecto maqueta, imagenes en blanco y negro perfectas, como recortar objetos dificiles (pelo, sombras...), mejorar el color de ojos, potenciar aspectos de la imagen que por sí solos, no destacan, ajustes de colores, de tonalidades y un larguísimo etc, que estoy preparando....).

¿COMO PROCESA PHOTOSHOP?

En síntesis, el proceso de automatizar photoshop, no es más que abrir, el programa, y darle a un boton, que registrará absolutamente todos los pasos que queramos hacer con dicha imagen. Cuando terminemos, pararemos el "registro de pasos", y le diremos que procese, esas mismas cosas que hemos hecho, con un "lote" de imagenes contenidas en una carpeta.

algunos pensareís bueno.... ¿Y tan potente es esta herramienta?� y tengo que responder un SI, rotundo. Imaginemos que estias de viaje y que teneis 400 fotos, de los 15 días que habeis estado pasando en la playita o en la montaña y observais que todas las fotos han salido desenfocadas, o muy rojas, podreis editar 1, y solo una, dedicandole todo el tiempo del mundo y cuando decirle a photoshop, ehii, hazme el resto, igual que he hecho yo esta.(399 restantes).

La última vez que la usé fué para hacer una galería, imaginaros 30 fotos para una galeria, cada una de un tamaño distinto, y que tenía que hacer 2 cosas, hacer las miniaturas, desaturandolas (para que se viesen en Blanco y negro) todas al mismo tamaño y además hacer las fotos grantes, todas al mismo tamaño y con un marco con mi firma abajo. edite solo una, para la miniatura y otra para la imagen grnade y el resto photoshop lo hizo. ¿genial verdad?

Eso no es todo, porque aparte del ahorro de tiempo material, que eso conlleva, imaginaros que algún cliente os pide retocar todas las fotos de su empresa para hacer un almanaque, ¿cuanto cobraríais? interesante cuestion, en el fondo solo editaré una, el resto, se hace solo, eso sí aplicando mis conocimientos, que es "lo que vale dinero". Podreís cobrar por cada foto una cuota fija,no sé 5-7-9 euros y las multiplicais por las fotos que le hagaís. Ahora le veís más sentido a esto verdad? tardas 8 minutos, en hacer una, y el resto se haces solo. ...84 euros, 8 minutos de vuestro tiempo, no esta mal eh?

La próxima en unos días.
RECURSO OFRECIDO POR www.flashmania.es,
Elaborado por 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]

¿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