Diseño web: BestWebGallery

bestgallery.png

A la hora de empezar a diseñar un sitio web es importante tener una idea de como queremos que sea el diseño, pero aveces nos falta inspiración y no tenemos una idea clara. BestWebGallery es una web que recopila una gran cantidad de webs, muy util en esas ocasiones.

Enlace: BestWebGallery

Anuncios

Incluir CSS en un documento HTML

Puedes incluir CSS en un documento HTML de tres formas:

  • Incluir CSS dentro del documento HTML
  • Incluir CSS en las etiquetas HTML
  • Incluir CSS desde un archivo externo

Incluir CSS dentro del documento HTML

Para incluir CSS dentro del documento HTML hacemos uso de la etiqueta <style>, la cual estara incluida dentro de la etiqueta <head>. El inconveniente de definir CSS dentro del mismo documento es que si ocupas un mismo estilo en diferentes documentos HTML a la hora de que quieras realizar algun cambio tendras que hacerlo en todos los documentos HTML.

Ejemplo:

<html>
<head>
<style type="text/css">
p { color: blue; font-size:15px; font-family:Arial;  }
</style>
</head>
<body>
<p>Este es un parrafo </p>
</body>

</html>

Incluir CSS dentro de la etiqueta HTML

Se puede incluir CSS dentro de la misma etiqueta html mediante el atributo style.

Ejemplo:

<html>
<head>
</head>
<body>
<p style="color: blue; font-size:15px; font-family:Arial;"> Este es un parrafo </p>
</body>
</html>

Incluir CSS desde un archivo externo

La otra forma de incluir CSS es definiendo en un archivo todos los estilos que vayamos a ocupar y lo guardamos con la extension .CSS, Una vez que tenemos el archivo creado lo enlazamos mediante la etiqueta <link>

Ejemplo:
Archivo: estilo.css

p { color: blue;
font-family:Arial;
font-size:15px;
}

Archivo: pagina.html

codigo.jpg

Ejecutar consultas multiples de MySQL con PHP

¿Como ejecutar consultas multiples?. Para esto necesitas armar la cadena de consulta SQL las cuales deben estar separadas por un “;”

$sql = "SELECT * FROM docentes;";
$sql .= "SELECT * FROM alumnos;";

Para ejecutar la consulta utilizamos la función mysqli_multi_query

$conexion->mysqli_multi_query($sql);

Ejemplo: multiconsulta.php

<?php
/*Establece la conexion MySQL*/
$conexion = mysqli_connect(“localhost”,”user”,”pass”,”escuela”);

/*Cadenas SQL que se van a ejecutar*/
$sql = “SELECT * FROM docentes;”;
$sql .= ” SELECT * FROM alumnos”;

if( $conexion->multi_query($sql) )
{
 do
{
   /* obtiene el resultado de la consulta*/
        if ($result = $conexion->store_result())
        {
          /*Obtiene los nombres de los campos*/
          $campos = $result->fetch_fields();
            echo ‘<table> <tr>’;
            for($i = 0; $i < count($campos); $i++)
            {
            /*Muestra los nombres de los campos*/
              echo ‘<td>’.$campos[$i]->name.'</td>’;
            }
            echo ‘</tr>’;
           
          /*Lee un registro mientras no sea el final*/
          while ($fila = $result->fetch_row())
            {
                echo ‘<tr>’;
             for($i = 0; $i < count($campos); $i++)
              {
               /*Muestra el contenido de los campos */
               echo ‘<td>’.$fila[$i].'</td>’;  
             }
             echo ‘</tr>’;
            }
            echo ‘</table>’;
            /*cierra la conexion*/
            $result->close();
        }
    } while ($conexion->next_result()); /*Vuelve al ciclo miestras haya otro resultado*/
}
?>

Mas ejemplos de PHP, Mysql, ASP.NET, Python, etc en codedrinks.com

Frameworks AJAX

Este es un listado de los mas populares Frameworks de AJAX. Los cuales nos facilitan la implementación de AJAX en nuestros proyectos web.

Prototype
Prototype es un framework escrito en JavaScript que se orienta al desarrollo sencillo y dinámico de aplicaciones web. Es una herramienta que implementa las técnicas AJAX y su potencial es aprovechado al máximo cuando se desarrolla con Ruby On Rails.

Dojo
Es un Framework que contiene APIs y widgets (controles) para facilitar el desarrollo de aplicaciones Web que utilicen tecnología AJAX. Contiene un sistema de empaquetado inteligente, los efectos de UI, drag and drop APIs, widget APIs, abstracción de eventos, almacenamiento de APIs en el cliente, e interacción de APIs con AJAX.

