RevWebmasters La Extencion de Revolutionteam para Webmasters


12
Aug/09
0

Diseño Web Profesional

Hola amigos, hoy les traigo una tecnica muy usual para los diseños y paginas web... Este tutorial lo publique en el sitio de CCTW antes de hacer este blog.. pero claro, obra de MzStudios genuina...

Se han preguntado... "Como rayos hacen para que las webs se miren tan geniales" bueno, hoy les traigo la respuesta a esas preguntas.... no esperen aprender mucho HTML con mi tutorial, yo soy una persona muy practica, y evito trabajar de mas...

Lo que se necesita para un diseño genial, es un cambio de enfoque... cuando nos referimos al diseño web, nos referimos a DISEÑO + WEB eso significa que necesitamos ir en orden...

1ro: Esta el diseño
2do: Estan los elementos que hacen que este se adapte a la web

Y que mejor para un buen diseño, que un buen programa de diseño

Para seguir este tutorial, necesitaran Adobe Photoshop CS2 o superior, no voy a suministrarles un link para la descarga full, pero pueden usar la version de prueba de CS4 que esta disponible en la pagina oficial de adobe, es por 30 dias, y suficiente para llevar este tutorial

www.adobe.com

me imagino que todos han oido hablar de Photoshop, bueno... este es un programa con el cual pueden hacer imagenes.. me preguntaran entonces: Wtf? no era un tutorial para crear un sitio web con un gran diseño?

R: SI

Y vamos a usar photoshop para hacer nuestro diseño Laughing Laughing Y para marquetar la web Smile SI SEÑORES, NO ME VOLVI LOCO, esto es perfectamente posible.... de hecho, la mayoria de los diseñadores web lo usan

Bueno, vamos a comenzar configurando nuestro espacio de trabajo... definamos

1ro: La resolucion ideal de mi sitio

las resoluciones mas comunes son 800X600 y 1024X768 como la primera es poco comun, yo hare mi web para una resolucion de 1024X768

Entonces en Photoshop, una vez que lo hayamos abierto vamos a irnos a

File ---> New

Y vamos a configurar el documento en: 1000x980

Porque 980? para darle un espacio de scroll a la web, porque 1000 para darle margenes a la web

Bueno... Hay cosas que no explicare demaciado... yo prefiero ir usando varios layers diferentes para mis diseños, pero eso no es muy importante a la hora final..., bueno... lo que tenemos que hacer ene l nuevo documento es el diseño que queremos para nuestra web, en mi caso.. y como es para este tutorial, hize algo muy basico

Una vez que tenemos listo nuestro diseño, es hora de convertirlo en una web... bueno, vamos a tomar la herramienta "slice" (no se si asi se llame, pero asi le digo yo XD)

Luego, lo que tenemos que hacer, es marcar todas las areas que diferenciaran la web, cada uno de los cuadritos que marquenos sera una tabla que contendra la imagen que seleccionemos...

Una vez que terminen, veran algo asi:

Luego de eso.... se van a File ---> save for web

Veremos una ventanita algo asi, eso es para los retoques o recortes extras que quieran hacer.... bueno, no explicare mucho esta parte... ahi seleccionan el formato de las imagenes y todo eso XD... le dan "save"

Se van a crear un archivo HTML y todas las imagenes de la web en una carpeta...

Bueno, si abren el archivo HTML ya podran ver si sitio... pero realmente eso solo son un monton de tablas con imagenes dentro XD es hora de arreglar ese desmadre... yo lo hago desde el Dreamweaver, ya ustedes podran usar el programa que quieran

Lo que hay que hacer, es pasar lo que esta asi:

Código:
<td colspan="2" rowspan="2">
<img src="images/plantilla_35.gif" width="267" height="126" alt=""></td>

hay que convertirlo en:

Código:
<td colspan="9" rowspan="4" background="images/plantilla_35.gif">&nbsp;</td>

en e dreamweaver es mas facil, solo cuestion de copiar la ruta de la imagen, y luego ponerla de fondo de la celda

Y listo
Laughing Laughing Laughing ya ven que facil, y que bonito sitio el que les quedo? ya los efectos y eso, es CSS y ustedes ya saben como hacerlo Wink

si quieren el dreamweaver y el photoshop full manden un MP (este tuto es exclusivo para comocreartuweb) ni en mi sitio lo hize, si lo van a copiar pongan un enlace

<a href="http://revolutionteam.ning.com">Hi-Tech [R]evolution</a>

Un saludo, ciao.... Wink

5
Aug/09
0

Libro de Visitas con PHP y MySQL

Como lo prometi, el tuto del libro de visitas, paso a paso...  claro este tutorial ya lo habia copiado de CCTW, pero por supuesto, es mio y oroginal de MzStudios, osea shop XD.. cito de mi mismo

Bien, hoy vamos a montar un libro de visitas con MySQL no os asusteis, no es tan dificil como muchos lo hacen parecer Wink

Primero vamos a descargar los archivos del guestbook para hacer mas sensillo el tuto

http://rapidshare.com/files/128529731/Guestbook.zip.html

Bueno, una vez que descarguemos los descomprimimos a un directorio, prferiblemente que tenga de nombre guestbook (para poder seguir mas facilmente el tutorial)

Los Archivos seran:

Código:
../

index.php
guestbook.sql

