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

martes, 30 de junio de 2009

Agregar Música al blog o página con eSnips

Para todos los que quieren tener un reproductor de música en su blog o página y no saben como hacerlo aquí va una sencilla tutorial:

1) Lo primero que hay que hacer es ir a eSnips. eSnips es un servidor que nos permitira subir música a la web de forma muy fácil e intuitiva y sobre todo gratis.
musica en tu blog

2) Una vez allí debemos procurar registrarnos
Para eso ir a join y completar los datos de registro *NOTA* poner el correo verdadero porque requiere confirmación

3) Luego recibiras un mail con un link, abrir el link para activar la cuenta.

4) Ya se puede iniciar sesión por lo tanto en la página principal ir a Sign in

5) En el panel no da la opción para subir un arhivo a esnips, puedes subir tantos como quieras para luego crear un playlist (lista de reproducción) que reproducirá tu blog o página.
También se puede buscar música subida por otros usuarios para no tener que subirla
Para agregar las canciones a la lista de reproducción hacer clic en add quicklist

6) Luego que ya tienes la canción ir mp3 Widgets, donde se puede seleccionar un reproductor entre los diferentes diseño, previsualizar el reproductor, y el código que debemos agregar en el blog o página
También nos da la opción de elegir autoplay o no. Recomiendo mantener la opción no ya que es bastante molesto entrar a una página y que empieze a reproducir música de improvisto, a no ser que tengas una buena razón

7) Finalmente es necesario copiar el código y pegarlo donde se desee. En el caso de un blogger como siempre hay que ir a Diseño/ Elementos de página/ Añadir gadget/ HTML javascript y pegar el código generado por eSnips en contenido y guardar

Yo voy a intentar poner el reproductor aquí debajo porque no es mi intención tenerlo en el blog de forma permanente


07. Celebra La Vid...

Fireworks Portable

Fireworks portable

Adobe Fireworks (Fw) Es una aplicación en forma de estudio (basada por supuesto en la forma de estudio de Adobe Flash®) pero con más parecido a un taller destinado para el manejo híbrido de gráficos vectoriales con Gráficos en mapa de bits y que ofrece un ambiente eficiente para la creación rápida de prototipos de sitios Web e interfaces de usuario como para la creación y Optimización de Imágenes para web. Originalmente fue desarrollado por Macromedia, compañía que fue comprada en 2005 por Adobe Systems. Fireworks está enfocado en la creación y edición de gráficos para internet. Está diseñado para integrarse con otros productos de Adobe, como Dreamweaver y Flash. Está disponible de forma individual o integrado en Adobe CS3.

Curiosidad: Su nombre en español significa "fuegos pirotécnicos"

Esta version es portable 69 Mb
Descargar Fireworks Portable
Fuente: taringa

Photoshop CS3 Portable Español

Adobe Photoshop CS3 (Creative Suite 3) es uno de los programas más utilizados por los profesionales de la imagen digital y diseñadores web para realizar sus creaciones.

Adobe Photoshop CS3 ofrece cientos de herramientas para el tratamiento de imágenes (selección de zonas, herramientas de pintura, trazados, eliminar efecto ojos rojos, filtros y objetos inteligentes, etcétera), y sin perder la imagen original. Contiene gran variedad de herramientas de dibujo y pintura profesionales (pinceles, óleos, etc.), y trabaja con las distintas capas que componen la imagen, permitiéndolas extraer, desplazar, girar…

Cuenta con Adobe Bridge CS3, que nos permite organizar nuestras imágenes, con filtros que facilitan la búsqueda, y permite crear miniaturas de nuestras imágenes o agrupar varias para formar una única miniatura.

Adobe Photoshop CS3 trabaja y permite importar y exportar una gran variedad de formatos de imagen (JPEG, PNG, TIFF, BMP, etc.), y cuenta con innumerables plugins y recursos externos, libros y formación por parte de desarrolladores y docentes en el manejo del programa.

Fuente: Taringa
http://www.gigasize.com/get.php?d=7dnr185bk5f

Dreamweaver 8 Portable en Español


El mejor programa de diseño en una versión portable. Tiene todas las caracteristicas de la versión completa pero con la ventaja de ocupar menos espacio en tu disco duro

Tamaño 60 mb

http://rapidshare.com/files/213735177/Macromedia_Dreamweaver_8_Portable.rar

Fuente: Taringa



Pasa tus contactos de tu red social a windows live

