DESCARGANDO ZOOMIT

USANDO ZOOMIT
PRESIONA F1
Dibuja a mano alzada presionando el botn izquierdo del mouse

Dibuja lneas presionando la tecla shif

Para cuadrados y valos presiona cotrol o tabulador

PARA CAMBIAR DE COLOR:

Despus de presionar F1, usa estas teclas, R: rojo, B: azul, G: verde, O:
anaranjado, P: rosado
AHORA CON F2
ES PARA HACER ZOOM EN VIVO
Cuando usas F2, para salir tambin presiona F2n presiona F2

EL F3
Es solo para congelar la pantalla, y podrs hacer todo lo que haces con F1,
para salir es con la tecla Escape.
 INICIANDO DREAMWEAVER
1. DEFINIENDO LA CARPETA RAIZ
2.

3. Escribe un nombre para el nuevo sitio

4.

5. Usa ese botn para definir la carpeta raz

6.

7. Un clic para hacer la carpeta

8.

9. Escribe el nombre de la carpeta y presiona dos veces la tecla enter

10.

11.Se tiene que ver as

12.

13.Ahora debes definir la carpeta para las fotos

14.

15.

16.Define la carpeta para fotos, escribe el nombre y presiona dos veces

enter
17.

18.
19.

20.Verifica que en el panel archivos, la distribucin de las carpetas se

deben ver as
21.
 DEFINIENDO LOS ARCHIVOS CSS Y
HTML5
Recuerda que el HTML debe quedar vinculado al CSS

Ahora presiona Ctrol + S para guardar el archivo

Finalmente cierra el archivo CSS

Ahora presiona Ctrol + N para hacer el archivos HTML

Ahora a vincular el CSS con el HTML

Este mensaje es porque an el HTML no ha sido guardado
ESTE MENSAJE indica que est reconociendo el HTML5

Ahora presiona control + S para grabar el archivo, recuerda llamarlo INDEX

(sino te acuerdas por qu se debe llamar as, busca en internet :p )
 USANDO HTML
COLOCANDO UNA IMAGEN EN LA CABECERA HEADER

Img es la etiqueta que indica que usars una imagen

SRC indica que llamars a una imagen desde una carpeta(local) o desde una
direccin URL (remoto)
Est indicando en que carpeta est la imagen

Finalmente es en nombre del archivo de imagen

CAMBIANDO EL NAVEGADOR QUE USA
DREAMWEAVER
 ARMANDO LA BARRA DE
NAVEGACIN <NAV>
INDICA El inicio de un listado

Indica un contenido del listado

Etiqueta que indica que es un hipervnculo

Indica con que archivo va a ser vinculado

Es el archivo vinculado
Es el texto que se ver en el navegador

Y as debe quedar por ahora