Espacio de trabajo de macromedia dreamweaver

19
ESPACIO DE TRABAJO DE DREAMWEAVER

description

EN ESTAS DIAPOSITIVAS MOSTRAMOS ALGUNOS DE LOS COMPONENTES Y HERRAMIENTAS DE EL ESPACIO DE TRABAJO DE DREAMWEVER ASI COMO FUNCIONES Y VISTAS

Transcript of Espacio de trabajo de macromedia dreamweaver

Page 1: Espacio de trabajo de macromedia dreamweaver

ESPACIO DE TRABAJO DE DREAMWEAVER

Page 2: Espacio de trabajo de macromedia dreamweaver

ESPACIO DE TRABAJOEL ESPACIO DE TRABAJO DEL MACROMEDIA

DREAMWEAVER ES MUY PARECIDO A UN DOCUMENTO DE MICROSOFT WORD O

SIMILARES. TENEMOS BARRAS DE HERRAMIENTAS QUE NOS AYUDAN A VISUALIZAR

Y CONSTRUIR NUESTRO CÓDIGO DE FORMA MUY RÁPIDA, ESTAS HERRAMIENTAS SON: LA

BARRA INSERTAR, BARRA DE HERRAMIENTAS DE DOCUMENTO, VENTANA DE DOCUMENTO,

GRUPOS DE PANELES, SELECTOR DE ETIQUETAS, INSPECTOR DE PROPIEDADES Y NUESTRO PANEL DE ARCHIVOS. A CONTINUACIÓN VEREMOS UNA

EXPLICACIÓN MÁS DETALLADA DE ESTAS BARRAS DE HERRAMIENTAS.

Page 3: Espacio de trabajo de macromedia dreamweaver

HERRAMIENTAS

Page 4: Espacio de trabajo de macromedia dreamweaver

VISTAS DE TRABAJO

Page 5: Espacio de trabajo de macromedia dreamweaver

VISTA DE DISEÑOLA VISTA DISEÑO ES UN ENTORNO DE DISEÑO PARA EL DISEÑO VISUAL DE LA

PÁGINA, LA EDICIÓN VISUAL Y EL DESARROLLO RÁPIDO DE APLICACIONES. EN ESTA VISTA, DREAMWEAVER MUESTRA UNA REPRESENTACIÓN VISUAL DEL DOCUMENTO COMPLETAMENTE EDITABLE, SIMILAR A LA

QUE APARECERÍA EN UN NAVEGADOR.

Page 6: Espacio de trabajo de macromedia dreamweaver
Page 7: Espacio de trabajo de macromedia dreamweaver

VISTA DE CODIGO

LA VISTA CÓDIGO ES UN ENTORNO DE CODIFICACIÓN MANUAL PARA

ESCRIBIR Y EDITAR CÓDIGO HTML, JAVASCRIPT, CÓDIGO DE LENGUAJE DE SERVIDOR, COMO POR EJEMPLO

PHP O COLDFUSION MARKUP LANGUAGE (CFML), Y OTROS TIPOS

DE CÓDIGO.

Page 8: Espacio de trabajo de macromedia dreamweaver
Page 9: Espacio de trabajo de macromedia dreamweaver

BARRAS DE ESPACIO DE TRABAJO

Page 10: Espacio de trabajo de macromedia dreamweaver

BARRA DE ESTADOLA BARRA DE ESTADO, SITUADA EN LA PARTE INFERIOR DE LA VENTANA DE DOCUMENTO, PROPORCIONA INFORMACIÓN ADICIONAL SOBRE EL

DOCUMENTO QUE ESTÁ CREANDO.EL SELECTOR DE ETIQUETAS MUESTRA LA JERARQUÍA DE ETIQUETAS QUE RODEA A LA SELECCIÓN ACTUAL. HAGA CLIC EN CUALQUIER ETIQUETA DE LA JERARQUÍA PARA SELECCIONAR LA ETIQUETA Y TODO SU CONTENIDO.