../admin

guestbook.php
index.php
schimbapass.php
style.css

../admin/inc/

connect.php
functions.js

Bueno los archivos mas importantes de todos estos son 2

guestbook.sql

connect.php

el primero, es el archivo que contiene las instrucciones para crear la base de datos y es lo primero que vamos a hacer en mi caso, utilizare 000webhost

Primero, entrare a mi panel de control:


luego entrare en MySQL y creare una nueva Base de Datos a la que llemare

Código:
a8551709_use

con usuario

Código:
a8551709_use

Definire mi contraseña

Código:
********* ;)

y le dare, "crear base de datos"

Luego, voy a volver a panel de control y voy a seleccionar phpMyAdmin


Me dirijo a mi base de datos que acabo de crear y le doy "Enter phpMyAdmin"


Esto me va a enviar a la ventana donde administro las tablas de la base de datos ahi nos dirigiremos a SQL para hacer una consulta


una vez en esta pantalla, abriremos con notepad el archivo

guestbook.sql

y veremos algo como esto:

Código:
CREATE TABLE `users` (
`id` int(10) NOT NULL auto_increment,
`user` varchar(25) default NULL,
`pass` varchar(50) default NULL,
PRIMARY KEY  (`id`)
) TYPE=MyISAM AUTO_INCREMENT=0 ;

--
-- Dumping data for table `users`
--

INSERT INTO `users` VALUES (1, 'root', '63a9f0ea7bb98050796b649e85481845');

lo copiaremos y lo pegaremos en el cuadro para la consulta SQL y le daremos "GO"


Una vez que nos diga que la tabla ha sido creada satisfactoriamente, veremos algo como esto:


cuando hayamos hecho esto, vamos a nuestra carpeta ../admin/inc/ y abrimos con notepad el archivo

connect.php

y veremos algo como esto:

Código:
<?

$hostname="localhost";
$database="user";
$username="";
$password="";

mysql_connect($hostname, $username, $password) or die (mysql_error());
mysql_select_db($database) or die (mysql_error());

?>

nosotros ingresamos nuestros datos:

Código:
<?

$hostname="mysql2.000webhost.com";
$database="a8551709_use";
$username="a8551709_use";
$password="*******";

mysql_connect($hostname, $username, $password) or die (mysql_error());
mysql_select_db($database) or die (mysql_error());

?>

Ojo, ingresen SUS datos Wink

bueno ahora subimos todos nuestros archivos por FTP a nuestro servidor, recomiendo dentro de un directorio que se llame guestbook, una vez que subimos los archivos vamos a poner en nuesto navegador

http://tudominio.com/guestbook/index.php

para borrar o administrar los mensajes, podemos dirigirnos a:

http://tudominio.com/guestbook/admin/index.php

ahi se te pedira un usuario y una contraseña, para poder entrar, la que esta por defecto es

user: root
password: root

SUGERENCIA: cambienla
espero les haya gustado XD

4
Aug/09
0

Instalar tu propio servidor Casero (INDISPENSABLE)

Bien, decidi hacer este tema parte del kit basico que necesita un webmaster, porque aunque HTML simple no lo requiere, PHP y otros lenguajes si, como dichos lenguajes son aquellos con los que trabajaremos, es importante tener nuestro propio server para poder probarlo antes de subirlo a la web, y no me refiero a un host gratuito, sino a uno propio donde podamos saber a ciencia cierta que necesitamos....

Ademas, es importante conocer los elementos basicos de un servidor, mismo que posiblemente alojara tu sitio cuando te decidas a montarlo online..

Bien, el siguiente paquete es un .exe (si solo tienes que dar siguiente, siguiente) para instalar el server... Incluye lo basico para comenzar a practicar en tu PC

  • Apache 2.2.8
  • PHP 5.2.6
  • MySQL 5.0.51b
  • phpMyAdmin-2.10.3

Simplemente lo instalas y se creara una carpeta en tu disco local llamado AppServ y dentro de la misma una llamada www, esa carpeta tiene que contener los archivos que desees probar, digamos que es tu local...

ahora, para acceder al archivo, basta con que pongas en tu navegador

localhost/archivo.php

de esa manera php lo interpretara y lo ejecutara para que puedas ver el resultado de tu programa, o bien del script que estas probando

para acceder a phpmyadmin, basta con poner "localhost" en tu navegador y entraras a phpmyadmin, con el usuario root y el password que hayas puesto durante la instalacion

Bueno, ahora si.. el enlace

Instalar Apache en un solo paso

4
Aug/09
0

Dreamweaver CS3 Portable en español

Les traigo el mejor editor web para novatos, editor de HTML, herramientas PHP, JavaScript y más.

Requisitos minimos:

Procesador Intel® Pentium® 4, Intel Centrino®, Intel Xeon® o Intel Core™ Duo (o compatible)
Microsoft® Windows® XP con Service Pack 2 o Windows Vista™ Home Premium, Business, Ultimate o Enterprise
512 MB de RAM
Resolución de pantalla de 1.024 x 768

No va lento en 256 MB de RAM pero es recomendado 512 MB para la estabilidad.

Link: Descargar de Rapidshare.

Es todo.

Dudaso quejas en comentarios.

4
Aug/09
0

Modificar un template

Hola soy linkgl! de nuevo creandome un tutorial para un usuario de aqui que lo pidio, (si quieren tutos pidanlos en los grupos correspondientes, con gusto los haremos)

me preguntaron: "Bueno me baje una plantilla pero como WTF la edito?"

Fácil aqui les muestro el tutorial...

1.-Primero buscamos en google una plantilla gratuita escribiendo templates gratis, o nombre del template en mi caso buscare: "HALO TEMPLATE"

2.- una vez encontrado entramos a la pagina y buscamos algun boton de descargar para bajar el template, le presionamos nos aparece el cuadro para descargar le ponemos guardar y aceptar (los templates casi siempre vienen en .zip o .rar)

3.-ya tenemos bajado el archivo lo descomprimimos (los archivos se descomprimen con winrar o winzip) si no lo tienes bajate winrar, bien, metemos el .zip o .rar en una carpeta, damos clic derecho sobre el y damos clic en extraer aqui (o estract here) algo asi xD

4.-VOILA! tenemos la pagina web lista para editar, ahora como WTF edito el contenido, los menus, creo nuevas secciones? Fácil... primero vamos a editar el contenido, hacemos lo siguiente, se nos abra creado el archivo index.html al extraer los archivos, bien pues le damos clic derecho y damos clic en editar, bien tambien daremos clic izquierdo sobre index.html para ver el preview de la pagina tendremos algo como esto:

5.-Procederemos a lo siguiente vamos a editar el codigo html, no es necesario saber mucho puesto que solo tocaremos el contenido y no el diseño ni la estructura... pero como WTF vamos a saber donde esta el contenido en el texto, facil comparamos la web de la vista previa y copiamos un pedazo del texto que tiene, en este caso yo copie "Welcome to halo games" bien pues una vez copiado vamos al archivo de texto damos clic en editar->buscar y pegamos lo copiado y listo, nos encontrara el contenido ahi podemos borrar y escribir de nuevo... si no sabes html no toques lo que esta entre (< ni >) podrias deformar el diseño... algo asi (<p> y </p> son parrafos escriban dentro de esas etiquetas):

6.-una vez cambiado el texto vamos a crear otra seccion en mi caso la llamare juegos como hago esto? bien pues vamos a la carpeta donde tenemos los archivos del template damos clic derecho y creamos un nuevo documento de texto, ahora abrimos este nuevo documento y abrimos tambien el archivo de codigo (index.html) copiamos toooodo lo que hay en index.html y lo pegamos en nuestro documento de texto, una vez copiado todo, modificamos de nuevo el texto, y ponemos por ejemplo (SECCION DE JUEGOS) una vez hecho esto damos archivo guardar como y escribimos "juegos.html" no olvides la extencion... y listo tenemos creada una seccion algo asi:

7.- PUFF me cansé de escribir, bueno en fin, ya solo nos queda enlazar el menu con nuestro nuevo archivo, para esto copiaremos el texto del menu como habiamos hecho en el texto y pondremos buscar para localizar el menu

y al igual que en el texto editaremos esa parte pero ademas editaremos lo que esta de tras osea editaremos esto:

<li><a href="http://www.freewebsitetemplates.com">Community </a></li>

lo cambiaremos por:

<li><a href="juegos.html">Juegos</a></li>

y listo! (hacemos eso con index.html y juegos.html y las secciones que crees)

damos F5 a nuestra plantilla y listo! editado... repite los pasos para las demas secciones

PARA SUBIR LA PLANTILLA AQUI MISMO EN LA PAGINA TENEMOS TUTORIALES DONDE MOSTRAMOS SUBIR UNA PAGINA POR FTP Y OBTENER UN HOSTING ;)

4
Aug/09
0

Pspad

Pspad editor de html, y muchos lenguajes mas, es un ligero y util editor que reconoce html, y tiene FTP, muy bueno y facil de usar, además es gratuito!, les dejo aqui el link de descarga directa

Descargar!!!

Pspad

Es muy fácil descargan, ejecuta, y es mejor dejar todo como está asi que den siguiente a todo y listo tendran pspad instalado, mas adelante tutoriales de como usarlo experimenten con el programa! saludos

Filed under: Programas
4
Aug/09
0

Agregar Chat a tu Web

Hoy les traigo un pequeño tutorial para instalar un Chat con MySQL y PHP es un chat open source..

Lo pongo aqui, poque en la seccion scripts casi nadie la visita... de hecho, muchos no saben ni que es un script... pero si algun mod lo quiere mover, no hay problema Wink

Primero, los archivos que necesitaran son:

http://www.alilg.com/software/free-php-ajax-chat/

Si alguien le hace reupload, mejor...

Descomprimen los archivos y los suben a un subdirectorio de su servidor... por ejemplo www.sudominio.com/chat

Una vez que hayan subido los archivos a su servidor, se van a ubicar en:

www.sudominio.com/chat/install

veran una pantalla de instalacion similar a esta:

Le hacen click en next y nexta, hasta que vean esta parte pues aqui es donde habra que configurar la base de datos para el chat

Para hacer esto, se deben loguear a su panel de administracion y veran algo como esto:

Ahi, crearan la base de datos para el chat....

Una vez que este creada, podran visualizarla mas o menos de esta manera:

Y en su panel de control, tambien les suministraran ciertos datos (depende de su hosting) en el caso del mio, los datos me los dan en la parte derecha del vista panel