Si queres ingresar a tus amigos de una red como facebook en windows live hace esto
es fácil
1) Entra a http://profile.live.com/connect/
2) Te aprecerán dos opciones seleccionar desde tu lista de contactos y agregar por dirección de correo electrónico

pasa tus contactos de tu red social a windows live








3) En seleccionar desde tu lista de contactos elegir la red social entre las disponibles
4) pulsar la flecha azul

Abir varias sesiones de msn 2009

No es necesario instalar nada!

Para poder abrir varias sesiones en msn 2009 ahora llamado windows live messenger solo se necesita hacer una sencilla modificacion en el registro de windows. No asustarse que es muy fácil, te daré los pasos bien detallados

Pasos

1. Ir a Inicio --> Ejecutar --->te aparecera la ventana de Ejecutar ---> y ahi escribe regedit y le damos aceptar.

ventana ejecutar



2. Te aparecerá la ventana del Editor de registro. Seguidamente buscar la siguiente clave HKEY_LOCAL_MACHINE --> SOFTWARE --> Microsoft --> Windows Live.



3. Hacer click en Messenger. Hacer click derecho para mostrar el menú contextual. Elige NUEVO-> y escoges el tipo que pone DWORD.
Te aparecera algo parecido a esta imagen siguiente -->

editor de registros para abrir varias sesiones de msn 2009

4. Edita el nombre del Nuevo valor #1(como esta en la imagen) a MultipleInstances. Luego clic derecho sobre el valor MultipleInstances, para mostrar el menú, y seleccionas MODIFICAR. Te aparecerá una ventana llamada Editar valor DWORD . Ahi cambia el valor 0 a 1, donde menciona Información de valor.

editor de dword


5. Ya puedes abiri múltiples sesiones.

NOTA: En caso de querer desactivarlo solo hay que eliminar el archivo creado.

lunes, 29 de junio de 2009

Agregar código javascript o HTML en Blogger

¿Cómo agrego un código JavaScript o HTML en Blogger sin problemas?




Un error muy frecuente y que yo cometía al principio era intentar pegar determinado código como por ejemplo para agregar un contador de visitas en la plantilla del blog lo que generaba un error. En el caso de que logrará guardar los cambios de la plantilla igual los resultados en el blog no eran precisamente los que yo esperaba ¿A qué se debía esto? A que no sabía lo siguiente

Cualquier código que se intente agregar en el blog que le agregue alguna funcionalidad o que no tenga que ver con el aspecto visual de la plantilla se debe agergar de la siguiente manera:

Ir a Diseño/ Elementos de Página/ Agregar Gadgets

Allí no saldrá una lista de gadgets en la que se deberá buscar uno que se llama HTML/ Javascript que es el que permite pegar el código deseado. Seleccionar el gadeget

En el campo contenido se pega el código, se guarda y listo. Ya queda agregada al blog

Con esto se ahorran muchos dolores de cabeza, pensando en porque la plantilla no me permite guardar los cambios



Espero que sirva esta información, porque muchas tutoriales que andan por la web, no explican este último paso

Histast vs 99counters. Comparación

¿Cuál es mejor histast o 99 counters?
¿Cuáles son las pricipales diferencias?

Muy bien con esta simple comparación pretendo mostrar las diferencias entre ambas opciones para decidir que contador agregar a mi página o blog. Como recordatorio en este blog se puede encontrar las pasos para crear un contador de visitas en cualquiera de las dos páginas.

Principales Caracteristicas del contador de visitas de Histats

  • Posibilidad contador de Histastde elegir muchos diseños y colores
  • Posibilidad de mostrar el total de visitas
  • De visitas del día
  • El número de visitantes
  • El número de visitantes en el día
  • El número de visitantes online
  • Requiere registrarse para crear el contador de visitas
  • Permite crear más de un contador de vistas
  • Genera el código en javascript, html y xhtml
Principales Características del contador de visitas 99 counters

contador de visitas de 99counters
  • Requiere registrarse para crear el contador de visitas
  • Permite crear más de un contador de vistas
  • Genera el código en javascript
  • Muestra el número total de visitas
  • De Visitantes online
  • El país de donde proviene el visitante
  • El Número de visitas del día
  • Tiene un diseño animado
  • Solo permite cambiar color y tamaño
Personalmente recomiendo el contador de Histat en el caso de que se quiera una informácion un poco más detallada, sin embargo la información que brinda e contador de visitas de 99 counters es muy buena también y ofrece una mejor apariencia. En caso de estar registrado en google analitics (posteriormente haré una entrada explicando de que se trata) recomendaría el de 99counters.

