Miércoles, 29 Noviembre 2017 17:08

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

 

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

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:

Miércoles, 08 Marzo 2017 15:33

Bootstrap desde Mobirise: Video Responsivo

Bootstrap desde Mobirise

Videos Responsivos con Bootstrap desde Mobirise

En respuesta a una consulta de clases sobre como insertar un video responsivo, y complementado una entrada anterior en la que usamos componentes de Bootstrap desde Dreamweaver, veremos ahora las oportunidades de inserción casi directa que nos ofrece Mobirise para realizar las siguientes tareas:

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

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:

Domingo, 12 Junio 2016 13:11

Introducción a Dreamweaver (iv)

Configurando un sitio en DW (FTP)

Definiendo un nuevo sitio en Dreamweaver CC 2015 (ii)

En la primera parte de este tutorial vimos las pautas básicas para la definición de un sitio en Dreamwever, asignando un nombre y una carpeta de trabajo para el mismo; en esta segunda parte ingresaremos los datos necesarios para poder subir (cargar) y bajar (descargar) archivos a nuestro servicio de hosting usando el cliente FTP [1] [2] que Dreamwever trae incorporado:

Registrando un subdominio en 000webhost

000webhost: Registro de un subdominio gratuito

Este tutorial forma parte de una serie de entradas donde describiremos el registro de subdominios gratuitos en algunos de los sitios que ofrecen este servicio (ver también "Cinco (+1) sitios donde obtener hosting gratuito"); sitios con los que no Formación Gráfica no tiene ninguna relación comercial establecida, y que son publicados en nuestro sitio como material de apoyo a estudiantes iniciales de diseño web:

Envío de formularios con archivos adjuntos

Formulario de contacto con envío de adjuntos en DW CC2015

Veremos a continuación cómo generar un código básico de ejemplo para un formulario de contacto, usando Adobe Dreamweaver CC2015.2:

Convertir un html en una plantilla de Dreamweaver

Regiones repetidas y regiones editables en Dreamweaver CC2015

Introducción

En la primera parte de este tutorial estuvimos viendo como definir, de forma básica, un sitio en Dreamweaver y la importancia que esto tenía al momento de trabajar con templates en este programa. En esta segunda parte veremos cómo convertir un un documento html existente en una plantilla de DW al insertar, directamente, un elemento de plantilla dentro de su código:

Trabajando con plantillas en DW CC 2015 (i)

Plantillas en Dreamweaver CC2015: Definiendo un nuevo sitio

Introducción

Las plantillas (templates) en Dreamweaver son documentos en formato DWT, que DW se almacenan en una carpeta llamada Templates, dentro del sitio de trabajo que tengamos activo, y que servirán luego para crear nuevas páginas web que heredarán sus diseños, y contenidos fijos presentes en estas plantillas.

Una vez que creamos un nuevo documento basado en una plantilla, DW sólo permite agregar o modificar contenidos en aquellas regiones que hayamos definido como editables, por lo que, debemos reconocer primero aquellos contenidos fijos de aquellos otros que dependerán del contenido de cada página que creemos luego a partir de nuestra plantilla.

Asimismo, y con el fin de aumentar la productividad durante los procesos de diseño y carga de datos en el sitio, es posible crear distintos tipos de "regiones espaciales"; entre las cuatro posibles en ésta y una próxima entrada veremos las siguientes:

  • Las regiones editables, sobre las cuales, al crear nuevas páginas desde una plantilla, se permitirá agregar o cambiar contenidos. Es necesario que una plantilla tenga, por lo menos, una región editable, de modo que permita trabajar luego sobre ella.
  • Las regiones repetidas en cambio, nos permitirán crear o eliminar zonas enteras de código en un documento basado en la plantilla, con lo que podremos agregar no solamente contenidos, sino repetir estructuras especiales, las que se crearán con los estilos de diseño que tengan asignados.
  • Las tablas de repetición, sobre las cuales hablaremos y veremos como trabajar en un siguiente tutorial.

Al crear múltiples páginas a partir de una de más plantillas es posible actualizar el diseño y contenidos fijos de éstas páginas cada vez que modifiquemos la plantilla ya que éstas permanecen relacionados, a menos que rompamos luego este vínculo posteriormente.

Para mostrar el proceso de creación y uso de una plantilla, trabajaremos sobre el template que podemos bajar de aquí, cuya captura de pantalla, a escala, es la siguiente:

Página 1 de 2