La Villa Digital » HTML / HTML5

Estructura básica de una página con HTML5

Pablo Palomo — Fri, 04 Mar 2011 10:13:52 +0000

Esta sería una estructura básica realizada con HTML5 para que podáis empezar a montarla. Es un simple ejemplo de como utilizar las nuevas etiquetas que este lenguaje nos proporciona.

Source code


<html lang="en">
    <head>
        <title>Prueba con HTML5</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
         
             
                <ul>
                    <li>item1</li>
                    <li>item2</li>
                </ul>
            </nav>
        </header>
 
        
            
                
                    <h2>Título de artículo 1</h2>
                    <p>Posteado el datetime="2011-03-04T16:31:24+02:00">4 de Marzo 4th de 2011</time> por <a href="#">Escritor</a> - <a href="#">6 comentarios</a></p>
                </header>
                <p>Extracto del primer post.</p>
            </article>
 
            
                
                    <h2>Título de artículo 2</h2>
                    <p>Posteado el datetime="2011-03-04T16:31:24+02:00">4 de Marzo 4th de 2011</time> por <a href="#">Escritor</a> - <a href="#">6 comentarios</a></p>
                </header>
                <p>Extracto del segundo post.</p>
            </article>
        </section>
 
        
            <h2>Barra lateral de la página</h2>
            <p>Texto de la barra lateral de la página.</p>
        </aside>
 
        
            <p>Copyright 2011 La Villa Digital</p>
        </footer>
 
    </body>
</html>

Posts Relacionados:

Algunos tutoriales de Windows Phone 7 (Parte 1) Aquí os dejo algunos tutoriales/ejemplos de programación de aplicaciones para...
Aplicaciones web para iPhone con iWebKit iWebKit es un paquete de archivos diseñado para ayudarte a...

Algunos tutoriales de Windows Phone 7 (Parte 1)

Pablo Palomo — Thu, 03 Mar 2011 12:10:36 +0000

Aquí os dejo algunos tutoriales/ejemplos de programación de aplicaciones para Windows Phone 7. Los he ido encontrando por la nube a medida que buscaba información y he pensado que podrían ser de utilidad.

1. Acceso a datos desde WP7 a tablas MySQL (La Villa Digital, castellano)

2. Tu primera aplicación WP7 (DZone, inglés)

3. Windows Azure (Desarrolloweb.com, castellano)

4. Windows Phone 7: Ficheros de Ayuda y Acerca de usando HTML e imágenes Isolated Storage (The Code Project, inglés)

5. El control Image en WP7 (AndreaHubner.blog.com, inglés)

6. WP7 Developers Tools Released (ScottGu’s Blog, inglés)

7. Enlace de datos en WPF (MSDN Magazine, castellano)

8. Aplicación WP7 de Twitter usando Silverlight (ScottGu’s Blog, inglés)

9. 31 Días con Windows Phone 7 (BlankenBlog, inglés)

10. Añadir control ApplicationBar en WP7 (ginktage.com, inglés)

Espero que os sean de ayuda.

Posts Relacionados:

Algunos tutoriales de Windows Phone 7 (Parte 2) Seguimos con la serie de artículos y tutoriales de Windows...
Algunos tutoriales de Windows Phone 7 (Parte 3) Continuamos con la recopilación de tutoriales de programación en Windows...
Almacenamiento local de datos en Windows Phone Almacenamiento de datos en WP7 La programación de aplicaciones para...

Auto Kindle eBook Converter, convierte tus eBooks

Pablo Palomo — Fri, 29 Oct 2010 10:21:30 +0000

Auto Kindle eBook Converter es un programa en fase Beta que te ayudará a convertir ebooks a formato MOBI, un formato comprensible para tu Kindle.

Es compatible con los formatos PDF, HTML, LIT, PDB y los archivos CHM. El programa abre un explorador de archivos de Windows. Se debe elegir el archivo que deseas convertir, pulsas Abrir y a continuación seleccionarás la carpeta de destino. La conversión es bastante rápida, aunque esto depende de la longitud del documento. Cuando haya finalizado deberás conectar el Kindle a tu ordenador y copiar el archivo al dispositivo.

Se trata de un software libre y además puedes descargarte el código si eres programador. No tiene interfaz gráfica pero es para lo que es, un utilidad más que nos puede ayudar en ciertos momentos.

Descarga

Posts Relacionados:

Activar visor de imágenes en Kindle El visor de imágenes de Kindle es una opción que...
Crónicas Informáticas, Parte 4ª Por fin es viernes, ¡maldita sea!. Y yo me pregunto,...

¿Puede Javascript enviar un formulario por mail?

Pablo Palomo — Fri, 02 Oct 2009 07:17:20 +0000

¿Puede Javascript enviar un formulario por mail? La respuesta es no, Javascript no puede enviar un formulario por mail de una manera directa. Últimamente he estado buscando información acerca de este tema porque necesitaba enviar los datos de un formulario por mail sin utilizar PHP ni ASP.

El motivo principal es por seguridad. Si hubiese alguna manera directa de enviar mails con Javascript se podría utilizar para programar scripts que enviasen mails cuando visitas una página cualquiera. Esto revelaría tu dirección de mail a terceras personas sin que tuvieses constancia. Esto llenaría tu bandeja de entrada de spam.

Para poder salir del apuro puedes usar la sentencia ‘mailto:‘. Puedes usar la sentencia ‘mailto:’ en el campo action del formulario. De esta manera cuando el usuario pulse el botón de submit del form se abrirá una redacción de mail con los datos del formulario.


Nombre:
Email:

Posts Relacionados:

A vueltas con .NET: Minimizar formulario en la barra de tareas Desde hace algún algo más de un mes estoy aprendiendo...
jQuery: Recopilación de recursos muy útiles jQuery es una biblioteca o framework de javascript que permite...
Los microondas los puede arreglar cualquiera Por alguna razón, la cabeza pensante que decidía la importancia...

jQuery: Recopilación de recursos muy útiles

Pablo Palomo — Tue, 28 Jul 2009 08:09:58 +0000

jQuery es una biblioteca o framework de javascript que permite interactuar con ficheros HTML, generar animaciones y agregar interacción con la tecnología AJAX a páginas web.

Por la red se pueden encontrar infinidad de recursos web creados con jQuery que puedes utilizar en la creación de tu web simplemente subiendo los ficheros js (Javascript), añadirlos en la cabecera de tus ficheros HTML y utilizarlos sin ningun problema (la mayoría de las veces). En realidad no son más que librerías que crean programadores pero que pueden dar un aspecto mucho más visual y moderno a tus diseños.

Aquí os dejo algunos recursos de jQuery que he ido recopilando:

Menú Rollover con jQuery: Menú animado realmente interesante y llamativo.

Scrollable, Galería animada: Fantástica galería de imagenes diseñada con jQuery.

Formulario de Login animado: Con esta biblioteca podrás crear un llamativo formulario de login para tu página web con paneles deslizantes.

Colorbox: Colorbox es un ligero y personalizable plugins de lightbox para jQuery.

vTip: Biblioteca para crear interesantes tips de ayuda.

Ciclo de jQuery: Pase de diapositivas elegante y animado.

jQuery Checkboxes: Checkboxes ON/OFF al estilo iPhone.

asmSelect: Selector múltiple alternativo.

Flexgrid: Datagrid redimensionable con jQuery.

(mb) ContainerPlus: ContaCreador de contenedores personalizable.

Colorize: jQuery plugin para darle color a las filas de las tablas.

GalleryView: Flexible y atractiva galería de contenidos.

jQuery Morphing Gallery: Galería de imagenes con transiciones muy llamativas.

Próximamente seguiré añadiendo más recursos. Espero que esta recopilación os sea de mucha utilidad.

Posts Relacionados:

37 recursos OpenSource de comercio On-Line Desde Vandelay Design nos ofrecen un interesantísimo post donde podemos...
Recopilación de tutoriales de Photoshop Llevaba tiempo pensando en hacer un recopilatorio de tutoriales de...
Aplicaciones web para iPhone con iWebKit iWebKit es un paquete de archivos diseñado para ayudarte a...