Crear contador de visitas con Histats.com

Otra opción para crear un contador de visitas gratuito alternativo al de 99counter es el que se puede crear desde la página de Histats

Pasos Para crear un Contador de visitas con Histats

1)Ir a www.histats.com

2) Luego allí elegir la lengueta "Registrarse"

3) Completar todos los datos hasta estar correctamente registrado

4) Iniciar sesión

5)Dar añadir página web. Completar los campos url, titulo, descrpción, los valores iniciales, elegir la zona horaria, tipo, categoria e idioma

6) Dar continuar

7)Luego elegir la categoria. Las opciones son: invisible, animadado, 1 línea, 2 líneas, 3 líneas, 4 líneas e ícono. Allí se pueden previsualizar algunos ejemplos para notar las diferencias entre uno y otro

8) Luego se elige el modelo de contador. Todo muy fácil hasta ahora seguro que ya te das cuenta como es

9) Después te da la opción de que optar por la que información que va a mostrar el contador, dar continuar

10)Por fin la página genera un código para pegar en la página o blog

11) En el caso de querer hacerlo en blogger. Para pegar el código se debe ir a diseño/Elementos de página/Añadir gadgets/HTMl Javascript. Aparece una ventana con campos título y contenido. En título agregar un título a elección como contador, estadísticas, etc y en el campo contenido pegar el código generado por histats

12) Guardar los cambios para que este pronto

Crear un contador de visitas con 99counters

Importancia de un contador de visitas

  • Permite medir la popularidad de tu sitio
  • Estar al tanto de las vistas diarias
  • Mostrar a otros el tráfico que tiene tu web
  • Etc

Por todas estas razones es muy útil tener un contador de visitas que te permita llevar las estadistica

Utilizando la página www.99counters.com es muy fácil y en unos pocos pasos podrás tener un contador como el de este blog

99countersPasos Para crear el contador de visitas

 
 

  Ir a www.99counters.com
2) Allí en la página de bienvenida dar click sobre la opción crear contador
crear un contador web en flash
3) La primera vez que uno entra deberá registrarse para eso hay que ir a la opción registrarse en la parte superior derecha de la página
99counters registrado
4) Luego aparecera un cuadro para que proceder con la registración que se deberá completar

formulario de registración en 99counters5) Una vez registrado, hay que iniciar sesión
6)Ya iniciada la sesión empieza la parte divertida. Elegir la opción Crear un contador en mis contadores
7) Saldrá una cuadro como el de la imagen con la opciónes para elegir un tema el cual modificara el tamaño y los colores del contador.
También se debe poner un Nombre del Contador y elegir una Zona Horaria

editar contador de visitas
8) Completado todo se guarda y aparecerán dos codigos de los cuales se debe copiar uno de los dos (el que tu quieras)

9) En el caso de que tengas una página hay que pegar el código en una parte de la página que tu quieras. Pero si tienes un blogger:
  • Ir a Diseño/ Elementos de página/ Añadir gadget/ Html Javascript
  • En HTML/ JavaScript se abrirá un cuadro. En el campo título agregar uno cualquiera y en contenido pegar el código que arrojó la página 99 counters
  • Guardar los cambios
Si todos los pasos fueron correctamente realizados se obtendrá un contador como este al entrar a la página o blog

contador de visitasCualquier duda escriban un comentario. Se responden consultas en inglés y si no queda otra alternativa en frances también, jaja....





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

Encontré una página muy útil que me sirvió para modificar un blog de un cliente que tengo, así que te paso la dirección para que veas como hacer para modificar la platnilla de tu blog a tu antojo...
Como crear la plantilla de mi blog
Además de funcionar como un buen tutorial de Plantillas de blog, te lo recomiendo, además en ese sitio encotrarás más información útil sobre diseño web a tener en cuenta
Te paso el blog de mi cliente también para que veas como quedó...
Pi Artesano

Quitar Navbar (Barra de blogger)

¿Cómo quitar la barra de navegación de blogger?



Si tu plantilla tiene esa molesta barra de blogger llamada navbar que no le encuentras utilidad alguna aquí va una sencilla tutorial para quitarla
barra de blogger (navbar)
1) Primero hay por supuesto que ir en tu blog a Diseño/ Edición de HTML
2) Allí en el cuadro para editar la plantilla buscar:


