Diseño y Desarrollo Web
Artículos y Cursos prácticos de Diseño y Desarrollo de sitios web.
Web Responsive – HTML5/CSS3
Crearemos la estructura básica de un sitio web "responsive" realizado con HTML5 y CSS3. La estructura de HTML5 nos permite agregar etiquetas determinadas como los son "section", "aside", "nav", "header", entre otras. Usaremos varias de estas etiquetas en nuestro...
Crear un tema para WordPress – Paginas, Menus y Widgets
Finalizamos nuestro articulo anterior creando dos paginas en nuestro panel de Wordpress, ahora vamos a asignar a cada una de estas páginas su función. Accederemos a "Ajustes > Lectura" y activaremos la opción "Una página estática". Se activaran los dos desplegables...
Crear un tema para WordPress – Escribiendo código principal
En el articulo pasado aprendimos a crear la estructura básica para una plantilla para WordPress, ahora debemos comenzar a escribir código y dar forma a la plantilla. Para para empezar crearemos la cabecera (header) y pie de página (footer). Diseñaremos la pagina de...
Crear un tema para WordPress – Estructura de archivos
En esta serie de artículos enseñare cómo crear un tema para WordPress que sea funcional y que esté listo para ser instalado desde el directorio de temas. Antes de comenzar a desarrollar la plantilla, recomiendo hacer una instalación de WordPress en un servidor local...
Instalar WordPress en un servidor local
Para llevar a cabo la instalación de tu sitio web Wordpress en un servidor local debes antes que nada, Descargar la versión mas reciente de WordPress en español. Debes también tener instalado en tu PC un servicio de servidor local, ya sea XAMP, MAMP o el que creas...
Búsquedas de palabras clave
Para realizar un estudio y búsqueda de palabras clave es conveniente hacerse varias preguntas para entender el objetivo de posicionamiento que tendrán nuestras palabras. ¿Quienes buscan tus contenidos? ¿Cómo buscan los usuarios tus contenidos?...
Que es Posicionamiento Orgánico (SEO)
El posicionamiento orgánico en buscadores es una estrategia de marketing digital cuyo objetivo es la generación de tráfico de calidad a través de la aparición y visualización en buscadores como Google, Bing, Baidu, Yandex o Seznam. La mayoría de usuarios usan los...
Herramientas para palabras clave
Algunos buscadores ofrecen herramientas que hacen una sugerencia de palabras clave y permiten consultar el número de veces que los usuarios incluyen una determinada palabra clave en sus búsquedas. Estas herramientas indican el grado de popularidad de una búsqueda...
Hacer una calculadora en HTML
Hacer una calculadora en HTML para que pueda ser operada en un sitio web es muy sencillo, solamente se deben copiar algunas lineas de código en un archivo html y la calculadora funcionara correctamente. Pero queremos que ademas de que funcione tenga un buen aspecto y...
Estilos CSS para Web Responsive
En el articulo anterior Hacer Pagina Web Responsive desarrollamos la estructura de un sitio web responsive, ahora desarrollaremos los estilos para esa pagina web. Una vez hayas agregado la información del archivo CSS, el contenido se organizara en sitio web, de manera...
Hacer Pagina Web Responsive
Desarrollaremos la pagina principal de un sitio web que se adapte a dispositivos móviles (Responsive). Para desarrollarlo deben tener un editor de código, pueden usar el que deseen. Este sitio tendrá una estructura completa, usaremos etiquetas propias de HTML5 y...
Hacer una pagina web completa con Adobe Fireworks
Realizaremos una pagina web compleja usando solamente Adobe Fireworks, la pagina se exportara en HTML y se podrá subir en un servidor de Internet.
Herramientas indispensables de Google para todo administrador web
Google.com se ha convertido en el buscador más importante en Latinoamérica. Hay una frase que ha cogido fuerza y es “si no estás en los buscadores online no existes”.
Creación de una pagina web animada en Adobe Fireworks
En este vídeo – tutorial explicamos como realizar una pagina web en 15 minutos con Adobe Fireworks, podrás crear botones animados, encabezado de tu pagina web,