FLASH VORTEX

Es una pagina web en la cual cualquier usuario puede elegir banners o botones para menus personalizados, animados e interactivos.

La web se encuentra en idioma ingles aunque eso no sera impedimento de nada ya que el diseño es muy intuitivo y cualquier usuario podra entender a la perfeccion como se maneja cada herramienta.

 El Flash Vortex es un servicio gratuito al que puedes acceder sin mayores complicaciones.

Al ingresar a la página http://www.flashvortex.com/index.php, en la parte superior de esta se despliega una barra de herramientas (menús, textos, banners, botones y relojes). El diseño de estos elementos va acompañado de una serie de pasos básicos para la creación y personalización del sitio web:

1. seleccionar la aplicación
2. Edición de los textos
3. Clic en la opción ‘Generate Animation’
4. Embeber el código, el cual se copia y pega en el sitio
5. Descarga e instala el archivo de flash en tu computador

Luego de completadas las instrucciones en el diseño del gadget, puedes visualizar las especificaciones del archivo, lo cual te permitirá tener un conocimiento más detallado de sus dimensiones y código HTML. Esta herramienta presenta un gran número de opciones para jugar con los colores, fuentes, tamaños y animaciones que puedes escoger de acuerdo a tu gusto y a los contenidos del sitio. De igual manera, a través de estos aplicativos de fácil manejo se pueden crear anuncios publicitarios, promoción de nuevas secciones en la página web, mensajes aleatorios en blogs, etc.

HIPERVINCULOS Y VINCULOS

Un hiperenlace, heipervinculo o vinculo, no son mas que un enlace, que al ser pulsado lleva de una pagina a un archivo a otra pagina o archivo.

TIPOS

Referencia ansoluta: conduce a una ubicacion externa al sitio en el que se encuentra el documento

Referencia relativa al sitio: conduce a un documento situado dentro del mismo sitio que el documento actual

Referencia relativa al documento:  conduce a un documento situado dentro del mismo sitio que el documento actual, pero partiendo del directorio en el que se encuentra el documento actual.

Puntos de fijacion: conduce a un punto dentro de un documento ya sea dentro del actual o de otro diferente.

CREAR O INSERTAR

Desde el inspector de propiedades:

1. Seleccionar el texto o el objeto q va a servir de enlace.
2. Establecer el vinculo en el inspector

Desde barra de menús:

1. Seleccionar el texto u objeto
2. Menú insertar
3. Opción hipervinculo

MODIFICAR Y ELIMINAR.

1. Menu Modificar
2. Opcion "cambiar vinculo" o "quitar vinculo"
3. Seleccionamos los cambios necesarios
4. Aceptar 

http://olmo.pntic.mec.es/sjimen1/paginas/06.htm

LISTAS EN DREAMWEAVER

Se pueden crear listas ordenadas y listas de definicion apartir de texto existente o de texto nuevo que escriba en la ventana de documento.

Las listas de definiciones no usan caracteres iniciales como puntos de viñeta y suelen utilizarse en glosarios o descripciones

COMO SE CREAN

a)

1. Colocar el punto de insercion en el lugar en que se desee añadir la lista 
2. Clic en el boton "lista ordenada" o "lista sin ordenar" del inspector de propiedades

b)

1. Menu texto
2. Lista
3. Seleccionar tipo de lista

• Lista sin ordenar
• Lista ordenaada
• Lista de definiciones

c) Crear una lista con un texto existente:

1. Seleccionar una serie de parrafos para convertirlos en una lista 
2. Clic en boton lista sin numerar o lista ordenada del inspector de propiedades o desde el menu texto

d) Crear Lista anidada

1. Seleccionamos los elementos de la lista que se desea anidar
2. Clic boton Sangria del inspector de propiedades o menu texto-Sangria

http://docencia.udea.edu.co/cci/dreamweaver/dia2/dia2.htm

ARCHIVOS EN DREAMWEAVER

CSS: Los archivos de hojas de stilos en cascada tienen la extencion .css.

Se utilizan para aplicar formato al contenido HTML y controlar la posicvion de los distintos elementos  de la pagina.

