Oops.. Este post tiene los enlaces eliminados!

Identi revisa las denuncias de los usuarios en busca de enlaces eliminados que no dejan descargar los archivos, este mensaje te informa que este post que estas viendo tiene los enlaces eliminados.

Usa el Buscador

Por favor, te recomendamos que uses el buscador para encontrar más alternativas.

Tutorial como crear tu web PHP MySQL

  • Categoría: Reciclaje
  • Publicado hace más de 7 años
primero miren este tutorial de cmo convertir su pc en un server para poder manejar tu web como si estuviese subida a la red.





El Wamp Server lo descargan desde aca



Luego descargaremos y configuraremos el Dreamweaver CS3 Portable el mejor a mi forma de ver.




Una vez descargado el Dreamweaver lo configuramos de la siguiente manera:

Ejecutamos Dreamweaver, vamos a sitios de Dreamweaver como muestra en la siguiente imagen.



Luego pondreamos el nombre de nuestra web yo en este caso le puse [COLOR=#NaNNaNNaN]webmaster[/COLOR] y debajo como muestra la imagen pondreamos localhost/nombre del sitio/  y click en siguinete.


Screenshot


Luego nos preguntara si queremos usar un server y le desimos que siy nos aparecera una barra dezplegable y alli pondremos PHP MySQL comomustra en la imagen y le damos en siguiente.



Luegos elegimos la opcion [COLOR=#NaNNaNNaN]Editar y comprobar localmente (El servidor de prueba esta en mi equipo)[/COLOR]y debajo tienes que espesificar la direccion del wamp mas la carpetaque se creao con el nombre de tu sitio como muestra en la imagen y ledamos siguiente.



En el siguiente recuadro nos dira lo siguiente: [COLOR=#NaNNaNNaN]http://localhost/[/COLOR] y solo le agregaremos el nombre de nuestra web la cual como como lo escribimos anteriormente y nos quedaria asi.


En el siguiente recuadro nos preguntara si queremos utilizar unservidor remoto y le diremos que no luego en siguiente y luego le damosa completado. al fin terminamos de configurar Dreamweaver y ya estamoslistos para empezar con nuestra Web.



Empecemos a crear nuestra web

Elegimos la opcion PHP como muestra la imagen. No saben lo que meesta costando crear este post espero que les sirva y que les gustebueno sigamos.


Luego vamos a insertar Tabla como muestra en la imagen siguiente


Yo suelo hacer 4 filas y 1 columna y despues le voy agregando a medida que las necesite. eso queda a gusto de ustedes.



no se olviden de ponerlo en 100% como muestra en la imagen.

y pongan borde 0 a toda la tabla.

bueno no la hagamos muy complicada, el diseño se lo hacen despues ustedes a su gusto vamos a ejecutar el wamp

lo tendremos que encender cuando se muestre al lado del reloj dewindows lo pondremos en español y vamos a la opcion PHPMyadmin comomuestra een la imagen.




Se nos abrira nuestro navegador alli crearemos una base de datos para poder poner en nuestra web un crear Post.
Donde dice crear nueva base de datos le pondremos un nombre por ejemplo el de nuestra web y le damos a crear.


bueno ya que tenemos nuestra base de datos creada vamos a crear una tabla para poder crear nuestro post
la cual la llamaremos post, tenemos que tener en cuenta cuantoscampos le vamos a poner para poder postear en este caso le vamos aponer 3 campos 1 id (obligatorio) 2 titulo y 3 contenido. Entonces leponemos el nombre post y el numero 3 y le damos a continuar.



Luego llenamos los campos tal cual estan en la siguiente imagen yle damos a grabar y ya tenemos creada nuestra tabla para poder crearnuestro post.



Volvamos al Dreamweaver ahora tenemos que conectar el Dreamweavercon nuestra base de datos de la siguiente manera. Vamos a Aplicacionvamos al + Conexion MySQL


Pondreamos los datos tal cual aparecen en la siguiente imagen y siesta todo correcto aparecera conexion establecida correctamente.
En Nombre de Conexion pueden poner cualquier cosa.


Si esta todo correcto le damos aceptar.
y vamos a la solapa vinculaciones.



Ya tenemos conectado el Dreamweaver con la base de datos. Vamos a descargar un editor web. descarguenlo de Aqui.


Una vez descargado lo descomprimimos y esa carpetitallamadatiny:mce la ponemos dentro de esta direccionc://wamp/www/webmaster/ ahora volvamos al Dreamweaver crearemos unindex.php boton derecho en la carpeta sitios de Dreamweaver nuevoarchivo y le ponemos de nombre index.php luego hacemos click dentro deuna de las filas y vamos a insertar, objetos de datos , insertarregistro, asistente de formularios de insercion de registros. comomuestra en la imagen siguiente.


Luego al ID le ponemos campo Oculto y a contenido Area de Texto y aceptar.


Bueno ahora le podes dar el la dimensiones que ustedes quieran vamos a ponerle el editor web.
vamos a vista codigo y entre las etiquetas <HEAD> y<HEAD> le ponemos este codigo para que le indique la ruta deleditor.

Codigo:

<script type="text/javascript" src="../tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
    tinyMCE.init({
       // General options
       mode : "textareas",
       theme : "advanced",
plugins :"safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",

       // Theme options
theme_advanced_buttons1 :"save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
theme_advanced_buttons2 :"cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
theme_advanced_buttons3 :"tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
theme_advanced_buttons4 :"insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
       theme_advanced_toolbar_location : "top",
       theme_advanced_toolbar_align : "left",
       theme_advanced_statusbar_location : "bottom",
       theme_advanced_resizing : true,

       // Example content CSS (should be your site CSS)
       content_css : "css/content.css",

       // Drop lists for link/image/media/template dialogs
       template_external_list_url : "lists/template_list.js",
       external_link_list_url : "lists/link_list.js",
       external_image_list_url : "lists/image_list.js",
       media_external_list_url : "lists/media_list.js",

       // Replace values for the template plugin
       template_replace_values : {
          username : "Some User",
          staffid : "991234"
       }
    });
</script>

Guardamos los cambios, con el nombre de crear_post.php y hacemos vista previa con F12.

ya tenemos para crear un post, ahora vamos a la segunda parte dondelo vamos a ver el post que creemos? vamos al index que creamosanteriormente y le hacemos doble click, bueno crean tablas como en elpaso anterior, vamos a vinculaciones Juego de registro todo como en elpaso anterior y le damos aceptar.




Guardamos los cambios y cuando posteen el post se vera en elinicio. La proxima seguire explicando como hacer inicio de sesion etcespero que les haya gustado estoy muerto me llevo mucho trabajoexplicarlo espero que les sirva para ser Web Master
Tutorial como crear tu web PHP MySQL
0 Puntos Score: 0/10
Visitas: 1362 Favoritos: 1
0 Comentarios Tutorial como crear tu web PHP MySQL
Este post no tiene comentarios. Sea el primero!
Para dejar un comentario Registrate! o.. eres ya usuario? Accede!