Resumen sobre Dreamweaver
Click here to load reader
-
Upload
pepe-gonzalez -
Category
Documents
-
view
512 -
download
1
Transcript of Resumen sobre Dreamweaver
REALIZADO POR: González Arreola José Luis 2IV10
Resumen sobre Dreamweaver
Abrir.
Lo encontramos en Inicio > Todos los programas > Macromedia > Macromedia Dreamweaver MX 2004
Tiene un ambiente muy diferente pero cuenta con una interfaz fácil de entender y usar.
Barra de herramientas insertar
Esta barra contiene los elementos más utilizados para el diseño de páginas web y se puede mostrar dos formas diferentes dentro del ambiente de dreamweaver:
Como barras totalmente independientes. como fichas, para usuarios acostumbrados a usar office 2007
Barra de herramientas Documento
Consiste en los botones:
Muestra la vista de código Muestra al mismo tiempo las vistas Código y Diseño Muestra la vista Diseño Otro con el cual podemos modificar el título del documento Vista previa en el navegador de internet
Barra de herramientas Estándar
Rehacer Deshacer Pegar Copiar Cortar Guarda todo Guarda
REALIZADO POR: González Arreola José Luis 2IV10
Abre un documento previamente guardado Crea un documento Nuevo
Estructura de una página Web en Dreamweaver
Está formada por:
Cabecera Cuerpo
Ahora aclarado esto, voy a generalizar para darle formato al texto de la página Web
a) Asignar un título al documento
b) Definir una imagen de fondo (si se quiere): Hacer clic en Examinar - En el campo Buscar en seleccionar el disco local, carpeta y archivo de la imagen que se quiere poner de fondo- Aceptar - Aparece un cuadro de mensaje - Aceptar - Aparece un segundo cuadro de diálogo - Contestar: Sí - Guardar - Aceptar
c) Definir un color de fondo (si se quiere): Hacer clic en el cuadro Fondo - Seleccionar un color del selector de color - Aceptar
EDITAR TEXTO
1.- Escribir un texto
a) En la ventana del documento vacío escribir títulos y párrafos
b) Para insertar caracteres especiales en un documento, hacer uno de los siguientes pasos:
Insertar - Caracteres especiales - Seleccionar el carácter deseado
En la barra «Insertar» hacer clic en categoría «Caracteres» - Aparece el menú de caracteres - Seleccionar el carácter deseado
Para utilizar otros caracteres especiales: Insertar - Caracteres especiales - Otro o también hacer clic en el icono «Otros caracteres» (el último icono de
REALIZADO POR: González Arreola José Luis 2IV10
la derecha del menú de caracteres) - Seleccionar un carácter en el cuadro «Insertar otro carácter» - Aceptar
c) Para hacer el salto de línea (no confundir con el punto y aparte): En la barra «Insertar» marcar la categoría «Caracteres» - Aparece la barra de menú de caracteres - Hacer clic en el botón «Salto de línea» (primer botón de la izquierda).
d) Para insertar la fecha actual en el documento:
En la ventana de documento, situar el punto de inserción en el lugar donde se desea insertar la fecha
Insertar - Fecha o también, en la barra «Insertar» hacer clic en la categoría «Común» - Aparece un menú de botones - Hacer clic en el botón «Fecha» - En el cuadro de diálogo que aparece seleccionar el formato de día, fecha y hora - Activar la opción «Actualizar automáticamente al guardar» - Aceptar
e) Para corregir la ortografía: Texto - Ortografía - En el cuadro «Ortografía» seleccionar la ortografía correcta en el cuadro «Sugerencias» o teclear la palabra correcta en el cuadro «Cambiar por» - Cambiar
2.- Dar formato al texto
Aplicar fuentes y tamaños
Seleccionar el texto. Si no hay texto seleccionado, el cambio se aplicará al texto que se escriba a continuación
Para cambiar la fuente, caben dos opciones:
o Texto - Fuente - Seleccionar la fuente deseada
o En el inspector de propiedades de Texto elegir una fuente o combinación de fuentes .
Para editar la lista de fuentes: Texto - Fuente - Editar lista de fuentes - En el cuadro «Editar lista de fuentes» seleccionar la fuente que se desee en el cuadro «Fuentes disponibles» - Hacer clic en el botón << - Aceptar. Si se
REALIZADO POR: González Arreola José Luis 2IV10
quiere quitar una fuente de la lista editada de fuentes, en el cuadro «Lista de fuentes» seleccionar la fuente que se quiere quitar - Volver a seleccionar la misma fuente en el cuadro «Fuentes elegidas» - Hacer clic en el botón >> - Aceptar.
Para cambiar el tamaño de la fuente, existen dos opciones:
Texto - Fuente - Tamaño - Elegir el número de tamaño
o En el inspector de propiedades de Texto, en el cuadro «Tamaño de texto» hacer clic en la flecha de opciones - Seleccionar el número de tamaño que se desee-
b.- Aplicar color al texto
Seleccionar texto
Existen dos opciones para cambiar el color de texto
o 1ª) Texto - Color - Se abrirá la paleta de colores - Hacer clic en el color deseado
o 2ª) En el inspector de propiedades de Texto hacer clic en icono de color de texto - Se abrirá la paleta de colores - Hacer clic en el color deseado Figura.
Aplicar estilo al texto
Seleccionar texto
Existen tres opciones para aplicar estilo al texto
o 1ª) Texto - Estilo - Negrita, cursiva, etc.
o 2ª) En el inspector de propiedades de texto hacer clic en los botones negrita (B) o cursiva (I)
o 3ª) En la barra «Insertar» hacer clic en la categoría «Caracteres» - Aparece la barra de menú - Hacer clic en los botones negrita (B) o cursiva (I)
REALIZADO POR: González Arreola José Luis 2IV10
Alinear y sangrar texto
a) Para alinear texto:
Seleccionar texto
Para alinear texto existen dos posibilidades:
i. Texto - Alinear - Izquierda, centro, etc.
ii. En el inspector de propiedades de texto hacer clic en los botones «alinear a la izquierda», «alinear al centro», etc.
b) Para crear o quitar sangría de texto existen también dos opciones:
i. Texto - Sangrar o Anular sangría
ii. En el inspector de propiedades de texto hacer clic en los botones «sangría de texto» o «anular sangría de texto».
Crear una lista
a) Situar el punto de inserción en la línea o lugar donde se desea añadir una lista
b) Para empezar a crear una lista existen dos posibilidades:
1ª) Texto - Lista - Seleccionar el tipo de lista deseado en el menú desplegable
En el inspector de propiedades hacer clic en los botones «Lista sin ordenar» (viñeta) o «Lista ordenada» (numerada)
c) Para terminar de crear la lista, se puede actuar de dos maneras:
Presionar dos veces seguidas la tecla Entrar
Después de haber pulsado la tecla Entrar, caben dos opciones:
1ª) Texto - Lista - Ninguno
REALIZADO POR: González Arreola José Luis 2IV10
2ª) En el inspector de propiedades de texto hacer clic en los botones «Lista sin ordenar» o «Lista ordenada».
Formato de párrafos y encabezados
a) Situar el punto de inserción en el párrafo o seleccionar parte del texto del párrafo
b) Existen dos posibilidades para aplicar o quitar una etiqueta de párrafo o encabezado:
1ª) Texto - Formato de párrafo - Elegir un formato de párrafo del menú desplegable
2ª) En el inspector de propiedades de texto hacer clic en el cuadro Formato - Aparece el menú desplegable - Elegir la opción deseada.
Insertar una regla horizontal
En Dreamweaver es posible separar visualmente diferentes textos y objetos en la misma ventana de documento con una o más reglas horizontales.
a) Para insertar una regla horizontal:
Situar el punto de inserción en el lugar donde se quiere insertar una regla horizontal
Existen dos opciones para insertar regla horizontal:
o 1ª) «Insertar - Regla horizontal
o 2ª) En la barra «Insertar» marcar la categoría «Común» - Aparece la barra de menú - Hacer clic en el botón «Regla horizontal» (4º botón empezando por la derecha).
c) Para modificar una regla horizontal en la ventana de documento.
Seleccionar la regla horizontal que se quiere modificar
REALIZADO POR: González Arreola José Luis 2IV10
En el inspector de propiedades de «Regla horizontal» modificar las propiedades que se deseen: ancho (An) y alto (Al), alineación de la regla y sombreado.
Insertar una tabla
Las tablas son muy importantes para el diseño de una página web. Muchos de los temas de colocación de elementos en un determinado punto del espacio, se resuelven de manera correcta, empleando tablas. La tabla se puede definir con un borde cero con lo que, podremos ocultarla, si no nos gusta presentar los contenidos encorsetados dentro de los límites de las celdas. Pero, insisto, nos habrá servido para colocar los elementos en los puntos, más o menos, deseados.
Para insertar una tabla, le damos a Insertar > Tabla
Podemos definir, de entrada, el número de filas y columnas, el ancho que ocupará en % o en píxeles, el grosor del borde, el relleno de celda o el espacio en píxeles que hay desde el borde de la celda al comienzo de los datos, sea escritura o imagen. El espacio entre celdas es lo que indica el nombre, definido en píxeles también. Los encabezados son un pre formateado de las celdas elegidas para escribir con caracteres enfatizados y centrados. El resto, no lo consideramos de momento.
A modo de ejemplo vamos a insertar una tabla con 3 filas y 6 columnas y que ocupe el 80 % del ancho, un borde de 2 píxeles y un relleno de celda de 5 píxeles y sin encabezado
BUENO CON ESTO CONCLUYO, ES LO QUE CONSIDERO MÁS IMPORTANTE DE SABER PARA PODER UTILIZAR EFICAZMENTE DREAMWEAVER, MUCHAS GRACIAS POR SU ATENCIÓN