FORMULARIOS EN DREAMWEAVER

Introducción a los formularios Los formularios permiten interactuar con los visitantes del sitio o recopilar información de ellos. Por ejemplo, puede solicitar el nombre y la dirección de correo electrónico de un usuario o hacer que los visitantes respondan a una encuesta o proporcionen comentarios acerca del sitio. Los formularios constan de dos partes: el código HTML que describe el formulario (por ejemplo, los campos, etiquetas y botones que ve el usuario en la página) y una secuencia de comandos o aplicación que procesa la información enviada. No se puede recopilar datos de formulario sin utilizar una secuencia de comandos de procesamiento. Puede utilizar Dreamweaver para crear distintos objetos de formulario, como campos de texto, campos de contraseña, botones de opción, casillas de verificación, menús emergentes o imágenes en las que es posible hacer clic (por ejemplo, un botón Enviar). También puede utilizar el comportamiento validar formulario para comprobar la información que proporciona un visitante; por ejemplo, puede comprobar si una dirección de correo electrónico contiene el símbolo "@" o si se han introducido datos en un campo "obligatorio". Los elementos de formulario pueden insertarse en una página a través del menú Insertar, opción Objetos de formulario. A través de esta opción se puede acceder a la lista de todos los objetos de formulario que pueden ser insertados en la página. Vamos a ver uno por uno algunos de los distintos elementos que pueden formar parte de un formulario, así como algunas de sus propiedades.

Menu Despegable En dreamweaver

Insertamos una tabla de 1 sola columna y fila sin borde.Dentro de la tabla, damos clic en la pestaña insertar opción objetos de diseño y seleccionamos barra de menu spry.Nos aparecerá el recuadro con un borde de un tono azul claro, en el cual daremos clic para modificar la cantidad de secciones que queremos tener, las pestañas etc, el nombre, la cantidad de subdivisiones y si queremos agregar o eliminar mas o menos pestañas.Después de haber dispuesto el nombre a cada pestaña podremos agregar una función especifica a cada recuadro, entonces en la parte inferior damos clic en vinculo y ya habiendo descargado previamente una imagen o pagina web la seleccionamos y así quedara enlazada con la casilla.Finalmente damos vista en vivo o la abrimos en cualquier explorador de nuestro computador y así podremos comprobar como al dar clic en cada sección del menú aparecerá lo que enlazamos.

Marcos en Dreamweaver CS6

Un marco es una zona de una ventana de navegador que puede mostrar un documento HTML independiente de lo que se muestra en el resto de la ventana. Los marcos permiten dividir la ventana de un navegador en varias regiones, cada una las cuales puede mostrar un documento HTML diferente. Por lo general, un marco muestra un documento que contiene controles de navegación, mientras que otro muestra un documento con contenido Un conjunto de marcos es un archivo HTML que define el diseño y las propiedades de un grupo de marcos, que incluyen el número, el tamaño, la ubicación de los marcos y el URL de la página que aparece inicialmente en cada marco. El archivo de conjunto de marcos no incluye el contenido HTML que se muestra en el navegador, excepto en la sección noframes. El archivo únicamente ofrece al navegador información sobre cómo debe mostrarse un conjunto de marcos y los documentos que deben incluirse en los marcos. Cada marco dispone de su propia barra de desplazamiento (si el contenido es demasiado grande para una ventana), permitiendo al visitante desplazarse por los marcos de forma independiente. Por ejemplo, si la barra de navegación se encuentra en otro marco, cuando el visitante se desplaza al final de una página de contenido muy grande en un marco no es necesario que vuelva al principio de la página para acceder a la barra de navegación.

Adobe Flash Professional Cs6

Adobe nos permite dar movimiento a los titulos de nuestras paginas web, los pasos a seguir son los siguientes 1.Abrir adobe flash e insertar el titulo que desea obtener en la pagina 2. Después seleccionamos el cuadro donde esta el titulo y con clic derecho lo convertimos en simbolo, despues de esto le generamos interpolación de movimiento(Rango en el que se va a mover el titulo) 3. En la columna derecha buscamos: Traslación y rotación 3D 4. Cuando ya tenga los movimientos deseados lo exporto como pelicula swf para insertarlo en dreamweaver cs6

Parcial 2, trabajo en clase, acumulativo

Adobe Flash Professional

Para crear nombres, logos, o titulos adobe flash CS6 nos ofrece una muy buena alternativa, ya que nos permite dar movimientos o animacion a nuestro objetos de la pagina web. Para mi pagina web utilize animacion en el texto, para hacer esto abri adobe flash inserte mi nombre, luego le di clic derecho convertir en simbolo, luego cree la interpolacion de movimiento que es el rango en el cual se mueves, despues en la columna derecha di clic en la opcion de traslacion y rotacion 3D, asigno primero la rotacion que quiero que tenga y luego le doy la traslacion que ya es el movimiento como tal, finalmente le doy reproducir y lo eporto como pelicula SWF para poderlo inserta en dreamweaver CS6.

Como crear tablas en dreamwaver