style type="text/css



3) Inmediatamente después escribir esto


#b-navbar {visibility:hidden;}



Ya esta pronto
Te cuento hidden significa en ocultar en ingles entonces seria como ocultar la navbar

En el caso de que ya hayas modificado la plantilla puede que no encuentres esto. Ese es nuestro caso, entonces hay que pegar esto antes de la etiquera de cierre de head

<style type="text/css">

#navbar-iframe {

height:0px;

visibility:hidden;

display:none;

}

</style>




Posicionamiento de etiquetas con CSS

Más información útil para poder dominar la posición de las etiquetas div en una página web con capas de estilo css...
Encuentro esta página muy útil y clara al respecto

Leer Artículo

lunes, 22 de junio de 2009

Crear Favicon (el icono de la barra de direcciones del navegador)

Al icono que muchas veces vemos en la barra de direcciones de nuestro navegador cuando ingresamos a determinadas páginas se le llama favicon

que es un faviconla mayoría de las páginas que veo a diario tienen uno, lo que lo hace un elemento casi tan impresindible como el logotipo. En blogger aparece una B por defecto
La imagen del favicon tiene un tamaño de 16x16 pixeles por lo general pero seguro que se debe poder variar un poco.


favicon
Luego de que se tiene la imagen hay que subirla a la página o a un hosting de imagenes. Yo lo que hice con mi blog carman.tk cuando tuve que subir el logo que queria utilizar como enlace y que puse en este blog, fue subir la imagen en post para luego enlazarla. Pero lo más importante es lograr que la imagen este en la red de alguna forma.

Una vez que subimos el favicon solo nos queda insertarlo en el blog. Para ello vamos a Diseño y a la Edición HTML del blog y buscamos el siguiente código:


<title><data:blog.pageTitle/></title>


Y justo antes del mismo pegamos este código:


<link href='http://sitio.com/favicon.png' rel='shortcut icon'

type='image/x-icon'/>


Donde debemos reemplazar http://sitio.com/favicon.png por la url del favicon que subimos en fileden o por la dirección en donde subimos la imagen. Guardamos los cambios y está listo, ya tenemos nuestro propio favicon.
En caso de una página es lo mismo

Espero que diseñes un favicon para todas la páginas que tengas que hacer, ya que como te dije, les da un toque profesional y hoy por hoy todas tienen

Casi me olvido: Solo se ve en mozilla firefox. En internet explorer unicamente en el caso que la página se guardada como favoritos

Libro SEO Posicionamiento en Buscadores

Este es un libro de posicionamiento actual, es de los mejores que conseguí hasta el momento, parece bastante completo
Libro SEO Posicionamiento en Bus Cad Ores

Guia Optimizacion Motores Busqueda

Probando
Guia Optimizacion Motores Busqueda

Subir archivos doc o pdf al blog con Scribd

Los formatos de archivo que se pueden subir son los siguientes:
DOC, PPT, PPS, XLS, PDF, PS, PDT, ODP, SXW, SWI, TXT, RTF, JPG, JPEG, PNG, GIF, etc.

Puede descargarse como un archivo WORD, PDF o TXT.

Pasos para la publicación

1. Registrarse en el servicio de Scribd: Click en el botón Sign Up Now. Se abre una ventana "Log in" en la que hay que completar el nombre de usuario, una contraseña y una dirección de correo electrónico. Luego, se clickea en el botón Signup.

2. Luego de registrarse, se sube el/los archivos clickeando en el botón Click to Upload. (También pueden subirse archivos desde una URL.) Al clickear en ese botón, se abre una ventana para seleccionar qué archivo/s se subirá/n desde el equipo. Cuando se selecciona el archivo y se acepta, se muestra una ventana con el nombre del archivo y opciones de edición: modificar el título, añadir una breve descripción del archivo, añadir etiquetas, marcarlo como privado (en ese caso, nadie salvo quien lo subió lo podrá ver), marcar como contenido adulto, asignarle una categoría (Artes, Ciencias, Informática, etc.). Una vez completados estos campos de edición, se publica el archivo clickeando en el botón Publish.

3. El proceso de publicación lleva unos momentos, ya que el archivo se convierte al formato en que se publicará en Scribd (un archivo Flash). Finalizado ese proceso de conversión, se ve un aviso que indica "Converted" y, contiguamente, un enlace "view here" para ver el archivo, opciones de edición y el código para insertarlo en el blog.

