Tutoriales sobre diseño Web
Miércoles, 29 Noviembre 2017 17:08

Ejemplo de instalación de un tema en WordPress (i)

Valora este artículo
(1 Voto)

 

Cabecera del artículo Instalando un tema en WordPress

Instalando un tema en Wordpress (i)

Veremos un ejemplo sobre cómo instalar un tema (theme) en WordPress, instalar y activar los plugins necesarios y cargar la información de ejemplo que viene con dicho tema; en este caso, la versión gratuita de el "Talking Business - Business Coaching & Consulting" (#64699):

Jueves, 23 Noviembre 2017 11:27

AMPPS: Opciones Básicas

Valora este artículo
(3 votos)

AMPPS - Opciones Básicas

AMPPS: Opciones básicas

Veremos, rápidamente, las opciones (muy) básicas de AMPPS desde su interfaz de usuario como apoyo a los cursos presenciales a aquellos estudiantes que comienzan a utilizar esta herramienta:

Jueves, 20 Abril 2017 12:32

Consultorio web: La propiedad word-break

Valora este artículo
(0 votos)

Propiedad word-break

Evitar quiebre de palabras con CSS3

Respondiendo a consulta "¿Cómo evitar el quiebre de palabras en HTML5 a través de CSS3?

Valora este artículo
(0 votos)

Video en slider responsivo

Colocar un video responsivo en un slider responsivo

Respuesta a consulta en clases: Insertar un video responsivo en un slider responsivo, usando Bootstrap desde Dreamweaver. Veamos como:

Valora este artículo
(0 votos)

Cabecera thumbnails responsivos con Bootstrap desde Dreamweaver

Thumbnails responsivos con Bootstrap desde Dreamweaver CC

En esta entrada sobre el uso de Bootstrap desde Dreamweaver CC2017 veremos como insertar imágenes de miniatura (thumbnails) responsivas en tres niveles de dificultad creciente: Insertar el componente Thumbnail en su versión más sencilla, la repetición de cuatro de estos cuatro thumbnails, y la sustitución de la imagen que Dreamweaver inserta por defecto ("Thumbnail_Placeholder.png") por cuatro imágenes de muestra, modificando el comportamiento de algunas etiquetas y agregando otras. Veamos como:

Valora este artículo
(0 votos)

Cabecera tutorial videos responsivos

Insertar videos responsivos con Bootstrap desde DW CC2017

Esta nueva entrada forma parte de los tutoriales (muy) básicos sobre la inserción de componentes responsivos con Bootstrap desde Dreamweaver CC2017; esta vez veremos la inserción de un video responsivo.

Valora este artículo
(1 Voto)

Tutorial imagen responsiva con Bootstrap desde Dreamweaver

Insertar una imagen responsive desde Dreamweaver CC2017

Esta entrada forma parte de una serie de microtutoriales llamados "Bootstrap desde Dreamweaver..." creados como material de apoyo a los cursos de diseño web y Dreamweaver, por lo que, como en todos ellos, los procedimientos son tratados de forma descriptiva, aunque de manera rápida y breve; los detalles de edición más avanzados son tratados en cada una de las clases, sean éstas presenciales o remotas.

Veamos como insertar imágenes responsivas desde Dreamweaver, con Bootstrap:

Valora este artículo
(2 votos)

Insertar una barra de navegación responsive en DW CC2015

Menú responsivo con Bootstrap desde Dreamweaver CC2015

En este tutorial veremos que el procedimiento de insertar una barra de navegación responsiva usando Bootstrap desde Dreamweaver CC2015 lleva apenas unos cuandos pasos, luego de los cuales solo le siguen algunos pasos adicionales de configuración, algunos de los cuales se detallan a continuación:

Miércoles, 24 Agosto 2016 15:07

Diseñando un sitio web con Dreamweaver

Valora este artículo
(1 Voto)

Cabezal Diseñando un sitio con Dreamweaver

Pautas para el diseño de sitios con Dreamweaver

Este tutorial busca orientar técnicamente al alumno para el diseño de un sitio web en Dreamweaver, teniendo en cuenta aspectos relacionados con:

Valora este artículo
(1 Voto)

Maquetación Web: Preparando la barra de navegación

HTML5, CSS3, .js: Maquetando la barra de navegación

En la entrada anterior hicimos un repaso general sobre algunas etiquetas html y propiedades css vistas en clases con las que generamos algunos diseños preliminares para nuestra página web, usando las etiquetas header, div y footer, entre otras; toca el turno ahora de crear un barra de navegación (menu) para nuestro sitio para lo cual partiremos de los siguientes supuestos y condiciones:

Página 1 de 4