RECURSOS WEB

GANAR DINERO ES FÁCIL, Leé Esto!

LIGHTBOX EN PROYECTOS HTML

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

Paseando por internet, encontré esta web, donde comparten gratuitamente� más de 30 plantillas html para enviar por correo. la verdad que he visto alguno diseños muy interesantes y que nos ayudaría a mejorar nuestra imagen de cara a clientes y proveedores.

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

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

CERTIFICACION OFICIAL DE ADOBE
De la mano de Adobe os dejo un video explicatívo de como certificarse oficialmente con adobe como ACE (Adobe Expert Certificated). en un analisis personal, pienso que certificarse con adobe, solo te puede traer cosas buenas, ya que será de valorar por cualquier empresa el hecho de que seas un experto avalado por adobe. Si quieres marcar un diferencial con respecto a tu competencia, o si quieres formar parte del club de desarrolladores de adobe, solo tienes que certificarte.

CERTIFICACION EXPERTA EN ADOBE

CURSO PHP II: NUESTRO PRIMER SCRIPT

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

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: 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

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?

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.

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

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)

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 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 de Nuevo , en este caso, os voy a dejar un recurso que he visto muy interesante se trata de un tríptico en pdf, que podremos imprimir sin problemas para tenerlo como guía orientatíva. Espero os sea de ayuda!

recursos web css

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