Tutoriales
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:

Valora este artículo
(1 Voto)

Escalando trazados en los objetos de adobe illustrator / Cabezal de artículo

Escalando el grosor de los trazos en Adobe Illustrator

Consulta de Diego: ¿Cómo escalar proporcionalmente el grosor de los trazos junto con el tamaño de los objetos?

La siguiente captura de pantalla muestra una figura de inicio de ejemplo, el resultado obtenido al escalar dicho objeto (al centro), y el resultado buscado por Diego:

Valora este artículo
(5 votos)

Perspectivas isométricas con AI CC 2015

Retículas isométricas en Adobe Illustrator CC 2015

En este tutorial veremos la forma de crear una retícula isométrica con guías que nos ayude luego en la creación de proyecciones isométricas; en mismo trabajo lo podemos crear también usando trazados (segmentos de línea), los que opcionalmente podremos también convertir en líneas guía (ver notas al final del artículo).

Valora este artículo
(3 votos)

Cabezal artículo Accordion de BS en DW CC 2015

Tutorial Básico: Acordeón de Bootstrap desde DW CC 2015

Este tutorial surge en respuesta a una consulta surgida en clases: ¿Cómo insertar un acordeón en HTML usando Dreamweaver?

Veremos la solución a este problema insertando el componente Accordion de Bootstrap desde Dreamweaver CC 2015 en una página recién creada, de modo que en este tutorial nuestro componente quedará colocado directamente dentro del body del documento; en caso de trabajar con páginas parcialmente desarrolladas debemos elegir dentro de qué etiqueta insertaremos este componente, de acuerdo a nuestras necesidades de diseño; por otra parte, cada vez que se hable de ediciones en la vista de diseño debemos tener presente que es posible trabajar directamente en la ventana de códigos si es que nos resulta más cómodo, lo que dependerá de los conocimientos que cada uno de nosotros tenga con los mismos.

Valora este artículo
(2 votos)

Algunos componentes de ejemplo en HTML5 y CSS3

Construyendo con HTML5 y CSS3

Esta lista de códigos de ejemplo son un complementario a los apuntes y tutoriales sobre diseño web, algunos ejemplos de maquetación de distintos componentes estructurales, visuales y de navegación utilizando HTML5 y CSS3. Bajo el entendido de que se trata de material de apoyo para estudiantes iniciales de diseño los ejemplos se irán publicando en la medida de que las consultas y el desarrollo de las clases lo vayan requiriendo.

Domingo, 12 Junio 2016 13:11

Introducción a Dreamweaver (iv)

Valora este artículo
(1 Voto)

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:

Valora este artículo
(3 votos)

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: