RECURSOS WEB

RECURSOS WEB: ICONOS WEB PARA TODOS

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

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

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

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

RECURSOS WEB: TABLAS mysql PROVINCIAS y LOCALIDADES

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

RECURSOS WEB: APUNTES DE DISEÑO WEB.

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

Buenas de nuevo, alguien habrá leido wordpress y no follow y estará pensando ¿De qué diablos estarán hablando? Así que como siempre empezaré explicando todo.

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

RECURSOS WEB: DISEÑAR PARA VARIOS EXPLORADORES (RECURSOS CSS)

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

Desde www.flashmania.es os informamos de las ultimas noticias de nuestro portal web. En este caso os comentaremos nuestras estadisticas web. A pesar del corto tiempo de vida que tiene nuestro portal (no llega a 3 meses), ya contamos con más de 6mil visitas, haciendo una media mensual de alrededor de unas 2mil visitas. Este dato no acaba siendo el más importante de todos, ya que 8 de cada 10 personas (88%) que nos visitan agregan la página a favoritos.

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

¿QUÉ ES UN SITE MAP?
Es simplemente un “esquema” de nuestro sitio web. Sí, como suena, a través de nuestro sitemap le mostramos a nuestro usuario web, la arquitectura de la información de nuestra pagina web. Básicamente existen dos maneras de crear un site map, la primera como un html, donde se recogería toda la información acerca de nuestro sitio, como venimos comentando, y la segunda nos la facilita google, en su apartado de “centro para webmasters”, básicamente es una herramienta, que lo que hace es leer nuestro sitio web, y generar un archivo XML, que tendremos que introducir en el directorio raiz de nuestro servidor.

¿PARA QUÉ QUIERO YO, UN SITE MAP?

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

¿COMO EMPEZAMOS?

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

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

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

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

sitemap ok

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

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

chicaseo

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

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

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

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

ateneu popular

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

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

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

RECURSOS WEB: MACHO DOMINANTE

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

RECURSOS WEB: SCRIPTS LISTOS PARA USAR

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

Buenas de nuevo!

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

Buenas os dejo un nuevo recurso sobre la tendencia en el posicionamiento web SEO, algo tan divulgado y comentado últimamente. La fuente, como casi siempre, ha sido una pagina web en ingles (http://seo2.0.onreact.com/seo-vs-seo-20-top-15-differences).Espero sea de vuestro agrado!

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