tag:blogger.com,1999:blog-293260752024-02-21T08:38:37.224-05:00Armonia AbstractaProgramación, Tutoriales y un poco más del tema.julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.comBlogger57125tag:blogger.com,1999:blog-29326075.post-87725194982034716682012-01-24T21:58:00.004-06:002012-01-24T21:58:55.824-06:00CSS Inquebrantable<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;">Hola, cumpliendo lo antes dicho aquí me encuentro escribiendo, gracias a que estoy de vacaciones en la espera de mi primer hija, ojala que ya nazca que me tiene con ansias.</span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"> </span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;">En fin, el tema de hoy esta basado en crear una maquetación lo más estable posible para todos los navegadores. La suma de los mismo da la dimensión total real del objeto en navegadores estandar (Firefox, Chrome, Safari) con una cierta variación en IE6, o IE7+ variación no estandar, esto lo comentaremos en el uso de padding y margin.</span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<br /></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;">Un objeto tiene Padding, Margen y Borde, así como ancho y alto, elementales para poder mantener todo en su lugar. Como se muestra en la siguiente imagen.</span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"><br /></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1NuNTRwdECtaN6KLS2JsVlim0oDfXt6YAC7_qpoJuYLKoonF4YUCLHGoeWcle2rRIgyXbEChE93bbkiCGTms-VvxP1bjV9OetQilHnezaHt8YLfFdWLkV1caZYMiXoCv0AxP-/s1600/maqueta.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1NuNTRwdECtaN6KLS2JsVlim0oDfXt6YAC7_qpoJuYLKoonF4YUCLHGoeWcle2rRIgyXbEChE93bbkiCGTms-VvxP1bjV9OetQilHnezaHt8YLfFdWLkV1caZYMiXoCv0AxP-/s1600/maqueta.gif" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Fig1. Distribución de un objeto en CSS</td></tr>
</tbody></table>
<div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: small;"></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
</div>
<b style="font-family: Arial, Helvetica, sans-serif;">Uso de Margen</b><br />
<br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><b>Descripción</b>: </span></span><span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">es el espacio que separa a un objeto de otro.</span></span><br />
<b><span style="font-size: x-small;"></span></b><span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><b>propiedad CSS</b>: margin</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><b>Formas de Uso</b>:</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">margin: arriba derecha abajo izquierda;</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><b>ejem</b>: margin:5px 2px 3px 6px;</span></span><br />
<br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">margin: arriba izquierda abajo. <b>ejem</b>: margin:3px 2px 5px; margen superior 3px, margen izquierdo 2px y margen inferior 5px.</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">margin: arribaabajo izqder;<b> ejem</b>: margin:5px 7px; Esto indica que el margin superior e inferior sera de 5px mientras que el izquierdo y derecho de 7px.</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"></span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">margin: todos; ejem; 5px; Indica que el margen en todos lados será de 5px; </span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Además se puede manipular de manera independiente.</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">margin-left, margin-right, margin-top. margin-bottom. izquierdo, derecho, superior e inferior respectivamente.</span></span><br />
<span style="font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Comportamiento</b>: Se suma al Ancho ó Alto del objeto en todos los navegadores.</span></span><br />
<br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><b>Notas</b>. El margen es tomado doble por IE6 ó IE7+ con variacion no estandar, así que se debe tener mucho cuidado pues el margen es tomado doble, por lo cual existen varios metodos para contrarestar este comportamiento, en lo personal hago uso de las siguientes:</span></span><br />
<br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Suponiendo un margen izquierdo de 6px;</span></span><br />
<br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">display:inline-block; </span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">margin-left:6px;</span></span><br />
<br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">En el ejemplo anterior, agrego un display:inline-block; indica el comportamiento del objeto, en su mayoría esto siempre funciona, pero si acaso falla existe el siguiente:</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><br /></span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">display:inline-block;</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">margin-left:6px;</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">_margin-left:3px;</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><br /></span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Además de incluir el display: Se agrega el _margin-left. esto indica que solo en IE6 será leida dicha regla, así que ahí ajustamos para que se vea de la misma manera que en Firefox.</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><br /></span></span><br />
<h3>
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><b>Uso de Padding </b></span></span></h3>
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><b>Descripcion</b>: Es el espacio que existe entre el limite del objeto y donde inicia el contenido del mismo.</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><b>Propiedad CSS</b>: padding</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><b>Formas de Uso</b>:</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">margin: arriba derecha abajo izquierda;</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><b>ejem</b>: margin:5px 2px 3px 6px;</span></span><br />
<br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">padding: arriba izquierda abajo. <b>ejem</b>: padding:3px 2px 5px; margen superior 3px, margen izquierdo 2px y margen inferior 5px.</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">padding: arribaabajo izqder;<b> ejem</b>: padding:5px 7px; Esto indica que el margin superior e inferior sera de 5px mientras que el izquierdo y derecho de 7px.</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">padding: todos; ejem; 5px; Indica que el margen en todos lados será de 5px; </span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Además se puede manipular de manera independiente.</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">padding-left, padding-right, padding-top. padding-bottom. izquierdo, derecho, superior e inferior respectivamente.</span></span><br />
<br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><b>Comportamiento</b>: Se suma en Ancho ó Alto en navegadores estandar (Firefox, Chrome y Safari, IE7+), y se Resta en IE6 y IE7+ variacion no estandar. </span></span><br />
<br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><b>Notas</b>: El padding resulta ser un poco más estable, son objetos de bloque o de línea, no así con tablas, Expliquemos su uso en los diferentes navegadores. supongamos que necesitamos un div de 350 x 220 px, con 10px de padding en cada lado.</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><br /></span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Para Navegadores Estandar:</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">width:330px;</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">height:200px;</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">display:inline-block;</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">padding:10px;</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><br /></span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">Para IE6 ó IE7+ variación no estandar:</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">width:330px;</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">_width:350px;</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">height:200px;</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">_height:220px;</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">display:inline-block;</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;">padding:10px;</span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><br /></span></span><br />
<h3>
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><b>Uso de Bordes</b></span></span> </h3>
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><b>Descripción</b><span style="font-weight: normal;">: Muestra una franja visible al rededor del objeto.</span></span></span><span style="font-weight: normal;"></span><span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><span style="font-weight: normal;"> </span></span></span>
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><span style="font-weight: normal;"> </span></span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><b>Propiedad CCS</b><span style="font-weight: normal;">: border</span><b></b></span></span>
<br />
<div>
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><b>Formas de uso</b></span></span><br />
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"><span style="font-weight: normal;">border: ancho tipo color;</span></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b>ejem</b>: border:5px solid #FF0000;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">El resultado es un borde de 5px con el estilo solido en color rojo.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">A diferencia de los margenes y paddings; los bordes se definen solamente de dos formas: todos o uno especifico, así como sus propiedades por separado.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">border-left: 5px solid #FF0000; borde izquierdo</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">border-right: 5px solid #FF0000; borde derecho</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">border-top: 5px solid #FF0000; borde superior.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">border-bottom: 5px solid #FF0000: borde inferior.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">border-top-style: solid; estilo del borde superior.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">border-bottom-style: solid; estilo del borde inferior.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">border-left-style:solid; estilo del borde izquierdo.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">border-right-style:solid; estilo del borde derecho.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">border-top-color: #FF0000; color del borde superior.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">border-bottom-color: #FF0000; color del borde inferior.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">border-left-color: #FF0000; color del borde izquierdo</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">border-right-color: #FF0000; color del borde derecho.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Los diferentes estilos de borde que son aceptados en todos los navegadores son:</span><br />
<br />
<ul style="background-color: #e1e5ef; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; line-height: 18px;">
<li>solid</li>
<li>dotted</li>
<li>double</li>
<li>dashed</li>
<li>groove</li>
<li>ridge</li>
<li>inset</li>
<li>outset</li>
</ul>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Comportamiento</b>: inestable con tablas pero muy estable en todos los navegadores en objetos de bloque como los divs.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Notas. Recuerda que el borde se suma al tamaño definido en width y height del objeto.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Si queremos que un objeto mida 750px por 580px, ancho alto respectivamente, y es necesario un padding izquierdo de 10px y un borde de 3px, además de un margen derecho de 2px, y padding general de 5px. Como se hará el CSS. Tomando en cuenta las notas anteriores esto se definiría así:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Para Navegadores estándar:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">ancho=ancho total - padding izquierdo - padding derecho - borde izquierdo - borde derecho- margen izquierdo - margen derecho.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">width=750px-10px - 5px -3px - 3px - 0px -2px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">width:727px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Para IE6 ó IE7+ variación no estándar.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">ancho= 750 - borde-izquierdo - borde - derecho - margen izquierdo - margen derecho.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">width=750px - 3px - 3px - 0px - 2px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">width:742px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Mientras que el alto estará de la siguiente manera para navegadores estandar:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">alto= alto total - borde superior - borde inferior - margen superior - margen inferior - padding superior - padding inferior;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">height=580px - 3px - 3px - 0px - 0px - 5px - 5px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">height:564px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">En tanto que en IE6 ó IE7+ variación no estándar:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">alto=alto total - </span><span style="font-family: Arial, Helvetica, sans-serif;">alto total - borde superior - borde inferior - margen superior - margen inferior;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">height=580px - 3px - 3px - 0px - 0px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">height:574px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Una vez calculado el ancho y alto aremos el css general.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Navegadores estándar:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">div.contenido { </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> width:727px; _width:742px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> height:564px; _height_574px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> display:inline-block;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> overflow:hidden;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> padding:5px; padding-left:10px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> margin: 0px; margin-right:2px;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> border:3px solid #FF0000;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">}</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">En esta ocasión el overflow: hidden; nos sirve para mantener el contenido dentro, y que si este excede el tamaño definido en ancho y alto no se muestra, es optimo para evitar desbordamientos.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<b style="font-family: Arial, Helvetica, sans-serif;">Uso de Overflow</b><br />
<span style="font-family: Arial, Helvetica, sans-serif;">El overflow indica el comportamiento que tendrá el objeto contenedor respecto al contenido del mismo, si se fuerza y solo se muestra en un ancho y alto establecido, o si mostrará barra de desplazamiento, también ayuda a contener a objetos flotantes (aquellos con propiedad float). Los tipos de comportamiento son:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">visible. El contenido se sale del contenido si este excede el tamaño, valor default.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">hidden: El contenido solo se muestra dentro del contenedor, sin exceder el tamaño, también ayuda a contener a elementos flotantes.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">scroll: Siempre se muestran las barras de desplazamiento.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">auto: Muestra las barras según sea necesario; es decir si el contenido no se excede se muestra normal, si se excede en ancho se muestra la barra inferior. Y si se excede en alto se muestra la barra derecha de desplazamiento. Finalmente si se excede en ancho y alto se muestran ambas barras de desplazamiento.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<b style="font-family: Arial, Helvetica, sans-serif;">Uso de float</b><br />
<span style="font-family: Arial, Helvetica, sans-serif;">La propiedad float permite, flotar elementos, hacia la derecha o hacia la izquierda o quizás eliminar un float que esta por herencia.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">float: left; /*Flota el elemento a la izquierda*/</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">float:right; /*flota el elemento a la derecha*/</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">float:none; /*Elimina el float*/</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Nota</b>: Esto puede ser útil cuando tenemos varios objetos seguidos uno de otro.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">digamos que tenemos un espacio de 750px y queremos dos objetos seguidos uno de 400px y otro de 300px, con una separación de 50px. Esto lo podemos resolver de dos formas.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<div class="contenedor">
<br />
<br />
<div class="uno">
<span style="font-family: Arial, Helvetica, sans-serif;">objeto uno</span></div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<div class="dos">
<span style="font-family: Arial, Helvetica, sans-serif;">objeto dos</span></div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"></span></div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">Forma 1.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">div.contenedor { width:750px; overflow:hidden; }</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">div.contenedor .uno { width:400px; float:left; oveflow:hidden; }</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">div.contenedor .dos { width:300px; float:left; oveflow:hidden; display:inline-block; margin-left:50px; }</span>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Forma 2</span><br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">div.contenedor { width:750px; overflow:hidden; }</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">div.contenedor .uno { width:400px; float:left; oveflow:hidden; }</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">div.contenedor .dos { width:300px; float:right; oveflow:hidden; }</span><br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Ambas formas dan el mismo resultado, depende del acomodo que tenga el encargado de la maquetación, ahora veremos el clear, esté nos permite trabajar en casos más específicos combinando el float</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<b style="font-family: Arial, Helvetica, sans-serif;">Uso de clear</b><br />
<span style="font-family: Arial, Helvetica, sans-serif;">El clear como su traducción literal lo dice sirve para limpiar. Pero, ¿Qué limpia?. Limpia los objetos flotantes, supongamos que en el ejemplo anterior no importa que sobre los 50px, y queremos un objeto de 50px en la parte inferior junto con otro de 650px, Los objetos flotantes por si solos mientras que haya espacio tienden a colocar uno tras otro los objetos, solo hay salto de línea cuando ya no alcance el tamaño. Para resolver dicho problema usaremos una de las siguientes tres opciones que nos presenta el clear.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">left. limpia el flotante en izquierda.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">right. limpia el flotante en derecha</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">both. limpia el flotantes en ambos lados.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">none. no limpia nada, esto en caso de eliminar la propiedad por herencia.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Entonces tendremos una estructura de la siguiente manera:</span><br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<div class="contenedor">
<br />
<br />
<div class="uno">
<span style="font-family: Arial, Helvetica, sans-serif;">objeto uno</span></div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<div class="dos">
<span style="font-family: Arial, Helvetica, sans-serif;">objeto dos</span></div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<div class="tres">
objeto dos</div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<div class="cuatro">
objeto dos</div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"></span></div>
<br />
<br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">div.contenedor { width:750px; overflow:hidden; }</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">div.contenedor .uno { width:400px; float:left; oveflow:hidden; }</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">div.contenedor .dos { width:300px; float:left; oveflow:hidden; }</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">div.contenedor .dos { width:50px; float:left; oveflow:hidden; clear:left; }</span>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">div.contenedor .dos { width:700px; float:left; oveflow:hidden; }</span>
<br />
<br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<b style="font-family: Arial, Helvetica, sans-serif;">Uso de display</b><br />
<span style="font-family: Arial, Helvetica, sans-serif;">El display indica como se comporta el objeto a la hora de mostrarse. Los distintos valores son:</span><br />
<br />
<ul style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 20px; padding-right: 0px; padding-top: 0px; width: 640px;">
<li style="float: left; list-style-image: initial; list-style-position: initial; list-style-type: square; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; min-width: 20%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 192px;">inline</li>
<li style="float: left; list-style-image: initial; list-style-position: initial; list-style-type: square; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; min-width: 20%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 192px;">block</li>
<li style="float: left; list-style-image: initial; list-style-position: initial; list-style-type: square; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; min-width: 20%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 192px;">list-item</li>
<li style="float: left; list-style-image: initial; list-style-position: initial; list-style-type: square; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; min-width: 20%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 192px;">run-in</li>
<li style="float: left; list-style-image: initial; list-style-position: initial; list-style-type: square; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; min-width: 20%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 192px;">inline-block</li>
<li style="float: left; list-style-image: initial; list-style-position: initial; list-style-type: square; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; min-width: 20%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 192px;">table</li>
<li style="float: left; list-style-image: initial; list-style-position: initial; list-style-type: square; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; min-width: 20%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 192px;">inline-table</li>
<li style="float: left; list-style-image: initial; list-style-position: initial; list-style-type: square; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; min-width: 20%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 192px;">table-row-group</li>
<li style="float: left; list-style-image: initial; list-style-position: initial; list-style-type: square; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; min-width: 20%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 192px;">table-header-group</li>
<li style="float: left; list-style-image: initial; list-style-position: initial; list-style-type: square; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; min-width: 20%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 192px;">table-footer-group</li>
<li style="float: left; list-style-image: initial; list-style-position: initial; list-style-type: square; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; min-width: 20%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 192px;">table-row</li>
<li style="float: left; list-style-image: initial; list-style-position: initial; list-style-type: square; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; min-width: 20%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 192px;">table-column-group</li>
<li style="float: left; list-style-image: initial; list-style-position: initial; list-style-type: square; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; min-width: 20%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 192px;">table-column</li>
<li style="float: left; list-style-image: initial; list-style-position: initial; list-style-type: square; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; min-width: 20%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 192px;">table-cell</li>
<li style="float: left; list-style-image: initial; list-style-position: initial; list-style-type: square; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; min-width: 20%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 192px;">table-caption</li>
<li style="float: left; list-style-image: initial; list-style-position: initial; list-style-type: square; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; min-width: 20%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 192px;">none</li>
<li style="float: left; list-style-image: initial; list-style-position: initial; list-style-type: square; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 0.3em; min-width: 20%; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 192px;">inherit</li>
</ul>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 20px;"><br /></span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 20px;"><br /></span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 20px;"><br /></span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 20px;"><br /></span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 20px;"><br /></span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 20px;"><br /></span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 20px;"><br /></span></span></div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Sin embargo las más usadas son:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">none. no se muestra el objeto.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">inline. para listas</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">block. para que objetos que se comportan como objeto de línea, se comporten como un blouqe, tales como las a, p, span, label, etc.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">inline-bloque. Objetos que tienen un comportamiento de bloque, en listas, además sirve para igualar el margen en todos los navegadores.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<b style="font-family: Arial, Helvetica, sans-serif;">Uso de position</b><br />
<span style="font-family: Arial, Helvetica, sans-serif;">La propiedad position ayuda a establecer el enfoque del objeto, como sera su posición, por default estatica. Estas son las diferentes posiciones.</span><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><span style="margin-left: auto; margin-right: auto;"><a href="http://www.blogger.com/goog_908627971"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8-tV4PT5OYLDymPH7LmGKNgsDztyA-aQC9AqlDw7Mh4Dia94ERLA5e2FrnyLn4f3sYLDKVsMvYkKdpnjdDH5U6ovWNynXa_T3PtL84IWcZ2C9_IeXb7-sOJGgAz6hEhj7GFmf/s1600/posicion.png" /></a></span></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><a href="http://www.cssblog.es/css-position-propiedad/" target="_blank">Fig2. Posiciones. Elemento tomado de www.cssblog.es. click a imagen para mayor referencia.</a></td></tr>
</tbody></table>
<span style="font-family: Arial, Helvetica, sans-serif;">Bien tomando en cuenta esta tabla, debo mencionar que los objetos que están en relative sirven de base para un objeto que esta en absolute. Además que las posiciones deben establecerse con las propiedades left, top, botttom o right.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<div class="contenedor">
<br />
<br />
<div class="absoluto">
<span style="font-family: Arial, Helvetica, sans-serif;">hey</span></div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"></span></div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Veamos que pasa con estas dos versiones de CSS</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Forma 1</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">div.contenedor { width:750px; height:350px; }</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">div.contenedor .absoluto { width:50px; height:50px; background:red; color:#FFF; line-height:50px; font-size:14px; font-family:Arial, Verdana, "Times New Roman", font-weight:bold; position:absolute: left:10px; top:10px; }</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Forma 2</span><br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;">Forma 1</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">div.contenedor { width:750px; height:350px; position:relative; }</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">div.contenedor .absoluto { width:50px; height:50px; background:red; color:#FFF; line-height:50px; font-size:14px; font-family:Arial, Verdana, "Times New Roman", font-weight:bold; position:absolute: left:10px; top:10px; }</span><br />
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Como veras el comportamiento deseado se encuentra en la forma dos, y es la correcta.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b>Notas Finales</b>. Recuerda todos estos tips, son muy valiosos y si tienes dudas, pregunta y con gusto te respondo, no olvides agregarme.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Por ultimo estas propiedades utiles.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">font-size. tamaño de la fuente</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">font-family. estilo de la fuente (verdana, arial u otra)</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">font-weight. Estable si estará negrita (wight), normal u 700, 300 la fuente en grosor.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">line-height. El tamaño del interlineado.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">text-align. la alineación del contenido. left, right, center o justify.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">background. relleno del objeto</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">background: color imagen repetir-imagen posición-horizontal posición-vertical;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">background: #FFF img(../img/fondo.png) no-repeat left top;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">background-position. posición del fondo si es imagen</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">background-color. color de fondo</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">background-image. fondo de imagen</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">background-repeat. comportamiento al repetir imagen</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Si deseas alinear un objeto te recomiendo esta forma.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"></span><br />
<div class="contenedor">
<div class="centrar">
<span style="font-family: Arial, Helvetica, sans-serif;">hola mundo</span></div>
</div>
<br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">div.contenedor { width:1200px; overflow:hidden; text-align:center; font-size:12px; font-family:Arial, Verdana, Tahoma; }</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">div.contenedor centrar { margin:0px auto; width:960px; height:800px; background:red; }</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">Saludos.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<span style="font-size: x-small;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: small;"></span></span><br />
<span style="font-size: x-small;">Sigueme: @dzipiri</span><br />
<span style="font-size: x-small;">o en http://www.facebook.com/JulianTunKu</span><br />
<span style="font-size: x-small;">http://www.linkedin.com/in/juliantun</span> <br />
<br />
Gracias por su lectura, agradecere tu comentario,
atte The Dzip.</div>julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com0tag:blogger.com,1999:blog-29326075.post-1676043339078849262012-01-15T00:05:00.002-06:002012-01-15T00:05:42.855-06:00Herramientas indispensables para el desarrollo Web<div dir="ltr" style="text-align: left;" trbidi="on">
Hola Amigos, que puedo decir después de tanto tiempo ausente. Les contaré que llevo 2 años en desarrollo Web basado en HTML, JS y CSS, he adquirido grandes conocimientos los cuales aprovechando estoy de vacaciones me gustaría compartir.<br />
<br />
<h2 style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"> Herramientas generales.</span></h2>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"></span></div>
<h3 style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"><a href="http://colorcop.net/download" target="_blank">Color Cop</a></span></h3>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;">Esta herramienta es muy útil para selección de colores, ya que es una pequeña ventana sobrepuesta, solo basta con arrastrar la pipeta para seleccionar el color de cualquier ventana y automaticamente lo copiara, la desventaja es que es solo para Windows, la recomiendo ya que agiliza esta tarea, que generalmente se hacia con <a href="https://addons.mozilla.org/en-US/firefox/addon/colorzilla/" target="_blank">ColorZilla </a>para Firefox.</span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"></span></div>
<h3 style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"><a href="http://notepad-plus-plus.org/download/v5.9.8.html" target="_blank">Notepad++</a></span></h3>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;"></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;">El Id para desarrollo queda a gusto de cada quien, sin embargo uno de mis favoritos es Notepad++, Fácil de instalar, ligero y rápido, colorea sintaxis de HTML, JS, CSS y más, lo recomiendo altamente. </span><br />
<br />
<h2 style="font-size: small;">
<span style="font-size: small;">Herramientas de desarrollo web para Firefox</span> </h2>
</div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<h3 style="font-size: small; font-weight: normal;">
<b><a href="https://addons.mozilla.org/es-es/firefox/addon/firebug/" target="_blank">Firebug</a></b></h3>
Esta herramienta es muy completa para desarrolladores, muy completa, con inspeccionador de CSS, JS, HTML, RED entre otros. La recomiendo pues ayuda a verificar la maquetación. insertar css, así como JS.<br />
<br />
<span style="font-size: small;"><b><a href="https://addons.mozilla.org/es-es/firefox/addon/measureit/?src=ss" target="_blank">Measure It</a></b></span><br />
<br />
<span style="font-size: small;">Esta funje como regla, ayuda a medir, para alinear objetos es útil, sin embargo, en lo particular casi no lo utilizo, pero lo comento por si alguien lo necesita.</span><br />
<span style="font-size: small;"><br /></span><br />
<h3 style="font-size: small;">
<b><a href="https://addons.mozilla.org/es-es/firefox/addon/screen-capture-elite/contribute/roadblock/?src=search&version=2.0.0.23" target="_blank">Screen Capture Elite</a></b></h3>
Ayuda a Capturar pantalla, muy útil para esos pantallazos que aveces se necesitan en juntas, además de que lo acabo de descubir pues yo usaba <b><a href="https://addons.mozilla.org/en-US/firefox/addon/screengrab/" target="_blank">Sreen Grab</a></b>, sin embargo con las nuevas versiones de Firefox este dejo de funcionar.<br />
<br />
Bien estas son las que considero más utiles para lo que desarrollo hasta el momento, si tienes otra no dudes en comentar y recomendar, hagamos una comunidad de conocimientos.<br />
<span style="font-size: small;"><br /></span><br />
<h2>
<span style="font-size: small;"><b>Herramientas de desarrollo Web para Internet Explorer</b></span></h2>
<span style="font-size: small;">Internet Explorer trae herramientas para desarrolladores Web ya incluidas, sin embargo no son tan buenas como el Firebug, basta con presionar F12 para que se muestre la barra de desarrollo. tiene explorador DOM, manipulación de HTML, CSS y JS, sin embargo he aquí algunas herramientas que me han servido.</span><br />
<span style="font-size: small;"><br /></span><br />
<h3>
<a href="http://www.my-debugbar.com/wiki/CompanionJS/HomePage" target="_blank"><b><span style="font-size: small;">CompanionJS</span></b></a></h3>
Esta herramienta indica donde hay un error en JS, en lo particular me gusta utilizar y probar los scripts en IE, ya que la conbinación de IE (suceptible a errores de JS) y CompanionJs (buena en indicar el error línea y posible falla) hacen mejor el ambiente de pruebas.<br />
<br />
<h3>
<a href="http://www.my-debugbar.com/wiki/Doc/DebugbarInstall" target="_blank"><b>DebugBar</b></a></h3>
Complementa la selección del explorador DOM de IE.<br />
<br />
<h3>
<a href="http://www.my-debugbar.com/wiki/IETester/HomePage" target="_blank"><b>IETester</b></a></h3>
</div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: small;">Ayuda a dar una idea del renderizado de diversas versiones de IE.</span><br />
<span style="font-size: small;"> </span><br />
<span style="font-size: small;">Notas.</span><br />
<span style="font-size: small;">-Mi recomendación para verificar estilos y maquetación que se genera al vuelo con JavaScript o JQuery, es realizar los cambios requeridos hasta el punto que se desea revisar, luego activar la barra de IE (F12).</span><br />
<span style="font-size: small;">-Recuerda que tanto IE Tester como las diversar combinaciones de Renderizar con la barra de IE no es exacto a como se vería el render en la versión original.</span><br />
<span style="font-size: small;">-Revisa todas las combinaciones de renderización IE8 IE8, IE8 no estandar.</span><br />
<span style="font-size: small;"><br /></span><br />
<span style="font-size: small;">No comento sobre más herramientas ya que es muy probable que si funciona en IE y Firefox funciona en todo lo demás, pero también hay que revisar en chrome y si se ve bien el es seguro que estará bien en Safari y Opera.</span><br />
<span style="font-size: small;"><br /></span><br />
<span style="font-size: small;">El siguiente tema será. Creando CSS inquebrantable.</span><br />
<span style="font-size: small;"><br /></span><br />
<span style="font-size: small;">Y te recuerdo cometa y comparte, </span><br />
<span style="font-size: small;"><br /></span><br />
<span style="font-size: small;">Sigueme: @dzipiri</span><br />
<span style="font-size: small;">o en http://www.facebook.com/JulianTunKu</span><br />
<span style="font-size: small;">http://www.linkedin.com/in/juliantun</span><br />
<span style="font-size: small;"><br /></span><br />
<span style="font-size: small;">Gracias por su lectura, agradecere tu comentario,
atte The Dzip.</span></div>
</div>julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com1tag:blogger.com,1999:blog-29326075.post-60904961462976385072011-10-09T09:25:00.002-05:002011-10-09T09:41:19.213-05:00Desarrollo WebActualmente estoy desarrollando para sitios web, pido una disculpa por los enlaces de código rotos, se encontraban alojados en un servidor el cual perdí; así mismo los archivos en el host.<br /><br />La tecnología esta enfocada actualmente a un ambiente web, los sistemas de escritorio se van rezagando cada vez más, el futuro esta en las interconexiones y servicios web. Sin embargo es claro que no dejará de existir una terminal y el software de configuración.<br /><br />Tecnologías como .Net de Microsoft, PHP, PERL, Java, entre otros se perfilan como base para el futuro del desarrollo Web en servidores.<br /><br />Sin embargo no son menos importantes los lenguajes interpretados o aquellos que son de lado de cliente. Tales como JavaScript, y los poderosos FrameWorks badados en este lenguaje.<br /><br />En lo personal utilizo jQuery; este poderoso Framework permite realizar acciones de una manera muy sencilla, mediante selectores y acciones.<br /><br />Solo basta con cargarlo y hacer uso de el en el sitio web.<br /><br /><br /><br />Gracias por su lectura, agradecere tu comentario, atte The Dzip.julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com1tag:blogger.com,1999:blog-29326075.post-84328020534924839722009-10-28T16:06:00.002-06:002009-10-28T16:15:04.313-06:00Redimencionar imagenes con PHPPues un problema más fue que al utilizar div en lugar de la etiqueta img, debia redimencionar una imagen, pues tuve que crear una imagen y aquí les dejo la función<br /><br /><span style="font-family: courier new;font-size:85%;" > function RedimensionarJPG($origen,$destino,$NewWidth,$NewHeight,$calidad)<br /> {<br /> list($width, $height) = getimagesize($origen);<br /> $thumb = ImageCreateTrueColor($NewWidth, $NewHeight);<br /> imagecopyresampled($thumb, imagecreatefromjpeg($origen), 0, 0, 0, 0, $NewWidth, $NewHeight, $width, $height);<br /> imagejpeg($thumb,$destino,$calidad);<br /> imagedestroy($thumb);<br /> }</span><br /><br /><br />Donde:<br />$Origen es el lugar donde se encuntra tu imagen original<br />$destino es la carpeta donde se guardara tu imagen<br />$NewWidth ancho al cual quieres redimensionar<br />$NewHeight alto al que quieres redimensionar<br />$calidad calidad de la imagen de 0 a 100, recomiendo 100<br /><br />ejemplo:<br /><span style="font-size:85%;"><span style="font-family: courier new;">$archivo = "imgs/original/imagen1.jpg;";</span><br /><span style="font-family: courier new;">$miniatura="imgs/destino/imagen2.jpg";</span><br /><span style="font-family: courier new;">RedimensionarJPG($archivo,$miniatura,"250px","130px",100);</span></span><br /><br />Espero sea de ayuda<br />Gracias por su lectura, agradecere tu comentario,<br />atte The Dzip.julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com1tag:blogger.com,1999:blog-29326075.post-8123203953343449112009-10-28T16:00:00.002-06:002009-10-28T16:05:58.226-06:00Subiendo Archivo por FTP en PHP<span style="font-family: courier new;font-size:85%;" >Partiendo del Post anterior aquí les tengo uno más comleto, solo que este sube por FTP<br /><br /> // Primero creamos un ID de conexión a nuestro servidor<br /> $cid = ftp_connect("127.0.0.1");<br /> // Luego creamos un login al mismo con nuestro usuario y contraseña<br /> $resultado = ftp_login($cid, "Prueba","pelos08");<br /> // Comprobamos que se creo el Id de conexión y se pudo hacer el login<br /> if ((!$cid) || (!$resultado)) {<br /> echo "Fallo en la conexión"; die;<br /> } else {<br /> echo "Conectado.";<br /> }<br /> // Cambiamos a modo pasivo, esto es importante porque, de esta manera le decimos al<br /> //servidor que seremos nosotros quienes comenzaremos la transmisión de datos.<br /> ftp_pasv ($cid, false) ;<br /> echo "<br /> Cambio a modo pasivo<br />";<br /> // Nos cambiamos al directorio, donde queremos subir los archivos, si se van a subir a la raíz<br /> echo "Cambiado al directorio necesario"; <br /> // Tomamos el nombre del archivo a transmitir, pero en lugar de usar $_POST, usamos $_FILES que le indica a PHP<br /> // Que estamos transmitiendo un archivo, esto es en realidad un matriz, el segundo argumento de la matriz, indica<br /> // el nombre del archivo<br /> $local = $_FILES['Archivo']["name"];<br /> // Este es el nombre temporal del archivo mientras dura la transmisión<br /> $remoto = $_FILES['Archivo']["tmp_name"];<br /> // El tamaño del archivo<br /> $tama = $_FILES['Archivo']["size"];<br /> $type= $_FILES['Archivo']["type"];<br /> echo "<br />$local<br />";<br /> echo "$remoto<br />";<br /> echo "subiendo el archivo...<br />";<br /> // Juntamos la ruta del servidor con el nombre real del archivo<br /> $ruta = "../img-vista/Original/" . $local;<br /> $ruta1 = "../img-vista/Miniatura/".$local;<br /> // Verificamos si no hemos excedido el tamaño del archivo<br /> if ( ($tama > $_POST["MAX_FILE_SIZE"])){<br /> echo "Este archivo excede el limite de tamaño <br />";<br /> } else<br /> {<br /> if (!($type=="image/jpeg" or $type=="image/png" or $type=="image/gif" ))<br /> {<br /> echo "No es una imagen";<br /> // Verificamos si ya se subio el archivo temporal<br /> }<br /> else<br /> {<br /> if (is_uploaded_file($remoto))<br /> {<br /> // copiamos el archivo temporal, del directorio de temporales de nuestro servidor a la ruta que creamos<br /> copy($remoto, $ruta);<br /> </span><span style="font-family: courier new; font-size: 85%;">ConvierteJpeg($ruta,$type)</span><br /><span style="font-family: courier new;font-size:85%;" > }<br /> // Sino se pudo subir el temporal<br /> else<br /> {<br /> echo "No se pudo subir el archivo " . $local;<br /> }<br /> }<br /> <br /> }<br /> echo "\nRuta: " . $ruta;<br /> echo "\n".$nuevo;<br /> //cerramos la conexión FTP<br /> ftp_close($cid);<br /> Header("Location: ../Formulario_Subida.php"); </span><br /><br /><span style="font-family: courier new; font-size: 85%;">function ConvierteJpeg($ruta,$type)<br /> {<br /> if (!($type=="image/jpeg" or $type=="image/png" or $type=="image/gif" or $type=="image/x-png" or $type=="image/pjpeg"))<br /> {<br /> unlink($ruta);<br /> return("er");<br /> }<br /> else<br /> {<br /> if ($type=="image/gif"){<br /> $nuevo = str_replace("gif","jpg",$ruta);<br /> $im=imagecreatefromgif($ruta);<br /> $im=imagejpeg($im,$nuevo);<br /> unlink($ruta);<br /> return($nuevo);<br /> }<br /> <br /> if ($type=="image/jpeg" or $type=="image/pjpeg"){<br /> $nuevo=$ruta;<br /> $im=imagecreatefromjpeg($nuevo);<br /> $im=imagejpeg($im,$nuevo);<br /> return($nuevo);<br /> }<br /> <br /> <br /> if ($type=="image/png" or $type=="image/x-png"){<br /> $nuevo = str_replace("png","jpg",$ruta);<br /> $im=imagecreatefrompng($ruta);<br /> $im=imagejpeg($im,$nuevo);<br /> unlink($ruta);<br /> return($nuevo);<br /> }<br /> }<br /> <br /> }</span><br /><br />Gracias por su lectura, agradecere tu comentario,<br />atte The Dzip.julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com0tag:blogger.com,1999:blog-29326075.post-20949313857600119732009-10-28T15:37:00.002-06:002009-10-28T16:00:50.201-06:00Covertir imagenes GIF, JPEG o PNG en JPGPues me vi en la necesidad de poder convertir una imagen del indole que sea a JPG, debido a que necesitaba ahorrar espacion en el servidor, en este caso, cree una función que la realiza, he aquí en el código<br /><br />y como siempre el magestuoso IE me da problemas, jajaja por lo cual tuve que hacer un echo de prueba, por lo cual les doy los siguientes datos<br /><br />Tipo de Archivo IE Firefox<br />GIF image/gif image/gif<br />PNG image/x-png image/png<br />JPG image/pjpeg image/jpeg<br /><br />con lo cual se crea esta función, donde necesitamos la ruta donde se encuntra la imagen y el formato de la misma, más adelante explicare como usarlo<br /><br /><span style="font-family: courier new;font-size:85%;" >function ConvierteJpeg($ruta,$type)<br /> {<br /> if (!($type=="image/jpeg" or $type=="image/png" or $type=="image/gif" or $type=="image/x-png" or $type=="image/pjpeg"))<br /> {<br /> unlink($ruta);<br /> return("er");<br /> }<br /> else<br /> {<br /> if ($type=="image/gif"){<br /> $nuevo = str_replace("gif","jpg",$ruta);<br /> $im=imagecreatefromgif($ruta);<br /> $im=imagejpeg($im,$nuevo);<br /> unlink($ruta);<br /> return($nuevo);<br /> }<br /> <br /> if ($type=="image/jpeg" or $type=="image/pjpeg"){<br /> $nuevo=$ruta;<br /> $im=imagecreatefromjpeg($nuevo);<br /> $im=imagejpeg($im,$nuevo);<br /> return($nuevo);<br /> }<br /> <br /> <br /> if ($type=="image/png" or $type=="image/x-png"){<br /> $nuevo = str_replace("png","jpg",$ruta);<br /> $im=imagecreatefrompng($ruta);<br /> $im=imagejpeg($im,$nuevo);<br /> unlink($ruta);<br /> return($nuevo);<br /> }<br /> }<br /> <br /> }</span><br /><br />Modo de USO.<br />En este caso lo usaremos desde un formulario, y con un campo tipo FILE, por lo cual aremos<br /><br /><br /><span style="font-family: courier new;font-size:85%;" >if($_FILES['field_13']['name']!=''){<br />$field_13_filename = "file_13_".date("sihdmY").substr($_FILES['field_13']['name'],strlen($_FILES['field_13']['name'])-4);<br />//con la siguiente linea se sube al servidor<br />if(move_uploaded_file($_FILES['field_13']['tmp_name'], "../../recibos/".$field_13_filename)){<br />//Se obtiene el formato o tipo de archivo<br /> $type=$_FILES['field_13']["type"];<br />//se define la ruta donde se guardara la imagen, y que es donde se subio<br /> $ruta="../../recibos/".$field_13_filename;<br />//usamos la funcion<br /> $nuevo=ConvierteJpeg($ruta,$type);<br />}</span><br /><br /><br /><br />Mucha suerte, espero les ayude,<br />Gracias por su lectura, agradecere tu comentario,<br />atte The Dzip.julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com1tag:blogger.com,1999:blog-29326075.post-82149231349906101492009-10-28T15:17:00.004-06:002009-10-28T15:35:29.312-06:00Variables Globales en PHPHola Pues resulta que me pase la mañana peliando con PHP y el magestuoso IE6 jajajaja, pues si, resulta que en Firefox corria a la perfección por lo cual estuve pensando por que es que no se gaurdaba mi información al mandar el formulario con IE6, y la respuesta esta en las variables globales.<br /><br />Resulta que cuando declaramos una variable fuera de cualquier función, pues es una variable global, más sin embargo no funciona igual que en otro lenguaje, pues hay que hacer referencia a dicha variable de la siguiente manera<br /><br />$GLOBALS["Variable"]<br /><br />realmente no lo crei necesario, pero usenlo para IE6, es una recomendación, ahora veran este codigo, en azul se encuentra la variable que es necesaria utilizar como global, repito que este problema solo sucedio en IE6, ya que en Firefox funciono a la perfección<br /><br /><span style=";font-family:courier new;font-size:85%;" >include("subida/CovierteJpeg.php");<br />$where_form_is="http://".$_SERVER['SERVER_NAME'].strrev(strstr(strrev($_SERVER['PHP_SELF']),"/"));<br /><span style="color: rgb(0, 0, 153);">$InMail;</span><br /><span style="color: rgb(0, 0, 153);">$InMail1;</span><br /><span style="color: rgb(0, 0, 153);">$InDB;</span><br /><span style="color: rgb(0, 0, 153);">$InDB1;</span><br />session_start();<br />if( ($_SESSION['security_code']==$_POST['security_code']) && (!empty($_POST['security_code'])) ) {<br />// File upload handling<br />if($_FILES['field_13']['name']!=''){<br />$field_13_filename = "file_13_".date("sihdmY").substr($_FILES['field_13']['name'],strlen($_FILES['field_13']['name'])-4);<br />if(move_uploaded_file($_FILES['field_13']['tmp_name'], "../../recibos/".$field_13_filename)){<br /> $type=$_FILES['field_13']["type"];<br /> $ruta="../../recibos/".$field_13_filename;<br /> $nuevo=ConvierteJpeg($ruta,$type);<br /><span style="font-weight: bold; color: rgb(255, 255, 0);"> <span style="color: rgb(0, 0, 102);">$GLOBALS["InMail"]</span></span><span style="color: rgb(255, 255, 0);"><span style="color: rgb(0, 0, 102);"><span style="color: rgb(0, 0, 0);">=$where_form_is."".$nuevo;</span></span></span><br /><span style="font-weight: bold; color: rgb(0, 0, 102);"> $GLOBALS["inDB"]<span style="color: rgb(0, 0, 0);"> </span></span><span style="color: rgb(0, 0, 102);"><span style="color: rgb(0, 0, 0);">= str_replace("../../","",$nuevo);</span></span><br /><span style="color: rgb(0, 0, 0);">}else{die("File " . $_FILES['field_13']['name'] . " was not uploaded."); }</span><br /><span style="color: rgb(0, 0, 0);"> if ($nuevo=="er")</span><br /><span style="color: rgb(0, 0, 0);"> {</span><br /><span style="color: rgb(0, 0, 0);"> header("Location: error-subida.html");</span><br /><span style="color: rgb(0, 0, 0);"> exit;</span><br /><span style="color: rgb(0, 0, 0);"> }</span><br /><span style="color: rgb(0, 0, 0);">}</span><br /><br />// File upload handling<br />if($_FILES['field_22']['name']!=''){<br />$field_22_filename = "file_22_".date("sihdmY").substr($_FILES['field_22']['name'],strlen($_FILES['field_22']['name'])-4);<br />if(move_uploaded_file($_FILES['field_22']['tmp_name'], "../../cedulas/".$field_22_filename)){<br /> $type1=$_FILES['field_22']["type"];<br /> $ruta1="../../cedulas/".$field_22_filename;<br /> $nuevo1=ConvierteJpeg($ruta1,$type1);<br /><span style="font-weight: bold; color: rgb(255, 255, 0);"> <span style="color: rgb(0, 0, 102);">$GLOBALS["InMail1"]</span></span><span style="color: rgb(255, 255, 0);"><span style="color: rgb(0, 0, 102);"><span style="color: rgb(0, 0, 0);">=$where_form_is."".$nuevo1;</span></span></span><br /><span style="font-weight: bold; color: rgb(0, 0, 102);"> $GLOBALS["inDB1"] </span><span style="color: rgb(0, 0, 0);">= str_replace("../../","",$nuevo1);</span><br />}else{die("File " . $_FILES['field_22']['name'] . " was not uploaded."); }<br /> if ($nuevo1=="er")<br /> {<br /> header("Location: error-subida.html");<br /> exit;<br /> }<br />}<br />include("configuration/config.inc.php");<br />$link = mysql_connect($db_host,$db_user,$db_pass);<br />if(!$link) die ('Could not connect to database: '.mysql_error());<br />mysql_select_db($db_name,$link);<br />/*<br /> utf8_encode($string):Permite mostrar el contenido de la BD para un html<br /> utf8_decode($string):Permite guardar los acentos en la BD<br />*/<br />$campo1=utf8_decode($_POST['field_1']);<br />$campo2=utf8_decode($_POST['field_2']);<br />$campo3=utf8_decode($_POST['field_3']);<br />$campo4=utf8_decode($_POST['field_4']);<br />$campo5=utf8_decode($_POST['field_5']);<br />$campo6=utf8_decode($_POST['field_6']);<br />$campo7=utf8_decode($_POST['field_7']);<br />$campo8=utf8_decode($_POST['field_8']);<br />$campo9=utf8_decode($_POST['field_9']);<br />$campo10=utf8_decode($_POST['field_10']);<br />$campo12=utf8_decode($_POST['field_12']);<br />$campo14=utf8_decode($_POST['field_14']);<br />$campo15=utf8_decode($_POST['field_15']);<br />$campo16=utf8_decode($_POST['field_16']);<br />$campo17=utf8_decode($_POST['field_17']);<br />$campo18=utf8_decode($_POST['field_18']);<br />$campo19=utf8_decode($_POST['field_19']);<br />$campo20=utf8_decode($_POST['field_20']);<br />$campo21=utf8_decode($_POST['field_21']);<br />$query = "INSERT into `".$db_table."` (field_1,field_2,field_3,field_4,field_5,field_6,field_7,field_8,field_9,field_10,field_11,field_12,field_13,field_14,field_15,field_16,field_17,field_18,field_19,field_20,field_21,field_22) VALUES ('" . $campo1 . "','" . $campo2 . "','" . $campo3 . "','" . $campo4 . "','" . $campo5 . "','" . $campo6 . "','" . $campo7 . "','" . $campo8 . "','" . $campo9 . "','" . $campo10 . "','" . $_POST['field_11'] . "','" . $campo12 . "','" . <span style="font-weight: bold; color: rgb(0, 0, 102);">$GLOBALS["inDB"]</span> . "','" . $campo14 . "','" . $campo15 . "','" . $campo16 . "','" . $campo17 . "','" . $campo18 . "','" . $campo19 . "','" . $campo20 . "','" . $campo21 . "','" . <span style="font-weight: bold; color: rgb(0, 0, 102);">$GLOBALS["inDB1"]</span>. "')";<br />mysql_query($query);<br />mysql_close($link);<br /><br />mail("dzipiri@gmail.com","Información de registro","Estos son tus datos de registro:<br /><br />Apellido Paterno: " . $_POST['field_1'] . "<br />Apellido Materno: " . $_POST['field_2'] . "<br />Nombre(s): " . $_POST['field_3'] . "<br />Correo Electronico: " . $_POST['field_4'] . "<br />Organización: " . $_POST['field_5'] . "<br />Teléfono: " . $_POST['field_6'] . "<br />Estudios: " . $_POST['field_7'] . "<br />Tipo de Asistente: " . $_POST['field_8'] . "<br />Estado: " . $_POST['field_9'] . "<br />Ciudad: " . $_POST['field_10'] . "<br />Fecha de Nacimiento: " . $_POST['field_11'] . "<br />No. Recibo: " . $_POST['field_12'] . "<br />Recibo Bancario: ".</span><span style="color: rgb(0, 0, 102); font-weight: bold;font-family:courier new;font-size:85%;" >$GLOBALS["</span><span style=";font-family:courier new;font-size:85%;" ><span style="color: rgb(0, 0, 102); font-weight: bold;">InMail"]</span> . ")<br />Razón Social: " . $_POST['field_14'] . "<br />Dirección Fiscal: " . $_POST['field_15'] . "<br />Código Postal: " . $_POST['field_16'] . "<br />RFC: " . $_POST['field_17'] . "<br />Télefono: " . $_POST['field_18'] . "<br />Fax: " . $_POST['field_19'] . "<br />Ciudad: " . $_POST['field_20'] . "<br />Estado: " . $_POST['field_21'] . "<br />Cédula Fiscal: ".</span><span style="color: rgb(0, 0, 102); font-weight: bold;font-family:courier new;font-size:85%;" >$GLOBALS["InMail"]</span><span style=";font-family:courier new;font-size:85%;" > . ")<br /><br /><br />");<br /><br />header("Location: ../../confirm.html");<br />}<br />else {<br /> header("Location: error-codigo.html");<br />}<br /></span><br /><br />Gracias por su lectura, agradecere tu comentario,<br />atte The Dzip.julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com0tag:blogger.com,1999:blog-29326075.post-16069879268031655642009-10-28T15:09:00.002-06:002009-10-28T15:15:47.897-06:00Guardar acentos en una base de datos con PHPHola que tal, esta ves se me presento un problema, resulta que mi intensión era poder guardar la información desde un formulario en un Base de datos, todo iba perfecto hasta que nos dimos cuenta que los acentos no se guardaban, en este caso encontre una solución, de la cual espero les sirva, y si conocen una mejor posteen, gracias<br /><br /> utf8_encode($string):Permite mostrar el contenido de la BD para un html<br /> utf8_decode($string):Permite guardar los acentos en la BD<br /><br />Por tanto, lo que es necesario hacer es:<br /><br />$campoX=utf8_decode($_POST['campoX']);<br /><br />$query = "INSERT into `".$db_table."` (field_1) VALUES ('" . $campoX . "')";<br /><br />realmente muy sencillo, pero funciona.<br /><br />Gracias por su lectura, agradecere tu comentario,<br />atte The Dzip.julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com11tag:blogger.com,1999:blog-29326075.post-83952490325821309622009-10-26T21:09:00.006-06:002009-10-26T22:16:43.790-06:00Servidor FTP en Fedora 10<span style=";font-family:lucida grande;font-size:180%;" ><span style="font-weight: bold;">Servidor FTP </span> <span style="font-weight: bold;">Fedora Core 10</span></span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnATKLN9J3Ppm8ZRLiJKlvTn7Tm7BrtQneyaxscUAoN21YiXKr9s4RZemx5P3xVpHO7Kgx-gja8pdAYA33y8OIqGDgVYzPvnBZWFUcgKrzbaa4q3f-eQTt241BgFam6lGl3mqI/s1600-h/fedora.JPG"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 258px; height: 364px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnATKLN9J3Ppm8ZRLiJKlvTn7Tm7BrtQneyaxscUAoN21YiXKr9s4RZemx5P3xVpHO7Kgx-gja8pdAYA33y8OIqGDgVYzPvnBZWFUcgKrzbaa4q3f-eQTt241BgFam6lGl3mqI/s400/fedora.JPG" alt="" id="BLOGGER_PHOTO_ID_5397113726777723842" border="0" /></a><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxkC-nQQrtn5WIv-AoOFjDfYRXWpjwj_Z2Ksaz9A8IUZ_c68z-W9Kuimzvr_QyuEaSTPQVwV4gU7kVzDrwiBPX9DYkgnGfa5qMAwjbpiYVuit5uBJNowjVw_3YoRYNSJvjVByk/s1600-h/ftp.JPG"><img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 326px; height: 386px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxkC-nQQrtn5WIv-AoOFjDfYRXWpjwj_Z2Ksaz9A8IUZ_c68z-W9Kuimzvr_QyuEaSTPQVwV4gU7kVzDrwiBPX9DYkgnGfa5qMAwjbpiYVuit5uBJNowjVw_3YoRYNSJvjVByk/s400/ftp.JPG" alt="" id="BLOGGER_PHOTO_ID_5397114757340639234" border="0" /></a><div style="text-align: right;"><br /></div><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />Instalar un servidor FTP en Fedora es de lo más sencillo, sin embargo vamos hacerlo de la mejor manera para que los usuarios solo tengan acceso a la carpeta especifica, para ello se ha escrito esta pequeña guiá de referencia, siga los pasos y éxito.<br /><br />1.- Debe abrir una ventana de consola, podrá encontrarla de las siguientes dos formas:<br />a)Escriba la combinación de teclas Alt + F2, se abrirá la ventana de ejecución, escriba como en la imagen y de Ejecutar<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI9W1Hki6V65ylkP903m3SIRG9dC-pzoCHy_d2rnSZ3dsYZvbBx9219mx0-Joy1-ofoHI2E_YuVvUTGjNPPJnpOPIajGEavn7R5PxCCYuYukMW3rwjwG8K6jyXwlDcg90rkhuk/s1600-h/img1.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 144px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI9W1Hki6V65ylkP903m3SIRG9dC-pzoCHy_d2rnSZ3dsYZvbBx9219mx0-Joy1-ofoHI2E_YuVvUTGjNPPJnpOPIajGEavn7R5PxCCYuYukMW3rwjwG8K6jyXwlDcg90rkhuk/s400/img1.JPG" alt="" id="BLOGGER_PHOTO_ID_5397115493490374978" border="0" /></a><br />b) Con el uso del modo gráfico, siguiendo esta ruta: Menú Inicio --> Herramientas del Sistema-->Terminal.<br /><br />Entonces inicia la terminal, con la cual vamos a trabajar<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf1zYLyUZCbldHjYwSHswSC3_QYUmaA1clMghrUSY9ES9cWHin-EBKxiIkaOkYVPnCQo3MJyZFRdCNjZhBBhOr9hubeQCIr2uVUmT2PMbKF9y6xX1Osw-Z2qoWtLrAY81Ul2ah/s1600-h/img2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 245px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf1zYLyUZCbldHjYwSHswSC3_QYUmaA1clMghrUSY9ES9cWHin-EBKxiIkaOkYVPnCQo3MJyZFRdCNjZhBBhOr9hubeQCIr2uVUmT2PMbKF9y6xX1Osw-Z2qoWtLrAY81Ul2ah/s400/img2.JPG" alt="" id="BLOGGER_PHOTO_ID_5397116019852547170" border="0" /></a><br />2.- El paso siguiente es Loguearse como SuperUsuario, esto para poder realizar instalaciones o configuraciones, es muy sencillo, lo único que debes hacer poner los comandos como se muestra en la imagen, al poner su darás Intro o Enter, aparecerá la leyenda Contraseña: aquí debes escribir la contraseña de root o Administrador y luego dar Enter.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0E7ic0gLztCfpI6-jY0E2Maf9F11_J0XTjKHz3m-Cv1h2GmSj99Rsbl4JGyzvf7c9OB2Qaz-U4CbileVCpSt4dZ52Pzwsg-2qgZ1EsW8nXPhXmsxoLkzO003tRv_iXlA0qTdX/s1600-h/img3.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 239px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0E7ic0gLztCfpI6-jY0E2Maf9F11_J0XTjKHz3m-Cv1h2GmSj99Rsbl4JGyzvf7c9OB2Qaz-U4CbileVCpSt4dZ52Pzwsg-2qgZ1EsW8nXPhXmsxoLkzO003tRv_iXlA0qTdX/s400/img3.JPG" alt="" id="BLOGGER_PHOTO_ID_5397116508899728082" border="0" /></a><br />3. Ahora si se procede a ejecutar el comando de instalación, recuerde que el parámetro -y indica que aceptamos las condiciones, sea esta descarga e instalación. El comando es completo es el siguiente: yum install -y vsftpd<br /><br />Ya que ha quedado instalado el servidor FTP, realizaremos unas configuraciones muy útiles planteando lo siguiente.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMkZUhJhjGNxPUJe9CqK3u6rZ5MCFsr5V6B7bi2fwXy4mMM9I9cf8BrczzIwDhDsvTc4-p1QhMOhktLf_S8JSh1kPioveYIvWHESSzvsGJPiNQkMJxMMEWANNYVP-RKAYVyJMV/s1600-h/img4.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 231px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMkZUhJhjGNxPUJe9CqK3u6rZ5MCFsr5V6B7bi2fwXy4mMM9I9cf8BrczzIwDhDsvTc4-p1QhMOhktLf_S8JSh1kPioveYIvWHESSzvsGJPiNQkMJxMMEWANNYVP-RKAYVyJMV/s400/img4.JPG" alt="" id="BLOGGER_PHOTO_ID_5397117039794868818" border="0" /></a><br /><br /><span style="color: rgb(102, 102, 102);font-family:courier new;font-size:85%;" ><span style="font-weight: bold;">Usuario: Prueba</span><br /><span style="font-weight: bold;">Acceso a su directorio: /var/www/html/Prueba</span><br /><span style="font-weight: bold;">Sin shell en el sistema y en un entorno chroot</span><br /><span style="font-weight: bold;">Pass: sxb34H.-</span><br /><br /><span style="font-weight: bold;">Usuario: CancunProjects</span><br /><span style="font-weight: bold;">Acceso a su directorio: /var/www/html/CancunProjects</span><br /><span style="font-weight: bold;">Sin shell en el sistema y en un entorno chroot</span><br /><span style="font-weight: bold;">Pass:rh0+.Tj</span><br /><br /><span style="font-weight: bold;">Usuario: Administrador</span><br /><span style="font-weight: bold;">Acceso a su directorio: /var/www/html</span><br /><span style="font-weight: bold;">Sin shell en el sistema y en un entorno chroot</span><br /><span style="font-weight: bold;">Pass:J&j.87k+L</span></span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu_wou5s09CPnetKAJE9qeS5p1JpLvdHBhNWGFr6bb0yLRLfTFyE8mskj13ifEO7CQU_Vd7PvLc-JMftjlH2CFexoGjxaNNKHG6aAphy85vtv19ebKQ7N5Twn_9vdag2zfDuwg/s1600-h/img5.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 260px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu_wou5s09CPnetKAJE9qeS5p1JpLvdHBhNWGFr6bb0yLRLfTFyE8mskj13ifEO7CQU_Vd7PvLc-JMftjlH2CFexoGjxaNNKHG6aAphy85vtv19ebKQ7N5Twn_9vdag2zfDuwg/s400/img5.JPG" alt="" id="BLOGGER_PHOTO_ID_5397118944295600466" border="0" /></a><br /><br />4. Primero se va crear un grupo al cual se le pondrá el nombre FTP, puede ser cualquiera<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhas2XFn6JtszWdxk6AcJ_lPg-Is-eE8aP2Av0jMqFxYng0rzrKEkqEr1sq9SthVV2Vh0w4shGTYhi-TH16SU-uhWn9GCj9COFxuURcIMYgVGsUrHEU9W9d-F92H8fCqpSkU3ci/s1600-h/img6.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 217px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhas2XFn6JtszWdxk6AcJ_lPg-Is-eE8aP2Av0jMqFxYng0rzrKEkqEr1sq9SthVV2Vh0w4shGTYhi-TH16SU-uhWn9GCj9COFxuURcIMYgVGsUrHEU9W9d-F92H8fCqpSkU3ci/s400/img6.JPG" alt="" id="BLOGGER_PHOTO_ID_5397120896323846946" border="0" /></a><br />5. Se crean los usuarios con las características antes mencionadas, esto se realiza con el comando useradd, usando los siguiente parametros -g que indica el grupo, -d el directorio y -c se utiliza para especificar el archivo de comentario de campo para la nueva cuenta.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhJUFdbXy-wHr_RsXFmUg7Qc58cotZSd135fElHa4p5JXDLdmfxPgbH20OzpHY3_z6nTiUl0ePD4FTI95-hll2Zn0-t_JwNGtqX2zhSZ75FRYSyKADnIXf_sL3EasnlNHGL3vG/s1600-h/img8.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 216px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhJUFdbXy-wHr_RsXFmUg7Qc58cotZSd135fElHa4p5JXDLdmfxPgbH20OzpHY3_z6nTiUl0ePD4FTI95-hll2Zn0-t_JwNGtqX2zhSZ75FRYSyKADnIXf_sL3EasnlNHGL3vG/s400/img8.JPG" alt="" id="BLOGGER_PHOTO_ID_5397122926594585266" border="0" /></a><br />6. Bien, para que funcione debemos crear contraseña a cada usuario, por lo cual usaremos el comando passwd<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWO8t-2DelD5SqqV2Yvk5aJm2MHKReRUnKaWXVebl74uzfimBHCap4GfVV-SUnucVfotZfPNhwsH3V4ThYWlR41eJaQWOpyeNpTeaUzO3WrqiLK4LvDpG2WxWBoK0BjG34tzz4/s1600-h/img7.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 242px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWO8t-2DelD5SqqV2Yvk5aJm2MHKReRUnKaWXVebl74uzfimBHCap4GfVV-SUnucVfotZfPNhwsH3V4ThYWlR41eJaQWOpyeNpTeaUzO3WrqiLK4LvDpG2WxWBoK0BjG34tzz4/s400/img7.JPG" alt="" id="BLOGGER_PHOTO_ID_5397121694446480898" border="0" /></a><br />7.- Ahora crearemos un Shel Fantasma, vamos a crear el directorio /bin/ftp<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQjoOfCcqhcgj1jdXgecIqS0WebXJYzbjtwMsCKhExzP1GuJcKIOz4sANnoi54pdahlamsPT2XOsFjm4lPDwdrNiBr7iBcR0wXfzZ3BP7MhyOJH5Kjc3DdDN9a4S_VnGg2LU_c/s1600-h/img9.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 246px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQjoOfCcqhcgj1jdXgecIqS0WebXJYzbjtwMsCKhExzP1GuJcKIOz4sANnoi54pdahlamsPT2XOsFjm4lPDwdrNiBr7iBcR0wXfzZ3BP7MhyOJH5Kjc3DdDN9a4S_VnGg2LU_c/s400/img9.JPG" alt="" id="BLOGGER_PHOTO_ID_5397123451970530850" border="0" /></a><br />8. A continuación se debe editar el archivo shells que se encuentra en la carpeta etc y agregar el directorio, de la siguiente manera.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3KcfnFDa2K-cTyRVi3s_Fdbs3cYtKLk5_aRIAFquOcf6djhna8KQ8IuP3i-YuaPObdMgUIyDRSa-ZoPTHeEI9SkDljHcOXN8iMbhe3ATH2LkIs1U28uHZxNM6tS2aYu1d82TI/s1600-h/img10.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 246px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3KcfnFDa2K-cTyRVi3s_Fdbs3cYtKLk5_aRIAFquOcf6djhna8KQ8IuP3i-YuaPObdMgUIyDRSa-ZoPTHeEI9SkDljHcOXN8iMbhe3ATH2LkIs1U28uHZxNM6tS2aYu1d82TI/s400/img10.JPG" alt="" id="BLOGGER_PHOTO_ID_5397124108133750962" border="0" /></a><br />Aparecerá el Gedit con el archivo shells ya cargado agregá la linea que se muestra, guarde y cierre par continuar<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGrtwJhE4bL7DwKQq4VrLDnma3jL3Q32lJe0mHTg_tAcEYcSA9PSWl2xRqJeMyGMDxOHsWPzRO5ayMll-oceLFvkALxXKu-R69Z0g_vJQjWqDD3lscvd5f1f8B7Pe0YbuQkoqp/s1600-h/img11.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 321px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGrtwJhE4bL7DwKQq4VrLDnma3jL3Q32lJe0mHTg_tAcEYcSA9PSWl2xRqJeMyGMDxOHsWPzRO5ayMll-oceLFvkALxXKu-R69Z0g_vJQjWqDD3lscvd5f1f8B7Pe0YbuQkoqp/s400/img11.JPG" alt="" id="BLOGGER_PHOTO_ID_5397124617355429042" border="0" /></a><br />9. Ahora se debe configurar el archivo que se encuentra en /etc/passwd, buscar donde se haya agregado nuestros usuarios y agregar la carpeta como se muestra a continuación.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWMmZHkbt6MttI-C7BPHvZ54BXy706F9ZcQVntJvJEEXnclhQKfVuSWz8YPNc8kKuXI9FRV-YuMURR_G8Zn0OBp1QZL6wiO1IRec1BqsO-wdy2Znq280en82Ft7KoA_RAVkGP4/s1600-h/img12.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 242px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWMmZHkbt6MttI-C7BPHvZ54BXy706F9ZcQVntJvJEEXnclhQKfVuSWz8YPNc8kKuXI9FRV-YuMURR_G8Zn0OBp1QZL6wiO1IRec1BqsO-wdy2Znq280en82Ft7KoA_RAVkGP4/s400/img12.JPG" alt="" id="BLOGGER_PHOTO_ID_5397125092206656770" border="0" /></a><br />10. Ahora a configurar el programa, para ello debemos abrir el archivo de configuración de vsftpd que se encuentra en /etc/vsftpd/vsfypd.conf<br />Aquí esta lo que debe ir en el archivo:<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdy63esz2nbBibjxg6oV8xJrx7n_uxTvTs9if2PUtRrv7EUxc-6L6aWQFhsZOyDzsCYKxWQtpKscKTs6sJT9PXNP12-kd68NfM4N5UAxQ3iM3d7UrNxtfR1pJnRdC-bPqhyzE-/s1600-h/img13.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 218px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdy63esz2nbBibjxg6oV8xJrx7n_uxTvTs9if2PUtRrv7EUxc-6L6aWQFhsZOyDzsCYKxWQtpKscKTs6sJT9PXNP12-kd68NfM4N5UAxQ3iM3d7UrNxtfR1pJnRdC-bPqhyzE-/s400/img13.JPG" alt="" id="BLOGGER_PHOTO_ID_5397125611371007730" border="0" /></a><br /><br /><span style=";font-family:courier new;font-size:85%;" ># Example config file /etc/vsftpd/vsftpd.conf<br />#Escuchando<br />listen=YES<br /># conexiones anonimas<br />anonymous_enable=NO<br />#<br /># Acceso Local<br />local_enable=YES<br />#<br /># Escritura Local<br />write_enable=YES<br />#<br />#Configuracion UMASK<br />local_umask=003<br />#<br />dirmessage_enable=YES<br />#<br /># Activate logging of uploads/downloads.<br />xferlog_enable=YES<br />#<br /># Make sure PORT transfer connections originate from port 20 (ftp-data).<br />connect_from_port_20=YES<br />#<br />xferlog_file=/var/log/vsftpd.log<br />#<br /># If you want, you can have your log file in standard ftpd xferlog format.<br /># Note that the default log file location is /var/log/xferlog in this case.<br />xferlog_std_format=YES<br />#<br /># Se descomenta esto para crear una jaula<br />chroot_local_user=YES<br /># You may specify an explicit list of local users to chroot() to their home<br /># directory. If chroot_local_user is YES, then this list becomes a list of<br /># users to NOT chroot().<br />#chroot_list_enable=YES<br /># (default follows)<br />chroot_list_file=/etc/vsftpd/chroot_list<br />#<br /># Debian customization<br /># secure_chroot_dir=/var/run/vsftpd<br /># This string is the name of the PAM service vsftpd will use.<br />pam_service_name=vsftpd<br /># This option specifies the location of the RSA certificate to use for SSL<br /># encrypted connections.<br />#rsa_cert_file=/etc/ssl/certs/vsftpd.pem<br />userlist_enable=YES<br />tcp_wrappers=YES<br />userlist_deny=NO<br /></span><br />11. A continuación creamos el fichero vsftpd.chroot_list el cual tendrá la lista de usuarios que no tendrán acceso al servidor:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid-Eu1VytxeopRiM0Xsf3D-WFVGVlLjfAJSeHfO6IDsF5bKKcrH3ktipzvb8y1gNF9JxMS_sqXxuBUcqvC8UGi47pNsc0qmdU5LFkOgPeLS4In4e8e5j4mW-VanTAAFciutiJw/s1600-h/img14.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 241px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid-Eu1VytxeopRiM0Xsf3D-WFVGVlLjfAJSeHfO6IDsF5bKKcrH3ktipzvb8y1gNF9JxMS_sqXxuBUcqvC8UGi47pNsc0qmdU5LFkOgPeLS4In4e8e5j4mW-VanTAAFciutiJw/s400/img14.JPG" alt="" id="BLOGGER_PHOTO_ID_5397126053724129378" border="0" /></a><br /><br />12. Volcamos los datos a este fichero desde etc/password con el comando.<br />cat /etc/passwd | awk -F: '{ print $1 }' > /etc/vsftpd.chroot_list<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNcjHzReW-9rl5CZEtrBjiGNPzYx4K457GYp9zNiIUAxuOeUs_bjJ_P2M0_6ghnoqKTwiMOD5lFAHelLpnEbdtqjQthFxpj3mS-q0_F7JYB79qKeANG25MqKBQnE-k7VwxF8bB/s1600-h/img15.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 218px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNcjHzReW-9rl5CZEtrBjiGNPzYx4K457GYp9zNiIUAxuOeUs_bjJ_P2M0_6ghnoqKTwiMOD5lFAHelLpnEbdtqjQthFxpj3mS-q0_F7JYB79qKeANG25MqKBQnE-k7VwxF8bB/s400/img15.JPG" alt="" id="BLOGGER_PHOTO_ID_5397126648228479906" border="0" /></a><br /><br />Esto nos genera un fichero con los login de usuarios del sistema del cual quitamos los que si queremos que tengan acceso y los ponemos en el fichero /etc/vsftpd.user_list.<br /><br />Esto con Gedit, abra ambos archivos y elimine los usuario de chroot_list ya que aquí no podrán tener acceso y paselos a user_list. Con esto queda configurado su servidor FTP<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://e404-dzipiri.webcindario.com/Archivos-subida/http.pdf"><img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 54px; height: 60px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMyDuVls8Kw6G-PQPrvKIT57MeYbLSdMYNSw2PgaOXpK9_SRGe9maV4y4uaxIM69ytjvZHvwCNBffijDh_m-Tdxt1nOPMqF2EcolU2Qnc7bDcSYk2qgOkHW-ETUal2uQZI6BG4/s400/download.jpg" alt="" border="0" /></a>julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com2tag:blogger.com,1999:blog-29326075.post-37073705174014763372009-10-01T15:14:00.021-05:002009-10-01T16:33:57.593-05:00Instalar HTTP (Apache) en Fedora 10<!--[if !mso]> <style> v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} </style> <![endif]--><!--[if gte mso 9]><xml> <w:worddocument> <w:view>Normal</w:View> <w:zoom>0</w:Zoom> <w:trackmoves/> <w:trackformatting/> <w:hyphenationzone>21</w:HyphenationZone> <w:punctuationkerning/> <w:validateagainstschemas/> <w:saveifxmlinvalid>false</w:SaveIfXMLInvalid> <w:ignoremixedcontent>false</w:IgnoreMixedContent> <w:alwaysshowplaceholdertext>false</w:AlwaysShowPlaceholderText> <w:donotpromoteqf/> <w:lidthemeother>ES</w:LidThemeOther> <w:lidthemeasian>X-NONE</w:LidThemeAsian> <w:lidthemecomplexscript>X-NONE</w:LidThemeComplexScript> <w:compatibility> <w:breakwrappedtables/> <w:snaptogridincell/> <w:wraptextwithpunct/> <w:useasianbreakrules/> <w:dontgrowautofit/> <w:splitpgbreakandparamark/> <w:dontvertaligncellwithsp/> <w:dontbreakconstrainedforcedtables/> <w:dontvertalignintxbx/> <w:word11kerningpairs/> <w:cachedcolbalance/> </w:Compatibility> <w:browserlevel>MicrosoftInternetExplorer4</w:BrowserLevel> <m:mathpr> <m:mathfont val="Cambria Math"> <m:brkbin val="before"> <m:brkbinsub val="--"> <m:smallfrac val="off"> <m:dispdef/> <m:lmargin val="0"> <m:rmargin val="0"> <m:defjc val="centerGroup"> <m:wrapindent val="1440"> <m:intlim val="subSup"> <m:narylim val="undOvr"> </m:mathPr></w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml> <w:latentstyles deflockedstate="false" defunhidewhenused="true" defsemihidden="true" defqformat="false" defpriority="99" latentstylecount="267"> <w:lsdexception locked="false" priority="0" semihidden="false" unhidewhenused="false" qformat="true" name="Normal"> <w:lsdexception locked="false" priority="9" semihidden="false" unhidewhenused="false" qformat="true" name="heading 1"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 2"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 3"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 4"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 5"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 6"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 7"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 8"> <w:lsdexception locked="false" priority="9" qformat="true" name="heading 9"> <w:lsdexception locked="false" priority="39" name="toc 1"> <w:lsdexception locked="false" priority="39" name="toc 2"> <w:lsdexception locked="false" priority="39" name="toc 3"> <w:lsdexception locked="false" priority="39" name="toc 4"> <w:lsdexception locked="false" priority="39" name="toc 5"> <w:lsdexception locked="false" priority="39" name="toc 6"> <w:lsdexception locked="false" priority="39" name="toc 7"> <w:lsdexception locked="false" priority="39" name="toc 8"> <w:lsdexception locked="false" priority="39" name="toc 9"> <w:lsdexception locked="false" priority="35" qformat="true" name="caption"> <w:lsdexception locked="false" priority="10" semihidden="false" unhidewhenused="false" qformat="true" name="Title"> <w:lsdexception locked="false" priority="1" name="Default Paragraph Font"> <w:lsdexception locked="false" priority="11" semihidden="false" unhidewhenused="false" qformat="true" name="Subtitle"> <w:lsdexception locked="false" priority="22" semihidden="false" unhidewhenused="false" qformat="true" name="Strong"> <w:lsdexception locked="false" priority="20" semihidden="false" unhidewhenused="false" qformat="true" name="Emphasis"> <w:lsdexception locked="false" priority="59" semihidden="false" unhidewhenused="false" name="Table Grid"> <w:lsdexception locked="false" unhidewhenused="false" name="Placeholder Text"> <w:lsdexception locked="false" priority="1" semihidden="false" unhidewhenused="false" qformat="true" name="No Spacing"> <w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading"> <w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List"> <w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid"> <w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1"> <w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2"> <w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1"> <w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2"> <w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1"> <w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2"> <w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3"> <w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List"> <w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading"> <w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List"> <w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid"> <w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 1"> <w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 1"> <w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 1"> <w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 1"> <w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 1"> <w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 1"> <w:lsdexception locked="false" unhidewhenused="false" name="Revision"> <w:lsdexception locked="false" priority="34" semihidden="false" unhidewhenused="false" qformat="true" name="List Paragraph"> <w:lsdexception locked="false" priority="29" semihidden="false" unhidewhenused="false" qformat="true" name="Quote"> <w:lsdexception locked="false" priority="30" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Quote"> <w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 1"> <w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 1"> <w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 1"> <w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 1"> <w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 1"> <w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 1"> <w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 1"> <w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 1"> <w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 2"> <w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 2"> <w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 2"> <w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 2"> <w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 2"> <w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 2"> <w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 2"> <w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 2"> <w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 2"> <w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 2"> <w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 2"> <w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 2"> <w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 2"> <w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 2"> <w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 3"> <w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 3"> <w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 3"> <w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 3"> <w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 3"> <w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 3"> <w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 3"> <w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 3"> <w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 3"> <w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 3"> <w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 3"> <w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 3"> <w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 3"> <w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 3"> <w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 4"> <w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 4"> <w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 4"> <w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 4"> <w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 4"> <w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 4"> <w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 4"> <w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 4"> <w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 4"> <w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 4"> <w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 4"> <w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 4"> <w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 4"> <w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 4"> <w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 5"> <w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 5"> <w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 5"> <w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 5"> <w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 5"> <w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 5"> <w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 5"> <w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 5"> <w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 5"> <w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 5"> <w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 5"> <w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 5"> <w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 5"> <w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 5"> <w:lsdexception locked="false" priority="60" semihidden="false" unhidewhenused="false" name="Light Shading Accent 6"> <w:lsdexception locked="false" priority="61" semihidden="false" unhidewhenused="false" name="Light List Accent 6"> <w:lsdexception locked="false" priority="62" semihidden="false" unhidewhenused="false" name="Light Grid Accent 6"> <w:lsdexception locked="false" priority="63" semihidden="false" unhidewhenused="false" name="Medium Shading 1 Accent 6"> <w:lsdexception locked="false" priority="64" semihidden="false" unhidewhenused="false" name="Medium Shading 2 Accent 6"> <w:lsdexception locked="false" priority="65" semihidden="false" unhidewhenused="false" name="Medium List 1 Accent 6"> <w:lsdexception locked="false" priority="66" semihidden="false" unhidewhenused="false" name="Medium List 2 Accent 6"> <w:lsdexception locked="false" priority="67" semihidden="false" unhidewhenused="false" name="Medium Grid 1 Accent 6"> <w:lsdexception locked="false" priority="68" semihidden="false" unhidewhenused="false" name="Medium Grid 2 Accent 6"> <w:lsdexception locked="false" priority="69" semihidden="false" unhidewhenused="false" name="Medium Grid 3 Accent 6"> <w:lsdexception locked="false" priority="70" semihidden="false" unhidewhenused="false" name="Dark List Accent 6"> <w:lsdexception locked="false" priority="71" semihidden="false" unhidewhenused="false" name="Colorful Shading Accent 6"> <w:lsdexception locked="false" priority="72" semihidden="false" unhidewhenused="false" name="Colorful List Accent 6"> <w:lsdexception locked="false" priority="73" semihidden="false" unhidewhenused="false" name="Colorful Grid Accent 6"> <w:lsdexception locked="false" priority="19" semihidden="false" unhidewhenused="false" qformat="true" name="Subtle Emphasis"> <w:lsdexception locked="false" priority="21" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Emphasis"> <w:lsdexception locked="false" priority="31" semihidden="false" unhidewhenused="false" qformat="true" name="Subtle Reference"> <w:lsdexception locked="false" priority="32" semihidden="false" unhidewhenused="false" qformat="true" name="Intense Reference"> <w:lsdexception locked="false" priority="33" semihidden="false" unhidewhenused="false" qformat="true" name="Book Title"> <w:lsdexception locked="false" priority="37" name="Bibliography"> <w:lsdexception locked="false" priority="39" qformat="true" name="TOC Heading"> </w:LatentStyles> </xml><![endif]--><style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4; mso-font-charset:0; mso-generic-font-family:roman; mso-font-pitch:variable; mso-font-signature:-1610611985 1107304683 0 0 159 0;} @font-face {font-family:"Liberation Serif"; mso-font-alt:"MS Mincho"; mso-font-charset:128; mso-generic-font-family:roman; mso-font-pitch:variable; mso-font-signature:0 0 0 0 0 0;} @font-face {font-family:"Century Schoolbook L"; mso-font-alt:"MS Mincho"; mso-font-charset:128; mso-generic-font-family:roman; mso-font-pitch:variable; mso-font-signature:0 0 0 0 0 0;} @font-face {font-family:"DejaVu Sans"; mso-font-alt:"MS Mincho"; mso-font-charset:128; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:0 0 0 0 0 0;} @font-face {font-family:"\@Century Schoolbook L"; mso-font-charset:128; mso-generic-font-family:roman; mso-font-pitch:variable; mso-font-signature:0 0 0 0 0 0;} @font-face {font-family:"\@DejaVu Sans"; mso-font-charset:128; mso-generic-font-family:auto; mso-font-pitch:variable; mso-font-signature:0 0 0 0 0 0;} @font-face {font-family:"\@Liberation Serif"; mso-font-charset:128; mso-generic-font-family:roman; mso-font-pitch:variable; mso-font-signature:0 0 0 0 0 0;} /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-unhide:no; mso-style-qformat:yes; mso-style-parent:""; margin:0cm; margin-bottom:.0001pt; mso-pagination:none; mso-hyphenate:none; font-size:12.0pt; font-family:"Liberation Serif","serif"; mso-fareast-font-family:"DejaVu Sans"; mso-hansi-font-family:"Liberation Serif"; mso-bidi-font-family:"Times New Roman"; mso-font-kerning:.5pt; mso-ansi-language:ES-TRAD; mso-fareast-language:#00FF;} .MsoChpDefault {mso-style-type:export-only; mso-default-props:yes; font-size:10.0pt; mso-ansi-font-size:10.0pt; mso-bidi-font-size:10.0pt;} @page Section1 {size:595.25pt 841.85pt; margin:2.0cm 2.0cm 92.7pt 2.0cm; mso-header-margin:36.0pt; mso-footer-margin:2.0cm; mso-paper-source:0;} div.Section1 {page:Section1; mso-footnote-position:beneath-text;} --> </style><!--[if gte mso 10]> <style> /* Style Definitions */ table.MsoNormalTable {mso-style-name:"Tabla normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-qformat:yes; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin:0cm; mso-para-margin-bottom:.0001pt; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri","sans-serif"; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-fareast-font-family:"Times New Roman"; mso-fareast-theme-font:minor-fareast; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin; mso-bidi-font-family:"Times New Roman"; mso-bidi-theme-font:minor-bidi;} </style> <![endif]--><div style="text-align: center;"><!--[if gte vml 1]><o:wrapblock><v:shape id="_x0000_s1035" type="#_x0000_t75" style="'position:absolute;left:0;" filled="t"> <v:fill color2="black"> <v:imagedata src="file:///C:\DOCUME~1\Ernesto\CONFIG~1\Temp\msohtmlclip1\01\clip_image003.png" title=""> <w:wrap type="topAndBottom"> </v:shape><![endif]--><!--[if !vml]--><span style="font-weight: bold;font-family:georgia;" ><span style="font-size:180%;">Servidor HTTP </span></span><br /><span style="font-weight: bold;font-family:georgia;" ><span style="font-size:180%;">Fedora Core 10</span></span><br /></div><p class="MsoNormal" style="text-align: justify;"><!--[endif]--><!--[if gte vml 1]></o:wrapblock><![endif]--> <span style=";font-family:";" lang="ES-TRAD"><o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify;"><span style=";font-family:";" lang="ES-TRAD"><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify;"><span style=";font-family:";" lang="ES-TRAD"><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify;"><span style=";font-family:";" lang="ES-TRAD"><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify;"><span style=";font-family:";" lang="ES-TRAD"><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify;"><span style=";font-family:";" lang="ES-TRAD"><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify;"><span style=";font-family:";" lang="ES-TRAD"><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify;"><span style=";font-family:";" lang="ES-TRAD"><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify;"><span style=";font-family:";" lang="ES-TRAD"><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify;"><span style=";font-family:";" lang="ES-TRAD"><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify;"><span style=";font-family:";" lang="ES-TRAD"><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify;"><span style=";font-family:";" lang="ES-TRAD"><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify;"><span style=";font-family:";" lang="ES-TRAD"><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify;"><span style=";font-family:";font-size:7;" lang="ES-TRAD"><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify;"><span style=";font-family:";font-size:7;" lang="ES-TRAD"><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify;"><span style=";font-family:";font-size:7;" lang="ES-TRAD"><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify;"><span style=";font-family:";font-size:7;" lang="ES-TRAD"><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify; page-break-before: always;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC1ceAcB3ESXYvqkQvhbz2pJqAzevI1DnSQyOH0eIYazK141cIyaDvIvpGj7wX-TOLisCC3nYgN0Cy8YE3wlQ_ATxFmdTKsJujdnalRFj26MLe0xX6v10tvJCpMqlwoo764bO9/s1600-h/Fedora.JPG"><img style="cursor: pointer; width: 170px; height: 256px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC1ceAcB3ESXYvqkQvhbz2pJqAzevI1DnSQyOH0eIYazK141cIyaDvIvpGj7wX-TOLisCC3nYgN0Cy8YE3wlQ_ATxFmdTKsJujdnalRFj26MLe0xX6v10tvJCpMqlwoo764bO9/s400/Fedora.JPG" alt="" id="BLOGGER_PHOTO_ID_5387731679847393570" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-K8XBeCKvNgP1WPqqNeEVUeFnENIhIeoqxNeH9tQY7SdZVTJvv2k41imryjQk1M5BPfU1DFwDGfksTtfgZ0rs4xmF9tpihG7pBnyldD7G9HHRaYiniF4wrC5JPNZU9D2LVR8q/s1600-h/apache.JPG"><img style="cursor: pointer; width: 203px; height: 273px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-K8XBeCKvNgP1WPqqNeEVUeFnENIhIeoqxNeH9tQY7SdZVTJvv2k41imryjQk1M5BPfU1DFwDGfksTtfgZ0rs4xmF9tpihG7pBnyldD7G9HHRaYiniF4wrC5JPNZU9D2LVR8q/s400/apache.JPG" alt="" id="BLOGGER_PHOTO_ID_5387732352901383378" border="0" /></a></p><div style="text-align: justify;"><span style="font-family:arial;">A continuación se muestra como instalar el http en Fedora Core 10, es un manual muy sencillo, sin embargo va de la mano con el FTP.</span><br /><br /><span style="font-family:arial;">Generalmente el servidor Apache que provee el servicio de Web ya viene instalado en el Fedora Core 10, sin embargo en caso de no ser así, debe seguir los siguientes pasos.</span><br /><br /><span style="font-family:arial;">1.- Debe abrir una ventana de consola, podrá encontrarla de las siguientes dos formas:</span><br /><span style="font-family:arial;"> a)Escriba la combinación de teclas Alt + F2, se abrirá la ventana de ejecución, escriba como en la imagen y de Ejecutar</span><br /></div><p class="MsoNormal" style="text-align: justify;"><span style=";font-family:";" lang="ES-TRAD"><o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify;"><span style=";font-family:";" lang="ES-TRAD"><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: center;"><!--[if gte vml 1]><o:wrapblock><v:shape id="_x0000_s1026" type="#_x0000_t75" style="'position:absolute;left:0;" filled="t"> <v:fill color2="black"> <v:imagedata src="file:///C:\DOCUME~1\Ernesto\CONFIG~1\Temp\msohtmlclip1\01\clip_image005.png" title=""> <w:wrap type="topAndBottom"> </v:shape><![endif]--><!--[if !vml]--><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG2lWC5Wh864UhQ3pBPEt-qh6b4mTxzdAwoeZ3RUTm-zcqH_V-KVssGP6DfypefP0GOqPNDKVWGib_6buF_gYIgmhOxJJw_NxGvzDSkQV_DFHp5hdMN-AzO6O558Gx-fbbeQa5/s1600-h/uno.JPG"><img style="cursor: pointer; width: 400px; height: 145px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG2lWC5Wh864UhQ3pBPEt-qh6b4mTxzdAwoeZ3RUTm-zcqH_V-KVssGP6DfypefP0GOqPNDKVWGib_6buF_gYIgmhOxJJw_NxGvzDSkQV_DFHp5hdMN-AzO6O558Gx-fbbeQa5/s400/uno.JPG" alt="" id="BLOGGER_PHOTO_ID_5387733822860998978" border="0" /></a><!--[endif]--><!--[if gte vml 1]></o:wrapblock><![endif]--><br /></p><div style="text-align: justify;"><span style="font-family:arial;">b) Con el uso del modo gráfico, siguiendo esta ruta: Menú Inicio --> Herramientas del Sistema-->Terminal.</span><br /><br /><span style="font-family:arial;">Entonces inicia la terminal, con la cual vamos a trabajar</span><br /></div><br /><p class="MsoNormal" style="text-align: justify;"><span style=";font-family:";" lang="ES-TRAD"><o:p></o:p></span></p> <p class="MsoNormal" style="text-align: center;"><!--[if gte vml 1]><o:wrapblock><v:shape id="_x0000_s1027" type="#_x0000_t75" style="'position:absolute;left:0;" filled="t"> <v:fill color2="black"> <v:imagedata src="file:///C:\DOCUME~1\Ernesto\CONFIG~1\Temp\msohtmlclip1\01\clip_image007.png" title=""> <w:wrap type="topAndBottom"> </v:shape><![endif]--><!--[if !vml]--><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_qYQ0rhhPoJU4cxPkh_gHOooTHCgN2cILtFge7OVTRy-zdYuGa8-zzz17k0O8BfBv6M_Y67e2XouG_OpNkDZEoofvhp1T0zEvrE4nGg95aR7xekDQjwI6HeftHqVMKE4q2dX_/s1600-h/dos.JPG"><img style="cursor: pointer; width: 400px; height: 263px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_qYQ0rhhPoJU4cxPkh_gHOooTHCgN2cILtFge7OVTRy-zdYuGa8-zzz17k0O8BfBv6M_Y67e2XouG_OpNkDZEoofvhp1T0zEvrE4nGg95aR7xekDQjwI6HeftHqVMKE4q2dX_/s400/dos.JPG" alt="" id="BLOGGER_PHOTO_ID_5387734294683115874" border="0" /></a></p><div style="text-align: justify;font-family:arial;">2.- El paso siguiente es Loguearse como SuperUsuario, esto para poder realizar instalaciones o configuraciones, es muy sencillo, lo único que debes hacer poner los comandos como se muestra en la imagen, al poner <span style="font-style: italic;font-size:85%;" ><span style="font-weight: bold;">su</span></span> darás Intro o Enter, aparecerá la leyenda <span style="font-size:85%;"><span style="font-weight: bold; font-style: italic;">Contraseña:</span></span> aquí debes escribir la contraseña de root o Administrador y luego dar Enter.<br /></div><p class="MsoNormal" style="text-align: justify;"><!--[endif]--><!--[if gte vml 1]></o:wrapblock><![endif]--> <span style=";font-family:";" lang="ES-TRAD"><o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify;"><span style=";font-family:";" lang="ES-TRAD"><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: center;"><!--[if gte vml 1]><o:wrapblock><v:shape id="_x0000_s1028" type="#_x0000_t75" style="'position:absolute;left:0;" filled="t"> <v:fill color2="black"> <v:imagedata src="file:///C:\DOCUME~1\Ernesto\CONFIG~1\Temp\msohtmlclip1\01\clip_image009.png" title=""> <w:wrap type="topAndBottom"> </v:shape><![endif]--><!--[if !vml]--><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEismhXYSbeJlKYlU0r6r1HW2MGNnLMRBthLzAmq8S0BSjH_m07wjDXWSxmk9f-E8FKY1y6OvRJt7eQneHwQC42V1xRBh5gs4kcuaUmaoKacV1jOtfUr0AKvus15U2luLpf97l47/s1600-h/tres.JPG"><img style="cursor: pointer; width: 400px; height: 263px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEismhXYSbeJlKYlU0r6r1HW2MGNnLMRBthLzAmq8S0BSjH_m07wjDXWSxmk9f-E8FKY1y6OvRJt7eQneHwQC42V1xRBh5gs4kcuaUmaoKacV1jOtfUr0AKvus15U2luLpf97l47/s400/tres.JPG" alt="" id="BLOGGER_PHOTO_ID_5387734653745495506" border="0" /></a><!--[endif]--><!--[if gte vml 1]></o:wrapblock><![endif]--> <span style=";font-family:";" lang="ES-TRAD"><o:p></o:p></span></p><div style="text-align: justify;"> <span style="font-family:arial;">3. Primero vamos a probar si ya esta instalado el HTTP en el sistema, por lo cual para activarlo se pondrá el siguiente comando: <span style="font-size:85%;"><span style="font-weight: bold; font-style: italic;">chkconfig –level 2345 httpd on</span></span> de marcar un error realiza el paso siguiente, sino pasa al numero 5.</span><br /></div><p class="MsoNormal" style="text-align: center;"><!--[if gte vml 1]><o:wrapblock><v:shape id="_x0000_s1029" type="#_x0000_t75" style="'position:absolute;left:0;" filled="t"> <v:fill color2="black"> <v:imagedata src="file:///C:\DOCUME~1\Ernesto\CONFIG~1\Temp\msohtmlclip1\01\clip_image011.png" title=""> <w:wrap type="topAndBottom"> </v:shape><![endif]--><!--[if !vml]--><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAvr92GYuB9-uD2bM1qUWG5O5B4jAwp5caTc5eTao1ddii-3cnEY7VwFw3eWr0N5yEVK6fIgJdmG6dTNg43CQ-uCA13tOjeXTqgIslFIOdbZHCeoBvlTFf_cXFDq_h6QEaXhWI/s1600-h/cuatro.JPG"><img style="cursor: pointer; width: 400px; height: 242px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAvr92GYuB9-uD2bM1qUWG5O5B4jAwp5caTc5eTao1ddii-3cnEY7VwFw3eWr0N5yEVK6fIgJdmG6dTNg43CQ-uCA13tOjeXTqgIslFIOdbZHCeoBvlTFf_cXFDq_h6QEaXhWI/s400/cuatro.JPG" alt="" id="BLOGGER_PHOTO_ID_5387735253209693922" border="0" /></a><!--[endif]--><!--[if gte vml 1]></o:wrapblock><![endif]--> <span style=";font-family:";" lang="ES-TRAD"><o:p></o:p></span></p> <div style="text-align: justify;"><span style="font-family:arial;">4. En caso de que no se haya marcado un error el paso anterior, deberas instalar el servicio, por lo cual basta con escribir el comando </span><span style="font-weight: bold; font-style: italic;font-family:arial;" >yum install -y httpd</span><span style="font-family:arial;"> con esto quedará instalado</span><br /></div><p class="MsoNormal" style="text-align: justify; page-break-before: always;"><span style=";font-family:";" lang="ES-TRAD"><o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify;"><!--[if gte vml 1]><o:wrapblock><v:shape id="_x0000_s1030" type="#_x0000_t75" style="'position:absolute;left:0;" filled="t"> <v:fill color2="black"> <v:imagedata src="file:///C:\DOCUME~1\Ernesto\CONFIG~1\Temp\msohtmlclip1\01\clip_image013.png" title=""> <w:wrap type="topAndBottom"> </v:shape><![endif]--><!--[if !vml]--><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzYui_eMdn2Ja3uDhntRRFKLmKbWPPcAC0YModytL1BesBzHfwH08aBknZbtDG8SEA557bUxEGgz1s4OaUb8Ni3bcQBDim8-BCP59IJh9DI1shXBFLrvD0FlitrgteHmL7qvf9/s1600-h/cinc.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 242px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzYui_eMdn2Ja3uDhntRRFKLmKbWPPcAC0YModytL1BesBzHfwH08aBknZbtDG8SEA557bUxEGgz1s4OaUb8Ni3bcQBDim8-BCP59IJh9DI1shXBFLrvD0FlitrgteHmL7qvf9/s400/cinc.JPG" alt="" id="BLOGGER_PHOTO_ID_5387735565232051362" border="0" /></a><!--[endif]--><!--[if gte vml 1]></o:wrapblock><![endif]--> <span style=";font-family:";" lang="ES-TRAD"><o:p></o:p></span></p> <span style="font-family:arial;">5.- Muy bien ahora vamos a iniciar el servicio, claro hay que mencionar que existen tres comandos para usar este servicio </span><span style=";font-family:arial;font-size:85%;" ><span style="font-weight: bold; font-style: italic;">start</span></span><span style="font-family:arial;">=Iniciar,</span><span style=";font-family:arial;font-size:85%;" ><span style="font-style: italic; font-weight: bold;"> stop</span></span><span style="font-family:arial;">:parar y </span><span style=";font-family:arial;font-size:85%;" ><span style="font-weight: bold; font-style: italic;">restart</span></span><span style="font-family:arial;">=reiniciar; el comando es el siguiente: </span><span style=";font-family:arial;font-size:85%;" ><span style="font-weight: bold; font-style: italic;">service httpd start</span></span><br /><p class="MsoNormal" style="text-align: justify;"><!--[if gte vml 1]><o:wrapblock><v:shape id="_x0000_s1031" type="#_x0000_t75" style="'position:absolute;left:0;" filled="t"> <v:fill color2="black"> <v:imagedata src="file:///C:\DOCUME~1\Ernesto\CONFIG~1\Temp\msohtmlclip1\01\clip_image015.png" title=""> <w:wrap type="topAndBottom"> </v:shape><![endif]--><!--[if !vml]--><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1pyte40XoYqH5O7AYjN52nVmspbAYe8_e__kayCtrpjedr3GJfiLNDqiqlKx9r8YtgBe75ZpvUjcBSS3Opna4yyIcvSw5_XJ2Xp15KzUpTOAVjNQ-ATnIjxI5XP1VYR2Z6AuP/s1600-h/seis.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 242px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1pyte40XoYqH5O7AYjN52nVmspbAYe8_e__kayCtrpjedr3GJfiLNDqiqlKx9r8YtgBe75ZpvUjcBSS3Opna4yyIcvSw5_XJ2Xp15KzUpTOAVjNQ-ATnIjxI5XP1VYR2Z6AuP/s400/seis.JPG" alt="" id="BLOGGER_PHOTO_ID_5387735854620277330" border="0" /></a><!--[endif]--><!--[if gte vml 1]></o:wrapblock><![endif]--> <span style=";font-family:";" lang="ES-TRAD"><o:p></o:p></span></p><div style="text-align: justify;"> <span style="font-family:arial;">6. Si todo a resultado correcto es hora de probar el resultado en tu navegador preferido, en este caso usamos Firefox, debes escribir la dirección http://localhost o http://127.0.0.1 ya que es la que tiene por defecto el archivo de configuración</span><br /></div><p class="MsoNormal" style="text-align: justify;"><!--[if gte vml 1]><o:wrapblock><v:shape id="_x0000_s1032" type="#_x0000_t75" style="'position:absolute;left:0;" filled="t"> <v:fill color2="black"> <v:imagedata src="file:///C:\DOCUME~1\Ernesto\CONFIG~1\Temp\msohtmlclip1\01\clip_image017.png" title=""> <w:wrap type="topAndBottom"> </v:shape><![endif]--><!--[if !vml]--><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjqJUnPXMTSBXWyXVNbyWu7vksjkea359qDBI0aYebC3dg5Q0F18V08D2_Xn-3EAHnFzVr86-q1FO7Hmg3KXzDmkYWFPb5x95DtIaw_VqrKZhPjQBvb54dc7ElZmRIUcBHwlym/s1600-h/siete.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 242px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjqJUnPXMTSBXWyXVNbyWu7vksjkea359qDBI0aYebC3dg5Q0F18V08D2_Xn-3EAHnFzVr86-q1FO7Hmg3KXzDmkYWFPb5x95DtIaw_VqrKZhPjQBvb54dc7ElZmRIUcBHwlym/s400/siete.JPG" alt="" id="BLOGGER_PHOTO_ID_5387736916760344226" border="0" /></a><!--[endif]--><!--[if gte vml 1]></o:wrapblock><![endif]--> <span style=";font-family:";" lang="ES-TRAD"><o:p></o:p></span></p><span style="font-family:arial;">Para concluir, mencionaremos lo siguiente, el archivo de configuración del apache se encuentra en <span style="font-size:85%;"><span style="font-weight: bold; font-style: italic;">/ect/httpd/conf/httpd.conf</span></span> en dicho archivo usted puede modificar las siguientes directivas:</span><br /><br /><span style="font-family:arial;"><span style="font-weight: bold;">ServerRoot</span>. Define el directorio donde se encuntran los archivos de configuración, no lo mueva</span><br /><span style="font-family:arial;"><span style="font-weight: bold;">DocumentRoot</span>. Define la carpeta donde se alojaran los archivos que se van a mostrar, la carpeta por defecto es /var/www/html, sin embargo la puede cambiar.</span><br /><span style="font-family:arial;"><span style="font-weight: bold;">Maxclients</span>. Numero maximo de conexiones simultaneas</span><br /><span style="font-family:arial;"><span style="font-weight: bold;">Listen</span>. Permite enlazar Apache a determinadas IP o puertos, generalmente escucha en el 80</span><br /><br /><span style="font-family:arial;">El problema lo encontraremos al intentar escribir información en la carpeta <span style="font-size:85%;"><span style="font-weight: bold; font-style: italic;">/var/www/html</span></span> por consiguiente hay que poner permisos de usuario, para ello podemos usar el comando chmod </span><parametros><directorio|archivo><span style="font-family:arial;"> como se explica a continuación:</span><br /><br /><span style="font-family:arial;">u usuario al que pertenece el archivo</span><br /><span style="font-family:arial;">o otros usuarios</span><br /><br /><span style="font-family:arial;">+ agregar permisos</span><br /><span style="font-family:arial;">- quitar permisos</span><br /><span style="font-family:arial;">= igualar permisos</span><br /><br /><span style="font-family:arial;">x permisos de ejecución</span><br /><span style="font-family:arial;">w permisos de escritura</span><br /><span style="font-family:arial;">r permisos de lectura</span><br /><br /><span style="font-family:arial;">Ahora bien en que cada directorio puede ser un dominio y pensando en que sobre esa carpeta se va trabajar y enviar información mediante FTP, entonces es mejor crear una nueva carpeta por cada dominio, como se muestra en las siguientes imagenes.</span><br /><span style="font-family:arial;">Para hacerlo debe estar como SuperUsuario, y acceder a la carpeta <span style="font-size:85%;"><span style="font-weight: bold; font-style: italic;">/var/www/html </span></span>mediante el comando cd, luego crear el directorio con mkdir, puede verificar que se a creado la carpeta con el comando dir y finalmente establezca que otros usuarios a parte del propietario que es root puedan tener acceso a esa carpeta.</span><br /><p class="MsoNormal" style="text-align: justify;"><!--[if gte vml 1]><o:wrapblock><v:shape id="_x0000_s1033" type="#_x0000_t75" style="'position:absolute;left:0;" filled="t"> <v:fill color2="black"> <v:imagedata src="file:///C:\DOCUME~1\Ernesto\CONFIG~1\Temp\msohtmlclip1\01\clip_image019.png" title=""> <w:wrap type="topAndBottom"> </v:shape><v:shape id="_x0000_s1034" type="#_x0000_t75" style="'position:absolute;" filled="t"> <v:fill color2="black"> <v:imagedata src="file:///C:\DOCUME~1\Ernesto\CONFIG~1\Temp\msohtmlclip1\01\clip_image020.png" title=""> <w:wrap type="topAndBottom"> </v:shape><![endif]--><!--[if !vml]--><span style=""> <table align="left" cellpadding="0" cellspacing="0"> <tbody> <tr> <td><br /></td> </tr> </tbody></table> </span><!--[endif]--><!--[if gte vml 1]></o:wrapblock><![endif]--> <span style=";font-family:";" lang="ES-TRAD"><o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify;"><span style=";font-family:";" lang="ES-TRAD"><o:p> </o:p></span></p> <p class="MsoNormal" style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioA3SDTq4mFp6AkTt39qwZdGJqF6rp_K3VfsY_CNEz4rqZGCddZdw74M5xMN-VHZyQJGqUoYd-iW5x9KIsYYSp-ZrDkU9g4-K23MQehW2Ll_SZyqh-SGuhFLpv5IKvC-d8lMfQ/s1600-h/ocho.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 242px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioA3SDTq4mFp6AkTt39qwZdGJqF6rp_K3VfsY_CNEz4rqZGCddZdw74M5xMN-VHZyQJGqUoYd-iW5x9KIsYYSp-ZrDkU9g4-K23MQehW2Ll_SZyqh-SGuhFLpv5IKvC-d8lMfQ/s400/ocho.JPG" alt="" id="BLOGGER_PHOTO_ID_5387737319975929730" border="0" /></a></p></directorio|archivo></parametros><div style="text-align: center;"><div style="text-align: center;"><parametros><directorio|archivo><p class="MsoNormal" style="text-align: justify;"><span style="font-weight: bold;font-family:arial;font-size:78%;" > Nota: Recuerde que el archivo que se debe poner para que se ejecute por defecto debe llevar por nombre index y debe ser de ext</span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://e404-dzipiri.webcindario.com/Archivos-subida/http.pdf"><img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 48px; height: 51px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMyDuVls8Kw6G-PQPrvKIT57MeYbLSdMYNSw2PgaOXpK9_SRGe9maV4y4uaxIM69ytjvZHvwCNBffijDh_m-Tdxt1nOPMqF2EcolU2Qnc7bDcSYk2qgOkHW-ETUal2uQZI6BG4/s400/download.jpg" alt="" id="BLOGGER_PHOTO_ID_5387745802381443746" border="0" /></a><span style="font-weight: bold;font-family:arial;font-size:78%;" >ensión htm, html o php</span>.</p></directorio|archivo></parametros></div><div style="text-align: right;"><img src="file:///C:/DOCUME%7E1/Ernesto/CONFIG%7E1/Temp/moz-screenshot.jpg" alt="" /><img src="file:///C:/DOCUME%7E1/Ernesto/CONFIG%7E1/Temp/moz-screenshot-1.jpg" alt="" /></div><parametros></parametros><br /></div><div style="text-align: right;"><parametros><directorio|archivo></directorio|archivo></parametros></div><parametros><directorio|archivo><br />Gracias por su lectura, agradecere tu comentario,<br />atte The Dzip.</directorio|archivo></parametros>julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com4tag:blogger.com,1999:blog-29326075.post-83127755369364280312009-02-28T17:36:00.006-06:002009-09-28T17:23:55.576-05:00Seguimiento de tu Web (Google Analytics)<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHCoQGI0EB8kjXbNaYQuKpHmiXXTpHFJulraC3XOLfOhS7LprLJjluH7Cv-A98WzwNeLDfT-6dHph3SuHwzZiBdzGPAgEBtV8UY1fT-WXJ5HKnWejCq_tbsSSkx_uwtiJ-oG5F/s1600-h/tres.bmp"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 242px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHCoQGI0EB8kjXbNaYQuKpHmiXXTpHFJulraC3XOLfOhS7LprLJjluH7Cv-A98WzwNeLDfT-6dHph3SuHwzZiBdzGPAgEBtV8UY1fT-WXJ5HKnWejCq_tbsSSkx_uwtiJ-oG5F/s400/tres.bmp" alt="" id="BLOGGER_PHOTO_ID_5311793699180931730" border="0" /></a><br /><br /><div style="text-align: justify;">Algun día en nuestra existencia nos hemos preguntado sobre los contadores de visitas, y que sería padre tener el control y saber cuantas personas han visitado nuestro sitio, eso sería genial; pues eso no es un sueño, ni la gran complejidad, gracias de nuevo a nuestro amigo Google y su herramienta <a href="http://www.google.com/analytics/">Analytics</a>, esta herramienta es muy buena, ralmente la recomiendo mucho y como siempre solo basta con tener una cuenta Google para tener acceso a estos beneficios, y activar nuestra cuenta en Analytics, y una vés iniciada la sesión, manos a la obra.<br /><br />1. Iniciando sesión.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKeYvuT_T7N28WLS4BoPm-4XnymBd84ww4_22lLjmkuVMlAJW7STjxYAmWBsdzmImTGug64aQ3mZ4GK28ljuvk-KJqgq5EQS-RaIbOTBAVqGXJkOuvqRLc0DdLCoA77cRBfiR2/s1600-h/uno.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 288px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKeYvuT_T7N28WLS4BoPm-4XnymBd84ww4_22lLjmkuVMlAJW7STjxYAmWBsdzmImTGug64aQ3mZ4GK28ljuvk-KJqgq5EQS-RaIbOTBAVqGXJkOuvqRLc0DdLCoA77cRBfiR2/s400/uno.JPG" alt="" id="BLOGGER_PHOTO_ID_5308002389786476002" border="0" /></a><br />2. A continuacion registraremos un sitio para rastrear, esto sera muy sensillo, busque la opción<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGMjO01o4oHkQt6vyAbGRlyKPQt2H8O63Lnqb2nRAYDg7XrybLa-TeXZhYEjGIWTz3bkafX9mHZJOfxM9jKrdrEcoXb-WRPc_HtNbBOE1Egzs2kuMSpUgBC_scIOXLIVEzgaOM/s1600-h/dos.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGMjO01o4oHkQt6vyAbGRlyKPQt2H8O63Lnqb2nRAYDg7XrybLa-TeXZhYEjGIWTz3bkafX9mHZJOfxM9jKrdrEcoXb-WRPc_HtNbBOE1Egzs2kuMSpUgBC_scIOXLIVEzgaOM/s400/dos.JPG" alt="" id="BLOGGER_PHOTO_ID_5308003693371802530" border="0" /></a>3. Establezca correctamente los datos que se le piden, especialmente la url o dominio del sitio<br /><br /></div><br />Gracias por su lectura, agradecere tu comentario,<br />atte The Dzip.julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com0tag:blogger.com,1999:blog-29326075.post-43746355862401708042009-02-12T21:16:00.007-06:002009-02-12T21:37:53.378-06:00Meta Tags<div style="text-align: justify;">Hola que tal en esta ocación les hablare sobre las meta tags, un elemento clave para el posicionamiento e indexado en buscadores.<br /></div><br />Segun la wikipedia una metatag es:<br /><span style="font-style: italic;">Las metatags son etiquetas html que se incorporan en el encabezado de una página web y que resultan invisibles para un visitante normal, pero de gran utilidad para navegadores u otros programas que puedan valerse de esta información.</span> <span style="font-style: italic;">Su propósito es el de incluir información (metadatos) de referencia sobre la página: autor, título, fecha, palabras clave, descripción, etc.</span> <span style="font-style: italic;">Esta información podría ser utilizada por los robots de búsqueda para incluirla en las bases de datos de sus buscadores y mostrarla en el resumen de búsquedas o tenerla en cuenta durante las mismas y será invisible para un visitante normal.</span><br /><div style="text-align: justify;"><br />Estos elementos debe incluirse ya que seran mostrados cuando haga una busqueda con su url, ahora muestro un ejemplo<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgO4ciVWG2yLaTH4ERABKM0YV2G87f8l9nzWPIg8nvbowAK8nQ_n6XJxuqcbAtsO1cYODBi3IYy4ipKfwzJlBzf8QD99yke4UVIBrAw-TEdIUkMyad7Bv8fXZVLckqERDpjp_z/s1600-h/meta.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 287px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgO4ciVWG2yLaTH4ERABKM0YV2G87f8l9nzWPIg8nvbowAK8nQ_n6XJxuqcbAtsO1cYODBi3IYy4ipKfwzJlBzf8QD99yke4UVIBrAw-TEdIUkMyad7Bv8fXZVLckqERDpjp_z/s400/meta.JPG" alt="" id="BLOGGER_PHOTO_ID_5302117684435303330" border="0" /></a>Esta información bien presentada se logra a través de un buen manejo de meta-tags, para lograr esto hay que escribir los metas entre las etiquetas <span style="font-weight: bold; font-style: italic;">head</span> , de preferencia despues de las etiquetas <span style="font-weight: bold; font-style: italic;">title</span>, puede incluirla en su plantilla para generar las descripciones, en todo el sitio, en este caso hice la prueba en blogspot, es muy sencillo solo dirigase a la pestaña diseño->edicion html y escriba las etiquetas, pero si esto resulta un problema le recomiendo un sitio llamado <a href="http://www.aemilius.net/soporte/utilidades/generador-meta-tags.php">aemilus.net</a> rellene los datos y pegue.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4GtnHHHL34m-GKAJGrKqQhlUeQvvHmi3J_5QMIY7AEZNQgT4ocHttYM-lfV4CH6gkhWN-GdGFa3LhIvmEIo3Gx8bpX9Ennlj3gfCCnuj8nNX22fUg5KLcTWCThqCzbIOJi_kQ/s1600-h/meta1.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 287px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4GtnHHHL34m-GKAJGrKqQhlUeQvvHmi3J_5QMIY7AEZNQgT4ocHttYM-lfV4CH6gkhWN-GdGFa3LhIvmEIo3Gx8bpX9Ennlj3gfCCnuj8nNX22fUg5KLcTWCThqCzbIOJi_kQ/s400/meta1.JPG" alt="" id="BLOGGER_PHOTO_ID_5302119216606810162" border="0" /></a>y así debe queder en su archivo html.<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7MEh88M-DxRgW6HpuzJ0oxx_oIMnRd63NMxZ7ozMv4ACAl_SaG7qbOsVsIzdY3wBSnGklBR0U6nvJWPW7ddiY_dkQEGNtCyOTLwnHVSU1RKAWBAeURyx8FVJ8mcCbT50-pxiS/s1600-h/meta2.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 287px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7MEh88M-DxRgW6HpuzJ0oxx_oIMnRd63NMxZ7ozMv4ACAl_SaG7qbOsVsIzdY3wBSnGklBR0U6nvJWPW7ddiY_dkQEGNtCyOTLwnHVSU1RKAWBAeURyx8FVJ8mcCbT50-pxiS/s400/meta2.JPG" alt="" id="BLOGGER_PHOTO_ID_5302119843984267538" border="0" /></a>Bueno con esto podría mejorar las visitas a su sitio, la proxima hablare del rastreo de visitas con la herramienta que nos brinda google, <a href="https://www.google.com/analytics/">Google Anaylitics</a>.<br /><br />Gracias por su lectura, agradecere tu comentario,<br />atte The Dzip.</div>julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com0tag:blogger.com,1999:blog-29326075.post-69291723904240471582008-12-02T21:42:00.008-06:002008-12-02T22:26:39.896-06:00BD + PHP + MySQL conexiones y solucion<span style=";font-family:verdana;font-size:100%;" ><span style="font-weight: bold;">Hola que tal pues, hasta que regreso por aquí ya los tenia abandonados que no, jeje, pues esta vés les regalare un pequeño framework, bueno no tanto así, es un entorno de trabajo de BD, aun muy básico, pero pues iremos mejorando y añadendo funcionalidades, espero sus comentarios de JetBD, en cuanto respuesta, uso y fácilidad.</span><br /><br /><span style="font-weight: bold;">Descarga <a href="http://ptak.webcindario.com/PHP/JetBD.zip">aquí JetBD</a></span><br /><br /><span style="font-weight: bold;">Funciones</span><br /></span><span style="font-weight: bold;font-family:verdana;font-size:100%;" >Connect_BD(nombre_host, nombre_usuario,contraseña_usuario,nombre_BD)</span><span style=";font-family:verdana;font-size:100%;" ><span style="font-weight: bold;">. Le permite conectarse a una base de datos</span><br /></span><span style="font-weight: bold;font-family:verdana;font-size:100%;" >Close_BD()</span><span style=";font-family:verdana;font-size:100%;" ><span style="font-weight: bold;">. Le permite terminar una sesion de BD, termina una conexión.</span><br /></span><span style="font-weight: bold;font-family:verdana;font-size:100%;" >Insert(nombre_tabla,campos,valores)</span><span style=";font-family:verdana;font-size:100%;" ><span style="font-weight: bold;">. Permite insertar datos en una tabla, previa conexion echa</span><br /></span><span style="font-weight: bold;font-family:verdana;font-size:100%;" >Delete(nombre_tabla,condición)</span><span style=";font-family:verdana;font-size:100%;" ><span style="font-weight: bold;">. Permite eliminar datos de una tabla a partir de una condicion.</span><br /></span><span style="font-weight: bold;font-family:verdana;font-size:100%;" >Num_fs(nombre_tabla,Campos)</span><span style=";font-family:verdana;font-size:100%;" ><span style="font-weight: bold;">. Retorna el numero de campos a partir de una consulta en una tabla.</span><br /></span><span style="font-weight: bold;font-family:verdana;font-size:100%;" >Name_fs(nombre_tabla, Campos, Orden)</span><span style=";font-family:verdana;font-size:100%;" ><span style="font-weight: bold;">. Retorna un arreglo con el nombre de los campos ordenador por el campo establecido.</span><br /></span><span style="font-weight: bold;font-family:verdana;font-size:100%;" >Num_row(nombre_tabla,campos)</span><span style=";font-family:verdana;font-size:100%;" ><span style="font-weight: bold;">. Devuelve el numero de registros que hay en una tabla.</span><br /></span><span style="font-weight: bold;font-family:verdana;font-size:100%;" >Show(nombre_tabla,Campos,Orden)</span><span style=";font-family:verdana;font-size:100%;" ><span style="font-weight: bold;">. Retorna una matriz con los registros dados en el orden establecido.</span><br /></span><span style="font-weight: bold;font-family:verdana;font-size:100%;" >Seek(nombre_tabla,Campos,Orden,Condicion)</span><span style=";font-family:verdana;font-size:100%;" ><span style="font-weight: bold;">. Realiza una busqueda de acuerdo a la condicion y retorna una matriz con los registros ordenados con el campo elegido.</span><br /><br /><span style="font-weight: bold;">Es un desarrollo aun ni en pañales pero pues con más tiempo agregare más funciones, con el fin de un mejor desempeño.</span><br /><br /><span style="font-weight: bold;">Para usarlo debe incluir la libreria y crear un objeto.</span><br /><br /><span style="font-weight: bold;">Ejemplo de uso:</span></span><br /><br />include(JetBD.php);<br /><span style=";font-family:courier new;font-size:78%;" ><span style="font-weight: bold;">$consulta=new BD();<br />$consulta->Connect_BD("localhost","julian","pelos08","ralove");<br /> echo "<p> </p>";<br /> echo $consulta->Insert("coment","ID, Nombre, Correo, Modulo, Comentario","'2', 'Pedro', 'mdkd@nksn.com', 'Woer', 'Hey pwjjw'");<br /> echo "<p> </p>";<br /> echo $consulta->Delete("coment","ID=2");<br /> echo "<p> </p>";<br /> echo $consulta->Num_fs("coment","*");<br /> echo "<p> </p>";<br /> foreach ($consulta->Name_fs("coment","*","ID") as $actual)<br /> echo $actual . "<br />";<br /> echo $consulta->Num_row("coment","*");<br /> echo "<p> </p>";<br /> echo "<table>";<br /> while ($r<$consulta->Num_row("coment","*"))<br /> {<br /> $f=0;<br /> echo "<tbody><tr>";<br /> while($f<$consulta->Num_fs("coment","*"))<br /> {<br /> echo "<td>";<br /> $m=$consulta->Show("coment","*","ID");<br /> echo $m[$r][$f];<br /> echo "</td>";<br /> $f++;<br /> }<br /> echo "</tr>";<br /> $r++;<br /> }<br /> echo "</tbody></table>";<br />//prueba de busqueda<br /> echo "<p> </p>";<br /> $r=0;<br /> echo "<table>";<br /> while ($r<$consulta->Num_row("coment","*"))<br /> {<br /> $f=0;<br /> echo "<tbody><tr>";<br /> while($f<$consulta->Num_fs("coment","*"))<br /> {<br /> echo "<td>";<br /> $m=$consulta->Seek("coment","*","ID","ID>5");<br /> echo $m[$r][$f];<br /> echo "</td>";<br /> $f++;<br /> }<br /> echo "</tr>";<br /> $r++;<br /> }<br /> echo "</tbody></table>";<br /> ?><br /></span><span style="font-size:100%;"><br /><span style="font-weight: bold;font-family:verdana;" >Espero sea de su ayuda, pasen buen día espero sus comentarios</span><br /><br /><span style="font-weight: bold;font-family:verdana;" >Gracias por su lectura, agradecere tu comentario,</span><br /><span style="font-weight: bold;font-family:verdana;" >atte The Dzip.</span></span></span>julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com0tag:blogger.com,1999:blog-29326075.post-87717181202357823812008-10-08T19:55:00.004-05:002008-10-08T20:13:33.125-05:00Timer, retardo y ahorro de memoria en Java<div style="text-align: justify;">Hola que tal, pues esta vés explicaremos el uso de un timer en Java, es realmente muy sencillo, un timer consta de dos partes, el tiempo de retardo y las acciones que se ejecuran, en esta ocación hablaremos del Timer incluido en la libreria javax.swing.Timer, bueno es muy sencillo primero que nada se declara el objeto Timer, puede importar la libreria (import javax.swing.Timer), o bien hacerlo del modo largo para ahorro de memoria, que es el que se usara en este ejemplo, preste mucha atención. luego crearle el evento como se vera en la estructura completa.<br /></div><span style="font-size:78%;"><br /><span style="font-size:85%;"><span style="font-weight: bold; font-family: courier new; color: rgb(102, 102, 102);"> javax.swing.Timer timer;</span><br /><span style="font-weight: bold; font-family: courier new; color: rgb(102, 102, 102);"> timer=new javax.swing.Timer</span><br /><span style="font-weight: bold; font-family: courier new; color: rgb(102, 102, 102);"> (</span><br /><span style="font-weight: bold; font-family: courier new; color: rgb(102, 102, 102);"> /*<span style="font-size:78%;">Retardo en milisegundos esto no va</span>*/1000,new java.awt.event.ActionListener()</span><br /><span style="font-weight: bold; font-family: courier new; color: rgb(102, 102, 102);"> {</span><br /><span style="font-weight: bold; font-family: courier new; color: rgb(102, 102, 102);"> public void actionPerformed(java.awt.event.ActionEvent e) </span><br /><span style="font-weight: bold; font-family: courier new; color: rgb(102, 102, 102);"> { </span><br /><span style="font-weight: bold; font-family: courier new; color: rgb(102, 102, 102);"> //Instrucciones que realizara el Timer</span><span style="font-weight: bold; font-family: courier new; color: rgb(102, 102, 102);"></span><span style="font-weight: bold; font-family: courier new; color: rgb(102, 102, 102);"></span><br /><span style="font-weight: bold; font-family: courier new; color: rgb(102, 102, 102);"> }</span><br /><span style="font-weight: bold; font-family: courier new; color: rgb(102, 102, 102);"> }</span><br /><span style="font-weight: bold; font-family: courier new; color: rgb(102, 102, 102);"> );</span></span></span><span style="font-size:85%;"><br /></span><br />Cabe mencionar que si no cuentas con algun contenido o una ventana, se cerrara el programa sin ejecutar el timer para ello debes agregar un retardo como el siguiente.<br /> <br /><span style="font-family: courier new;font-size:85%;" ><span style="color: rgb(102, 102, 102); font-weight: bold;"> try</span><br /><span style="color: rgb(102, 102, 102); font-weight: bold;"> {</span><br /><span style="color: rgb(102, 102, 102); font-weight: bold;"> Thread.currentThread().sleep (10000);</span><br /><span style="color: rgb(102, 102, 102); font-weight: bold;"> } catch (Exception e)</span><br /><span style="color: rgb(102, 102, 102); font-weight: bold;"> {</span><br /><span style="color: rgb(102, 102, 102); font-weight: bold;"> }</span></span><br /><br /><br />y bueno el ejemplo que se maneja a continuación ara que una etiqueta gire al rededor de la ventada, bueno acá esta el codigó espero sus comentarios y resolvere dudad, hasta pronto.<br /><span style="font-size:78%;"><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;">public class Obj_Mov</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;">{</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> //Declaraciones</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> javax.swing.Timer timer;//El timer</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> java.awt.Frame ventana;//La ventana</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> java.awt.Label etiqueta;//La Etiqueta</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> int Retardo=1000,izq=10,der=385,sup=35,inf=385,conth=10,conv=35;</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> public Obj_Mov()</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> { </span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> //Procedimiento de Timer</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> timer=new javax.swing.Timer</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> (</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> Retardo,new java.awt.event.ActionListener()</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> {</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> public void actionPerformed(java.awt.event.ActionEvent e) </span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> { </span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> //Instrucciones que realizara el Timer</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> avanzar_derecha(conth,etiqueta);</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> avanzar_abajo(conv,etiqueta);</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> avanzar_izquierda(conth,etiqueta);</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> avanzar_arriba(conv,etiqueta);</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> }</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> }</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> );</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> </span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> </span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> ventana=new java.awt.Frame("Mi Ventana");</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> ventana.setBackground(java.awt.Color.black);</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> ventana.setBounds((1024/2)-200,(768/2)-200,400,400);</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> ventana.setLayout(null);</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> ventana.setVisible(true); </span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> ventana.setResizable(false);</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> ventana.addWindowListener(new java.awt.event.WindowAdapter()</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> {</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> public void windowClosing(java.awt.event.WindowEvent e) </span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> {</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> System.exit(0); </span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> } </span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> });</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> </span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> etiqueta= new java.awt.Label("*");</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> etiqueta.setBackground(java.awt.Color.cyan);</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> etiqueta.setBounds(10,35,5,5);</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> ventana.add(etiqueta);</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> </span><br /><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> </span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> timer.start();</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> </span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> }</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> </span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> public void avanzar_derecha(int contador,java.awt.Label cosa)</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> {</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> while (contador<=der)</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> {</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> cosa.setBounds(contador,35,5,5);</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> ++contador;</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> }</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> conth=contador-1;</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> }</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> </span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> public void avanzar_abajo(int contador,java.awt.Label cosa)</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> {</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> while (contador<=inf)</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> {</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> cosa.setBounds(385,contador,5,5);</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> ++contador;</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> }</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> conv=contador-1;</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> }</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> </span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> public void avanzar_izquierda(int contador,java.awt.Label cosa)</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> {</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> while (contador>=izq)</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> {</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> cosa.setBounds(contador,385,5,5);</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> --contador;</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> }</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> conth=contador+1; </span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> }</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> </span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> public void avanzar_arriba(int contador,java.awt.Label cosa)</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> {</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> while (contador>=sup)</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> {</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> cosa.setBounds(10,contador,5,5);</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> --contador;</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> }</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> conv=contador+1;</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> }</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> public static void main (String a[])</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> {</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> Obj_Mov uno= new Obj_Mov();</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> </span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> /*Si no hay nada màs que el texto esto se para, pero se puede retardar con esto</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> try</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> {</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> Thread.currentThread().sleep (10000);</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> } catch (Exception e)</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> {</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> }</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> */</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;"> }</span><br /><span style="color: rgb(102, 51, 0); font-weight: bold; font-family: verdana;">}</span></span><br /><br /><br /><br />Gracias por su lectura, agradecere tu comentario,<br />atte The Dzip.julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com1tag:blogger.com,1999:blog-29326075.post-11300488579755574682008-10-01T23:52:00.006-05:002008-10-02T01:34:45.329-05:00Condicion Simple en Java (If en Java)<div style="text-align: justify;"><span style="font-family:verdana;">Buenos día un saludo, en esta ocación trabajaremos con las condiciones en java, en particular la sentencia IF. Una sentencia no es más que una toma de decisión, una decisión se toma cada vés, por ejemplo, puedes decidir venir o no a la escuela, decidir si ir al cine o no, en resumen, una decision consta de un factor que determina el planteamiento de un cuestionamiento, punto de partida para la toma de desicion y dos respuestas, una verdadera y una falsa.</span><br /></div><div style="text-align: justify; font-family: verdana;">Una condicion bien planteada debe contener condicionante, valor verdadero y valor falso. Un ejemplo bien planteado sería:<br /></div> <div style="text-align: justify; font-family: verdana;">Supongase que se debe dirigir a un lugar especifico, para llegar a este lugar tiene dos opciones en taxi o en Bus.<br /><br />ahora usted sabe que existen esos dos medios pero como saber cual usar, para ello entonces debemos establecer una condicionante que permita tomar dicha decisión, supongamos que el factor que determinara esto sera el tiempo, pero aun así es muy ambigüo, para ello entonces vamos a establecer una hora, supongamos que nuestra hora de entrada son las 8:00 am, bien dada esta situación y de acuerdo a los tiempos del transporte se puede tomar una decisión, en BUS llega en 30 min y el taxi en 15 min, ahora cual seria la condición.<br /><br />Si falta 30 minutos para las 8 entonces se toma el Bus y de lo contrario se tomara un Taxi<br /></div> <div style="text-align: justify;"><span style="font-family:verdana;">La pregunta entonces sería, ¿Cual es cada uno de los factores en esta condición?</span> <span style="font-family:verdana;">Condicionante.- Que el tiempo faltante a la hora de entrada sea mayor o igual a 30 min</span> <span style="font-family:verdana;">Valor Verdadero.- El transporte sera Bus</span> <span style="font-family:verdana;">Valor Falso.- El transporte sera Taxi</span>.<br /><br /><span style="font-family:verdana;">El problema que se tiene es como representar las condiciones de tal forma que el Lenguaje pueda entenderlo, para ello existen los operadores Mayor que (>), menor que (>) , igual (=), mayor o igual (>=) , menor o igual(<=) o el diferente (!=). De acuerdo a ellos es como se planteara la condicionante.</span> <span style="font-family:verdana;">de tal forma que ahora lo convertimos a una expresión entendible al lenguaje.</span><br /><span style="font-family:verdana;">Condicionante.- Faltante<30</span><br /><span style="font-family:verdana;">Valor verdadero.- El transporte es: Taxi</span> <span style="font-family:verdana;"><br />Valor Falso.- El transporte es: Bus</span><br /><br /><span style="font-family:verdana;">Ahora que tenemos las partes de la condición llega lo más importante, como representar esto con la sentencia if en Java, bien pues la sintaxis es la siguiente:<br /><br /></span></div> <div style="text-align: center; font-family: verdana;"><div style="text-align: left; color: rgb(153, 0, 0); font-weight: bold;"> <span style="font-size:85%;">if (Condicionante)<br /> {<br /> instrucciones verdaderas.<br /> }<br /> else<br /> {<br /> instrucciones falsas.<br /></span></div><div style="text-align: left;"><span style="color: rgb(153, 0, 0); font-weight: bold;font-size:85%;" > }</span><br /><br /></div></div> <div style="text-align: justify; font-family: verdana;">Entonces la condicionante va entre parentesis, los primeros corchetes pertenecen al valor verdadero y despues viene una instrucción else, que significa sino, osea que si no se cumple la condición entonces van corchetes y se ejecutan las instrucciones falsas.<br /><br /><span style="font-family:verdana;font-size:78%;"><span style="font-weight: bold;">Nota: las llaves pueden ser omitidas cuando se trata de una sola instrucción, pero no cuando se trabaja con dos o más instriucciones.</span></span><br /></div> <span style="font-family:verdana;">Cree su archivo Bus_O_Taxi.java y pruebe el ejemplo siguiente:<br /></span> <span style="font-family:verdana;"><br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoUNQGyduzOX_hxlsEBOGZ023SRc1bCuXrtczL2YY4uoSH_kJRkG1kHeBZn1Fv0nbbLm2DyNULuNEPnwi5tFPXhpS52lmNGB0j4QvDdkbtm1yxDg9KHONmqwUzmg2lfZh7A-6k/s1600-h/menor_que.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoUNQGyduzOX_hxlsEBOGZ023SRc1bCuXrtczL2YY4uoSH_kJRkG1kHeBZn1Fv0nbbLm2DyNULuNEPnwi5tFPXhpS52lmNGB0j4QvDdkbtm1yxDg9KHONmqwUzmg2lfZh7A-6k/s400/menor_que.JPG" alt="" id="BLOGGER_PHOTO_ID_5252440043305221874" border="0" /></a><br /><div style="text-align: justify;"><span style="font-family:verdana;">Se menciono que los operadores pueden modificar el planteamiento de la condiconante, para ello pruebe el siguiente ejemplo:</span><br /><span style="font-family:verdana;"></span></div><span style="font-family:verdana;"><br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHLlGTJA12FUvAYt6_31eDS9jfJKA-d8cjq52R3wNq4kOid5ebaaT6PhXPP1blnvlz1LicQHMD6JKYtiSgEQs9_Bp7G9XtqPkTmPHSOLy_iA7g1PoU89OuXrMyXs3ftb-QUgWX/s1600-h/Mayor_o_Igual.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHLlGTJA12FUvAYt6_31eDS9jfJKA-d8cjq52R3wNq4kOid5ebaaT6PhXPP1blnvlz1LicQHMD6JKYtiSgEQs9_Bp7G9XtqPkTmPHSOLy_iA7g1PoU89OuXrMyXs3ftb-QUgWX/s400/Mayor_o_Igual.JPG" alt="" id="BLOGGER_PHOTO_ID_5252440701449359538" border="0" /></a><span style="font-family:verdana;"><br />Gracias por su lectura, agradecere tu comentario, </span> <span style="font-family:verdana;">atte The Dzip.</span>julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com1tag:blogger.com,1999:blog-29326075.post-78511255872352508892008-09-27T17:17:00.004-05:002008-09-27T17:37:31.768-05:00Bajar videos de youtu. convertir FLV a otro formatoHola que tal amigos, pues esta vés publicare unas herramientas sencillas para bajar videos de una pagina muy visitada Youtube y recomendare un convertidor de video muy sencillo liviano y que en la mayoria de las cosas funciona, por cierto hace unos días recibi un comentario en un post de Java, por una persona que se hace llamar Profa o Maestra Java, bueno pues no lo acepte por que es un poco fuerte sin embargo creo que tiene razón en el comentario, pero le comento que este es un blog informativo y no de aprendisaje concreta, sin embargo gracias a ella publicaremos reglas y ejemplos que vayan de acuerdo a las reglas de Java y no al hay se va, gracias por tu Comentario, así como ella ustedes pueden opinar para poder saber que se puede mejorar, igual pueden preguntar y se les ayudara, claro mientras se pueda y como me estoy saliendo del contexto, aca les dejo lo citado con anterioridad.<br /><br />Desde esta pagina podras descargar tus videos.<br />http://www.bajaryoutube.com/<br /><br />Es muy sencillo nada más debes abrir la pagina, luego entrar a Youtube buscar tu video copiar la URL que aparece en la barra de direcciones de tu navegador y pegarlo en la seccion que dice pega el enlace del video y dar enter, intro, a continuacion aparece la ventana de descarga, con un nombre get_video selecciona Guardar archivo y da aceptar aparece tu ventana que pide el directorio donde deseas guardar de no ser así seguro estara en tu Edcritorio al finalizar la descarga, pues bien en cualquiera de los casos debes renombrar con la extension "flv", por ejemplo si es un video de MANA, jeje mi grupo favorito, pondria Como dueles en los lavios.flv.<br /><br /><br />Bien ahora necesitaras el flash player para reproducirlo o en otro caso, es hora de convertir ese video a otro formato, pues bien te recomiendo entonces a un programita llamado WinFF que funciona en algunos casos, jaja debo admitir que no es de lo mejor pero te convertidar de FLV a un AVI, eso ya es ganancia o WMV para que se reproduzca en tu maquina sin otro programa, entonces te recomiendo descargarlo <a href="http://winff.googlecode.com/files/winff041setup.exe">aquí</a><br /><br />una vés descargado e instalado abre el programa arrastra tu video.flv a la evntanita y escoge de la siguiente manera<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8jnfZ62eSCPvh7hfP-7wanRmLLABdkn9QPkwveCwjzgRe2thnosfP33pLPKSiwvqyNUzX14lDEH1IZebqUm-xlOxjCVHN_1GMzfCYK2VvpycC6fhX6FS1id9ZIw-N9lNY584D/s1600-h/WinFF.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8jnfZ62eSCPvh7hfP-7wanRmLLABdkn9QPkwveCwjzgRe2thnosfP33pLPKSiwvqyNUzX14lDEH1IZebqUm-xlOxjCVHN_1GMzfCYK2VvpycC6fhX6FS1id9ZIw-N9lNY584D/s400/WinFF.JPG" alt="" id="BLOGGER_PHOTO_ID_5250833413838864626" border="0" /></a>y da convert, para saber donde lo vas a guardar dale en el icono de los tres puntos donde dice Output Folder, y finalmente da al incono que dice Convert, y te sale la ventana del CMD y al final te dice que presiones una tecla y disfrutar tu video se ha dicho.<br /><br />Por cierto te recomiendo a VLC, lo siento es que me gusta ahorrar muchos recursos, suerte hasta luego.<br />Gracias por su lectura, agradecere tu comentario,<br />atte The Dzip.julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com0tag:blogger.com,1999:blog-29326075.post-15545092445147815542008-09-08T21:16:00.004-05:002008-09-08T21:28:50.969-05:00Exokernel (Exonucleo) vs Microkernel (Micronucleo)Hola que tal amigos estoy de vuelta, en cuanto encuentre información realmente interesante se las publicare, esto es Armonia Abstracta que no, hablaremos de muchas cosas más, aunque si alguien desea un tema en especial puede hacer su petición y sera resuelta a la brevedad posible. Cambiando de tema estuve leyendo sobre un tema que me parecio bastante interesante sobre los nucleos o kernel, y pues les traigo esta info, espero sea de ayuda e interes.<br /><div style="text-align: justify;"><br /></div><span style="font-weight: bold;">Exokernel</span><br />Un exokernel es un sistema creado con fines de investigación en el Instituto Tecnológico de Massachusetts (MIT) sobre OpenBSD. Su propósito es crear como una capa de software para otros sistemas virtuales.<br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgydid-eSCUmPf5g8qIi5LSaeCOTrgHu7L29ohGCFZQtvHMPIIBjDE7512x2psp8TC9qnP0ZMwplmT7oylLV-07IUmfci4lsikUdtqoDljzwRp9M_cJ-xpkx6vncljz-ErjImS-/s1600-h/Kernel-exo.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 247px; height: 247px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgydid-eSCUmPf5g8qIi5LSaeCOTrgHu7L29ohGCFZQtvHMPIIBjDE7512x2psp8TC9qnP0ZMwplmT7oylLV-07IUmfci4lsikUdtqoDljzwRp9M_cJ-xpkx6vncljz-ErjImS-/s400/Kernel-exo.jpg" alt="" id="BLOGGER_PHOTO_ID_5243842503455028178" border="0" /></a></div><div style="text-align: justify;"> <span style="font-size:100%;">Los exokernel se dividen en tres capas, la capa de exokernel, la capa de LibOS, y la capa de aplicaciones</span><br /><span style="font-size:100%;">El sistema es realmente robusto y flexible, debido a que la única tarea es impedir que tengan errores de permiso al hardware y conflicto entre los libOS.</span><br /><br /><span style="font-size:100%;"><span style="font-weight: bold;">Microkernel</span></span><br /><span style="font-size:100%;">es un tipo de núcleo de un sistema operativo que provee un conjunto de primitivas o llamadas al sistema mínimas, para implementar servicios básicos como espacios de direcciones, comunicación entre procesosplanificación básica. Todos los otros servicios (gestión de memoria, sistema de archivos, operaciones de E/S, etc.), que en general son provistos por el núcleo, se ejecutan como procesos servidores en espacio de usuario.</span><br /> </div><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN7shnaevFPXTUBCT1I2yd-tdHyd1oAeDhVzNdgF1hjzK00F8est8vjJVO4Nld6iZqpEFrMD1pL5RNc9Hgp-7qnbx149X_UQmydVZp4EvIS7MXkPBcJJBR4azCG13BNQK5cnjj/s1600-h/Kernel-micro.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 247px; height: 247px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN7shnaevFPXTUBCT1I2yd-tdHyd1oAeDhVzNdgF1hjzK00F8est8vjJVO4Nld6iZqpEFrMD1pL5RNc9Hgp-7qnbx149X_UQmydVZp4EvIS7MXkPBcJJBR4azCG13BNQK5cnjj/s400/Kernel-micro.jpg" alt="" id="BLOGGER_PHOTO_ID_5243842782483214738" border="0" /></a></div><div style="text-align: justify;"><span style="font-size:100%;">Las principales ventajas de su utilización son la reducción de la complejidad, la descentralización de los fallos (un fallo en una parte del sistema no lo colapsaría por completo) y la facilitación para crear y depurar controladores de dispositivos.</span><br /><br /><span style="font-size:100%;"><span style="font-weight: bold;">Conclusion </span></span><span style="font-size:100%;"><span style=";font-family:times new roman,times,serif;font-size:78%;" ><span style="font-weight: bold;">(by dzip)</span></span></span><br /><span style="font-size:100%;">El microkernel es el sitema de gestion que utilizan los OS tales como Windows e incluso Linux, consiste en un nucleo que adminstra y controla el hardware con la ayuda de librerias auxiliares y lanzadores que gestionan elementos o recursos especificos, en este caso en windows conocido como Servicio</span><span style="font-size:100%;">s y</span><span style="font-size:100%;"> en linux conocido como demonios y estos son apollados de librerias dinamicas denominadas DLL, es interesante su funcionamiento, pero sin embargo cuando se inicia el sistema deben arrancar ciertos servicios para que el nucleo este enterado esto alenta al sistema, esta enfocado a el manejo de hilos y no de los procesos en si mismo.</span><br /><br /><span style="font-size:100%;">En cambio el Exokernel al estar dividido en tres capas y la capa exokernel se encarga de la gestion de recurso hardware mientras que la capa LibOS que es donde se encuentran pequeños nucleos que administraran las aplicaciones correspondientes y finalmente la capa de aplicacion que trabaja en conjunto con el LibOS, la ventaja principal de esto es que es un modo de virtualizacion de hardware osea que se adapta a cualquier arquitectura ya que los pequeños nucleos se encargan de hacer peticiones y quien se encarga de gestionar concurrencia y el hardware es la capa exokernel, esto permite una liberacion y agiliza el sistema, un ejemplo seria que tenemos el navegador y este activa un unico mini nucleo que es el encargado de gestionar este tipo de recursos y sera liberado cuando cierre el navegador, ademas aca se permite compartir paginado de memoria ya que se mantiene un control de uso de tal forma que no de asegurarse que un elemento no use mas de lo que utiliza, tanto en memoria, como en direccion en disco de almacenamiento. es un sistema Centralizado pero muy eficiente.</span><br /></div><br /><br /><br />Gracias por su lectura, agradecere tu comentario,<br />atte The Dzip.julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com4tag:blogger.com,1999:blog-29326075.post-19104536433277487512008-08-22T18:33:00.001-05:002008-08-22T18:36:10.924-05:00AniversarioPues si en unas horas màs cumplire mi aniversario numero 21 de vida, vaya que el tiempo vuela, y yo he desperdiciado mucho pues no he puesto material que les pueda servir, pero esta apunto de iniciar el ciclo escolar, y estare investigando espero les pueda ayudar, por cierto hay un protocolo de tesis que quisiera compartir màs adelante pues es interesante, Bueno pues agradesco su preferencia a todos aquellos lectores, y prometo hablarles sobre temas nuevos, saludos desde el paraiso de Mèxico, Cancùn Quintana Roo.<br /><br />Gracias por su lectura, agradecere tu comentario,<br />atte The Dzip.julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com0tag:blogger.com,1999:blog-29326075.post-44363114227878575232008-08-04T20:01:00.002-05:002008-08-04T20:12:19.592-05:00Publicación WebQue tal amigos, perdonen la ausencia, la verdad estoy pasando por problemas personales muy fuertes, pero pues eso que quede atras, acá estamos trabajando para ustedes, y pues se que no todos sabesmos mucho, así que abrire un segmento para básicos, y estamos estrenando el tag con este minitutorial de Publicación Web, subir ficheros y usar un WEB FTP, saludos y gracias, siempre se puede. :)
<br />
<br />
<br /><title></title><meta name="GENERATOR" content="OpenOffice.org 2.4 (Win32)"><style type="text/css"> <!-- @page { size: 21.59cm 27.94cm; margin: 2cm } P { margin-bottom: 0.21cm } --> </style> <p style="margin-bottom: 0cm;">El objetivo de este pequeño tutorial es mostrar como organizar las carpetas y subir la información a la red. Para tal efecto usaremos el Hosting y Dominio gratuito que nos proporciona Miarroba.</p> <p style="margin-bottom: 0cm;">
<br /></p> <p style="margin-bottom: 0cm;" align="justify">Para comenzar explicaremos que es Hosting y que es Dominio. Al espacio de almacenamiento donde se va alojar el sitio se le denomina Hosting, Mientras que al nombre publico o URL con el cual se tendrá acceso a esta información se le llama Dominio. (Por ejemplo <a href="http://dzipiri.blogspot.com/">http://dzipiri.blogspot.com</a>).</p>
<br />
<br />Bueno para descargarte el Tutorial Completo pincha <a href="http://publica.webcindario.com/archivos/tutorial.zip">Aquí</a>
<br />
<br />
<br />Gracias por su lectura, agradecere tu comentario,
<br />atte The Dzip.julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com0tag:blogger.com,1999:blog-29326075.post-41028661770383763062008-07-01T12:32:00.003-05:002008-12-11T19:29:24.892-06:00Oferta EspecialHola que tal, saludos a todos, esta ocación les ofresco una computadora para que le comenten a sus amigos, primos, vecinos, por si les interesa la oferta, Computadora equipada, con Suricato Digital, contamos con envio a toda la republica méxicana, por estafeta y redpack, envio no incluido, por el momento solo pago de contado, les invito a ver la oferta.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9gntTOZhU0hZp1AuN3X8sNy05Lyt7onFoGe-fsbWt9JxfQMcliPQvmTc1-hNHP73jw0YRdy9vHsy25-lxEGM2koiOgVYViUKvP7yLFzP6ZSzt5LQ-FMuAZe_wVxirBDKuihXL/s1600-h/desktop.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9gntTOZhU0hZp1AuN3X8sNy05Lyt7onFoGe-fsbWt9JxfQMcliPQvmTc1-hNHP73jw0YRdy9vHsy25-lxEGM2koiOgVYViUKvP7yLFzP6ZSzt5LQ-FMuAZe_wVxirBDKuihXL/s400/desktop.png" alt="" id="BLOGGER_PHOTO_ID_5218101061547908482" border="0" /></a>Gracias por la atención se los agradecere.julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com0tag:blogger.com,1999:blog-29326075.post-14489695442747372102008-06-30T11:54:00.003-05:002008-06-30T12:03:44.812-05:00Pila Postfija, Pila Prefija JAVAHola que tal pues esta es un ejemplo de pilas en conversión de postfija y prefija, usando interfaz grafica y herencia, saludos espero les ayude, como el codigo es largo les pondre los links, saludos<br /><br /><br /><a href="http://e404-dzipiri.webcindario.com/Pila/Cabecera.java">Cabecera.java</a><br /><a href="http://e404-dzipiri.webcindario.com/Pila/Final.java">Final.java</a><br /><a href="http://e404-dzipiri.webcindario.com/Pila/Procesos.java">Procesos.java</a><br /><a href="http://e404-dzipiri.webcindario.com/Pila/postfija.java">Postfija.java</a><br /><a href="http://e404-dzipiri.webcindario.com/Pila/prefija.java">Prefija.java</a><br /><br />pongan los archivos en una misma carpeta y compilen, suerte espero sea de ayuda.<br /><br />Gracias por su lectura, agradecere tu comentario,<br />atte The Dzip.julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com7tag:blogger.com,1999:blog-29326075.post-4300110559234452112008-06-15T20:10:00.002-05:002008-06-15T20:13:01.865-05:00Usando una tabla para mostrar datos de una BD con PHPUna Disculpa a todos por no poder postear antes, apenas termine el ciclo y estube muy apretado con el tiempo estas ultimas semanas, pero estas vacaciones empezare a postear un poco más, saludos y gracías<br /><br /><br /><br /> <?php<br /> $link = mysql_connect("localhost","root",);<br /> mysql_select_db("proyectos",$link);<br /> $result = mysql_query("SELECT Alumnos.ID,Alumnos.Nombre,Alumnos.Email,Alumnos.Grupo,Equipos.Tema,Alumnos.foto FROM alumnos inner join Equipos on Alumnos.IDE=Equipos.IDE ORDER BY Alumnos.ID",$link);<br /> ?><br /><br /> <table' align="center"><br /> <tr><br /> <th class="Estilo2">ID</th><br /> <th class="Estilo2">Nombre</th><br /> <th class="Estilo2">Email</th><br /> <th class="Estilo2">Grupo</th><br /> <th class="Estilo2">Tema</th><br /> <th class="Estilo2">Foto</th><br /> </tr><br /> <?php<br /> while ($row = mysql_fetch_array($result))<br /> {<br /> echo '<tr><td> '.$row[0].' </td>';<br /> echo '<td> '.$row[1].' </td>';<br /> echo '<td> '.$row[2].' </td>';<br /> echo '<td> '.$row[3].' </td>';<br /> echo '<td> '.$row[4].' </td>';<br /> echo '<td><img src="'.$row[5].'" alt="'.$row[1].'" /></td></tr>';<br /> }<br /> <br /> mysql_free_result($result);<br /> <br /> ?><br /></table'><br /><br />Gracias por su lectura, agradecere tu comentario,<br />atte The Dzip.julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com1tag:blogger.com,1999:blog-29326075.post-88196146114028988042008-04-30T12:08:00.002-05:002008-04-30T12:22:26.839-05:00Ventanas sin Herencia en JavaQue onda, pues esta vez realice un ejemplo de una interfaz grafica simple; en este caso una ventana que no tiene mayor complicación.<br />El punto importantes es que la hicimos sin utilizar herencia, lo que permite ampliar nuestro campo y mejor nuestra relación con la apariencia grafica, para no hablar más he aquí el codigo<br /><br />Esta esta hecha para AWT<br /><br />class ventanas<br />{<br /> public static void crea(String titulo, int PIx,int PIy,int Tx,int Ty,java.awt.Color color)<br /> {<br /> //Implementacion para AWT<br /> java.awt.Frame ventana1 =new java.awt.Frame(titulo);<br /> ventana1.setBounds(PIx,PIy,Tx,Ty);<br /> ventana1.setBackground(color);<br /> ventana1.setVisible(true);<br /> ventana1.setLayout(null);<br /> }<br /> public static void main(String args[])<br /> {<br /> crea("Mi Ventana",1024/2,750/2,200,200,java.awt.Color.red);<br /> }<br />}<br /><br /><br />Creada para usar SWING<br /><br />class ventanas<br />{<br /> public ventanas(String titulo, int PIx,int PIy,int Tx,int Ty,java.awt.Color color)<br /> {<br /> crea( titulo, PIx, PIy, Tx, Ty, color);<br /> }<br /> public static void crea(String titulo, int PIx,int PIy,int Tx,int Ty,java.awt.Color color)<br /> {<br /> javax.swing.JFrame ventana = new javax.swing.JFrame(titulo);<br /> ventana.setBounds(PIx,PIy,Tx,Ty);<br /> ventana.setBackground(color);<br /> ventana.setVisible(true);<br /> ventana.setLayout(null)<br /> }<br /> public static void main(String args[])<br /> {<br /> crea("Mi Ventana",1024/2,750/2,200,200,java.awt.Color.red);<br /> }<br />}<br /><br /><br />Es muy sencillo realmente, creamos un objeto en un metodo de tipo static, jeje las ventajas de este lenguaje, y pues bueno que les pareceria hacer una implemenacion<br />utlizando herencia pero con otra clase nuestra<br /><br />Herencia Ventanas en AWT<br /><br />class ventanas<br />{<br /> public ventanas(String titulo, int PIx,int PIy,int Tx,int Ty,java.awt.Color color)<br /> {<br /> crea( titulo, PIx, PIy, Tx, Ty, color);<br /> }<br /> public static void crea(String titulo, int PIx,int PIy,int Tx,int Ty,java.awt.Color color)<br /> {<br /> java.awt.Frame ventana1 =new java.awt.Frame(titulo);<br /> ventana1.setBounds(PIx,PIy,Tx,Ty);<br /> ventana1.setBackground(/*java.awt.Color.red*/color);<br /> ventana1.setVisible(true);<br /> ventana1.setLayout(null);<br /> }<br />}<br /><br />class ventana extends ventanas<br />{<br /> ventana(String titulo, int PIx,int PIy,int Tx,int Ty,java.awt.Color color)<br /> {<br /> super(titulo, PIx, PIy, Tx, Ty, color);<br /> }<br /> public static void main(String args[])<br /> {<br /> ventana uno = new ventana("Mi Ventana",1024/2,750/2,200,200,java.awt.Color.red); <br /> }<br />} <br /><br /><br />Herencia Ventanas en SWING<br /><br /><br />class ventanas<br />{<br /> public ventanas(String titulo, int PIx,int PIy,int Tx,int Ty,java.awt.Color color)<br /> {<br /> crea( titulo, PIx, PIy, Tx, Ty, color);<br /> }<br /> public static void crea(String titulo, int PIx,int PIy,int Tx,int Ty,java.awt.Color color)<br /> {<br /> javax.swing.JFrame ventana = new javax.swing.JFrame(titulo);<br /> ventana.setBounds(PIx,PIy,Tx,Ty);<br /> ventana.setBackground(color);<br /> ventana.setVisible(true);<br /> ventana.setLayout(null)<br /> }<br />}<br /><br />class ventana extends ventanas<br />{<br /> ventana(String titulo, int PIx,int PIy,int Tx,int Ty,java.awt.Color color)<br /> {<br /> super(titulo, PIx, PIy, Tx, Ty, color);<br /> }<br /> public static void main(String args[])<br /> {<br /> ventana uno = new ventana("Mi Ventana",1024/2,750/2,200,200,java.awt.Color.red); <br /> }<br />} <br /><br />Por cierto algo tiene esta cosa que no me deja escribir bien, jejeje, aun así perdón por la magnifica ortografía. Saludos<br /><br />Gracias por su lectura, agradecere tu comentario,<br />atte The Dzip.julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com0tag:blogger.com,1999:blog-29326075.post-76200531943431915802008-04-11T00:12:00.002-05:002008-04-11T00:16:22.883-05:00Ejemplo de Herencia en JavaBueno pues acá esta el ejemplo de herencia, diculpen la tardanza pero el trabajo y las tareas no dejan mucho tiempo libre.<br /><br />Recuerden para correr el código son 2 archivos, uno se llamara Operaciones.java y el otro banco.java, explicaciones mañana.<br /><br /><br /> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB">public class Operaciones<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB">{<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span><o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>long numero;<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>String titular;<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>float saldo;<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>float interesAnual;<span style=""> </span><o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span><o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><o:p> </o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span><o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>public Operaciones (long cnt,String nmt)<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span></span><span style="font-size: 14pt; font-family: "Arial Narrow";">{<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>NewCuenta (cnt,nmt);<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>}<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>public Operaciones()<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span></span><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB">{<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>interesAnual=1;<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>}<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>void NewCuenta (long cnt,String nmt)<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span></span><span style="font-size: 14pt; font-family: "Arial Narrow";">{<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>//cnt es la cuenta<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>//nmt nombre del titular<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>numero=cnt;<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>titular=nmt;<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>interesAnual=1;<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>}<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>void ingreso (float cantidad)<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>{<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>saldo +=cantidad;<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>}<span style=""> </span><o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>void retiro(float cantidad)<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>{<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>saldo -=cantidad;<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span></span><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB">}<span style=""> </span><o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>void interesmes()<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>{<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>saldo+=interesAnual*saldo/1200;<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>}<span style=""> </span><o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>boolean enrojos()<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>{<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>return saldo<0;<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>}<span style=""> </span><o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>float leersaldo()<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>{<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>return saldo;<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>}<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB">}<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><o:p> </o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB">public class banco extends Operaciones<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB">{<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>public void imp(Object palabra)<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>{<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>System.out.println(palabra);<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>}<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span><o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>public banco(String titur,long cuenta)<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span></span><span style="font-size: 14pt; font-family: "Arial Narrow";">{<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>super.NewCuenta(cuenta,titur);<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>imp(this.titular);<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>imp(this.numero);<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>imp("\n");<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>imp("----------------------------------");<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>imp("\n");<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>ingreso(1500);<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>interesmes();<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>imp(leersaldo());<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>imp(enrojos());<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>retiro(300);<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>imp(leersaldo());<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>imp(enrojos());<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span><o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span></span><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB">}<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span>public static void main (String a[])<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB"><span style=""> </span></span><span style="font-size: 14pt; font-family: "Arial Narrow";">{<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span>Operaciones uno=new banco("Julian",24567887);<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";"><span style=""> </span></span><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB">}<o:p></o:p></span></p> <p class="MsoNormal"><span style="font-size: 14pt; font-family: "Arial Narrow";" lang="EN-GB">}<o:p></o:p></span></p> <br /><br />Gracias por su lectura, agradecere tu comentario,<br />atte The Dzip.julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com2tag:blogger.com,1999:blog-29326075.post-13799391938672735122008-03-09T20:01:00.003-06:002008-03-09T22:01:30.257-06:00Un ejemplo básico de arreglosEsta pequeña rutina trata de lo siguiente: llena un arreglo de 20 posiciones con numeros aleatorios, determina la mediana y la moda (falta evaluar cuando hay más de una moda)<br /><br /><frecuencia[p]) indice="p;" determino="" si="" hay="" o="" no="" moda="" if="" mayor="a[p];">class exa<br />{//javax.swing.JOptionPane mensaje=new javax.swing.JOptionPane();<br /> java.util.Random genera=new java.util.Random();<br /> //static int frecuencia []=new int[20],valor[]=new int[20],vfrec=0,pos=-1,mayor=0,indice=0;<br /> int lista[] =new int[20];<br /> exa()<br /> { //mensaje.showMessageDialog(null,"Hola, Tu valor fue: " + Integer.parseInt(String.valueOf(mensaje.showInputDialog("Dame un Numero"))),"Salida",1);<br /> llenar(lista);<br /> ordenar(lista); <br /> if (moda(lista)==-1)<br /> imp("La Moda es: no hay moda \n");<br /> else<br /> imp("La Moda es: "+ moda(lista)+"\n"); <br /> } <br /> public void llenar(int contenedor[])<br /> {<br /> for (int i=0;i<=19;++i)<br /> {<br /> contenedor[i]=genera.nextInt(100);<br /> }<br /> } <br /> public void ordenar(int a[])<br /> {<br /> int aux=0;<br /> for (int x=0;x<20;++x)<br /> {<br /> for (int y=x+1;y<20;++y)<br /> {<br /> if (a[x]>a[y])<br /> {<br /> aux=a[x];<br /> a[x]=a[y];<br /> a[y]=aux;<br /> }<br /> }<br /> }<br /> imp("Lista de valores \n");<br /> imprimir(a);<br /> imp("\n La Mediana es: "+mediana(lista)+"\n");<br /> } <br /> public void imp(Object msg)<br /> {<br /> System.out.println(msg);<br /> } <br /> public void imprimir(int contenedor[])<br /> {<br /> for (int i=0;i<=19;++i)<br /> {<br /> imp(contenedor[i]);<br /> }<br /> } <br /> public double mediana(int a[])<br /> {<br /> double res_mediana=0;<br /> res_mediana=(a[9]+a[10])/2;<br /> return res_mediana;<br /> } <br /> public double moda(int a[])<br /> { int frecuencia []=new int[20],valor[]=new int[20],vfrec=0,pos=-1,mayor=0,indice=0;<br />//En esta parte se determina la frecuencia de cada valor<br /> <br /> for (int z=0;z<20;z++)<br /> {<br /> if (z==19)<br /> {<br /> if (a[19]==a[18])<br /> {<br /> vfrec=vfrec+1;<br /> pos=1+pos;<br /> frecuencia[pos]=vfrec;<br /> valor[pos]=a[z-1];<br /> vfrec=0;<br /> }<br /> }<br /> else<br /> {<br /> if (a[z]==a[z+1])<br /> vfrec=1+vfrec;<br /> else<br /> {<br /> //vfrec=1+vfrec;<br /> pos=1+pos;<br /> frecuencia[pos]=vfrec+1;<br /> vfrec=0;<br /> if (z>0)<br /> {<br /> valor[pos]=a[z-1];<br /> }<br /> else<br /> {<br /> valor[pos]=a[z];<br /> }<br /> <br /> }<br /> }<br /> }<br /> <br />//En este proceso se verifica la frecuencia y se optiene la moda<br /> for (int p=0;p<=pos;++p)<br /> {<br /> if(mayor<frecuencia[p])<br /> {<br /> mayor=frecuencia[p];<br /> indice=p;<br /> } <br /> } <br /> <br />//determino si hay o no moda<br /> if (mayor>1)<br /> return valor[indice];<br /> else <br /> return -1;<br /> } <br /> public static void main(String []k)<br /> { <br /> exa ejecuta=new exa();<br /> }<br />}<br /><br /><a href="http://ptak.webcindario.com/exa.java"><--Descargar--></a><br /><br />Gracias por su lectura, agradecere tu comentario,<br />atte dzipiri el dzip, saludos y mucha suerte</frecuencia[p])>julianhttp://www.blogger.com/profile/10855847558733341363noreply@blogger.com0