Tutoriales sobre diseño Web
Viernes, 25 Noviembre 2016 16:49

Mobirise: Tutorial de uso (v)

Valora este artículo
(1 Voto)

Cabezal Tutorial Mobirise

Tutorial Mobirise: Exportación y publicación del proyecto (sitio)

Exportación y publicación de un sitio en Mobirise

Llegado a este punto ya hemos visto las opciones generales de Mobirise [1], la gestión de extensiones y temas [2], la administración de sitios y páginas [3] y la administración y configuración de bloques de contenidos [4]; en esta última entrada veremos como exportar y publicar nuestro proyecto de modo que podamos enviar nuestro sitio a otro equipo o usuario para continuar con su edición en Mobirise, ó publicar nuestras páginas en formato HTML, CSS y JavaScript para publicarlas en Internet, o editar éstos códigos con el software de edición externo que nos resulte más adecuado (Dreamweaver, Sublime Text, Atom, Brackets, etc.):

Viernes, 25 Noviembre 2016 14:12

Mobirise: Tutorial de uso (iv)

Valora este artículo
(0 votos)

Cabezal Tutorial Mobirise

Tutorial Mobirise: Administrando bloques de contenidos

Los bloques de contenidos en Mobirise

En la primera parte de este tutorial vimos, de modo general, vimos que Mobirise permite manejar varios tipos de bloques con los cuales generar las estructuras para los contenidos de nuestras páginas.

En esta entrada veremos las opciones de configuración de algunos de estos bloques para personalizar al máximo nuestros diseños dentro Mobirise, con los recursos gratuitos que éste ofrece, ya luego, una vez publicado el proyecto podremos trabajar los códigos HTML, CSS y JavaScript generados por el programa usando cualquier editor que nos resulte conveniente (Dreamweaver, Sublime Text, Atom, Brackets, etc.):

Jueves, 24 Noviembre 2016 22:57

Mobirise: Tutorial de uso (iii)

Valora este artículo
(0 votos)

Cabezal Tutorial Mobirise

Tutorial Mobirise: Administrando sitios y páginas

Tercera parte de este tutorial sobre Mobirise [ver primera parte aquí], programa gratuito para el diseño rápido de sitios web en la que veremos rápidamente las opciones de administración de sitios y páginas disponibles en el programa:

Jueves, 24 Noviembre 2016 22:13

Mobirise: Tutorial de uso (ii)

Valora este artículo
(0 votos)

Cabezal Tutorial Mobirise / Extensiones y temas

Tutorial Mobirise: Extensiones y temas

¿Qué es Mobirise? Aspectos generales.

En esta segunda entrada de una serie de entradas sobre Mobirise veremos como agregar extensiones y temas la versión gratuita del programa; es posible encontrar información general sobre el programa en este enlace.

Veamos como agregar extensiones y temas en Mobirise (Versión 3.09.2):

Jueves, 24 Noviembre 2016 20:11

Mobirise: Tutorial de uso (i)

Valora este artículo
(1 Voto)

Cabezal Tutorial Mobirise

Tutorial Mobirise: Introducción

¿Qué es Mobirise?

Mobirise es un programa gratuito que ofrece algunas características adicionales de pago que resulta especialmente práctico para el diseño rápido de sitios web, que pueden ser personalizados luego, mediante la edición respectiva de los códigos. Ésto último es posible tanto mediante el uso de una extensión (de pago) del propio programa, como mediante un software de edición externo (Dreamweaver, Sublime Text, Atom, Brackets, etc.).

Vamos entonces con un tutorial sobre la versión gratuita de Mobirise:

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:

Lunes, 22 Agosto 2016 11:28

Introducción a la maquetación web (ii)

Valora este artículo
(1 Voto)

Primeros contenedores en html

Diseñando una página web: Primeros estilos y contenedores

En una entrada anterior vimos las etiquetas básicas necesarias en la creación de una página web vacía; continuaremos ahora con la creación de los primeros contenedores (html) y los primeros estilos (css) para dar estructura a los primeros contenidos y elementos de navegación y diseño de nuestra página web.

Visualmente, lograremos algo similar a lo que vemos en la siguiente imagen:

Lunes, 22 Agosto 2016 09:35

Introducción a la maquetación web (i)

Valora este artículo
(1 Voto)

Cabezal art. Introducción a la maquetación web

Conceptos básicos: Códigos de una página en blanco

Antes de comenzar con la codificación necesaria para la maquetación de una página web, debemos entender cual es la estructura básica de un documento html vacío. - Lectura recomendada: Introducción al HTML y CSS (i)

Así, todo documento comienza con una declaración que indicará de qué tipo de documento se trata; para un documento HTML5, esta declaración se reduce al código correspondiente a la línea 1 del siguiente código: