CURSO PROFESIONAL DE PHP DE ACCESO PUBLICO

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

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

VARIABLE

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

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

por ejemplo para php

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

TIPOS DE DATOS EN PROGRAMACIÓN

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

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

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

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

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

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

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

en php declaramos arrays sencillos de esta manera:

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

OPERADORES EN PROGRAMACIÓN

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

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

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

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

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

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

RECURSOS DISEÑO: 20 REGLAS PARA REALIZAR UN BUEN DISEÑO

¿que diferencia un diseño, de un buen diseño? ¿Qué pautas principales son las que tenemos que tener en cuenta para que nuestra idea, sea plasmada con profesionalidad?� Quizás sean algunas de las preguntas que te atormentan cuando comienzas con un lienzo en blanco, desde Recursos web (www.flashmania.es), queremos darte las pautas para conseguir realizar un buen diseño. COMENZAMOS!

1)� � � � � TENER CONCEPTO. No diseñar e ir probando cosas, tienes que tener algo preconcebido, una imagen, una idea...¿qué queremos transmitir?

2)� � � � � COMUNICAR, NO DECORAR. ¿Qué queremos dar a entender? ¿Debilidad? ¿Fortaleza? El diseño tiene que tener carácter, un sentido... y quizás despertar algún sentimiento.

3)� � � � � HABLAR CON UNA VOZ VISUAL. Sé gráfico, transmite gráficamente tu idea.

4)� � � � � USAR COMO MÁXIMO DOS FAMILIAS TIPOGRÁFICAS� aunque no es una regla firme, en temas de diseño, más es menos.

5)� � � � � USAR EL MOVIMIENTO, el golpe, la combinación� � ¡Un-Dos! es esto lo que nos� llama la atención de los diseños.

6)� � � � � NO USAR COLORES SIN QUE TENGAN UN PROPÓSITO, lo de colorear sin salirse de la linea, dejalo para los nenes de guardería. Los colores tienen que tener un motivo!!

7)� � � � � SI PUEDES HACER LO MISMO CON MENOS, HAZLO (Más es Menos)

8)� � � � � EL ESPACIO NEGATIVO ES MÁGICO, ÚSALO, CRÉALO, RESPÉTALO y sobre todo, no lo llenes por llenar. No te pagan por rellenar una hoja en blanco...

9)� � � � � LA TIPOGRÁFIA ES UNA IMAGEN, TRATALA COMO TAL.

10)� � SÉ UNIVERSAL.EL DISEÑO FINAL, NO ES SOLO PARA TI.Piensa en todos los usuarios.

11)� � SUAVIZA Y SEPARA. Sé sutil siempre. Las cosas RECARGADAS, ya no funcionan.

12)� � PRESTA ESPECIAL ATENCION A LUCES Y SOMBRAS.

13)� � MIDE CON TUS OJOS. El diseño es puro asunto visual.

14)� � CREA IMÁGENES. Sé Original.

15)� � IGNORA LAS MODAS. El diseño no tiene nada que ver con modas.

16)� � ACCIÓN, eso es lo que tiene que plasmar tu diseño, movimiento.

17)� � MIRA LA HISTORIA, recréate, visualmente hablando con diseños del pasado, pero no lo repitas.

18)� � LA SIMETRIA ES COMO TODO. Ni tanto, ni tan calvo…

19)� � LA TIPOGRAFIA ES TIPOGRAFIA SOLAMENTE CUANDO ES AMIGABLE. Activa el uso de las fuentes para que tengan carácter.

20)� � ORDEN. Haz las cosas con un ligero orden y respetando aspectos básicos como pueden ser los márgenes, las proporciones, etc.. (Lo que hagas, hazlo por algo, en los buenos diseños, nada está ahí, así porque sí.)

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

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

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

¿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

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í

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

recursos web css

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

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