DISEÑO Y SERVICIO WEB, RECURSOS EN LINEA, TUTORIALES, PROGRAMAS Y MÁS...

viernes, 31 de julio de 2009

Curso de PHP rápido y fácil

El sitio www.intercambios virtuales ofrece un curso virtual en cd para aprender PHP que
incluye todo el software necesario para el curso

Temas
  • Que son Páginas Web dinámicas?
  • Aprendiendo PHP con Dev-PHP.
  • Instalando Servidor Apache.
  • Aprendiendo el Intérprete de PHP.
  • Realización de la Configuración de Apache.
  • Configurando PHP.
  • Instalación Rapida de Apache y PHP
  • Introducción a la Base de datos MySQL
  • Coniciendo PhpmyAdmin
  • Uso avazando de PHP-MySQL.
Para ir a la página y descargarlo dar clic aquí

Post relacionados

Libro de PHP

Manual para crear tu blog desde cero


manual para crear tu blog desde cero
Hace un tiempo mientras navegaba por la red encontre este manual y me parecio muy bueno para los que quieren tener un blog en blogger. El manual es muy básico pero va desde cero.
Todos los puntos estan muy bien detallados con muchas imágenes ilustrativas.
Cuando leas este manual y te largues con tu blog, sigue leyendo nuestro blog porque encontraras más tutoriales para diseñar y complementar el tuyo!!!

Descargalo desde
megauload o rapisheard
tamaño: 2 mb
fuente: intercambiosvirtuales.org

Post relacionados:
¿Cómo modifico o cambio la plantilla de mi blog (blogger)? Crea tu plantilla Blogger

miércoles, 29 de julio de 2009

Agregar una sala de chat a mi blog con xat

Aqui os voy a dejar otra opción de sala de chat algo más pintoresca y popular que la de Cbox. Como siempre voy a indicar los pasos para poder agregar uno a tu blog o página. Por supuesto que es GRATIS

Pasos

1) Ir a la página xat
Dado que la página esta en ingles voy a dar una ayudita extra con imágenes
2) Dar clic en Make a chat box
registrarse en xat







esto nos va a llevar a otra página
crear chat con xat










3) En esa página debemos eligir una imagen de fondo de la sala de chat entre las que opciones que tenemos o subir una propia.
También se puede elegir el tamaño de la sala de chat small(pequeño) medium(medio) y large(largo)
4) Muy bien ahora lo último que tenemos que hacer es seleccionar para que lo queremos es decir si blogger, página, facebook, etc. Y copiar el código que aparece debajo
5) El código se pega como siempre en Diseño/ Elementos de página/ Añadir gadget/ HTML javascript en el caso de blogger

Asi se verá:





Get your own Chat Box! Go Large!

Post relacionados

Agregar chat a un blog con Cbox

martes, 28 de julio de 2009

Agregar chat a un blog con Cbox

¿Te morís por tener un chat en tu blog? ¿Lo necesitas rápido y fácil? ¿Queres darle un toque diferente a tu blog?
Bueno si estas en alguna situación similar a esta en esta tutorial se darán todos los pasos para tener un sencillo chat en blogger

Pasos

1) Ir a cbox
2) Registrarse. Como esta en inglés voy a dar una ayudita con imagenes
2.1) Dar clic en sign up en la parte superior de la página

registrarse en cbox







2.2) La página nos dirige a otra en la que hay un cuadro como el siguiente en la que se deberá completar los campos para registrarse. Antes de dar clic en Create my cbox hay que asegurarse de haber tildado en aceptar las condiciones del contrato y de elegir el modelo de chat que mejor se adapte a nuestas necesidades que se puede previsualizar en la página

crear chat con cbox














3) Ahora que ya estás registrado hay que iniciar sesión en login name
4) Cuando inicies sesión aparecerá esta página allí hay dar clic en Publish en la parte superior de la página para que se nos devuelva un código
panel de control de cbox









6) Fijense que el códigos se puede cambiar dependiendo si se quiere para blogger, una página, foro, etc. Por defecto parece que viene para blogger.
7) Muy bien copien el código y vayan a su blog a Diseño/ Elementos de página/ Añadir gadget/ HTML javascript y peguenlo allí

Listo para disfrutar
Acá va un ejemplo









Llevar Estadisticas web con Google Analytics

