Si quereis ver un ejemplo de lo que vamos ha hacer, click aquí (usuario: webmaster contraseña:12345)

Voy a intentar explicarme lo mejor posible, y hacer el tuto de forma que no se requieran conocimientos de apenas algún tipo, aunque doy por supuesto que sabeis manejar algún programa de ftp tipo filezilla o algún programa de diseño web como dreamweaver, para subir vuestros archivos a vuestro servidor.

Nos hará falta:

Url completa de nuestro servidor, nos la suelen dar en el email que nos manda con todos los datos de nuestro dominio, y suele ser del tipo: /home/virtual/sitio/var/www/design-sensation.es/

Un servidor que nos dé la posibilidad de modificar archivos .htaccess

Un editor de textos, puedes usar el block de notas de windows, yo utilizo notepad, pero cualquiera te vale.

Y un programa ftp para subir nuestros archivos, del tipo filezilla, o bien del tipo Dreamweaver o Frontpage.

Empezamos, imagino que ya teneis vuestro directorio (carpeta) preparadita para protegerla, pues vamos allá, dentro de esta carpeta vamos a crear un archivo, que vamos a llamar htacces.txt:

Abrimos el htacces con el editor de textos que queramos, como he dicho antes, yo utilizao notepad, pero puedes utilizar cualquier otro, incluso el block de notas de windows, y pegamos el siguiente código:

AuthUserFile /home/virtual/sitio/var/www/design-sensation.es/dir-prot/.htpasswd
AuthName LoQueQuieras
AuthType Basic

require user webmaster

Os explico un poquito:

-AuthUserFile : Url completa de tu web, más el directorio donde se encuentra, el archivo .htpasswd (es recomendable no ponerlo en la misma carpeta que queremos proteger y también és recomendable cambiar el nombre del archivo, pero recordad si lo haceis, modificarlo tanto en el .htacces como modificando el nombre del archivo .htpasswd

-AuthName: Aquí puedes poner lo que gustes que se vea en la ventanita de login

-AuthType: Basic (indica que el tipo de autentificación es básico)

-require user: Indica que usuarios que puede entrar, usando su contraseña, pondremos todos los usuarios con un espacio en blanco entre ellos, por ej:   require user webmaster usuario1 usuario2 usuario3

Venga, pues nos vamos por el .htpasswd. Tal y como hemos echo con el .htacces, creamos un nuevo archivo y lo llamamos .htpasswd, dentro vamos a poner los usuarios y las contraseñas de acceso, deber se así:

webmaster:WR8/UsI82mjAM

usuario1:WR8/UsI82mjAM

Como veis las contraseñas están encriptadas, esto es muy sencillo de hacer, yo siempre uso una de estas dos páginas para ello: http://www.e2.u-net.com/htaccess/make.htm o http://md5encryption.com/ cualquiera de las dos sirbe, en el caso de la primera, especificamos el nombre de usuario y la contraseña y te la da todo preparadito para pegarlo en el archivo, en el caso de la segunda solo te da la contraseña encriptada.

Ahora vamos a subir los archivos a nuestros servidor, con nuestro programa de ftp favorito, yo suelo usar filezilla, pero puedes usar el que más te guste, una vez nuestros archivos estén subidos, debemos modificar su nombre (renombrar o cambiar nombre, dependiendo del programa que utilicemos), el htaccess.txt debe pasar a ser .htacces y el htpasswd.txt pasar a ser  .htpasswd, así tal cual, sin extensión ni nada y con su puntito, esto solo podemos hacerlo una vez estén los archivos subidos  a nuestra web y mediante el ftp, ya que windows no os va a dejar.

Tan sencillo como esto ya tenemos nuestro directiro protegido!

Se puede jugar mucho con nuestro .htacces por ej podemos hacer que solo algunos archivos estén protegidos en lugar de todo el directorio, es tán fácil como poner la siguiente variable:

AuthUserFile /home/virtual/sitio/var/www/design-sensation.es/dir-prot/.htpasswd
AuthName LoQueQuieras
AuthType Basic

<Files “archivo1.html”>
 Require valid-user

</Files> <Files “archivo2.html”>
 Require user webmaster
</Files>

En fin, espero que os haya sido facilito, de todas formas y para aquellos que no se animen ha hacerlo manualmente, les dejo aquí un zip con todos los archivos necesarios, tan solo listos para modificar con vuestros datos.

Saludos!!

2008©almaweb.es

Abrimos nuestra imágen con el programa, podeis usar esta misma para la práctica:

 y nos dirigimos a imágenes>cambiar tamaño

En la ventana que se nos abre, tan solo debemos modificar  los parámetros de “Dimensiones en pixeles” si hacemos click en el desplegable (por defecto viene en porcentaje) podremos elegir redimensionar nuestra imágen en pixeles o en porcentaje, yo suelo hacerlo en pixeles, porque és más exacto,  pero eso ya a gusto de cada cual.

No olvidaros de aceptar y listo, nuestra imágen redimensionada  

Es una opción sencillisima, y de las más usadas, espero que este tutorial os haya sido útil y sencillo.

Corel Paint Shop Pro Photo X2 es ideal para cualquier entusiasta de la fotografía digital. Está repleto de herramientas de corrección automática y de opciones de edición precisa. Ofrece incluso un Centro de aprendizaje para ayudar a los nuevos usuarios a empezar a usar el programa rápidamente.

Para poder descargarlo, tienes que registrate de forma gratuita en la página Corel.

¡¡¡ QUEDA ABIERTO UN NUEVO CONCURSO

DE DISEÑO GRÁFICO !!!

Esta vez se trata de hacer una postal de Aniversario – Cumpleaños.

PREMIO UNA WEB CAM

NO TE LO PUEDES PERDER

MAS INFORMACIÓN EN: HTTP://WWW.DESIGN-SENSATION.ES

Lo primero que tenemos que hacer es renombrar nuestro archivo index.html (o el que usemos de página principal) por encrypt.htm

Ahora abre el encrypt.htm con cualquier editor de texto, (el mismo editor de texto de windows, notepad, etc… ), tambien puedes usar el programa que utilices habitualmente para crear tus páginas web, por ej: Dreamweaver.

Copia y pega el siguiente código, justo después de la etiqueta <body>

<!–Inicio script para esconder codigo pagina web –> <!– Este código es cortesía de www.design-sensation.almaweb.es–> <!– http://www.design-sensation.almaweb.es–> <script language=JavaScript>m=’%3Cscript%20language%3DJavaScript%3E%3C%21–%0D%0A%0D%0Avar%20message%3D%22Function%20Disabled%21%22%3B%0D%0A%0D%0Afunction%20clickIE%28%29%20%20%7Bif%20%28document.all%29%20%7Balert%28message%29%3Breturn%20false%3B%7D%7D%0D%0Afunction%20clickNS%28e%29%20%7Bif%20%0D%0A%28document.layers%7C%7C%28document.getElementById%26%26%21document.all%29%29%20%7B%0D%0Aif%20%28e.which%3D%3D2%7C%7Ce.which%3D%3D3%29%20%7Balert%28message%29%3Breturn%20false%3B%7D%7D%7D%0D%0Aif%20%28document.layers%29%20%0D%0A%7Bdocument.captureEvents%28Event.MOUSEDOWN%29%3Bdocument.onmousedown%3DclickNS%3B%7D%0D%0Aelse%7Bdocument.onmouseup%3DclickNS%3Bdocument.oncontextmenu%3DclickIE%3B%7D%0D%0A%0D%0Adocument.oncontextmenu%3Dnew%20Function%28%22return%20false%22%29%0D%0A%0D%0A//%20–%3E%3C/script%3E’;d=unescape(m);document.write(d);</script> <!–Fin script para esconder codigo pagina web –>

Ahroa crea un achivo de texto y renombralo con el nombre del antiguo archivo que contenía tu página principal, por ej index.html.

Copia y pega el siguiente script en el archivo que creaste en el punto anterior:

Ahora crea un nuevo archivo de texto y renombralo a: encrypt.js

Copia y pega el siguiente script en él:

Cambia PON AQUÍ EL TÍTULO PÁGINA por el título que quieras darle a tu página :p

Ya puedes subir todos los archivos a tu servidor, inicia tu página principal y comprueba que todo funcione perfectamente.

Aunque este script es bastante efectivo, no es 100% seguro.

Yo te recomiendo usar programas que están destinados a asegurar tu página web como por ej:

SourceGuardian para páginas en php o tambien Html protector o Encrypt HTML Pro para tus páginas en html.

Espero que este pequeño tutorial te haya sido de ayuda, si quieres, puedes dejarme un comentario.

Saludos.

WinRAR es un potente programa compresor y descompresor de datos multi-función, una herramienta indispensable para ahorrar espacio de almacenamiento y tiempo de transmisión al enviar y recibir archivos a través de Internet o al realizar copias de seguridad.

Adobe Photoshop es una herramienta obligada para la edición de imágenes y retoque fotográfico profesional.
Esta herramienta te ayuda a trabajar de forma más eficiente con sus numerosas opciones y explota la creatividad en el diseño adaptándose tanto a usuarios más profesionales como a aquellos que están empezando a desarrollar sus inquietudes artisticas..
Adobe Photoshop soporta el acceso rápido a ficheros de datos, creación de imágenes para el diseño web, cientos de filtros, capas, efectos… En definitiva, es la herramienta ideal para dar un acabado profesional a tus diseños, imágenes y fotografías.

Para poder descargarlo, tienes que registrate de forma gratuita en la página Adobe.

Descarga tambien el traductor al español de Adobe Photoshop cs2

El programa incluye herramientas avanzadas para la creación, la edición y la optimización de animaciones pensadas, sobre todo, para ser colocadas en páginas web. Incluye efector y herramientas para crear rápidamente botones, anuncios publicitarios, texto personalizado con efectos, edición en color de 24 Bits, y mucho más.

Para poder descargarlo, tienes que registrate de forma gratuita en la página Jasc.