Dreamweaver

Lesson 1

primero para crear un sitio tienes que irte a:
site > new site > para poder vincular la carpeta en la que tengas las cosas en este caso lesson. De ahi se van a poner todos en files (lado derecho)

ACTION SCRIPT es la animacion que necesitamos utilizar en dreamweaver

*en docstyle hay que escoger el 1 transitional (es el basico)
*el ID se identifica con un #

--> IETESTER esun programa para checar como se ven las paginas terminadas en explorer 5 6 7 8 9 y 10.

Cuando queremos pegar algo en la pagina, pero esta con tipografias diferentes y tamaños diferentes, debes de pegarlo como PASTE SPECIAL > TEXT WITH STRUCTURE para que se pegue el texto sin problema y todo en orden con la misma tipografia, tamaño y color....


INSERTAR IMAGENES> hay que irte a la pestañainsert del lado derecho > common > images > seleccionas la foto que quieras (para que no te marque error hay que guardar el doc)

CENTRAR IMAGEN CON TEXTO > align (botón derecho o abajo)
hay que crearle una ID a la imagen (barra de abajo)


ESTILOS
window > css styles > all > new css rule > ahi le pones nada mas el ID de la imagen > ya te aparece la caja en donde puedes cambiarle cualquiercosa de la imagen o texto


Lesson 2

DIV = REGION

una region es para encapsular algo, como algun texto con su imagen

CREAR UNA REGION > seleccionas la imagen con texto > insert (lado derecho) > insert div tag > y ya automaticamente se hace la region
con esto podemos hacer que la region se vea bien



CLASE
se encarga de repetir estilos, se identifica con un "." puntoseleccionas la imagen > css styles > new css rule > borras todo y le pones el punto y el nombre del estilo que quieras > en css rule definition ya le pones las especificaciones que quieres del estilo
YA TIENES UN ESTILO PERO NO A SIDO ASIGNADO
tienes que irte a class (barra de abajo) > seleccionas la imagen > y le pones la clase que quieras

CAMBIAR UNA CLASE solo tienes que irte a css styles yseleccionas la clase que quieres cambiar y automaticamente todas las clases que estan vinculadas a ese se cambian.

CREAR UNA CLASE EN UNA PALABRA

css styles > new css style > le pones el nombre del estilo > le pones las opciones que quieras > aceptar
YA TIENES UN ESTILO PERO NO A SIDO ASIGNADO
tienes que irte a class (barra de abajo) > seleccionas la imagen > y le pones la clase que quierasSPAN = SELECCION
cuando seleccionas una palabra y te vas al codigo vas a ver que dice span hasta donde aplicaste el estilo, si quieres que solo una palabra en un parrafo cambiar el estilo, nada mas tienes que mover el span hasta donde quieras que termine el estilo, y asi no se tienen que cambiear todos los estilos y puedes cambiarlo solo
ej. Elaine is the President and CEO


Lesson 3LISTAS
puede ser de dos formas: ordenada (números) y desordenada (viñetas)
ORDENADA
DESORDENADA
ELEMENTOS DE LISTA _______

PARA CONVERTIR UN PARRAFO EN LISTA
solo se tiene que seleccionar el texto que quieras convertir en lista y en la barra de abajo te aparecen las viñetas de listas ordenadas o desordenadas

CREAR DIFERENTES LISTAS
hay que crear un estilo en el NOMBRE tienes queponerle segun la lista que quieras ordenada o desordenada antes de cualquier nombre se le tiene que poner y luego ya le pones la clase EJ. ul.listas
y luego en el cuadro de definition en LISTAS le pones el tipo de viñeta que quieras
NOTA para cambiar la lista en la parte de abajo donde viene la informacion de lo que seleccionaste hay que picarle a ó para que se seleccione todo el parrafo y podercambiar la lista.

--> SHIFT + ENTER me hace saltos de linea (en el codigo)

FOTO COMO VIÑETA
para poner una viñeta especial, de una foto hay que hacer la imagen de 10x10 e .jpg y luego crear un estilo y ponerle en imagen y ya automáticamente se pasa.

MARGEN
para mover el margen de un parrafo se puede por medio de blockquote (barra de abajo) si uieres algo mas especifico tienes que...