4. Luego de clickear en "view here", se abre una ventana donde se muestra el archivo publicado que, de manera similar, se verá en el blog, y opciones para descargarlo (como archivo PDF, Word o TXT), enviar por correo electrónico, vista a pantalla completa, etc. Entre estas opciones, hay una Embed donde se arroja el código que hay que copiar para pegar en una entrada del blog, en modo de edición "Edición en HTML" (no en modo "Redactar"). El código se copia completo y se pega en la entrada del blog, donde se titula como se quiera.

5. Contiguo a "Embed" y el código a copiar y pegar, hay un enlace "(advenced)"que, si se clickea, permite otras opciones de edición, como cambiar el tamaño del elemento, herramienta útil ya que, en la mayoría de los blogs, el ancho asignado al bloque de las entradas es igual o inferior al del archivo publicado. Si se angosta el ancho ("width") a 410 o 400 pixeles (medida estándar para la mayoría de las plantillas), el archivo no se verá cortado en su margen derecho. Luego de cambiar el valor de "width" o ancho, se clickea en el botón Resize y la página muestra un código adaptado a este tamaño para añadir el archivo como entrada en el blog ("Embed code"), que hay que copiar y pegar, como se explicó en el punto anterior.

6. La solapa My Docs muestra todos los archivos que se publicaron y permite editarlos en cualquier momento; por ejemplo, si se quiere que pasen de ser públicos a privados (sólo lo ve el usuario que subió el archivo), si no se permite que se descarguen, etc. Además, hay un enlace "advanced" que permite otras opciones de edición interesantes si se clickea en él: entre otras, el idioma del archivo, el tipo de licencia o derechos que se le atribuyen (desde "Dominio público" a "Todos los derechos reservados (c)"), en qué formatos puede descargarse el archivo, si se permite o no su impresión.

7. Una vez publicado en el blog, el archivo se verá con los controles que se muestran en la página de Scribd: avanzar, retroceder, zoom, cuadro de búsqueda, pantalla completa, impresión. La interfase es realmente dúctil.

martes, 16 de junio de 2009

Simple Code

Simple Code es una página que te permite pegar un determinado código html que uno quiere públicar en un blog o página y te lo convierte a la forma adecuada para que se pueda visualizar.
Lo que me pasó es que cada vez que quería públicar el código en algún post, el navegador me lo interpretaba mal y cargaba la página con errores. Lo solucione gracias a esta página que es muy simple de usar es pegar el código y te arroja uno nuevo para que lo pegues en tu página.

SimpleCode

Cambios sencillos para mejorar el posicionamiento en Google

Los buscadores o motores de busqueda leen determinadas etiquetas en nuestar página web para poder obtener palabras claves de nuestro sitio o una descripción detallada. Estas son las etiquetas META

Las etiquetas META van el la cabecera de la página entre las etiquetas
<<head> y </head>


Para agregar una descripción utilizaremos esta esta etiqueta


<META name="description" content="descripcion de la página aquí">


Algunos consejos para la elaboración de la descripción.
  • Tenga relación con el título de la página
  • Evitar opiniones personales o información subjetiva como: somos lo mejores o todo lo que buscas
  • Que sea coherente con el contenido de la página
  • El tamaño puede ser entre 150 a 200 caracteres
  • Tratar de incluir alguna de las palabras claves por las que nos gustaría que nos busquen

Para agregar palabras claves utilizaremos esta etiqueta

<META name="keywords" content="palabra clave 1,palabra 2,palabra3">


Algunos consejos:
  • No repetir más de 5 veces una palabra clave porque el motor de busqueda puede considerarlo spam
  • Tratar utilizar palabras claves que tengan relación con el contenido de la web
  • Se puede ir a keywords de google y fijarse cuales son las palabras claves que estan relacionadas con lo que ofrecemos y arrojan menos resultados.
Para los que tienen blog es necesario ir a la opción que permite modificar la plantilla en edición de HTML

Gana Dinero Mientras Duermes: El Internet lo hace posible

ganar dinero mientras duermes

Datos Técnicos
¿Cómo ganar dinero con tu web?


Gana Dinero Mientras Duermes: El Internet lo hace posible, Alex Berezowsky
Español | MP3 | 56 MB | 40 kbps | Narración | AudioLibro | Alex Berezowsky | PDF | 101 Páginas | Libro

Descripción

