DISEÑO WEB Y MULTIMEDIA: 2012

jueves, 27 de septiembre de 2012

DISEÑA TU WEB CON DREAMWEAVER

Dreamweaver es un programa para diseñar Páginas Web sin la necesidad de escribir el código HTML.

Basta con insertar los elementos que queremos mostrar en la Web y el código se genera sólo aunque ahora que entendemos un poco más de HTML podemos modificarlo.

Para organizar un poco los elementos dentro de la Web podemos utilizar tablas sin bordes o etiquetas Div PA.

Algunos elementos que podemos insertar en una Web diseñada con Dreamweaver son texto, imágenes, formularios, elementos Spry (barra de menú, paneles en ficha...).

viernes, 14 de septiembre de 2012

CREAR UNA PÁGINA WEB GRATUITA

Crea tu propia página web de forma sencilla y gratuita.
Visita alguna de las siguientes páginas para empezar a crear tu propia web. El primer paso será registrarte y ya puedes comenzar a diseñarla.

Pincha en el siguiente enlace para ver un ejemplo de página web relacionada con el blog "Diseño Web y Multimedia".

patricia.webpin.com

lunes, 10 de septiembre de 2012

CREACIÓN DE LOGOTIPO Y TARJETA DE VISITA

Otra cosa que podemos hacer con Fireworks es la creación de un logotipo para una empresa y su correspondiente tarjeta de visita.
A continuación se muestra un ejemplo.

Logotipo

Tarjeta de visita

miércoles, 5 de septiembre de 2012

Una zona interactiva es un botón o una zona de una imagen que al pulsar con el ratón sobre ella realiza alguna acción.
Un ejemplo lo podemos ver en los botones de las Webs que visitamos.
Otro ejemplo más gráfico es una imagen de un mapa que al pulsar sobre distintas zonas realiza acciones relacionadas con la zona interactiva en la que hemos pinchado.

jueves, 30 de agosto de 2012

DISEÑO DE UN GIF ANIMADO

Hoy hemos creado un Gif Animado con Fireworks.

Diseño Web Animado.

Estrella animada.

INICIO DEL CURSO CON HTML

El inicio del curso de "Diseño Web y Multimedia" fue programando en HTML.
Es un poquito pesado porque tienes que escribir el código completo, nada que ver con los programas que tenemos hoy en día.
Vimos las etiquetas principales que tienen en común todas las Páginas Web (html, head, title y body) y también vimos cómo insertar tablas, imágenes, enlaces, listas ordenadas y no ordenadas...
Todas las etiquetas tienen un inicio (<html>) y un final (</html>).

<html>: inicio del código.
<head>: cabecera.
<title>: título de la página.
<body>: cuerpo de la página.
<table>: insertar tabla.
<img src>: insertar imagen.
<a href>: insertar enlace.
<ol>: lista ordenada.
<ul>: lista no ordenada.

Puedes consultar algunos manuales de HMTL en los siguientes enlaces:

A continuación, mostraremos algunas páginas diseñadas con HTML.

Página con lista ordenada y no ordenada.

Página con imágenes y enlaces.

miércoles, 29 de agosto de 2012

DISEÑO DE BANNER

Hoy hemos diseñado el Banner para el Blog.
Hemos utilizado una imagen de fondo.
Para el título hemos insertado un texto con Estilo, Filtros de Bisel exterior y un Iluminado.
Por último hemos insertado la imagen del muñequito pintando y le hemos aplicado una sombra.