Vovemos al area de instalacion, y rellenamos los datos de la siguiente manera:

Click en Next, y veremos que la instalacion ha sido exitosa Very Happy

Luego, la configuracion general del sitio... en mi caso le hize una configuracion muy sensilla.. mas abajo les dare los datos para que puedan logearse en el demo

Y Voila! Esta listo su chat Smile vieron que facil... ahora pueden loguearse como administradores para agregar mas salas y lo que sea desde

www.sudominio.com/chat/admin

Y eso es todo... Disfruten Very Happy

P.D: El hosting que yo uso, es elmio (el de mi firma) pero la mayoria de los hosting usan el vista panel, asi que no creo que tengan inconvenientes Wink

4
Aug/09
0

Como poner un contador de visitas a mi web

Bueno,  esta es una pregunta que todos los webmasters nos hacemos alguna vez... Como poner un contador de visitas a mi pagina... es algo interesante, porque de esta surge otra mas... y hay que preguntarnos, para que queremos hacer esto....

Bueno, en primer lugar puede ser que lo querramos para conocer NUESTRAS ESTADISTICAS o puede ser para que las DEMAS PERSONAS conozcan cuantos usuarios han visitado nuestra web... bien, una vez que hemos definido lo queremos, podemos entonces seguir el tutorial

Si lo que deseas es conocer TU las estadisticas de la web, lo que yo te recomiendo es google analytics

http://www.google.com/analytics

1

Tras un proceso de registro algo extenuante XD no mentira... son solo 3 campos

2

Bien, una vez que hemos terminado con el registro, podremos agregar un nuevo sitio a nuestra cuenta

3

Bien, despues, nos daran un codigo que insertaremos justo antes de la etiqueta </body> de todas nuestra paginas

y podteriormente, wiiii tendremos acceso a nuestras estadisticas XD

4

Bien, eso es todo si quieres tener las estadisticas mas completas sobre tu sitio, OJO aunque no es algo probado, he notado que google indexa mas rapido si te registras con ellos

si quieres que OTROS vean tus visitas, bastara con que te registres aqui XD

http://www.contadorgratis.com/

3
Aug/09
0

Crear Libro de Visitas MUY FACIL

bueno para eso que pides hay dos opciones, la primera es un sistema que restringa el acceso a una pagina, tu administrarias la lista de miembros, no se puede hacer con .txt solo con MySQL pero es bastante sensillo, veamos:

Primero creamos la tabla MySQL despues vamos a crear las tablas que contendran los valores:

Código:
# Estructura SQL de la tabla Usuarios
#
# Estructura de tabla para tabla `usuarios`
#

CREATE TABLE usuarios (
ID smallint(6) unsigned NOT NULL auto_increment,
usuario tinytext NOT NULL,
pass tinytext NOT NULL,
nivel_acceso smallint(4) unsigned NOT NULL default '0',
PRIMARY KEY  (ID),
UNIQUE KEY ID (ID)
) TYPE=MyISAM PACK_KEYS=1;

#
# Volcar la base de datos para la tabla `usuarios`
#

INSERT INTO usuarios VALUES (1, 'Admin', '21232f297a57a5a743894a0e4a801fc3', 0);

Bueno esto creara la tabla usuarios y un usuario por defecto o administrador en este caso

Admin es el nombre de usuario
Admin es la contraseña (no se lee pues esta encripatada)

Luego de eso necesitamos un archivo que nos conecte a la base de datos este se llamara

aut_config.inc.php

Código:
<?
// Configuración

// Nombre de la session (puedes dejar este mismo)
$usuarios_sesion="autentificator";

// Datos conexión a la Base de datos (MySql)
$sql_host="tu host";  // Host, nombre del servidor o IP del servidor Mysql.
$sql_usuario="Usuario";        // Usuario de Mysql
$sql_pass="Usuario";           // contraseña de Mysql

$sql_db="Usuario";     // Base de datos que se usará.
$sql_tabla="usuarios"; // Nombre de la tabla que contendrá los datos de los usuarios (esta es la que ya creamos)
?>

Ahora debemos hacer un archivo que verifique al usuario y los datos que ingresa para saber que existe en la Base de Datos

aut_verifica.inc.php

Código:
<?
//  Autentificator
// Cargar datos conexion y otras variables.
require ("aut_config.inc.php");

// chequear página que lo llama para devolver errores a dicha página.

$url = explode("?",$_SERVER['HTTP_REFERER']);
$pag_referida=$url[0];
$redir=$pag_referida;
// chequear si se llama directo al script.
if ($_SERVER['HTTP_REFERER'] == ""){
die ("Error cod.:1 - Acceso incorrecto!");
exit;
}