“En Menos De 24 Horas Puedes Iniciar Tu Propio Negocio, Trabajando Desde Tu Casa Y Lo Más Importante: Haciendo Lo Que Más Te Apasiona!”
Imagínate que te levantas en la mañana, vas a la cocina, te preparas tu primer taza de café del día, prendes tu computadora y de repente una venta de Australia, dos ventas de Canadá, una venta de Estados Unidos, una venta de Venezuela, dos ventas de México, y así empiezan a entrar una y otra, y otra, y otra, y otra venta. Todo esto cuando tú estás preparándote apenas tu primer taza de café del día y estás empezando un día más.
Parece mágico pero se puede hacer, puedes tu ganar dinero mientras duermes, literalmente, puedes ganar dinero mientras duermes y el Internet lo hace posible. ¿Por qué lo sé? Porque yo vivo actualmente al 100% de mi ingreso por el Internet y es muy fácil que tú logres, requiere trabajo pero es mucho más fácil que otras industrias.

En este libro, en este curso, quiero compartir contigo las estrategias que yo he utilizado personalmente para hacer miles de dólares mensuales por Internet. No ha sido sencillo, como lo vas a ver, no ha sido fácil pero lo he logrado y asimismo tú lo puedes lograr.

Descargar libro


Descargar audio

Comentario...

Tú nuevo link no funcionaba ... ya lo reparé ... Sólo admite la dirección carma.tk la de blogger no la registra... ¿Cambiaste de servidor?....
Estoy leyendo el libro de Como Ganar dinero con la Web .... Luego lo subilo a este blog y agregamos nuestros comentarios...

jueves, 11 de junio de 2009

Libro CSS avanzado

Libro CSS avanzado

El estándar CSS 2.1 incluye más de 100 propiedades de todo tipo para diseñar el aspecto de las páginas HTML. No obstante, los diseños web más actuales muestran recursos gráficos que no se pueden realizar con CSS, como sombras, transparencias, esquinas redondeadas y tipografía avanzada. Por ese motivo, es preciso que los diseñadores web profesionales conozcan las técnicas imprescindibles para crear diseños web avanzados.

En las próximas secciones se muestran las siguientes técnicas imprescindibles:

  • Propiedades shorthand para crear hojas de estilos concisas.
  • La propiedad hasLayout de Internet Explorer, imprescindible para solucionar muchos errores de ese navegador.
  • Limpiar floats, para trabajar correctamente con los elementos posicionados de forma flotante.
  • Cómo crear elementos de la misma altura, imprescindible para el layout o estructura de las páginas.
  • Sombras, transparencias y esquinas redondeadas, que no se pueden crear con CSS 2.1.
  • Sustitución de texto por imágenes y por Flash, para utilizar cualquier tipografía en el diseño de las páginas.
  • Rollovers y sprites CSS para mejorar el tiempo de respuesta de las páginas.
  • Técnicas para trabajar con el texto y la tipografía.
Descargar libro CSS avanzado

Libro Introducción a CSS

Libro Introducción a CSS

CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML y XHTML. CSS es la mejor forma de separar los contenidos y su presentación y es imprescindible para crear páginas web complejas.

Separar la definición de los contenidos y la definición de su aspecto presenta numerosas ventajas, ya que obliga a crear documentos HTML/XHTML bien definidos y con significado completo (también llamados "documentos semánticos"). Además, mejora la accesibilidad del documento, reduce la complejidad de su mantenimiento y permite visualizar el mismo documento en infinidad de dispositivos diferentes.

Al crear una página web, se utiliza en primer lugar el lenguaje HTML/XHTML para marcar los contenidos, es decir, para designar la función de cada elemento dentro de la página: párrafo, titular, texto destacado, tabla, lista de elementos, etc.

Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el aspecto de cada elemento: color, tamaño y tipo de letra del texto, separación horizontal y vertical entre elementos, posición de cada elemento dentro de la página, etc.

Descargar libro Introducción a CSS

Libro Introducción a XHTML

Libro introducción a XHTML

Definiéndolo de forma sencilla, "HTML es lo que se utiliza para crear todas las páginas web de Internet". Más concretamente, HTML es el lenguaje con el que se "escriben" la mayoría de páginas web.

Los diseñadores utilizan el lenguaje HTML para crear sus páginas web, los programas que utilizan los diseñadores generan páginas escritas en HTML y los navegadores que utilizamos los usuarios muestran las páginas web después de leer su contenido HTML.