Para muchos es de vital importancia y para otros un dato curioso conocer el número de visitantes que recibe un sitio.
Muchos como nosotros hemos recurrido a aplicaciones que brindan algunas webs y que permiten agregarlas a la página y ser visibles por todos, que cuentan el número de visitas. Estas son buenas herramientas para el propietario de la web, se agregan de forma sencilla, hasta algunas proporcionan algún dato extra como el de 99counters que detalla el número de visitantes de online, su procedencia y las visitas del día. Pero la pregunta es ¿Estas herramienta "contable" son suficientes?
En mi ópinion personal no lo son. Las razones son las siguientes.
  • Cualquiera que tiene la idea de aumentar el número de visitas de su web necesita más datos. Si es un proyecto empresarial con más razón aún.
  • Existen herramientas, algunas gratuitas y muy buenas que ofrecen más datos y no son de díficil implementación
Creo que 99counters o histast son buenos complementos en algunas páginas, que permiten reconocimiento inmediato por parte de un visitante sobre el nivel de popularidad de un sitio web lo que aumenta su valor, ya que fácilmente se puede deducir que si muchas personas visitan la página el contenido es de calidad o valioso generalmente.
Pero si un propietario de una página o blog quiere hacer un trabajo serio y detallado que le permita un análisis para determinar el nivel de crecimiento, los puntos fuertes y flacos de una web debe sin dudas usar otro tipo de herramientas. Es obvio que a mayor información sobre el perfil, los gustos y las necesidades de cualquier visitante se puede satisfacer mejor, traduciendose con seguridad en aumentar el valor de una web, si eso es lo que se busca.
La herramienta que voy a presentar y recomendar es google analytics. Yo la uso personalmente y quisiera enumerar algunas de sus ventajas:

  • Es gratuita
  • Muy completa
  • Permite conocer entre otras cosas:
  • Numéro de visitas: por día, semana, el total, etc.
  • País de procedencia del visitante
  • Navegador que usa
  • Determina como se dirigió a la página si por: motores de busqueda, de forma directa, a través de otra página. Todo esto de forma detallada
  • El tiempo que pasan en el sitio
  • Las palabras claves por las que entraron (mi favorita)
  • La veces que fue visto un determinado contenido, o cual es el más visto
  • Y muchisimas cosas más que aún no he terminado de descubrir
Todas estos resultados se dan de una forma muy amena en la mayoria complementado con gráficos, promedios, etc.
En fin google analytics esta bárbaro para conocer más sobre las visitas a tu web y es muy fácil registrarse!!! Lo recomiendo
Más adelante puede que de los pasos completos por si alguien tiene problemas para registrarse
Bueno creo que en esta entrada aburrí un poco con material poco práctico y un poco más informativo pero me pareció importante ya que muchos han visitado el sitio en busca de contadores....


lunes, 27 de julio de 2009

Cambiar iconos de navegacion en blogger

Si ya estas aburrido de los links "entradas antiguas", "entradas nuevas", "next", "previous" cuando esta navegando por tu blog, o simplemente queres darle más atractivo, una solución puede ser cambiar estos links por iconos de navegación

¿Qué es un icono de navegación?

La respuesta es:
Son imágenes enlace que incluimos en las páginas y que suelen tener la apariencia de botones o flechas, cuya función es ayudar al visitante a navegar por nuestra página.
Ejemplo:siguienteanterior


Si ya estas seguro de que queres cambiar en link por un icono
estos son los pasos:

Ir en tu blogger a Diseño/ Edición de HTML y tildar la opción expandir plantillas de artilugios

Recomendación: descargar la plantilla para que en culquier caso de que cometas un error, puedas dejar todo como esta subiendo nuevamente la plantilla, pero eso es tu decisión

En el cuadro de edición buscar el siguiente código:

<b:includable id='nextprev'>

<div class='blog-pager' id='blog-pager'>

<b:if cond='data:newerPageUrl'>

<span id='blog-pager-newer-link'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

</span>

</b:if>



<b:if cond='data:olderPageUrl'>

<span id='blog-pager-older-link'>

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

</span>

</b:if>



<b:if cond='data:blog.homepageUrl != data:blog.url'>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

<b:else/>

<b:if cond='data:newerPageUrl'>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

</b:if>

</b:if>

</div>

