Diseño y Desarrollo Web

Artículos y Cursos prácticos de Diseño y Desarrollo de sitios web.

Saludo a usuarios – HTML y JavaScript

En este articulo explicare como agregar un saludo a los usuarios de nuestro sitio web dependiendo de la hora en que ingresen. El script mostrara al usuario un mensaje que contiene las palabras "buenos días", "buenas tardes" o "buenas noches" una vez verifique la hora...

leer más

Hacer una APP de Texto-Audio

En este tutorial vamos a hacer una APP de texto-audio, es decir una aplicación que reproduzca el texto en notas de voz (audio), para ello vamos a enlazar una API, se trata de “Web Speech API”. Es una interfaz de navegador muy poderosa que permite grabar la voz y...

leer más

Crear tienda virtual con Woocommerce

Crear una tienda virtual en Wordpress se ha convertido en una tarea muy sencilla gracias al plugin "Woocommerce". En este articulo explicaré como crear una tienda virtual en Wordpress con Woocommerce. Lo primero que debemos hacer es instalar Wordpress en tu hosting,...

leer más

Hacer menu “Responsive”

Para crear un sitio web que sea visualizado en todos los dispositivos móviles es necesario hacer un menú "Responsive". Para hacer este menú necesitaremos 3 archivos, uno sera el documento HTML que contendría la estructura de los elementos y la información del...

leer más

Restringir copia de contenido HTML

En algunos sitios web podemos ver que se encuentra restringida la posibilidad de copiar el contenido. De esa manera muchos administradores protegen las imágenes, textos y hasta código fuente de cada sitio web. Generalmente cuando el visitante haga clic con el botón...

leer más

Video Responsive HTML

Es importante que los videos de nuestro sitio web sean visualizados en todos los dispositivos móviles, es por ello que debemos añadir un formato "responsive" a nuestro reproductor. Para hacerlo basta con crear una hoja de estilos CSS en la que especificaremos el...

leer más

Crear mapa Google en HTML

Al crear un sitio web generalmente usamos un formulario de contacto y en el mostramos un mapa para ubicar nuestra compañía. Es posible añadir este mapa en nuestro documento HTML, no necesitaremos otros documentos integrados. (Ver ejemplo: Mapa HTML Google) Codigo HTML...

leer más

¿Qué es HTML?

Tim Berners-Lee  crea en el año 1992 un prototipo que daría origen al HTML, Berners-Lee consideraba que existía la posibilidad de usar “hipertexto” para la vinculación documentos. Por tal motivo logra desarrollar el “Lenguaje de marcado de hipertexto” o “HyperText...

leer más

Lenguajes de programación

Los lenguajes de programación están diseñados para describir un conjunto de acciones consecutivas, las cuales un equipo debe ejecutar. Por lo tanto, un lenguaje de programación es un modo práctico en el que podemos dar instrucciones a un equipo. En pocas palabras un...

leer más

Optimización externa (Off page)

La optimización externa (Off page) es la encargada de conseguir enlaces de otros sitios Web hacia el nuestro. Sirve para incrementar tráfico de los sitios de referencia y Mejora la autoridad del sitio web (PageRank), es un valor numérico que representa la importancia...

leer más

Hacer redirecciones 301

Es fácil implementar una redirección 301, para ello es necesario editar el archivo .htaccess, que se encuentra en el servidor e introducir los comandos necesarios. El archivo .htaccess controla la configuración del servidor y generalmente se encuentra en la raíz de tu...

leer más

Crear formulario de contacto HTML5/CSS3/PHP

La comunicación con los usuarios es muy importante por lo que debemos ofrecer un formulario de contacto en todo sitio web. En el ejemplo que veremos a continuación realizaremos un formulario de contacto en HTML que enviara las respuestas a un correo electrónico...

leer más

Eliminar extensiones php/html con .htaccess

Cuando un sitio es realizado en .html o .php, generalmente muestra las extensiones al final de cada archivo en la URL. Las paginas del sitio se mostraran de esta manera www.tusitioweb.com/contacto.html o www.tusitioweb.com/contacto.php. Administradores de contenido o...

leer más

Cuadro Interactivo HTML5/CSS3/JS

Realizaremos un pequeño ejercicio de HTML, agregaremos a un conjunto de enlaces un cuadro explicativo que mostrara el texto que deseemos cuando pasamos el cursor por encima de ellos. Ver ejemplo: Cuadro Interactivo Cuadro Interactivo - Archivo HTML Nos interesa que...

leer más

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...

leer más

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...

leer más

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?...

leer más

Síguenos en Twitter

Share This