Aunque HTML es un lenguaje que utilizan los ordenadores y los programas de diseño, es muy fácil de aprender y escribir por parte de las personas. En realidad, HTML son las siglas de HyperText Markup Language y más adelante se verá el significado de cada una de estas palabras.

El lenguaje HTML es un estándar reconocido en todo el mundo y cuyas normas define un organismo sin ánimo de lucro llamado World Wide Web Consortium, más conocido como W3C. Como se trata de un estándar reconocido por todas las empresas relacionadas con el mundo de Internet, una misma página HTML se visualiza de forma muy similar en cualquier navegador de cualquier sistema operativo.

El propio W3C define el lenguaje HTML como "un lenguaje reconocido universalmente y que permite publicar información de forma global". Desde su creación, el lenguaje HTML ha pasado de ser un lenguaje utilizado exclusivamente para crear documentos electrónicos a ser un lenguaje que se utiliza en muchas aplicaciones electrónicas como buscadores, tiendas online y banca electrónica.

Descargar libro Introducción a XHTML

Libro Introducción a JavaScript

libro introducción a Javascript



JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas web dinámicas.

Una página web dinámica es aquella que incorpora efectos como texto que aparece y desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con mensajes de aviso al usuario.

Técnicamente, JavaScript es un lenguaje de programación interpretado, por lo que no es necesario compilar los programas para ejecutarlos. En otras palabras, los programas escritos con JavaScript se pueden probar directamente en cualquier navegador sin necesidad de procesos intermedios.

A pesar de su nombre, JavaScript no guarda ninguna relación directa con el lenguaje de programación Java

Descargar libro Introduccion a JavaScript

Libro Introducción a AJAX

libro introducción a ajax

El término AJAX se presentó por primera vez en el artículo "Ajax: A New Approach to Web Applications" publicado por Jesse James Garrett el 18 de Febrero de 2005. Hasta ese momento, no existía un término normalizado que hiciera referencia a un nuevo tipo de aplicación web que estaba apareciendo.

En realidad, el término AJAX es un acrónimo de Asynchronous JavaScript + XML, que se puede traducir como "JavaScript asíncrono + XML".

El artículo define AJAX de la siguiente forma:
Ajax no es una tecnología en sí mismo. En realidad, se trata de varias tecnologías independientes que se unen de formas nuevas y sorprendentes.

Las tecnologías que forman AJAX son:

  • XHTML y CSS, para crear una presentación basada en estándares.
  • DOM, para la interacción y manipulación dinámica de la presentación.
  • XML, XSLT y JSON, para el intercambio y la manipulación de información.
  • XMLHttpRequest, para el intercambio asíncrono de información.
  • JavaScript, para unir todas las demás tecnologías.
descargar libro introducción a AJAX

lunes, 8 de junio de 2009

Un servidor gratis

Es una opción si lo que buscas es un servidor de pureba, es muy fácil para instalar y para cargar, sólo pide nombre y mail para registrarlo.
El problema es que pone publicidad invasora y cansa... aunque dice que no

IfastNet Internet Services

Estas son las caracteristicas

Account Specification File Management PHP
250 MB disk spaceFTP accountZend encoder supported
6 GB monthly transferOnline file managerIon Cube support

Free FTP software
Domains
All file types allowed Statistics
5 addon domains
Disk space usage stats
5 parked domains EmailBandwidth usage stats
5 sub domainsUnlimited POP email accountsCPU time usage stats

Web mailMySQL query stats
MySQLPHP sendmail enabled
5 MySQL databasesCustom MX records Account Features
PhpMyAdmin
Instant activation
Slow MySQL query stats Automatic Script InstallationNo forum posting required

Fantastico type installerVistaPanel Control Panel
Support OptionsInstant PHPbb forumFree setup
Free 24/7 supportInstant SMF forumPassword protected folders
Integrated support help desk Instant Media WikiAccount upgrades
Tutorials and help
ifastnet.com


Se destaca la capacidad de 250mb de espacio de alojamiento y permite una transferencia de 6 gb por mes. Cada vez que un visitante entra a una web su maquina descarga archivos necesarios para poder visualizarla, con este servidor se pueden descargar hasta 6gb por mes. Si cada visitante que entra a una web significa descargar 0.1 mb promedio, pueden visitarla alrededor de 61000 visitantes por mes
Otra ventaja es que soporta php, necesaria para foros, bases de datos y chat

http://www.ifastnet.com/

viernes, 5 de junio de 2009