<div class='clear'/>

</b:includable>


a este remplazar por el siguiente


<b:includable id='nextprev'>

<div id='blog-pager'>

<b:if cond='data:newerPageUrl'>

<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'>

<img src="la direccion donde esta tu icono";

</b:if>



<b:if cond='data:olderPageUrl'>

<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>

<img src="la direccion donde esta tu icono";

</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'>

<img src="la direccion donde esta tu icono"

</div>

<div class='clear'/>

</b:includable>


Donde dice "la direccion donde esta tu icono" debe ser el elace de tu imagen que ya debe estar subida a la red, ya sea en un servidor o en otra página.
La primera corresponde al icono que equivale con next o siguiente
La segunda corresponde al icono que equivale con previo o anterior
y el tercero equivale a home o pagina principal

Si te arrepientes y quieres volver a tener texto, lo que debes hacer es sustituir en el código

<img src='http://...left.gif'/>

por el texto

Cualquier duda comenten

Cargar Archivos sin registrarse en Depositfiles

Encontré un lugar sencillo y fácil para cargar archivos de programas, películas, música, etc



Este alojamiento de archivos no requiere registrarse y es tan secillo como indicar la ruta cargar y luego nos devuelve una dirección desde donde podemos bajar esos archivos...

Aquí va la dirección:

http://depositfiles.com/es/

jueves, 23 de julio de 2009

Directorios para tu Blog o Blogger

Algunos directorios sencillos para tener en cuenta:

Directorio de blogs

Directoriomaestro.com

miércoles, 15 de julio de 2009

Crea tus propios slideshow con un programa sencillo y gratis

Navegando encontré el programa D_Flash_Slideshow_Creator que sirve para crear slideshow de manera muy sencilla, está en inglés pero es sumamente intuitivo y fácil de comprender
Se los recomiendo, una vez que crean un slideshow tienen la opción de publicarlo en html, con sus respectivas carpetas para adjuntar en tu sitio web...

crea tus propios slideshow con un programa sencillo
Lo pueden descargar gratis aquí
Espero sus comentarios al respecto...

Visor de Imágenes Automático

Un sencillo y fácil servicio para crear Slideshow, un proyector o visor de imágenes


Buscando en la web una galería de imágenes encotré este servicio que permite realizar un slideshoe de manera sencilla y con gran aplitud de variación...Luego de crearlo te devuelve un código que puedes pegarlo en calquier página o blog (desde el código html)
Espero que te sirva...
Aquí te dejo un ejemplo que cree y la dirección de la página.





Aquí te paso la página www.slide.com/

Sería bueno saber cómo quitar el link que pone en la parte superior izquierda ... molesta mucho!!!!
Post relacionados:
Crear un slideshow sencillo
Visor de imágenes autómatico
Como crear un slideshow
Crea una galería de imágenes al estilo lightbox

martes, 14 de julio de 2009

colocar un buen Slideshow en tu web

Como crear un slideshow (visor de imegenes dinamicas) o como agregar un slideshow a tu web...


Buscando galerías de imágenes encotré este servicio de slideshow (un pryector o visor de imágenes secuenciadas de manera dinámica) muy bueno, hace flata registrarse pero es muy sencillo, sólo te piden un mail, un nombre clave y una clave.
Luego el procedimiento es simple y en español (casi todo), subes tus fotos, eliges entre una gran variedad de marcos (en este caso yo elegí el de un móvil o celular digital), también los efectos y las transiciones, etc... Luego te pasa un código que puedes pegar en cualquier web...
Ah! Lo olvidaba se puede descarcar albums de imágenes que tengas en servicios como facebook completos y crearlos a partir de ellos.
Espero te guste!!
Tiene muchas variantes.





Aquí va la dirección para crearlo:


www.imageloop.com

Galería o Visor de imágenes ¿Cómo crear un galeria de imágenes?

Crear una galería de imágenes o visor de imágenes sencillo y de buen diseño...


En busca de una buena galería de imágenes encontre esta opción que me pareció muy buena, haciendo cilck aquí puedes ver el siguiente ejemplo y así comprobar como funciona:

