Archivar en la categoría “WebMaster”

Aristeer!! Diseñador web automatizado


Para los que aún se les resista código PHP, la implantación de wordpress y todo eso de su codex en un thema de nuestra propia cosecha llega Artisteer.

Crea al instante plantillas web y blogs temáticos para Joomla, Blogger, WordPress, Drupal.

Diseño de blogs impresionante fresco y plantillas web en minutos!!
Exportar a Blogger, Joomla, WordPress y otros productos de CMS!!
No hay necesidad de aprender Photoshop, CSS, HTML y otras tecnologías!!
Fácil de usar!!

CSS3: ¿Cómo crear un fondo degradado?

Este degradado sólo puede visualizarse en Google Chrome, Safari y Opera: Internet Explorer todavía no da soporte a esta opción de CSS3, pero con el tiempo esta opción será compatible con todos los navegadores.

Vista previa del degradado:

<html lang=”es”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=uft-8″>
<title>Degradado en CSS3</title>

<style type=”text/css” media=”screen”>
#degradado {
width: 850px;
height: 850px;
background: white;
background: -moz-linear-gradient(top, black, white,);
background: -webkit-gradient(linear, 0 0, 0 100%, from(black), to(white));
}

</style>
</head>
<body>
<div id=”degradado”>
</div>
</body>
</html>

HTML5: ¿Que es?

www.wsoul.esEl HTML5 (HyperText Markup Language, versión 5) es la quinta revisión
del lenguaje de programación “básico” de la World Wide Web, el HTML.
Esta nueva versión pretende remplazar al actual (X)HTML, corrigiendo
problemas con los que los desarrolladores web se encuentran, así como
rediseñar el código actualizandolo a nuevas necesidades que demanda la
web de hoy en día.

Actualmente el HTML5 está en un estado BETA, aunque ya algunas
empresas están desarrollando sus sitios webs en esta versión del
lenguaje. A diferencia de otras versiones de HTML, los cambios en HTML5
comienzan añadiendo semántica y accesibilidad implícitas, especificando
cada detalle y borrando cualquier ambigüedad. Se tiene en cuenta el
dinamismo de muchos sitios webs (facebook, twenti, etc), donde su
aspecto y funcionalidad son más semejantes a aplicaciones webs que a
documentos.

110 video tutoriales gratuitos para WordPress

Sin lugar a dudas, WordPress es una de las mejores herramientas gratuitas para crear blogs y sitios web que hay en este momento.
Es muy sencillo de instalar y de utilizar, tiene cientos de plugins con los que podemos realizar casi cualquier cosa, hay miles de templates gratuitos o podemos crear fácilmente los nuestros (lo que permite una personalización muy difícil de lograr con otros sistemas) y además, es gratuito.
Dada su gran popularidad, en la red podemos encontrar muchos recursos para este excelente CMS, manuales, tutoriales, videos, etc., tanto para principiantes como para desarrolladores avanzados.
Para todos aquellos que estén interesados en aprender un poco más sobre wordpress, hoy les traigo una excelente recopilación de más de 110 videotutoriales realizada por el sitio 1stwebdesigner.com y en donde encontraremos todo tipo de ayudas que nos permitirán realizar un completo sitio en muy poco tiempo.

110 videotutoriales para wordpress

25 Tutoriales gratuitos para diseñadores web


Aquellas personas que se dedican al diseño y/o desarrollo web, encontramos en internet una fuente casi inagotable de recursos, manuales, tutoriales y todo tipo de herramientas que nos ayudan en nuestro trabajo cotidiano.
Como prueba de esto,  les traigo una excelente colección de 25 tutoriales para diseñadores web que publican en el blog del italiano Antonio Lupetti, Work.
En esta colección encontraremos tutoriales para crear barras de navegación con CSS, efectos con motools, tooltips, creación de calendarios, ticker de noticias, formularios ajax y mucho más.
25 tutoriales

¡Que hacer y que no hacer para un diseño web moderno!


Navegando por la web me encontré con un sitio muy interesante sobre todo para aquellas personas que se dedican o estan en estudios de el desarrollo web. Se trata de webdosanddonts.com, en donde encontramos muy buenas recomendaciones sobre “que hacer y que no” para diseñar websites modernos y accesibles.
El sitio está dividido en dos columnas (lo correcto y lo incorrecto en cuanto a diseño web) en donde se presentan artículos que envían los usuarios (también podemos enviar los nuestros). Las recomendaciones están organizadas en varias categorías: las más nuevas, las mejores calificadas, para principiantes, intermedios y avanzados.
webdosanddonts.com es un sitio muy sencillo pero sumamente útil para estar al tanto de las últimas tendencias en cuanto a diseño y desarrollo web. Vale la pena visitarlo.
webdosanddonts.com

Html: Etiquetas (ins) y (del)

HTML también permite marcar de forma adecuada las modificaciones realizadas en el contenido
de una página. En otras palabras, HTML permite indicar de forma clara el texto que ha sido
eliminado y el texto que ha sido añadido a un determinado texto original. Las etiquetas
utilizadas son <ins> y <del>, cuya definición formal es la siguiente:
<ins>     Inserción
Atributos específicos:

▪ cite = “url” (Indica la URL de la página en la que se puede obtener más información sobre el motivo por el que se realizó la modificación)

▪ datetime = “fecha”- Especifica la fecha y hora en la que se realizó el cambio
Descripción:    Se emplea para marcar una modificación en los contenidos originales consistente en la inserción de un nuevo contenido.
<del>     Borrado

Atributos específicos:

▪ cite = “url” (Indica la URL de la página en la que se puede obtener más información sobre el motivo por el que se realizó la modificación)

▪ datetime = “fecha”- Especifica la fecha y hora en la que se realizó el cambio

Descripción:   Se emplea para marcar una modificación en los contenidos originales consistente en el borrado de cierto contenido. Las dos etiquetas cuentan con los mismos atributos específicos, que opcionalmente se pueden añadir para proporcionar más información sobre los cambios realizados. El atributo cite se emplea para indicar la dirección de un documento externo en el que se puede encontrar más información relacionada con la inserción o el borrado de texto. El atributo datetime puede
utilizarse para indicar la fecha y la hora en la que se realizó cada cambio.

HTML: Elementos de Linea y Elementos de bloque

 

En nuestra página del blog HTML, encontrarás los distintos elementos de línea y bloque.

Ver

Tutorial NVU


Toda página web es visual por su propia naturaleza, pero su creación ha implicado siempre la edición de código. Hay programas gratuitos que permiten editar páginas web, NVU es uno de ellos.

NVU es un editor visual de páginas web, esto es, permite crear páginas web sin tener que escribir código. Tanto su maquetación cómo el contenido son visibles desde el primer momento. Puedes ver el resultado de la página cómo si la vieras en tu navegador. Existen otros programas que realizan la misma función, el de poder ver tanto el código cómo el diseño visual, por ejemplo Dreamweaver. En NVU, insertar imágenes, crear tablas o modificar estilos CSS son maniobras bastante fáciles. Las páginas se cargan en pestañas que se encuentrarn en la barra superior, mientras que en la inferior están los accesos rápidos a la vista previa y al código fuente. Si configuras de antemano los datos del sitio de publicación, podrás guardar tus páginas en línea directamente desde NVU.

Ver videotutorial

Herramienta “Kuler”: ¿Que es?

Kuler es una poderosa herramienta online de Adobe con la que podrás inspirarte gracias a los miles de temas con los que dispone… (…) Tus colores de la web serán armónicos entre sí, dando un aspecto efectivo para los usuarios que las visiten… (…) Ver

Navegador de artículos