<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Vicio Digital &#187; new</title>
	<atom:link href="http://www.viciodigital.com/tag/new/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.viciodigital.com</link>
	<description>Vicio Digital</description>
	<lastBuildDate>Fri, 30 Jul 2010 22:25:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Crear un sistema de noticias MUY simple con Dreamweaver</title>
		<link>http://www.viciodigital.com/crear-un-sistema-de-noticias-muy-simple-con-dreamweaver/</link>
		<comments>http://www.viciodigital.com/crear-un-sistema-de-noticias-muy-simple-con-dreamweaver/#comments</comments>
		<pubDate>Sun, 28 Jun 2009 22:53:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[new]]></category>
		<category><![CDATA[Noticias]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[sistema]]></category>

		<guid isPermaLink="false">http://www.viciodigital.com/?p=828</guid>
		<description><![CDATA[Dreamweaver es sin duda uno de los mejores IDE&#8217;s para el desarrollo web que existe actualmente, por ello dedicare este tutorial a este programa. Crearemos un sistema de noticias MUY simple, que esta conformado por dos webs PHP, una llamada panel.php en la que insertaremos las noticias en la base de datos y la otra [...]]]></description>
			<content:encoded><![CDATA[<p>Dreamweaver es sin duda uno de los mejores IDE&#8217;s para el desarrollo web que existe actualmente, por ello dedicare este tutorial a este programa.</p>
<p>Crearemos un sistema de noticias MUY simple, que esta conformado por dos webs PHP, una llamada panel.php en la que insertaremos las noticias en la base de datos y la otra index.php en la cual mostraremos las noticias, rescatandandolas desde la base de datos.<br />
<span id="more-828"></span><strong>Construyendo la base de datos</strong><br />
Lo primero que vamos hacer es crear las tablas para la base de datos, yo usare phpMyAdmin. La tabla tendrá el nombre noticias con tres campos: <strong>id </strong>que será el campo primario, de tipo entero e ira incrementando su valor a la medida que insertemos noticias. El segundo campo se llamara <strong>titulo</strong> tipo varchar. El tercer campo se llamara <strong>noticia</strong> y será tipo text (usamos text para poder almacenar longitudes de texto más largas). Si desean pueden consultar <a onclick="pageTracker._trackPageview ('/salientes/http_anonym_url_com_go_php_to_http_www_desarrolloweb_com_articulos_1054_php');" rel="nofollow" href="http://anonym-url.com/go.php?to=http://www.desarrolloweb.com/articulos/1054.php" target="_blank">aquí</a> los tipos de datos en MySQL.</p>
<div style="text-align: center;"><img src="http://img265.imageshack.us/img265/8933/76743467.jpg" border="0" alt="" /></div>
<p>Debería quedar algo así:</p>
<div><a onclick="pageTracker._trackPageview ('/salientes/http_anonym_url_com_go_php_to_http_img151_imageshack_us_img151_3936_35771255_jpg');" rel="nofollow" href="http://anonym-url.com/go.php?to=http://img151.imageshack.us/img151/3936/35771255.jpg" target="_blank"></a></div>
<p style="text-align: center;"><img src="http://img151.imageshack.us/img151/3936/35771255.jpg" border="0" alt="" /></p>
<p>Para quienes quieran ahorrarse este trabajo, les dejo el codigo:</p>
<div style="margin: 5px 20px 20px;">
<pre style="border: 1px inset; margin: 0px; padding: 6px; overflow: auto; width: 640px; height: 82px; text-align: left;" dir="ltr">CREATE  TABLE  `brianur`.`noticias` ( `id` INT NOT  NULL  AUTO_INCREMENT  PRIMARY  KEY  COMMENT  'id de la noticia',
 `titulo` VARCHAR( 100  )  NOT  NULL  COMMENT  'titulo de la noticia',
 `noticia` TEXT NOT  NULL  COMMENT  'aqui se insertaran las noticias'
) ENGINE  =  MYISAM  COMMENT  =  'TalCosa'</pre>
</div>
<p><strong>Trabajando en Dreamweaver</p>
<p></strong>Lo primero que debemos hacer es <a onclick="pageTracker._trackPageview ('/salientes/http_anonym_url_com_go_php_to_http_www_deseoaprender_com_CursoDreamweaver_Lecc3Dreamweaver_htm');" rel="nofollow" href="http://www.deseoaprender.com/CursoDreamweaver/Lecc3Dreamweaver.htm" target="_blank">crear un sitio</a> o lo que seria en otras IDE&#8217;s crear un proyecto, yo no explicare como hacerlo ya que no tiene gracia y extendería mucho el tutorial. Deben crear el sitio y configurarlo para que funcione con el servidor local, en google hay mucha información al respecto.</p>
<p>Creamos un nuevo PHP, llamado panel.php</p>
<p><img src="http://img196.imageshack.us/img196/179/81151201.jpg" border="0" alt="" /></p>
<p><strong><span>Conectándonos </span></strong><strong>con la base de datos</strong></p>
<p>Desplegamos Aplicación y seleccionamos Bases de datos (si no ven donde esta vallan al menú Ventana y activen base de datos) si hasta aquí todo está bien debería aparecer algo así:</p>
<div><a onclick="pageTracker._trackPageview ('/salientes/http_anonym_url_com_go_php_to_http_img218_imageshack_us_img218_4859_98483555_jpg');" rel="nofollow" href="http://anonym-url.com/go.php?to=http://img218.imageshack.us/img218/4859/98483555.jpg" target="_blank"></a></div>
<p style="text-align: center;"><img src="http://img218.imageshack.us/img218/4859/98483555.jpg" border="0" alt="" /></p>
<p>Luego en el <strong>+ </strong>seleccionamos Conexión MySQL:</p>
<p><img src="http://img195.imageshack.us/img195/8981/33088499.jpg" border="0" alt="" /></p>
<p>Aquí se escribe los datos para conectarnos con MySQL. Así de fácil nos conectamos, Dreamweaver automáticamente crea los archivos PHP con todo el código.</p>
<p>Ahora en aplicación vamos a <strong>Comportamientos del servidor</strong> y creamos un nuevo<strong> Juego de registros</strong>.</p>
<p><img src="http://img197.imageshack.us/img197/1029/78991581.jpg" border="0" alt="" /></p>
<p>Seleccionamos la conexión que creamos anteriormente y aceptamos.<br />
<img src="http://img526.imageshack.us/img526/7318/71916766.jpg" border="0" alt="" /></p>
<div><strong>Creando formulario para escribir las noticias</strong></div>
<p>De aquí en adelante es lo más simple del tutorial. Podemos hacer el formulario manualmente, pero Dreamweaver tiene una opción para generarlo automáticamente. En la pestaña Datos seleccionamos <strong>Insertar registro &gt; Asistente de formulario de insercion de registros</strong>.</p>
<p><a onclick="pageTracker._trackPageview ('/salientes/http_anonym_url_com_go_php_to_http_img41_imageshack_us_img41_7675_25696593_jpg');" rel="nofollow" href="http://anonym-url.com/go.php?to=http://img41.imageshack.us/img41/7675/25696593.jpg" target="_blank"><img src="http://img41.imageshack.us/img41/7675/25696593.jpg" border="0" alt="" /></a></p>
<p><a onclick="pageTracker._trackPageview ('/salientes/http_anonym_url_com_go_php_to_http_img269_imageshack_us_img269_9326_59822713_jpg');" rel="nofollow" href="http://anonym-url.com/go.php?to=http://img269.imageshack.us/img269/9326/59822713.jpg" target="_blank"><img src="http://img269.imageshack.us/img269/9326/59822713.jpg" border="0" alt="" /></a></p>
<p>Seleccionamos la conexión y la tabla. Seleccionamos id y en Mostrar como seleccionamos campo oculto y en noticia seleccionar área de texto. El resto dejarlo como esta.</p>
<p>El resultado sería un formulario como este:</p>
<p><img src="http://img91.imageshack.us/img91/1577/39932452.jpg" border="0" alt="" /><br />
Hasta aquí si usamos el formulario podemos ver que inserta los datos en la base de datos. Ahora pasemos al archivo index.php, donde rescatamos estos datos.</p>
<div><strong>Creando la web para mostrar las noticias</strong></div>
<p>Creamos una tabla dinamica:</p>
<div><img src="http://img43.imageshack.us/img43/5018/60914445.jpg" border="0" alt="" /></div>
<p>Si les pide un juego de registros deben hacer lo mismo que vimos antes.</p>
<div><img src="http://img190.imageshack.us/img190/5126/90705376.jpg" border="0" alt="" /></p>
<div>
En mostrar seleccionen el numero de noticias que quieren que aparezcan, yo voy a dejar 10 noticias.</div>
</div>
<p>Con esto sería suficiente,   <span>podríamos</span> mostrar las noticias. Pero yo voy a modificar un poco la tabla, la voy a dejar de 3&#215;1 y al título le voy a poner negrita.</p>
<p>Para terminar vamos a insertar noticias, para ver el resultado:</p>
<div><img src="http://img132.imageshack.us/img132/9242/30120649.jpg" border="0" alt="" /></p>
<p><a onclick="pageTracker._trackPageview ('/salientes/http_anonym_url_com_go_php_to_http_img223_imageshack_us_img223_7309_13553633_jpg');" rel="nofollow" href="http://anonym-url.com/go.php?to=http://img223.imageshack.us/img223/7309/13553633.jpg" target="_blank"><img src="http://img223.imageshack.us/img223/7309/13553633.jpg" border="0" alt="" /></a></div>
<p>El sistema de noticias está muy simple, más adelante explicare como hacerle mejoras como sistema de comentarios, sistema de usuarios, panel de administración para editar y borrar noticias, añadir autor, fecha entre otras cosas.</p>
<p>Saludos.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.viciodigital.com/crear-un-sistema-de-noticias-muy-simple-con-dreamweaver/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