Lightbox:
Es una galería con lenguaje javascript y css muy sencilla y no hace falta tener mucho conocimiento al respecto, tal vez si un poco de css si se desea modificar el aspecto pero nada de programación. Les explico como hacerlo a utilizar es aplicación, paso a paso:
  1. Ten lista la cantidad de imágenes en tamaño real y sus copias en miniatura que vayas a utilizar.
  2. Crea una sencilla página web donde colocar las minaturas y establece un vínculos entre ellas y las tamaño real (originales). Te daré el siguiente ejemplo (verás que las incluí en una lista):
    <ul>

    <li>

    <a herf="imagen01.jpg">

    <img src="imagen01miniatura.jpg">

    </a>

    </li>

    <li>

    <a herf="imagen02.jpg">

    <img src="imagen02miniatura.jpg">

    </a>

    </li>



    </ul>
  3. Ahora descarga los archivos necesarios de la última versión de lightbox en la página www.lokeshdhakar.com/projects/lightbox2/ donde dice Download

  4. Colócalos en tu carpeta del sitio web, es decir en la misma carpeta donde tienes tu págian con las imágenes.
  5. Ahora deberás seguir los siguientes tres pasos para que se active en tu página:

    • Colocar este código en la etiqueta head de tu página para establecer un vínculo con los archivos de javascript externos (asegurate que la ruta indicada en src entre comillas se la de la carpeta en la que colocaste los archivos, si la colocaste en el mismo sitio donde está tu página no tendrás ningún problema):


      <script type="text/javascript" src="js/prototype.js"></script>

      <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>

      <script type="text/javascript" src="js/lightbox.js"></script>

    • También icluye en el encabezado, es decir, en la etiqueta head, el siguiente vínculo al archivo css:
    • Ahora deberás agregar a la etiqueta
      <a>

      donde colocaste el vínculo desde la imagen en miniatura la siguiente instrucción rel="lightbox[roadtrip]". Te daré un ejemplo siguiendo el modelo anterior:

      <ul>

      <li>

      <a herf="imagen01.jpg" rel="lightbox[roadtrip]" >

      <img src="imagen01miniatura.jpg">

      </a>

      </li>

      <li>

      <a herf="imagen02.jpg" rel="lightbox[roadtrip]">

      <img src="imagen02miniatura.jpg">

      </a>

      </li>



      </ul>


    Bueno espero que te sea de ayuda, a mí personalmente me gustó mucho ...
    Encotré otras opciones que ya colocaré en el blog también. Eso sí no tan fáciles de personalizar como esta...

lunes, 13 de julio de 2009

Libro de PHP

Acá dejo una descripción del libro junto con el enlace de descarga



como hacer un portal con PHP

Con la lectura de esta obra, se pretende enseñar al lector cómo
crear aplicaciones para nuestras páginas web. Para ello, no es necesario
ningún conocimiento de programación, ya que lo que se pretende con
este libro es enseñar desde cero a programar las aplicaciones más
avanzadas empleadas en portales de Internet. Se mostrarán todos los
contenidos necesarios en cuanto a la programación en PHP y la
utilización de la base de datos MySQL, esta última realmente útil.

Con este lenguaje, se consigue crear interactividad y webs
dinámicas para una mejor dinámica entre las páginas web.
Al lector no le resultará nada dificil el aprender a realizar sus
propias aplicaciones para sus páginas web, porque gracias a los
ejemplos que se muestran, y a los conocimientos que se adquieren al
inicio de la lectura, será capaz de aprender y de modificar códigos a su
gusto, según las necesidades del lector.
Sería de gran utilidad para el lector que tuviera unos
conocimientos básicos de programación HTML, ya que según se avance
en la lectura de este libro, se irán introduciendo nuevos términos, como
pueden ser formularios, etc., y tener una idea al menos básica de este
lenguaje.

descarga
fuente:taringa

miércoles, 8 de julio de 2009

10 Errores de Diseño Comunes

Navegando por al web a altas horas de la noche encontré este material sumamente interesante sobre errores comunes cuando diseñamos una web.
Es Bueno Tenerlos en cuenta y repasarlos de vez en cuando antes de publicar nuestro sitio...

10 Errores de Diseño que no podemos cometer

lunes, 6 de julio de 2009

Páginas Dinámicas...

¿Cómo crear una intranet?


Si encontras algo de este tema en programación PHP pasámelo que me viene muy bien, una buena página dinámica necesita de una intranet...
Y no tengo mucha idea de como crearla...