A.- CREAR UNA TABLA 1.- Para insertar una tabla en un documento de Dreamweaver, llevar a término una de estas operaciones: a) Situar el punto de inserción en el lugar de la ventana de documento donde se desea que aparezca la tabla - Insertar - Tabla b) En la barra Insertar hacer clic en el botón Insertar Tabla de la ficha Común c) Con el puntero del ratón arrastrar el botón Insertar Tabla desde la ficha Común en la barra Insertar hasta la posición deseada en la ventana de documento 2.- En estas tres operaciones aparecerá siempre el cuadro de diálogo Insertar tabla : a) En el campo Filas, especificar el número de filas de la tabla b) En el campo Columnas, especificar el número de columnas de la tabla c) En el campo Relleno de celda, especificar el número de píxeles que habrá entre el contenido de la celta y el límite de ésta. El número predeterminado de relleno es 1 píxel. Introducir 0 para especificar que no se desea relleno d) En el campo Espacio entre celdas, especificar el número de píxeles que debe haber entre las celdas de la tabla. El valor predeterminado es 2 píxeles. Introducir 0 para especificar que no se desea espaciado e) En el campo Ancho, especificar el ancho de la tabla como porcentaje de la ventana del navegador o como un número de píxeles f) En el campo Borde, especificar el ancho en píxeles del borde de la tabla. Poner 0 si no se desea que la tabla tenga borde g) Aceptar B.- MODIFICAR UNA TABLA 1.- Añadir filas y columnas a) Hacer clic en el lugar en el que se quiere insertar una fila o una columna b) Modificar - Tabla - Insertar filas o columnas c) Aparece el cuadro de diálogo Insertar filas o columnas d) Añadir un número de filas o columnas 2.- Eliminar filas y columnas a) Hacer clic en una celda de la fila o columna que se desea eliminar b) Elegir una de estas opciones: Para eliminar una fila: Modificar - Tabla - Eliminar fila o Hacer clic con el botón de la derecha del ratón - Aparece el menú contextual - Tabla - Eliminar fila Para eliminar una columna: Modificar - Tabla - Eliminar columna o Hacer clic con el botón de la derecha del ratón - Aparece el menú contextual - Tabla - Eliminar columna 3.- Combinar y dividir celdas a) Para combinar dos celdas: Se seleccionan con el puntero del ratón las dos celdas que se quieren combinar Modificar - Tabla - Combinar celdas b) Para dividir una celda o columna sencilla Hacer clic en la celda que se quiere dividir En el inspector de Propiedades hacer clic en el botón Dividir celda Aparece el cuadro de diálogo Dividir celda o En el campo Dividir especificar si la celda se divide en filas o columnas o En los campos Número de filas o Número de columnas especificar en cuántas filas o columnas se dividirá la celda o Aceptar 4.- Para combinar el alto de fila y el alto de tabla: Se mueve el puntero del ratón a lo largo del borde inferior de la tabla hasta que adopte la forma de selector de borde. Puede utilizarse este método para cambiar el alto de otras filas de la tabla 5.- Para cambiar el ancho de columna y el ancho de tabla.- Se mueve el puntero del ratón a lo largo de un borde de columna hasta que adopte la forma de selector de borde y se arrastra hacia la izquierda o hacia la derecha para cambiar el ancho de una columna. De forma similar se puede cambiar el ancho de toda la tabla 6.- Anidar tablas a)Una tabla anidada es una tabla que está dentro de otra tabla b) Para anidar una tabla en una celda de otra tabla, llevar a cabo una de estas operaciones: Hacer clic en la celda donde se desea que aparezca la segunda tabla - Insertar- Tabla Arrastrar el botón Insertar tabla de la categoría Común, que se encuentra en la barra Insertar, hasta la celda donde se desea insertar la segunda tabla 7.- Cortar o copiar y pegar celdas a) Seleccionar una o más celdas de la tabla b) Edición - Cortar o Copiar c) Elegir con el puntero del ratón el lugar donde se desean pegar las celdas d) Edición- Pegar

Como crear marcos en Dreamweaver

Los marcos o frames sirven para distribuir mejor los datos de las páginas, ya que permiten mantener fijas algunas partes, como pueden ser el logotipo y la barra de navegación, mientras que otras sí pueden cambiar. Además de mejorar la funcionalidad, pueden mejorar también la apariencia. Cada uno de los marcos de una página, contiene un documento HTML individual. Por ejemplo, en la imagen de la derecha puedes ver una página con dos marcos. El marco izquierdo contiene el documento menu.htm y el derecho el documento quienes.htm. Para poder visualizar la página de este modo, hemos tenido que abrir en el navegador el documento marcos.htm, que es la página que contiene los marcos agrupados. Existen varias formas de crear un marco. Para crear un marco: -primero hay que abrir algún documento. Puede ser uno nuevo o uno ya existente. Después, dirigirse al menú Insertar, HTML, Marcos. A través de esta opción puede elegirse el tipo de marco que va a crearse. Vamos a ver el marco a la Izquierda. Si pulsamos sobre Izquierda se creará un nuevo marco a la izquierda del documento actual.

PAGINA WEB

PASOS PARA CREAR UNA PAGINA WEB EN DREAMWEAVER CS6 1. Buscamos una imagen, que tenga que ver con el tema de la pagina que vamos a crear 2.Creamos una caja, con las dimensiones que queremos que tenga el encabezado, en este caso, crearemos el encabezado en paint(algo muy basico), despues que ya tenemos la imagen del encabezado, insertamos la imagen, y la adecuamos a el tamaño que necesitamos. 3. Abajo de eso, creamos una caja, con 1 fila y 7 columnas, este sera el menu principal de nuestra pagina. 4.Despues creamos una imagen, con los servicios que va a prestar nuestra empresa 5.Guardamos el documento, y probamos en el explorador Y listo , ya tenemos nuestra pagina

Fondo de mi pagina web

PRIMERO INGRESAMOS A ADOBE FIREWORKS, CREAMOS LA PLANTILLA, MODIFICAMOS LOS RECTANGULOS A NUESTRO GUSTO Y ELEGIMOS LOS COLORES, POR ULTIMO LO GUARDAMOS EN FORMATO JPG

Diseño Pagina web

proy by Erika Galeano

Adobe dreamweaver CS6

INTRODUCCION ADOBE DREAMWEAVER CS6

DREAMWEAVER CS6

More PowerPoint presentations from erika galeano