Volvemos con otro post, donde compartiremos con nuestros lectores, 8 plantillas prediseñadas. Son una variedad de plantillas que te servirán para programar una Web de hosting así como una tienda de Gadget y tecnología.
No estamos hablando de plantillas para WordPress si no plantillas que las puedes trabajar en editores como Frotpage y/o  Dreamweaver, encontraras en la página un manual para aprender a usar este ultimo software.
De manera sencilla te permitirá hacer los cambios necesarios para que las puedas instalar en tu Web.

---

---
Para descargar el paquete con las 8 plantillas, visita el enlace a continuación.

Descargar paquete de plantillas

Comencé en este mundo de la Web usando Blogger y por mucho tiempo me fue muy útil, y creo que sigue siéndolo.

Teniendo en cuenta que no solo te ofrece un subdominio si no puedes comprar en Google tu dominio y alojarlo en Blogger.

En nuestra red pasamos a un hosting con diferentes capacidades por el tamaño de la red y el uso en descargar y demás que tenemos.

Pero, como decía Blogger es muy bueno, y si eres de los que lo usas en tu Blog, lo que vamos a hablar te será de mucha utilidad, estamos en este caso haciendo mención de Chicablogger.com un blog con un sinfín de herramientas, Free Blogger Templates, fondos, texturas, patrones y mucho.

Cuando lo visites veras que te abrirá un mundo de utilidades que te ayudaran a mejorar tu blog.

Con este humilde post queremos agradecer el trabajo de Claudia Contreras quien se encarga de Chicablogger.com, y a webmasters como ella y otros tantos que trabajan para mejorar la Web: Gracias.

Queremos comentarles sobre seis servicios Web, desde html5 tutoriales, html5 servicio de codificación en línea, diseño de paginas, photoshop, ayuda para programación de WordPress y temas en línea como programación con charlas.

1)  Mejorando.la un show en vivo de gente que crea Internet, donde va desde las ultimas noticias de programación y lo ultimo en Internet.

2) Lawebera.es Diseño de paginas Web maquetación, plantillas, Portal del Diseñador Web y Webmaster.

3)  Como estamos en la era del WordPress y plugins, unos de los SMS que a revolucionado el mundo de la Web con este fin Ayudawordpress.com te da la guía necesaria para una correcta instalación y todo lo que necesitas.

4)  Html5facil.com aquí encontraras tutoriales y temas que nos darán lo ultimo sobre la nueva tecnología de programación para la nueva Web.

5)  Shikiryu.com Generador de Html5 template y todo lo que necesita una Web, sobre todo si estas empezando.

6)  Y por ultimo todo sobre diseño de la mano de Solophotoshop.com vectores imágenes y mucho más del tema.

Si estas trabajando en tus proyectos y estas herramientas te son de utilidad, esperamos tus comentarios.

En el tiempo que llevo con esta Web unos de los temas que mas interesa es paleta de colores, de echo los post que hablan de ello son los mas vistos.

Eso deja ver que siempre estamos intentando mejorar la calidad de colores de nuestras Web.

Es por eso que quiero hablarles de Kuler, una herramienta para mezclar colores online, estuve haciendo unas pruebas y esta muy bien.

Es una herramienta basada en adobe, con ella puedes hacer las tonalidades de colores que quieras y obtener el código del color para usar.

En el video a continuación muestro muy breve como se puede usar la herramienta, y perdón por la voz es que estoy con gripe.

No se preocupen no se contagia por Internet jajajaja.

Pinche aquí para ver el vídeo

Sus temas, Html, php, api, css , dominio, estándares, google, herramienta, html, ie6, ie7, imagen, javascript, json, programación, prototype, regex, seo, symfony, trafico,  utf-8 y todo lo que respecta a temas de programación, te vas a encontrar con un sistema bien sencillo, el post es una pregunta y después tienes las respuesta al problema.

Sin muchas vueltas te las responden los editores con las habilidades para estos temas.

Escribo esta entrada en reconocimiento al servicio que hace esta web a todos aquellos que estamos en el tema de la programación o aprendiendo y muchas veces nos encontramos en un callejón sin salida.

Y aquí encontraran muchas de esas respuestas.

Muy fácil de editar con Frontpage o Dreamweaver, colocar tus enlaces hacer una pagina con tus datos presentaciones y mas.

Como siempre esperamos tus comentarios y opiniones.

Descargar Plantilla

Descarga tu Plantilla

El modelo de caja en CSS describe las cajas que se generan a partir de los elementos HTML. El modelo de caja también contiene opciones detalladas en lo referente al ajuste de márgenes, bordes, relleno (padding) y contenido de cada elemento. La siguiente imagen muestra cómo se construye el modelo de caja:

El modelo de caja en CSS

A primera vista, la imagen anterior puede parecer muy teórica, así que intentemos usar el modelo en un caso real con un encabezado y algo de texto. El código HTML de nuestro ejemplo es el siguiente (extraído de la Declaración Universal de los Derechos Humanos):

<h1>Artículo 1:</h1>

<p>Todos los hombres nacen libres

e iguales en diginidad y derechos. Están

dotados de razonamiento y consciencia y

deberían de comportarse entre sí con

espíritu de hermandad.</p>

Si añadimos algo de color e información sobre la fuente, el ejemplo se podría presentar así:

El ejemplo contiene dos elementos: el elemento <h1> y el elemento <p>. El modelo de caja para los dos elementos se puede ilustrar como sigue:T

Aunque puede parecer un poco complicado, la imagen muestra cómo cada elemento HTML está rodeado por cajas, cajas que se pueden ajustar usando CSS.

Resumen

En esta lección hemos introducido el modelo de caja. En las tres lecciones siguientes examinaremos más detenidamente cómo crear y controlar elementos del modelo de caja.

Via: http://es.html.net/tutorials/css/

Cuando se trata de optimizar una página web, cada Kilobyte cuenta. Como sabemos, cuanto menos pesada en bytes sea una página web, más rápido se transfiere por Internet y antes la puede visualizar el usuario. En este artículo vamos a ver una librería que nos puede ayudar a comprimir un archivo con código Javascript, para que ocupe menos espacio y se pueda transferir más rápidamente por la Red.

¿Cómo se puede comprimir un código Javascript?

El concepto que tenemos de compresión de archivos seguramente tenga relación con los conocidos .zip u otros formatos de compresión como el .rar. Pues la compresión que vamos a ver para códigos Javascript no tiene nada que ver. No os vamos a explicar que comprimáis el archivo con zip y lo publiquéis.

En realidad, en este caso, la compresión se basa en una optimización del código para que ocupe menos espacio. Como podemos saber, a la hora de programar, colocamos muchos caracteres de más en el código, que no son del todo necesarios. Esto ocurre con, por ejemplo, espacios de más, saltos de línea, tabulaciones, pero sobre todo con los comentarios al código.

JSMin lo que hace es revisar el código Javascript, analizarlo y devolver una nueva versión de ese código, al que se le ha suprimido toda la información superflua. El resultado consiste en un código Javascript que sigue ejecutándose perfectamente en el navegador, con las mismas sentencias y funcionalidades, pero que ocupa mucho menos.

¿Dónde puedo obtener JSMIN para PHP?

El script que estamos comentando, JSMin para PHP, podemos descargarlo gratuitamente desde una página de Google Code, donde está publicado para descarga:http://code.google.com/p/jsmin-php/

Además, para el que le interese, dejamos el link a la página web oficial del producto, donde se ofrecen unas explicaciones básicas sobre qué hace JSMin para comprimir el código Javascript.

http://www.crockford.com/javascript/jsmin.html

¿Cómo comprimir el código con JSMin para PHP?

JSMin tiene una función, que debemos ejecutar para comprimir un código Javascript. Dicha función recibe un parámetro, que es una cadena con el código Javascript que queremos comprimir. Devuelve una cadena con el código, después de eliminar la información innecesaria y compactar las sentencias.

Lo primero de todo sería incluir la librería con el JSMin para PHP, que hemos debido descargar desde la propia página web del producto, para obtener la versión más actualizada.

include (“jsmin-1.1.1.php”);

Luego podemos utilizar la función minify de la clase JSMin, que realiza el trabajo de comprimir el código JS.

$codigo_comprimido = JSMin::minify(“//codigo javascript”);

Debemos pararnos para explicar esta línea de código, que puede sorprender por el operador :: de PHP (se ven los “::”?)

El operador :: de PHP sirve para invocar métodos de clases, lo que en algunos lenguajes se llaman métodos estáticos, con la particularidad que no hace falta tener ningún objeto instanciado de esa clase para poder ejecutar el método. Es decir, llamamos al método sin pasar por ningún objeto, simplemente con el nombre de la clase.

En ese caso, el include jsmin-1.1.1.php había definido una clase llamada JSMin. Esa clase tiene un método llamado minify(). Con JSMin::minify() estamos llamando a la función minify() declarada en la clase JSMin, sin necesidad de haber creado ningún objeto de esa clase.

Script PHP para leer código Javascript de un archivo de texto y generar otro archivo de texto con el código comprimido

Para finalizar, voy a mostrar un código PHP que he creado para comprimir un archivo Javascript, basándome en JSMin.

Este script define un nombre de archivo que se quiere comprimir y genera otro archivo en el mismo directorio que se llama igual, pero comenzando con “comprimido_”. Ese archivo comprimido contiene el mismo código Javascript, una vez pasada la función minify() de JSMin.

<?
$archivo_script_js = ‘navegador.js’;

include (“jsmin-1.1.1.php”);
$codigo_comprimido = JSMin::minify(file_get_contents($archivo_script_js));

$archivo = fopen(“comprimido_” . $archivo_script_js, “w+”);
fwrite($archivo, $codigo_comprimido);
fclose($archivo);
?>

Como se puede ver, se define arriba del todo el nombre del archivo que tiene el código PHP a comprimir.

Luego se realiza la compresión y se escribe los resultados en un archivo nuevo. El archivo antiguo se llama en este script “navegador.js” y el fichero nuevo con el script comprimido, que se creará en el mismo directorio, se llama “comprimido_navegador.js”.

Conclusión sobre comprimir los códigos JS

Ten en cuenta que la compresión no es un proceso reversible. Guarda siempre una copia de seguridad de los archivos con el código original, que la necesitarás si deseas editar el código.

Eso es todo. Espero que sea de utilidad esta clase para comprimir archivos Javascript desde PHP.

Vía: DesarrolloWeb.com

Una de ellas es el uso de tablas para la estructura o esqueleto de la página.

¿Porque el uso de tablas nos podrí­amos preguntar?

Con la voraz competencia de los útimos tiempos, en el campo de la Web y el comienzo de la era de los sistemas CMS, se a hecho necesariamente importante la optimización de nuestras paginas Web.

La tabla permite en primer lugar y muy importante, que nuestra página sea fácil de visualizar en el explorador, sin tener que esperar interminables segundos o minutos para poder determinar el contenido de una Web.

 Segundo permite ordenar el contenido de la misma, colocando pequeños títulos o subtí­tulos, y asi encontrar el contenido, que el ínter nauta busca a la hora de llegar a nuestra Web.

Estas son dos de las causas de porque el uso de las tablas debe ser considerado importante, a la ora de programar nuestra Web.

Acá dos ejemplos sencillos de tablas.

<table width=”100″ height=”16″  border=”1″ cellpadding=”1″ cellspacing=”1″>
<tr>
<th width=”32%” height=”50%” colspan=”2″ bgcolor=”#003399″ scope=”col”>&nbsp;</th>
<th colspan=”2″ scope=”col”>&nbsp;</th>
</tr>
<tr>
<td height=”50%”>&nbsp;</td>
<td>&nbsp;</td>
<td width=”33%”>&nbsp;</td>
<td width=”35%”>&nbsp;</td>
</tr>
</table>

Este se ve así

­Sin bordes y espacios entre.

<table width=”100″ height=”16″>
<tr>
<th width=”32%” height=”50%” colspan=”2″ bgcolor=”#003399″ scope=”col”>Celda conbinada </th>
<th colspan=”2″ scope=”col”>Titulo</th>
</tr>
<tr>
<td height=”50%”>celda dividida </td>
<td>celda dividida</td>
<td width=”33%”>&nbsp;</td>
<td width=”35%”>&nbsp;</td>
</tr>
</table>

Este se ve así

Suena impresionante no, bueno basta de palabras comenzamos de nuevo con plantillas prediseñadas si esta pensando en una Web con linda vista, esta plantilla es quizás la que buscas.

Delicious_Fruit, Vista previa Descarga.