¡Gracias por ponerse en contacto!

Tu comentario será leído y tomado en cuenta por los hermanos carlos, si has dejado una consulta a la brevedad publicaremos un post o te enviaremos un mail para contestartela

Agregar un buscador al blog

Es muy fácil solo hay que pegar esto en el código:


<form id="searchthis" action="/search" style="display:inline;" method="get">

<input id="search-box" name="q" type="text"/>

<input id="search-btn" style="border: #darkblack 1px solid; color:#204063; font-family: Verdana; font-size: 12px; text-align: center; width:70px; height: 25px; background-color: lightgray; font-weight: bold;" value="Buscar" type="submit"/></form>


Queda asi:


Tu Dominio Gratis en dot.tk

¿Cómo obtener un DOMINIO GRATIS?
Cada vez son menos las buenas opciones a la hora de conseguir un dominio gratuito. La mayoría de los que se ofrecen como dominios que se ofrecen son en realidad subdominios, en los cuales uno se crea su direcciones más una extención que lo hace practicamente imposible de recordar.
Un dominio es: wwww.tusprogramas.com Mientras que un subdominio es: www.tusprogramas.bpghjhalgomas.com
Si no estas en condiciones de pagar un dominio o queres simplemente probar lo que se siente tener una página web, la mejor opción es http://dominiosgratis.tk/
La generosa isla de Tokelau ¿La conoces? Seguro que no, a tenido la brillante idea de darse a conocer al mundo regalando sus dominios
Tendras la posibilidad de adquirir rápidamente un dominio de la forma: www.lo-que-tu-quieras.tk sin tener que pagar, ni soportar algún molesto anuncio publicitario.
Sin más misterios te guiaré paso a paso

Pasos

1º Dirigirse a http://dominiosgratis.tk


dominios gratis.tk

2º En el cuadro que te señala la imagen puedes completar con la direccion de tu blog o de tu página con esa tan larga dirección. Luego de esto dale siguiente >>

renombra esa dirección larga con
3º Ahora agrega la direccion que tu quiereas y se te avisara si esta disponible. Yo en este caso agregue loshermanoscarlos, claro.

selecciona cualquier nombre de dominio que desees

4º En este paso se te pedirá si te quieres registrar. Yo personalmente te recomiendo ya que si no lo haces tu dominio será por un tiempo limitado y luego te lo borraran. Y cuando te registres pon tu casilla verdadera porque pedirán que la autentifiques

añade tu dirección de correo

5º Si te registraste (te lo recomiendo) deberás abrir tu correo, porque te enviaran un mail con una clave y un enlace. Copia la clave y abre en enlace y en la barra pega tu clave y dale confirmar
completa la inscripción en tk
Listo ya puedes disfrutar de tu nuevo dominio
Nosotros ya contamos con uno loshermanoscarlos.tk

¿Cómo capturar videos e imágenes de pantalla?

Capturadores de Pantalla o Programas para Capturar



Para hacerlos utilice el programa CamStudio, es medio lento pero me sirvió...
Graba la imagen de todas las acciones que realizas en la pantalla de tu ordenador (PC)
La baje de esta página:
camstudio.uptodown.com
Hay uno muy bueno pero eso de cobro se llama SnagIt, ese te lo re-recomiendo...
Para saber más sobre él o descargar una versión evaluación:
En Softonic
En Taringa


Si sabes de uno mejor pasámelo ...

Un abrazo

Capas CSS ¿Cómo determinar la posición de las etiquetas div?




Aquí tienes un punto muy importante que es como organizar las etiquetas div y como anidarlas para que no tengas problemas con la posición... Una vez que domines la posición de las div con las capas CSS tendrás un gran camino hecho...
EXITO

Estilos CSS

Aquí te dejo los primeros pasos para diseñar web con css...
En cuanto puedas dejame en este blog como colocar un buscador de un sitio como en que tenes en tu página carman.tk
Gracias...

¿Cómo crear CSS? ¿Cómo funcionan las etiquetas div?

Cree dos videos de CSS con un programa que captura garabaciones de pantalla para mostrarte como comenzar a usar CSS con Dreamweaver 8. Además tratan de explicar el comportamiento y la lógica de las etiquetas div, fundamental para el diseño en CSS. Son algo lentos pero son muy didácticos...
Miralos y dejame un comentario....
Cuando puedas dejame en este blog los pasos para colocar un buscador de palabras en un sitio web como el que tienes tú en tu página ....