DWR
Permite Javascript en el navegador para interactuar con Java sobre un servidor.

Moo.fx
Librería JavaScript efectos basados en Javascript Prototipo Marco. Optimizado para escribir el menor código posible.

MooTools 
MooTools incluye muchos componentes que enriquecen y benefician a la codificación de la experiencia del desarrollador:

  • Colección de objetos de JavaScript nativos mejoras.
  • Gran cantidad de mejoras y compatibilidad con el objeto de elemento HTML.
  • Avanzados efectos para animar elemnetos.
  • Ofrece XHR interfaz, Cookie, y JSON herramientas para desarrolladores de explotar.
  • Proporciona una interfaz de navegación transversal a la información específica del cliente, por ejemplo tamaño de la ventana.

jQuery
permite simplificar la manera de interactuar con los documentos HTML, permitiendo manejar eventos,desarrollar animaciones, y agregar interacción con la tecnología AJAX a nuestras páginas web. jQuery esta diseñado para cambiar la forma de escribir código JavaScript.

yahoo! UI
un conjunto de utilidades y controles para construir aplicaciones web enriquecidas usando técnicas como DOM scripting y AJAX.

Rico
Es una librería de efectos Ajax que permite simplificar el desarrollo de aplicaciones que utilicen esta tecnología. Mediante Rico es muy sencillo definir la operación básica de Ajax: enviar una solicitud al servidor para que devuelva información. Dispone también de algunos efectos gráficos, tablas actualizables y secciones de drag & drop

Atlas
Es un framework JavaScript cliente, extensible, 100% orientado-a-objetos, que permitirá la construcción de manera sencilla de aplicaciones para el browser al estilo AJAX, con un “rich UI” y conectividad a “web services”. Con Atlas, se podrán escribir aplicaciones web que usen una gran cantidad de DHTML, Javascript, y XMLHTTP, sin tener que ser un experto en ninguna de estas tecnología

MochiKit
Es una biblioteca de clases de propósito general escrita en JavaScript que suministra características de otros lenguajes de programación como Python u Objective-C.

Xajax
Xajax es una biblioteca código abierto de PHP capaz de generar aplicaciones Web con tecnología AJAX.

GWT
GWT o Google Web Toolkit es un framework creado por Google que permite ocultar la complejidad de varios aspectos de la tecnología AJAX. Es compatible con todos los navegadores lo cual es muy importante ya que los distintos navegadores necesitan de distinto código. El concepto de Google Web Toolkit es bastante sencillo, básicamente lo que se debe hacer es crear el código en Java usando cualquier entorno de desarrollo (IDE) de Java y el compilador lo traducirá a HTML y JavaScript.

XOAD
Biblioteca orientada a objetos basada en PHP, emplea JSON y objetos PHP para la comunicación y Soporta eventos del lado del cliente y del servidor.

Script.aculo.us
Es utilizado con Prototype principalmente para animaciones y desarrollo de interfaces

Qooxdoo
Qooxdoo está totalmente basada en la clase y trata de las características orientadas a objetos de JavaScript. It is based on namespaces and does not modify or extend native JavaScript types. Se basa en nombres y no la modificación o ampliación de los tipos nativos de JavaScript.

AjaxRequest Library
Es producto de AjaxToolbox.com, que simplifica y extiende las capacidades del objeto XMLHttpRequest (el corazón de AJAX) y te permite desarrollar tus proyectos, sin tener que preocuparte por los procesos a bajo nivel.

AjaxAC
Es un marco de trabajo escrito en PHP y que utiliza AJAX para la relación con el servidor. Este framework es liberado bajo la licencia de Apache v2.0.

ext
Es un framework del lado del cliente para el desarrollo de aplicaciones web. Tiene un sistema dual de licencia: Comercial y Opern Source. Este framework puede correr en cualquier plataforma que pueda procesar POST y devolver datos estructurados (PHP, Java, .NET y algunas otras).

Via: ckernel

Insertar registros en una base de datos MySQL con PHP

Para guardar un registro en una base de datos MySQL necesitamos establecer una conexión con el servidor.

$conexion = mysql_connect("servidor" , "usuario" , "password");

seleccionamos la base de datos en la cual se insertaran los datos.

mysql_select_db("bd",$conexion);

Creamos la consulta de inserción.

$sql = "INSERT INTO tabla (campo1, campo2, campo3) VALUES ('value1','value2',value3)";

Para ejecutar la consulta necesitamos escribir el siguiente código.

mysql_query($sql);

Abajo se muestra un pequeño ejemplo. En el cual el servidor es localhost, el nombre de usuario es user, la contraseña es pass, la base de datos se llama escuela y se inserta un registro en la tabla alumnos. Sigue leyendo