GIF:  Archivos de formato de intercambio de graficos, que tienen la extencion .gif

El formato Gif es un formato grafico popular en la web para comics, logotipos, graficos con zonas transparentes y animaciones. Los archivos Gif contienen un  maximo de 256 colores.

JPGE: Archivos de grupo conjunto de expertos fotograficos, que tienen la extencion .jpg

Suelen ser fotografias o imagenes de tonalidades intensas.

XML: Archivos de lenguaje de formato ampliable, que tienen la extencion .xml

contiene datos en formato original al que se puede aplicar formato mediante el lenguaje XSL.

XSL: Archivos de lenguaje de hoja de estilos ampliable, que tienen la extencion .xsl o .xslt

Tambien se utilizan para aplicar estilo a los datos XML que se van a mostrar en una pagina web 

CFML: Archivos de lenguaje de formato ColdFusion, que tienen la extencion .cfm

Se utilizan para procesar paginas dinamicas

ASPX: los archivos ASP.NET tienen la extencion .aspx y se utilizan para procesar paginas dinamicas

PHP: Los archivos de preprocesador de hipertexto tienen la extencion .php

Se utilizan para procesar paginas dinamicas

ESTRUCTURA DE UNA PAGINA WEB

Una pagina web se compone de un encabezado, contenido y pie de pagina.

La estructura en HTML es:

<html>

<head>

</head>

<body>

</body>

</html>

La estructura basica de una pagina web es:

<HTML>

<HEAD>

<TITLE>titulo de la pagina</TITLE>

</HEAD>

<BODY>

Aqui van todas las etiquetas  o instrucciones del documento

</BODY>

</HTML>

IMAGENES EN DREAMWEAVER

Los formatos mas utilizados son el GIF y el JPG, que a pasar de ser imagenes de menor calidad que las imagenes de menor calidad que las imagenes BMP, son mas recomendables debido a que ocupan menos memoria.

GIF: utilizan un maximo de 256 colores y son recomendables para imagenes con grandes areas de un mismo color o de tonos no continuos , permiten contener transparencias y animaciones.

JPG: son de mayor calidad que las GIF al poder contener millones de colores pero el tamaño de la imagen es mayor y tarda mas en descargarse.

PNG : es un sustituto del formato GIF sin patente compatible con imagenes con color indexado, escala de grises y color verdadero, ademas de ser compatibles con el canal alfa para ttransparencias. conservan la informacion original de capa, vector, color y efectos, los archivos se guardan con la extencion .png

COMO SE INSERTAN IMAGENES

1. Menu insertar
2. Opcion imagen
3. Seleccionamos la imagen
4. Aceptar

• Tambien se puede pulsar en la Barra Comun en el icono Imagen

• Elegimos la imagen o escribimos el nombre y aceptar.

http://www.aulaclic.es/dreamweaver8/a_6_1_1.htm

COMO SE CAMBIA EL FONDO DE DREAMWEAVER

Como se cambia el color de fondo:

1. Seleccionar Edicion, opcion Preferencias
2. Selecciones colores de codigo en la lista de categorias
3. Seleccione HTML en la lista tipo de documento y clic con el boton Editar combinacion de colores
4. En la lista estilos para seleccionar etiquetas de plantillas
5. Definir el color, color de fondo y atributos de estilo para el texto de la vista codigo siguiendo el procedimiento:

• Si se desea cambiar elcolor de texto, escribir en el cuadro de texto el valor hexadecimal del color
• Si desea añadir un atributo de estilo al codigo seleccionado, clic en botones B, I, u O

      6. clic en Aceptar

Como se cambia el color de capas:

1. clic en la capa deseada
2. Color de fondo de la capa
3. Seleccionar el color
4. Aceptar

Como aplicar imagen de fondo en Dreamweaver:

1. Clic en modificar
2. Propiedades de la pagina
3. Imagen de fondo
4. Seleccionar la imagen
5. Podemos definir su posicion que se repita uno, que quede fija, etc. (opcional)

http://www.todo-dreamweaver.com/tutorial-dreamweaver/css/poner-imagen-fondo-dreamweaver.html