// Chequeamos si se está autentificandose un usuario por medio del formulario
if (isset($_POST['user']) && isset($_POST['pass'])) {

// Conexión base de datos.
// si no se puede conectar a la BD salimos del scrip con error 0 y
// redireccionamos a la pagina de error.
$db_conexion= mysql_connect("$sql_host", "$sql_usuario", "$sql_pass") or die(header ("Location:  $redir?error_login=0"));
mysql_select_db("$sql_db");

// realizamos la consulta a la BD para chequear datos del Usuario.
$usuario_consulta = mysql_query("SELECT ID,usuario,pass,nivel_acceso FROM $sql_tabla WHERE usuario='".$_POST['user']."'") or die(header ("Location:  $redir?error_login=1"));

// miramos el total de resultado de la consulta (si es distinto de 0 es que existe el usuario)
if (mysql_num_rows($usuario_consulta) != 0) {

// eliminamos barras invertidas y dobles en sencillas
$login = stripslashes($_POST['user']);
// encriptamos el password en formato md5 irreversible.
$password = md5($_POST['pass']);

// almacenamos datos del Usuario en un array para empezar a chequear.
$usuario_datos = mysql_fetch_array($usuario_consulta);

// liberamos la memoria usada por la consulta, ya que tenemos estos datos en el Array.
mysql_free_result($usuario_consulta);
// cerramos la Base de dtos.
mysql_close($db_conexion);

// chequeamos el nombre del usuario otra vez contrastandolo con la BD
// esta vez sin barras invertidas, etc ...
// si no es correcto, salimos del script con error 4 y redireccionamos a la
// página de error.
if ($login != $usuario_datos['usuario']) {
Header ("Location: $redir?error_login=4");
exit;}

// si el password no es correcto ..
// salimos del script con error 3 y redireccinamos hacia la página de error
if ($password != $usuario_datos['pass']) {
Header ("Location: $redir?error_login=3");
exit;}

// Paranoia: destruimos las variables login y password usadas
unset($login);
unset ($password);

// En este punto, el usuario ya esta validado.
// Grabamos los datos del usuario en una sesion.

// le damos un mobre a la sesion.
session_name($usuarios_sesion);
// incia sessiones
session_start();

// Paranoia: decimos al navegador que no "cachee" esta página.
session_cache_limiter('nocache,private');

// Asignamos variables de sesión con datos del Usuario para el uso en el
// resto de páginas autentificadas.

// definimos usuarios_id como IDentificador del usuario en nuestra BD de usuarios
$_SESSION['usuario_id']=$usuario_datos['ID'];

// definimos usuario_nivel con el Nivel de acceso del usuario de nuestra BD de usuarios
$_SESSION['usuario_nivel']=$usuario_datos['nivel_acceso'];

//definimos usuario_nivel con el Nivel de acceso del usuario de nuestra BD de usuarios
$_SESSION['usuario_login']=$usuario_datos['usuario'];

//definimos usuario_password con el password del usuario de la sesión actual (formato md5 encriptado)
$_SESSION['usuario_password']=$usuario_datos['pass'];

// Hacemos una llamada a si mismo (scritp) para que queden disponibles
// las variables de session en el array asociado $HTTP_...
$pag=$_SERVER['PHP_SELF'];
Header ("Location: $pag?");
exit;

} else {
// si no esta el nombre de usuario en la BD o el password ..
// se devuelve a pagina q lo llamo con error
Header ("Location: $redir?error_login=2");
exit;}
} else {

// -------- Chequear sesión existe -------

// usamos la sesion de nombre definido.
session_name($usuarios_sesion);
// Iniciamos el uso de sesiones
session_start();

// Chequeamos si estan creadas las variables de sesión de identificación del usuario,
// El caso mas comun es el de una vez "matado" la sesion se intenta volver hacia atras
// con el navegador.

if (!isset($_SESSION['usuario_login']) && !isset($_SESSION['usuario_password'])){
// Borramos la sesion creada por el inicio de session anterior
session_destroy();
die ("Error cod.: 2 - Acceso incorrecto!");
exit;
}
}
?>

Shocked Shocked Shocked

Ya con estos dos archivos ahora hay que crear un formulario que nos permita logearnos en las paginas que usaran la funcion require() pueden cambiar el nombre de los campos este es un ejemplo

formulario.php

Código:
<!-- Formulario HTML-->
<form action="pagina_que_requiera_autentificacion.php" method="post">
Usuario: <input type="text" name="user">
Passwor: <input type="password" name="pass">
</form>

Tambien debemos incluir aqui mismo el codigo que nos dara los mensajes de error

Código:
<?PHP
// Mostrar error de Autentificación.
include ("aut_mensaje_error.inc.php");
if (isset($_GET['error_login'])){
$error=$_GET['error_login'];
echo "Error: $error_login_ms[$error]";
}
?>

con esto ya has elaborado la estructura para los usuarios, pero falta algo, la del administrador, osea tu

para que puedas agregar a mas usuarios vamos a crear un archivo que se llame este sera solo el formulario para entrar a la zona de administracion

gestion_usuarios.php

Código:
<table width="250" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
<table width=100% border=0 align="center" cellpadding="0" cellspacing="0" bordercolor="#009999">
<form action="aut_gestion_usuarios.php" method="post">
<tr bgcolor="#0099FF">
<td height="45" colspan="2" bgcolor="#FFFFFF">
<div align="center"><font face="Arial" color="#FFFFFF" size=2><b><font color="#000000">Identificaci&oacute;n
Usuarios</font><br>
</b></font></div>
</td>
</tr>
<tr>
<td colspan="2">
<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr valign="middle">
<td colspan="2" height="30">
<div align="center">

<?
// Mostrar error de Autentificación.
include ("aut_mensaje_error.inc.php");
if (isset($_GET['error_login'])){
$error=$_GET['error_login'];
echo "<font face='Verdana, Arial, Helvetica, sans-serif' size='1' color='#FF0000'>Error: $error_login_ms[$error]";
}
?>

</div>
</td>
</tr>
<tr>
<td width="39%">
<div align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Usuario
: </font></div>
</td>
<td width="61%">
<div align="left">
<input type="text" name="user" size="15">
</div>
</td>
</tr>
<tr>
<td width="39%">
<div align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Password
: </font></div>
</td>
<td width="61%">
<div align="left">
<input type="password" name="pass" size="15">
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr valign="middle">
<td colspan="2" height="50">
<div align="center"><font face="Arial" color=black size=2>
<input name=submit type=submit value="  Entrar  ">
</font></div>
</td>
</tr>
</form>
</table>
</td>
</tr>
</table>

Wink Wink

Ahora si, esta es la pagina que se conectara con la Base de datos, es un poco larga asi que no la explicare mucho, pueden cambiarle los colores si quieren que asi la tenia para un experimento los comentarios explican para que es cada cosa

aut_gestion_usuarios.php

Código:
<?
//  Autentificator
require("aut_verifica.inc.php"); // incluir motor de autentificación.
$nivel_acceso=0; // definir nivel de acceso para esta página.
if ($nivel_acceso < $_SESSION['usuario_nivel']){
header ("Location: $redir?error_login=5");
exit;
}

require ("aut_config.inc.php"); // incluir configuracion.
$pag=$_SERVER['PHP_SELF'];  // el nombre y ruta de esta misma página.