LA HERRAMIENTA MANO PERMITE HACER CLIC EN EL DOCUMENTO Y ARRASTRARLO HASTA LA VENTANA DE DOCUMENTO.

LA HERRAMIENTA ZOOM Y EL MENÚ EMERGENTE ESTABLECER NIVEL DE AUMENTO PERMITEN ESTABLECER EL NIVEL DE AMPLIACIÓN DEL

DOCUMENTO.EL MENÚ EMERGENTE TAMAÑO DE VENTANA (QUE SÓLO APARECE EN LA

VISTA DISEÑO) PERMITE CAMBIAR EL TAMAÑO DE LA VENTANA DE DOCUMENTO PARA QUE ADOPTE DIMENSIONES PREDETERMINADAS O

PERSONALIZADAS.A LA DERECHA DEL MENÚ EMERGENTE TAMAÑO DE VENTANA APARECEN

LA ESTIMACIÓN DEL TAMAÑO DEL DOCUMENTO Y DEL TIEMPO DE DESCARGA DE LA PÁGINA, INCLUIDOS TODOS LOS ARCHIVOS

DEPENDIENTES, COMO IMÁGENES Y OTROS ARCHIVOS MULTIMEDIA.

Page 11: Espacio de trabajo de macromedia dreamweaver

BARRA DE ESTADO

Page 12: Espacio de trabajo de macromedia dreamweaver

BARRA INSERTARLA BARRA INSERTAR CONTIENE BOTONES PARA LA CREACIÓN E

INSERCIÓN DE DIVERSOS TIPOS DE OBJETOS, COMO TABLAS, CAPAS E IMÁGENES. AL PASAR EL PUNTERO SOBRE UN BOTÓN, APARECE UNA

DESCRIPCIÓN DE LA HERRAMIENTA CON EL NOMBRE DEL BOTÓN.LOS BOTONES ESTÁN ORGANIZADOS EN CATEGORÍAS, A LAS QUE

PUEDE CAMBIAR EN LA PARTE IZQUIERDA DE LA BARRA INSERTAR. SI EL DOCUMENTO ACTUAL CONTIENE CÓDIGO DE SERVIDOR, COMO

LOS DOCUMENTOS ASP O CFML, APARECEN TAMBIÉN OTRAS CATEGORÍAS. CUANDO SE INICIA DREAMWEAVER, SE ABRE LA

ÚLTIMA CATEGORÍA CON LA QUE HA TRABAJADO.

Page 13: Espacio de trabajo de macromedia dreamweaver

LA BARRA INSERTAR ESTÁ ORGANIZADA EN LAS CATEGORÍAS SIGUIENTES:LA CATEGORÍA COMÚN PERMITE CREAR E INSERTAR LOS OBJETOS QUE SE UTILIZAN CON MÁS FRECUENCIA, COMO LAS IMÁGENES Y LAS TABLAS.LA CATEGORÍA DISEÑO PERMITE INSERTAR TABLAS, ETIQUETAS DIV, CAPAS Y MARCOS. TAMBIÉN PUEDE ELEGIR ENTRE LAS TRES VISTAS DE LAS TABLAS: ESTÁNDAR (VALOR PREDETERMINADO), TABLAS EXPANDIDAS Y DISEÑO. SI SE SELECCIONA EL MODO DE DISEÑO, SE PUEDEN UTILIZAR LAS HERRAMIENTAS DE DISEÑO DE DREAMWEAVER: DIBUJAR CELDA DE DISEÑO Y DIBUJAR TABLA DE DISEÑO.LA CATEGORÍA FORMULARIOS CONTIENE BOTONES QUE PERMITEN CREAR FORMULARIOS E INSERTAR ELEMENTOS DE FORMULARIO.LA CATEGORÍA TEXTO PERMITE INSERTAR DIVERSAS ETIQUETAS DE FORMATO DE TEXTO Y LISTAS, COMO B, EM, P, H1 Y UL.LA CATEGORÍA HTML PERMITE INSERTAR ETIQUETAS HTML PARA LAS REGLAS HORIZONTALES, EL CONTENIDO DE LA SECCIÓN HEAD, LAS TABLAS, LOS MARCOS Y LOS SCRIPTS.

