Dreamweaver

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>

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

Menu insertar
Opcion imagen
Seleccionamos la imagen
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:

Seleccionar Edicion, opcion Preferencias
Selecciones colores de codigo en la lista de categorias
Seleccione HTML en la lista tipo de documento y clic con el boton Editar combinacion de colores
En la lista estilos para seleccionar etiquetas de plantillas
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:

clic en la capa deseada
Color de fondo de la capa
Seleccionar el color
Aceptar

Como aplicar imagen de fondo en Dreamweaver:

Clic en modificar
Propiedades de la pagina
Imagen de fondo
Seleccionar la imagen
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

CAPAS

CAPAS:

Formato de una capa: se es´pecifican atravez del su inspector.

Mostrar_Ocultar capas: muestra, oculta o restura la usuabilidad predeterminada de una o mas capas.

Arrastrar capa: crea puzzles, controles deslizantes y otros moviles de interfaz.

Tamaño: pueden ser redimencionadas

Mover: cambia de posicion a otra de la ventana pulsando sobre el recuadro blanco

COMPORTAMIENTO:

Acciones + : despliga el siguiente menu emergente de las acciones que pueden adjuntar al elemento seleccionado.

Eliminar - : elimina la accion y el evento seleccionados de la ruta de comportamientos.

Eventos: contiene todos los eventos que pueeden desencadenar la accion

Adjuntar un comportamiento: se pueden adjuntar comportamientos al documento completo o a vinculos, imagenes, elementos de formulario o cualquuier otro elemento HTML

Comprobar navegador: para enviar a los visitantes a distintas paginas.

Abrir ventana del navegador: para abrir ventana del navegador, para abrir un URL en una nueva ventana.

Ancho de ventana: especifica la anchura de la ventana en pixeles

Alto de la ventana: especifica la altura de la ventana en pixeles.

Mensaje emergente: presenta una alerta de Java Script con el mensaje que usted desee

ACTIVOS:

Lista sitio: enumera todos los activos del sitio, incluyendo colores y URL que sean utilizados en el documento.

Lista favoritos: enumera unicamente los activos que hayan sido elegidos de una manera esplicita

Colores: utilizados en los documentos y hojas de estilos

URL: vinculos externos de los documentos del sitio actual

Shockweve: archivos en cualquier version de adobe Shckweve

Peliculas: archivos Quicktime o MPEG

Script: no aparecen en el panel activos, archivos Java Script o UBScript

Plantillas: utilizadas en multiples paginas, modifica automaticamente todas las paginas asociadas a ella

Elementos de biblioteca: elementos del diseño que se utilizan en multiples paginas

TIPOS:

Capas normales: son capas por defecto y tiene todo con propiedades en los puntos.

Capas guia: son capas especiales de contenido especifico de movimiento de objetos.

Capas mascara: es una capa que permite abrir plantillas dejan que se les de una capa de movimiento

Capas enmascaradas: suenan conjuntamente con las capas mascara al igual que la capa guia

INSERTAR CAPAS:

SELECCIONAR MENU INSERTAR
OBJETOS DE DISEÑO
CAPA

http://dreamjoseluis.webcindario.com/Lecci%C3%B3n%2017.htm

VENTANAS ACOPLABLES DE DREAMWEAVER

Dreamweaver tiene ciertas ventanas acoplables como:

Menus contextuales: permite acceder rapidamente a comandos utiles relacionados con la seleccion o area actual.

Paletas flotantes: permite combinar ventanas, inspectadores y paletas flotantes o ventanas con distintas ventanas

Barra de menus: elemento comun con todos los programas contiene las funciones que se puede llevar a cabo en dreamweaver.

Area de trabajo: lugar donde desarrollamos nuestra pagina web

Barra de estado: situado en la parte de abajo de la ventana de documento.

Inspectores de codigo fuente HTML: muestra el codigo que utilizan los exploradores al reconstruir una pagina web.