function cabeceraHTML(){
echo <<< HTML
<html>
<head>
<title>Gestión Usuarios - www.tusitio.tal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.botones {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFFFFF; background-color: #0099FF; border-color: #000000 ; border-top-width: 1pix; border-right-width: 1pix; border-bottom-width: 1pix; border-left-width: 1pix}
.imputbox {  font-size: 10pt; color: #000099; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1pix #000000 solid; border-color: #000000 solid; font-weight: normal}
A:VISITED  { font-weight: normal; color: #0000CC; TEXT-DECORATION:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt}
A:LINK     { font-weight: normal; color: #0000CC; TEXT-DECORATION:none; font-family: Verdana, Arial, Helvetica, sans-serif; border-color: #33FF33 #66FF66; clip:  rect(   ); font-size: 10pt}
A:ACTIVE   { font-weight: normal; color: #FF3333; TEXT-DECORATION:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt}
A:HOVER    { font-weight: normal; color: #0000CC; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: underline; font-size: 10pt}
-->
</style>

</head>

<body bgcolor="#FFFFFF">

HTML;
}

if (isset($_GET['error'])){

$error_accion_ms[0]= "No se puede borrar el Usuario, debe existir por lo menos uno.<br>Si desea borrarlo, primero cree uno nuevo.";
$error_accion_ms[1]= "Faltan Datos.";
$error_accion_ms[2]= "Passwords no coinciden.";
$error_accion_ms[3]= "El Nivel de Acceso ha de ser numérico.";
$error_accion_ms[4]= "El Usuario ya está registrado.";

$error_cod = $_GET['error'];
echo "<div align='center'>$error_accion_ms[$error_cod]</div><br>";

}

$db_conexion= mysql_connect("$sql_host", "$sql_usuario", "$sql_pass") or die("No se pudo conectar a la Base de datos") or die(mysql_error());
mysql_select_db("$sql_db") or die(mysql_error());

if (!isset($_GET['accion'])){

$usuario_consulta = mysql_query("SELECT ID,usuario,nivel_acceso FROM $sql_tabla") or die("No se pudo realizar la consulta a la Base de datos");

cabeceraHTML();

echo <<< HTML
<table width="500" border="1" cellspacing="0" cellpadding="4" bordercolor="#CCCCCC" align="center">
<tr>
<td colspan="4" bgcolor="#0099FF">
<div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><b><font color="#FFFFFF">.:
Gesti&oacute;n Usuarios :.</font></b></font><br>
<a href="aut_logout.php">LogOut (salir)</a>
</div>
</td>
</tr>
<tr bgcolor="#00CCCC">
<td width="14%">
<div align="center"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">ID
</font></b></div>
</td>
<td width="30%">
<div align="center"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">Usuario
</font></b></div>
</td>
<td width="24%">
<div align="center"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">Nivel
</font></b></div>
</td>
<td width="32%" bgcolor="#CCFFCC">
<div align="center"><font color="#FFFFFF"><a href="$pag?accion=nuevo">Registrar usuario</a></font></div></td>
</tr>

HTML;

while($resultados = mysql_fetch_array($usuario_consulta)) {

echo <<< HTML
<tr>
<td width="14%" bgcolor="#FFFFEA"><div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#000000">$resultados[ID]</font></div></td>
<td width="30%" bgcolor="#FFFFEA"><div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#000000">$resultados[usuario]</font></div></td>
<td width="24%" bgcolor="#FFFFEA"><div align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#000000">$resultados[nivel_acceso]</font></div></td>
<td width="32%" bgcolor="#CCFFCC">
<div align="center"><a href="$pag?accion=borrar&id=$resultados[ID]"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Borrar</font></a><font face="Verdana, Arial, Helvetica, sans-serif" size="2">
| <a href="$pag?accion=nivel&id=$resultados[ID]">Nivel acceso</a></font></div>
</td>
</tr>
HTML;
}
echo "</table>";
mysql_free_result($usuario_consulta);
mysql_close();
}

if (isset($_GET['id'])){

if ($_GET['accion']=="borrar"){
$usuarios_consulta = mysql_query("SELECT ID FROM $sql_tabla") or die(mysql_error());
$total_registros = mysql_num_rows ($usuarios_consulta);
mysql_free_result($usuarios_consulta);

if ($total_registros == 1){
header ("Location: $pag?error=0");
exit;
}

$id_borrar= $_GET['id'];
mysql_query("DELETE FROM $sql_tabla WHERE id=$id_borrar") or die(mysql_error());
mysql_close();

header ("Location: $pag");
exit;

}

if ($_GET['accion']=="nivel"){

cabeceraHTML();

$id_mod_nivel= $_GET['id'];
$usuario_consulta = mysql_query("SELECT ID,usuario,nivel_acceso FROM $sql_tabla WHERE id=$id_mod_nivel") or die("No se pudo realizar la consulta a la Base de datos");

while($resultados = mysql_fetch_array($usuario_consulta)) {

echo <<< HTML
<form method="post" action="$pag?accion=editarnivel">
<input type="hidden" name="id" value="$resultados[ID]">
<table width="399" border="1" cellspacing="0" cellpadding="4" align="center">
<tr>
<td colspan="2" height="30" bgcolor="#0099FF">
<div align="center"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">.:
Modificar Nivel Acceso Usuario :.</font></b></div>
</td>
</tr>
<tr bgcolor="#FFFFCC">
<td width="185">
<div align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Usuario
: </font></div>
</td>
<td width="192"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#0000CC">$resultados[usuario]</font>
</font></b></td>
</tr>
<tr bgcolor="#FFFFCC">
<td width="185"><div align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Nivel
Acceso actual : </font></div></td>
<td width="192"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#0000CC">$resultados[nivel_acceso]</font>
</font></b></td>
</tr>
<tr bgcolor="#FFFFCC">
<td width="185">
<div align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Nuevo
Nivel de Acceso : </font></div>
</td>
<td width="192"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">
<input type="text" name="nuevonivelacceso" size="4" maxlength="4">
</font></b></td>
</tr>
<tr bgcolor="#FFFFCC">
<td colspan="2" height="40">
<div align="center">
<input type="submit" name="Submit" value="  Actualizar  " >
</div>
</td>
</tr>
</table>
</form>
HTML;
}
mysql_free_result($usuario_consulta);
mysql_close();
}

}

if ($_GET['accion']=="editarnivel"){

$id=$_POST['id'];
$nivelnuevo=$_POST['nuevonivelacceso'];

if ($nivelnuevo==""){
header ("Location: $pag?accion=nivel&id=$id&error=1");
exit;
}

mysql_query("UPDATE $sql_tabla SET nivel_acceso='$nivelnuevo' WHERE ID=$id") or die(mysql_error());
mysql_close ();
header ("Location: $pag");
exit;
}

if ($_GET['accion']=="nuevo"){

cabeceraHTML();

echo <<< HTML
<form method="post" action="$PHP_SELF?accion=hacernuevo">

<table width="350" border="1" cellspacing="0" cellpadding="4" align="center">
<tr>
<td colspan="2" height="30" bgcolor="#0099FF">
<div align="center"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">.:
Registro de Usuarios :.</font></b></div>
</td>
</tr>
<tr bgcolor="#FFFFCC">
<td width="158">
<div align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Usuario
: </font></div>
</td>
<td width="170"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">
<input type="text" name="usuarionombre" maxlength="15">
</font></b></td>
</tr>
<tr bgcolor="#FFFFCC">
<td width="158">
<div align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Password
: </font></div>
</td>
<td width="170"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">
<input type="password" name="password1" maxlength="15">
</font></b></td>
</tr>
<tr bgcolor="#FFFFCC">
<td width="158">
<div align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Password
(repitalo) : </font></div>
</td>
<td width="170"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">
<input type="password" name="password2" maxlength="15">
</font></b></td>
</tr>
<tr bgcolor="#FFFFCC">
<td width="158">
<div align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Nivel
de Acceso : </font></div>
</td>
<td width="170"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">
<input type="text" name="nivelacceso" size="4" maxlength="4">
</font></b></td>
</tr>
<tr bgcolor="#FFFFCC">
<td colspan="2" height="40">
<div align="center">
<input type="submit" name="Submit" value="  Registrar  " >
</div>
</td>
</tr>
</table>
</form>
HTML;
}

if ($_GET['accion']=="hacernuevo"){

$usuario=$_POST['usuarionombre'];
$pass1=$_POST['password1'];
$pass2=$_POST['password2'];
$nivel=$_POST['nivelacceso'];

if ($pass1=="" or $pass2=="" or $usuario=="" or $nivel=="") {
header ("Location: $pag?accion=nuevo&error=1");
exit;
}

if ($pass1 != $pass2){
header ("Location: $pag?accion=nuevo&error=2");
exit;
}

if (!eregi("[0-9]",$nivel)){
header ("Location: $pag?accion=nuevo&error=3");
exit;
}

$usuarios_consulta = mysql_query("SELECT ID FROM $sql_tabla WHERE usuario='$usuario'") or die(mysql_error());
$total_encontrados = mysql_num_rows ($usuarios_consulta);
mysql_free_result($usuarios_consulta);

if ($total_encontrados != 0) {
header ("Location: $pag?accion=nuevo&error=4");
exit;
}

$usuario=stripslashes($usuario);
$pass1 = md5($pass1);
mysql_query("INSERT INTO $sql_tabla values('','$usuario','$pass1','$nivel')") or die(mysql_error());
mysql_close();

header ("Location: $pag");
exit;

}

?>
</BODY>
</HTML>

Bueno, ya con esto tenemos el sistema casi terminado, solo nos faltan algunos detalles como los mensajes de error y por supuesto, como demonios se usan este monton de archivos

este mostrara los mensajes de error y es importante asi que porque lo ponga de ultimo no dejeis de crearlo, pueden esditar los mensajes Wink

aut_mensaje_error.inc.php

Código:
<?
// Mensajes de error.

$error_login_ms[0]="No se pudo conectar con Base de datos Usuarios";
$error_login_ms[1]="No se pudo realizar consulta a la Base de datos Usuarios";
$error_login_ms[2]="Password ó Usuario no existe";
$error_login_ms[3]="Password no valida";
$error_login_ms[4]="Usuario no existe";
$error_login_ms[5]="No está autorizado para realizar esta acción o entrar en esta página";
$error_login_ms[6]="Acceso no autorizado! Registrese";
?>

este permitira a los usuarios el logout

aut_logout.php

Código:
<?
// Cargamos variables
require ("aut_config.inc.php");
// le damos un mobre a la sesion (por si quisieramos identificarla)
session_name($usuarios_sesion);
// iniciamos sesiones
session_start();
// destruimos la session de usuarios.
session_destroy();
?>
<html>
<head>
<title>Salir</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
Adios, usted ha salido correctamente
</body>
</html>

Shocked Shocked Shocked

y finalmente, para restringir una pagina, la ponen con todos estos archivos en el mismo lugar y le agregan estas lineas hasta arriba, esto hara require y tambien definira el nivel del usuario

Código:
<?
require("aut_verifica.inc.php");
$nivel_acceso=10; // Nivel de acceso para esta página.
// se chequea si el usuario tiene un nivel inferior
// al del nivel de acceso definido para esta página.
// Si no es correcto, se mada a la página que lo llamo con
// la variable de $error_login definida con el nº de error segun el array de
// aut_mensaje_error.inc.php
if ($nivel_acceso <= $_SESSION['usuario_nivel']){
header ("Location: $redir?error_login=5");
exit;
}
?>

es decir:

>> Cada página que requiera autentificación tiene que incluir el archivo aut_verifica.inc.php al principio del mismo:

Código:
require ("aut_verifica.inc.php");

A continuación defina las reglas de validación para el nivel de acceso de la página que requiera autentificación.

Código:
$nivel_acceso=10;
if ($nivel_acceso < $_SESSION['usuario_nivel']){
header ("Location: $redir?error_login=5");
exit;
}

0 es root o administrador.... Rolling Eyes Rolling Eyes

bueno espero que os sirva de algo, ya en otra explicare como hacer un sistema que permita al usuario registrarse dentro de la pagina

3
Aug/09
0

Como subir archivos por FTP

SI NO TIENES UN HOSTING AUN PASATE POR AQUI PARA QUE PUEDAS OBTENER UNO

Hola gente despues de crear el tema de como hacer un hosting ahora como rayos subimos los archivos? simple y sencillo necesitamos un programa FTP yo uso fireftp o filezilla en este caso usemos filezilla es el mas común... iniciamos:

Descargamos filezilla de aqui:

http://filezilla-project.org/

damos clic en download filezilla client (el boton de la izquierda)

despues escoges tu plataforma en mi caso windows, puedes descargarte el que tenga la terminacion .exe es mas rapido en mi caso fue: FileZilla_3.2.6.1_win32-setup.exe

lo bajamos lo ejecutamos y damos next next next xD hasta que se instale despues si no se ejecuta solo lo ejecutamos una vez hecho esto pasaremos a la conexion... para esto necesitaran

DATOS FTP los cuales necesitaremos 3 y son

servidor FTP (normalmete es el dominio pero no siempre)

nombre de usuario (no lo dieron en 000webhost)

password (nosotros lo escogimos en 000webhost)

ahora esos datos los ponemos en la parte superior y escogemos el puerto 21 y finalmente damos clic en  conexión rápida y nos quedara algo como:

despues si nos aparece una carpeta de public_html o algo que se le parezca en esa debemos subir los archivos (si no te aparece es porque contrataste otro host entonces sube los archivos directamente) pero en nuestro caso damos doble clic a la carpeta publi_html para qe se abra

normalmente te aparecera un default ese le damos clic derecho y borrar

Ahora para finalizar usamos el lado izquierdo (local) los archivos de nuestra pc, buscamos los archivos o la carpeta que queramos subir le damos clic derecho y le damos a subir en mi caso subire mi index.html que es la pagina principal una vez subido entramos a nuestra direccion del subdominio y listo!

pueden checarlo en http:\\linkgl.hostoi.com para que vean que si se subio mi index, ahora ya podemos subir los demas archivos y carpetas

saludos