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:

Lunes, 02 Mayo 2016 14:10

Introducción a Dreamweaver (iii)

Cabezal Diseñador CSS en Dreamweaver 

 El diseñador de CSS en Dreamweaver CC (i)

Como vimos en la entrada HTML y CSS: Notas preliminares, el diseño web estándar exige separar contenidos de diseño, existiendo tres formas de asignar estilos a los elementos html:

  1. Asignar estilos de forma local, en la propia etiqueta:
    Ej.: <p style="color:#CCC;>Contenido del párrafo</p>
  2. Asignar un conjunto de estilos en la cabecera de cada documento HTML:
    Ej.: <head>
             <style>
                body{
                         margin:0;
                         }
                .destacados{
                         color:red;
                         }
             </style>
         </head>
  3. Vincular un documento CSS externo a uno o más documentos HTML:
    Ej.: <link href="file:///D|/Clientes Web/Demo 01/pepe.css" rel="stylesheet" type="text/css">
    Nota: También es posible importar documentos CSS, tema que veremos en una próxima entrada.

También vimos en una nota anterior algunos ejemplos de como trabajar con estilos de etiquetas, definiciones de clases e IDs en CSS: CSS: Selectores básicos.

Como dijimos en algún momento, tanto los documentos HTML, como los documentos CSS, son documentos de texto plano que pueden ser editador por cualquier editor que permita guardar en este formato con la codificación correcta, pero en el caso de Dreamweaver tendremos una herramienta de gran ayuda al momento de trabajar con estilos CSS: El Diseñador de CSS, sobre el que hablaremos a continuación:

Domingo, 01 Mayo 2016 21:13

Introducción a Dreamweaver (ii)

Cabezal tutorial Configurando Sitios en Dreamweaver

Definiendo un nuevo sitio en Dreamweaver CC 2015 (i)

Como herramienta de diseño web, DW permite crear y trabajar múltiples sitios web, realizando operaciones sobre uno, varios o todos los archivos editables de un sitio, por lo que es necesario indicarle al programa cuáles son las carpetas de cada uno de éstos sitios de forma que el programa pueda gestionar sus archivos adecuadamente; así, definir un sitio en Dreamweaver, en su forma más básica, consiste en crear o indicarle al programa la carpeta de trabajo en la que almacenaremos todos los archivos que vayamos luego a subir como parte de nuestro sitio, evitando la anidación de ésta carpeta debajo de otra carpeta donde antes ya hayamos definido un sitio, lo que podría ser causante de errores varios durantes operaciones tales como la de buscar y reemplazar contenidos globalmente en alguno de nuestros sitios.

Vayamos con el paso a paso de la definición más básica de un sitio usando Dreamweaver CC2015:

Lunes, 18 Abril 2016 18:24

Introducción a Dreamweaver (i)

Introducción a DW (01)

Tutorial de introducción a Dreamweaver: La interfaz

Este es el primero de una serie de tutoriales de introducción a Dreamweaver CC; en nuestro caso comenzaremos con una breve descripción sobre sobre "qué es Dreamweaver" , un repaso rápido de su interfaz de usuario, y algunos enlaces importantes con ayuda de Adobe sobre este programa:

Miércoles, 11 Noviembre 2015 00:00

Diseño de Interfaces Web: Algunas pautas básicas

Cabezal artículo diseño de interfaces web

Diseñando una interfaz de usuario (web)

El diseñador web debe entender las reglas básicas sobre cómo diseñar un interfaz de usuario (UI); principalmente, saber que las necesidades de éste deben ser las impulsoras de todas las decisiones del diseño, de forma que le permitan cumplir la tarea con eficiencia, y disfrutar de la experiencia (UX).

Dirigido a estudiantes que toman primer contacto con el diseño de interfaces gráficas, este artículo tiene como objetivo servir de guía básica al momento de crear o modificar una interfaz de usuario, especialmente, interfaces gráficas para sitios web, para lo cual debemos recordar siempre que, para que una interfaz de gráfica cumpla con sus funciones eficiente y consistentemente, debe responder rápida e intuitivamente a las exigencias de sus usuarios, sin olvidar con esto los aspectos gráficos de la misma.

Veamos entonces los siguientes puntos:

Diseño de interfaz de seguimiento vehicular y control de combustible

 

Publicado en Porfafolio