Category Archives: webmaster

Opencart: cómo esta estructurado, cómo añadir contenido al site

Introducción OpenCart utiliza una arquitectura pseudo MVC. Puedes aprender más sobre MVC en Google, pero en OpenCart esta montado de la forma siguiente: Hay dos “caras” del sistema OpenCart: “admin” & “catalog”. Está muy claro lo que hace cada una. Pero lo mejor sobr eesto, es que ambas tienen la misma estructura y funcionalidad. Hay también […]

Css display property

[fuente: http://www.librosweb.es/referencia/css/display.html] display Definición Establece el tipo de caja generada por un elemento Valores permitidos Uno y sólo uno de los siguientes valores: inline block list-item run-in inline-block table inline-table table-row-group table-header-group table-footer-group table-row table-column-group table-column table-cell table-caption none inherit Valor inicial inline Se aplica a Todos los elementos Válida en all Se hereda no […]

WordPress: desarrollo de themes

[Fuente: http://codex.wordpress.org/Theme_Development] El porqué de WordPress Themes Los WordPress Themes son un conjunto de ficheros que juntos crean el diseño y la funcionalidad de una web hecha con WordPress. Cada Theme puede ser distinto, ofreciendo muchas posibilidades para los propietarios de una web para poder cambiar instantanemente el look del site. Puedes querer programar los […]

Tutorial para maquetar una página web utilizando CSS en lugar de tablas

Vamos a realizar un ejercicio de maquetación de una página web utilizando únicamente hojas de estilo en cascada (CSS), separando completamente el contenido del archivo HTML de las definiciones del aspecto, que se guardarán en un archivo .css. El ejercicio lo realizaremos paso a paso, partiendo de una imagen diseñada previamente con un programa de edición […]

PS: Cómo hacer Iconos Handy Web 2.0

[Fuente: http://psd.tutsplus.com/tutorials/interface-tutorials/handy-web-20-icons-in-photoshop/] Cuando estamos trabajando en el diseño de un proyecto Web, muy a menudo necesitamos iconos para referenciar comandos como add, delete o edit. Con la moda del Web 2.0, el uso de botones con efecto 3D se han hecho muy populares. En este tuto, mostraremos cómo crear ese efecto en los botones o […]

Guía de diseño de webs para móviles

1. Diseñar para dispositivos móviles 1.1. Diferencias entre diseñar para la web y diseñar para dispositivos móviles Gracias a los avances de estandarización de los lenguajes de desarrollo de páginas web para  dispositivos móviles, las diferencias a la hora de realizar webs para distintos dispositivos se han reducido sensiblemente. Sin embargo, aunque técnicamente sea muy similar realizar […]

Manual de HTML5 en español

Fuente: http://theproc.es/2010/1/29/12236/manual-de-html5-en-espanol—1-de-3 El 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 […]

Convertir de PSD a HTML

En este tutorial mostraremos como maquetar desde un layout PSD de una web hecha en Photoshop. Como ejemplo vamos a utlizar la nueva maqueta de este site. Queremos maquetar este diseño: 1.- Creación de archivos Crearemos una nueva carpeta que llamaremos “knowDB”, y dentro de esta carpeta crearemos otra carpeta llamada “images”. Abrimos un editor […]

CSS Errores típicos de los desarrolladores

[Fuente: http://sixrevisions.com/css/12-common-css-mistakes-web-developers-make/ ] Dejando a un lado su aspecto exterior de lenguaje fácil, CSS es un sistema complicado, especialmente cuando lo estamos haciendo para una web a nivel profesional. La cantidad de formas diferentes de seleccionar un elemento es inmensa, sin mencionar el número de propiedades que puedes aplicar al elemento (-s) seleccionado (-s) y como […]