Page 14: Espacio de trabajo de macromedia dreamweaver

LAS CATEGORÍAS DE CÓDIGO DE SERVIDOR SÓLO ESTÁN DISPONIBLES PARA LAS PÁGINAS QUE EMPLEAN UN LENGUAJE DE SERVIDOR DETERMINADO, COMO ASP, ASP.NET, CFML BASIC, CFML FLOW, CFML ADVANCED, JSP Y PHP. CADA UNA DE ESTAS CATEGORÍAS CONTIENE OBJETOS DE CÓDIGO DE SERVIDOR QUE PUEDEN INSERTARSE EN LA VISTA CÓDIGO.LA CATEGORÍA APLICACIÓN PERMITE INSERTAR ELEMENTOS DINÁMICOS COMO JUEGOS DE REGISTROS, REGIONES REPETIDAS Y GRABAR FORMULARIOS DE INSERCIÓN Y ACTUALIZACIÓN.LA CATEGORÍA ELEMENTOS FLASH PERMITE INSERTAR ELEMENTOS DE MACROMEDIA FLASH.LA CATEGORÍA FAVORITOS LE PERMITE AGRUPAR Y ORGANIZAR LOS BOTONES DE LA BARRA INSERTAR QUE UTILIZA CON MÁS FRECUENCIA EN UN LUGAR COMÚN.  

Page 15: Espacio de trabajo de macromedia dreamweaver

BARRA DE HERRAMIENTAS DE CODIFICACION

LA BARRA DE HERRAMIENTAS DE CODIFICACIÓN CONTIENE BOTONES QUE LE PERMITEN REALIZAR NUMEROSAS

OPERACIONES DE CODIFICACIÓN ESTÁNDAR, COMO AMPLIAR Y CONTRAER LAS SELECCIONES DE CÓDIGO, RESALTAR CÓDIGO NO

VÁLIDO, INSERTAR O ELIMINAR COMENTARIOS, APLICAR SANGRÍA AL CÓDIGO E INSERTAR FRAGMENTOS DE CÓDIGO UTILIZADOS

RECIENTEMENTE. LA BARRA DE HERRAMIENTAS DE CODIFICACIÓN SÓLO ESTÁ VISIBLE EN LA VISTA CÓDIGO Y APARECE VERTICALMENTE EN EL LADO IZQUIERDO DE LA

VENTANA DE DOCUMENTO.

Page 16: Espacio de trabajo de macromedia dreamweaver

IINSPECTOR DE PROPIEDADES

EL INSPECTOR DE PROPIEDADES PERMITE EXAMINAR Y EDITAR LAS PROPIEDADES MÁS COMUNES DEL

ELEMENTO DE PÁGINA SELECCIONADO ACTUALMENTE, COMO TEXTO O UN OBJETO

INSERTADO. EL CONTENIDO DEL INSPECTOR DE PROPIEDADES ES DISTINTO EN FUNCIÓN DEL ELEMENTO SELECCIONADO. POR EJEMPLO, SI SELECCIONA UNA IMAGEN EN LA PÁGINA, EL

INSPECTOR DE PROPIEDADES CAMBIARÁ PARA MOSTRAR LAS PROPIEDADES DE LA IMAGEN (COMO

LA RUTA DEL ARCHIVO DE IMAGEN, EL ANCHO Y ALTO DE LA IMAGEN, EL BORDE QUE LA RODEA, ETC.).

Page 17: Espacio de trabajo de macromedia dreamweaver

PANEL DE ARCHIVOS

EL PANEL ARCHIVOS SE UTILIZA PARA

VER Y ADMINISTRAR LOS ARCHIVOS DEL

SITIO DE DREAMWEAVER

Page 18: Espacio de trabajo de macromedia dreamweaver

PRESENTACION PAGINAS WEB:

• ESPACIO DE TRABAJO DE MACROMEDIA DREAMWEAVER

Page 19: Espacio de trabajo de macromedia dreamweaver

GRACIAS