Trabajo dreamweaver formulario-vinculo

20,283 views
20,076 views

Published on

Published in: Technology, Design
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
20,283
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
165
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Trabajo dreamweaver formulario-vinculo

  1. 1. UNIDAD III <br />TEMASUBTEMA4. Trabajando con vínculos4.1 Vínculos entre paginas4.2 Vínculos de correo electrónico 4.3 Añadir vínculos en imágenes y texto.5. Formularios5.1 Que son y para qué sirven los formularios 5.2 Tipos de formularios5.3 Insertar formularios5.4 Aplicar estilo a un formulario <br /> <br />¿Qué es un vínculo?<br />Un vínculo o hipervínculo es un enlace que al dar clic sobre él nos lleva de una página a otra o hacia un archivo, ya sea local o externo. Una web estará siempre basada en vínculos para otras páginas dentro de nuestra web, o externas que nos hagan de forma fácil enlazar contenido.    Habrá que tener siempre mucho cuidado cuando estemos creando páginas, para que esos vínculos sean correctos y es buena costumbre siempre comprobar la validez de los mismos con la herramienta que tenemos a nuestra disposición en Dreamweaver.<br />    Un vínculo no es más que una indicación que le hacemos al navegador para que a través de una url siga la dirección correcta hacia esa otra página o web a la que queremos enviar al visitante en un momento determinado. Se basan pues los vínculos en direcciones url.<br />No solo con texto podemos indicar un vínculo, sino que se podrá hacer a través de imágenes; puedes colocar una imagen en tu página de forma que al hacer clic sobre ella te lleve a otra página o web. Para definir un vínculo debemos considerar la ruta de acceso que se tomará en cuenta para que nos conduzca hacia la página deseada. Debemos considerar dos tipos de referencias: La Relativa y la Absoluta.<br />La referencia Absoluta: Conduce al sitio donde se encuentra la página o archivo utilizando la ruta completa. Por ejemplo, tenemos una ubicación en Internet y para llegar a ella escribimos: www.ithinkweb.com.mx o si deseamos tener acceso a alguna página en particular la ruta sería: www.ithinkweb.com.mx/carpeta/informe.html <br />La referencia Relativa: Conduce a un documento que se encuentra dentro del mismo sitio y la ruta se establece a partir de la raíz del sitio. Cuando nos referimos a carpetas que están por encima del nivel en el que estamos se usa ../<br />La forma más sencilla de crear un vínculo es a través del inspector de propiedades. Seleccionamos primero el texto, la imagen o algún otro objeto y luego utilizamos el Vínculo en el inspector y ponemos la ruta, cuando es absoluta; por ejemplo si queremos establecer un vínculo a Google, escribimos www.google.com después de seleccionar la palabra Google.<br />Para el caso de un vínculo relativo basta con seleccionar el texto, imagen u otro objeto y luego en el Inspector de propiedades arrastrar el botón Señalar archivo hacia el panel Archivos y soltar sobre el archivo que será visto con el vínculo. En forma automática Dreamweaver coloca la ruta relativa al archivo. Otra forma de crear el vínculo es por medio del menú Insertar y luego la opción Hipervínculo con lo que aparece la siguiente ventana:<br />1024890131445 <br />Sólo se requiere rellenar los campos y el enlace con texto se crea en forma muy sencilla. En el campo Vínculo hacemos uso del icono de la carpeta para localizar el archivo que será vinculado. En caso de una página externa debemos escribir la dirección iniciando con http://<br />En Destino, se establece el destino del enlace. En el Inspector de propiedades aparece como Dest. Se cuenta con cuatro opciones para determinar en que ventana será abierta la página vinculada:<br />_blank abre el documento en una ventana nueva.<br />_parent abre el documento en la ventana del marco que contiene el vínculo.<br />_self abre la ventana en el mismo marco o ventana que contiene el vínculo. <br />Esta es la opción predeterminada.<br />_top abre el documento vinculado en la ventana completa del navegador.<br />En forma predeterminada un vínculo asociado con un texto parece subrayado. <br />38671565405<br />Cada vínculo puede adquirir tres colores diferentes los cuales se pueden configurar con Propiedades de la página que aparece en el inspector de propiedades o en el menú Mosificar y luego Propiedades de la página, enseguida elegir la Categoría Vínculos. En la ventana que se muestra podemos establecer el color de los vínculos, vínculos visitados y vínculos activos. En Estilo subrayado podemos elegir entre la disferentes opciones que se ofrecen: Siempre subrayar, Nunca subrayar, Mostrar subrayado solamente al situar cursor encima, Ocultar subrayado al situar cursor encima<br />Vínculos para Relacionar Páginas Web <br />La vinculación de una página web con otras que le son complementarias es uno de los aspectos importantes que los motores de búsqueda ponderan. Lo que representa una página dentro de la comunidad de Internet es más relevante de lo que representa por si sola. Cuando se desarrolla un tema dentro de un espacio limitado, el texto no es autosuficiente para definir con claridad todos los conceptos que se mencionan en el. Sin embargo, es posible aminorar esta falta de consistencia enriqueciendo el contenido de las páginas mediante vínculos web que se establecen por medio de etiquetas de hipertexto remarcado HTML, cuya función es habilitar un acceso a información complementaria, que se encuentra alojada en páginas del mismo sitio o de uno ajeno. <br />La calidad de los enlaces que se comparten en la comunidad de Internet permite medir varios aspectos que se relacionan directamente con el profesionalismo y la dedicación con que se construyen las páginas. Es por eso que un buen enlace en Internet presenta algunas características específicas. <br />•Los enlaces pueden crearse en frases incorporadas en el texto principal o en forma independiente. La página que usted lee contiene algunos ejemplos. •El texto del vínculo que apunta hacia fuera del sitio, en parte coincide literalmente con el que muestra la etiqueta title existente en la página a la cual se accede.•El contenido de la página a la cual nos conduce el vínculo, presenta en su texto principal un desarrollo complementario respecto al tema de la página donde se crea el link. •El texto de las etiquetas de rotulación ubicadas en el código fuente de la página a la cual se llega a través del vínculo, debe ser consecuente con el contenido de la misma. •Si el vínculo se crea para dirigir al usuario hacia un punto diferente de la misma página o hacia otra del mismo sitio, es conveniente hacerlo de manera que lleve en forma directa a la porción del texto donde se encuentra la información, utilizando la etiqueta ancla.•Otra condición más sofisticada pero válida, corresponde a los vínculos de otros sitios que apuntan hacia el mismo dominio con el que uno se desea vincular. La situación ideal es que esos links ajenos, provengan de sitios afines con nuestra temática. Para averiguar cuáles son las páginas que apuntan hacia la que nos queremos enlazar, abra el buscador Google o cualquier otro y consulte lo siguiente: link:http://www.aquí el dominio/página.htm Por ejemplo, link:http://www.e-ingenieros.cl/informacion.htm y en caso de ser un subdominio por el que se consulta, entonces utilizar link:http://subdominio/pagina.htm<br />Vínculos de correo electrónico <br />Cuando un usuario hace clic en un enlace de correo electrónico se abre en una ventana el programa de correo electrónico del usuario con un mensaje en blanco (se utiliza el programa de correo configurado en el navegador del usuario). En la ventana de mensaje de correo electrónico, en el campo Para se completa automáticamente la dirección de correo electrónico establecida en el enlace. <br />Por ejemplo, si se quieren recibir comentarios de los usuarios que visitan la página, se puede crear un hipervínculo que permita redactar y enviar un mensaje de correo electrónico a una determinada dirección. <br />Ejemplo: Para contactar conmigo pulsa aquí<br />Código: Para contactar conmigo pulsa <a href=" mailto:profesor@hotmail.com" >aqui</a><br />El procedimiento para realizar un enlace de este tipo es el siguiente:<br />Sitúa el cursor donde quieres insertar el hipervínculo o selecciona el texto que deseas que sea convierta en enlace. <br />Realiza una de estas operaciones para insertar el hipervínculo: <br />Selecciona Insertar/Vinculo de correo electrónico <br />Pulsa el icono de la solapa Común del panel Insertar.Aparecerá este cuadro de dialogo: <br />1034415142240<br />Completa los campos de texto: <br />Texto: Texto que se mostrará como enlace. Si hemos seleccionado texto antes de insertar el vínculo aparecerá en este casillero. ( Ejemplo: aquí ) <br />Correo electrónico: Dirección de correo electrónico a la que queramos que escriba el usuario.( Ejemplo: profesor@hotmail.com )<br />Hacemos click en Aceptar <br />También se puede introducir un vínculo a un correo electrónico directamente desde el cuadro Vínculo del inspector de Propiedades. Solo has de escribir mailto: seguida de la dirección de correo. Por ejemplo: mailto:profesor@hotmail.com (sin espacio alguno entre los dos puntos y la dirección)<br />Para crear un enlace a correo electrónico debemos utilizar la sintaxis: mailto:correoelectrónico y se puede establecer ya sea con el Inspector de propiedades o con el menú Insertar. Con el Inspector de propiedades utilizamos Vínculo para escribir la dirección de correo respetando la sintaxis, pero antes de hacerlo seleccionamos ya sea el texto o alguna imagen y escribimos: mailto:micorreo@servidor.com.<br />Si utilizamos el menú Insertar con la opción Vínculo de correo electrónico sólo se tendrá la oportunidad de utilizar texto para el vínculo de correo. Cuando el usuario hace clic en un vínculo de correo electrónico se abre una nueva ventana de mensaje en blanco (utilizando el programa de correo asociado al navegador del usuario). En la ventana de mensaje de correo electrónico, el cuadro Para se actualiza automáticamente con la dirección especificada en el vínculo del mensaje de correo electrónico.<br />Creación de un vínculo de correo electrónico utilizando el comando Insertar vínculo de correo electrónico<br />En la vista Diseño de la ventana de documento, coloque el punto de inserción donde desea que aparezca el vínculo de correo electrónico o seleccione el texto o la imagen que desea que aparezca como vínculo de correo electrónico. <br />Siga uno de estos procedimientos para insertar el vínculo: <br />Seleccione Insertar > Vínculo de correo electrónico.<br />En la categoría Común del panel Insertar, haga clic en el botón Vínculo de correo electrónico.<br />En el cuadro Texto, escriba o edite el texto del correo electrónico.<br />En el cuadro Correo electrónico, escriba la dirección de correo electrónico y haga clic en Aceptar.<br />Creación de un vínculo de correo electrónico mediante el inspector de propiedades<br />Seleccione texto o una imagen en la vista Diseño de la ventana de documento.<br />En el cuadro Vínculo del inspector de propiedades, escriba mailto: seguido de una dirección de correo electrónico. <br />No escriba espacios entre los dos puntos y la dirección de correo electrónico.<br />Relleno automático de la línea de asunto de un mensaje de correo electrónico<br />Cree un vínculo de correo electrónico empleando el inspector de propiedades como se indica más arriba.<br />En el cuadro Vínculo del inspector de propiedades, añada ?subject= tras el mensaje de correo electrónico y escriba un asunto detrás del signo igual. No introduzca ningún espacio entre el signo de interrogación y el final de la dirección de correo electrónico. <br />La entrada completa tendría el siguiente aspecto:<br />mailto:someone@yoursite.com?subject=Mail from Our Site<br />Vínculos en Imágenes y Texto<br />Para insertar una imagen en un documento utilizamos el menú Insertar con la opción Imagen y nos aparece la ventana Seleccionar origen de imagen por medio de la cual podemos buscar el archivo. De antemano por cuestión de organización debemos contar con una carpeta que contenga las imagenes, por lo que en el campo Origen que aparece en el Inspector de propiedades cuando seleccionamos la imagen, se muestra la ubicación del archivo. <br />En caso de que Dreamweaver no encuentre la imagen que ya ha sido insertada mostrará algo similar a esta imagen:<br />Esto puede ocurrir al modificar el nombre de la imagen después de ser insertada y no se modifica el Origen o también si dicha imagen fue cambiada de directorio. Lo que muestra es el contenido del campo Alt del Inspector de propiedades. El campo Alt nos sirve para agregar alguna información de la imagen la cual aparecerá al colocar el ratón sobre ella y como se aprecia en nuestra imagen que no es posible mostrarse, pero vemos la descripción realizada con Alt.<br />Mapas de imágenes.<br />Los mapas de imágenes son partes en que podemos secionar una imagen y se le puede algún tipo de comportamiento a cada una de esas partes en forma independiente. Lo más común es Vincular a otras páginas o archivos.<br />Para crear un mapa utilizamos el Inspector de propiedades a través de los siguientes botones: <br />Primero seleccionamos la imagen y luego elegimos uno de los tres botones disponibles: rectangular, circular o forma irregular libre. Al dar clic sobre uno de los botones el puntero cambia su pariencia al colocarlo sobre la imagen. Procedemos a dibujar sobre la imagen la figura y el rango que debe abarcar dentro de la imagen. Al hacerlo la imagen cambia su apariencia dentro de la zona marcada por el mapa.<br />Figura antes de mapearFigura con mapa rectangular <br />491490-194310<br />Una vez que tenemos nuestra imagen con el mapa la seleccionamos y el Inspector de propiedades muestra los campos necesarios para configuración. En la figura de la izquierda vemos los campos disponibles. Los rellenamos y al ver nuestra página con el navegador y colocar el cursor sobre el área del mapa toma la forma de una manita indicando que existe un vínculo. Una imagen puede ser dividida en varios mapas y cada uno de ellos puede tener un diferente vínculo.<br />Imagen de sustitución.<br />La imagen de sustitución se le conoce como Rollover. Un rollover es una imagen que cambia por otra cuando pasamos el cursor sobre ella. Este tipo de efecto puede ser utilizado para crear menús o en botones para desplazarse a diferentes páginas.<br />49149065405<br />Para insertar un rollover usamos el menú Insertar luego Objetos de imagen y la opción Imagen de sustitución y nos aparece una ventana como la figura de la izquierda.<br />La imagen Original es la que se ve en la página y la Imagen de sustitución es la que aparece al pasar el cursor encima de la imagen. Podemos utilizar la imagen para vincular con algún archivo externo o de nuestro propio sitio. <br />8350252117090482600697865Vinculo en texto      Seleccionar el texto al que queremos poner el enlace:             - Acto seguido, una vez seleccionado el texto " al hacer clic aquí, deberemos ir a la barra de administración en la parte inferior de Dreamweaver e indicarle a qué url debe dirigir este enlace.    -Como se muestra en las siguientes imagenes:1654175876301472565225425<br />•Los enlaces pueden crearse en frases incorporadas en el texto principal o en forma independiente. La página que usted lee contiene algunos ejemplos. •El texto del vínculo que apunta hacia fuera del sitio, en parte coincide literalmente con el que muestra la etiqueta title existente en la página a la cual se accede.•El contenido de la página a la cual nos conduce el vínculo, presenta en su texto principal un desarrollo complementario respecto al tema de la página donde se crea el link. •El texto de las etiquetas de rotulación ubicadas en el código fuente de la página a la cual se llega a través del vínculo, debe ser consecuente con el contenido de la misma. •Si el vínculo se crea para dirigir al usuario hacia un punto diferente de la misma página o hacia otra del mismo sitio, es conveniente hacerlo de manera que lleve en forma directa a la porción del texto donde se encuentra la información, utilizando la etiqueta ancla.•Otra condición más sofisticada pero válida, corresponde a los vínculos de otros sitios que apuntan hacia el mismo dominio con el que uno se desea vincular. La situación ideal es que esos links ajenos, provengan de sitios afines con nuestra temática. Para averiguar cuales son las páginas que apuntan hacia la que nos queremos enlazar, abra el buscador Google o cualquier otro y consulte lo siguiente: link:http://www.aquí el dominio/página.htm Por ejemplo, link:http://www.e-ingenieros.cl/informacion.htm y en caso de ser un subdominio por el que se consulta, entonces utilizar link:http://subdominio/pagina.htm<br />FORMULARIOS<br />¿Qué es un formulario y para qué sirve? <br />Su función principal es para recoger los datos de los usuarios que visitan nuestra web, y puede servirnos para muchas funciones, desde recoger los datos para registrar un usuario, guardar los datos de una compra online o una encuesta etc.<br />Para que funcione correctamente, normalmente se debe de tener algún sistema que recoja los datos. Por ejemplo, cuando un usuario rellena un formulario de registro lo normal es que esos datos vayan a una base de datos donde se guardaran todos los datos; o por ejemplo,  si el formulario es de contacto, al rellenarlo y el usuario dar a enviar, enviará esos datos por email.<br />Como crear un formulario en dreamweaver <br />Lo primero que debemos de saber es cuales son los elementos que podemos añadir a nuestro formulario, para ello podemos ir panel formularios de nuestro dreamweaver, aquí podemos verlos:<br />Ahora vamos a explicarlos brevemente,  el primer icono que nos aparece (con rayitas discontinuas rojas) es el que indica donde empezara y donde acabara nuestro formulario, estas rayitas al ver nuestra web no se verán, tan solo aparecen en el dreamweaver para poder guiarnos. Todos los demás elementos han de estar dentro de un formulario para que funcionen.<br />Si después de crearlo ponchamos sobre la rayita roja, se nos abrirá el panel de propiedades para editarlo. Podremos editar:Nombre del formulario: aquí ponemos el nombre para recordar el formularioAccion: aquí pondremos o elegiremos el archivo al que va a ir después de enviar el formularioMétodo: el método con el que se van a pasar los datos, normalmente se usa POSTDest: lo normal es que lo dejemos vacío, pero si por ejemplo queremos que al dar a enviar se haga todo en una nueva ventana elegimos_blank<br />Campo de texto<br />El primer elemento de formulario que vemos, es un campo de texto, este sirve para que el usuario escriba en el.En su panel de propiedades podemos editar: su nombre, el ancho, el largo, el numero de caracteres máximo, si queremos que sea de contraseña, y si queremos que aparezca algo escrito inicialmente.<br />Los formularios se utilizan para recoger datos de los usuarios, nos pueden servir para realizar un pedido en una tienda virtual, crear una encuesta, conocer las opiniones de los usuarios, recibir preguntas, etc. Una vez el usuario rellena los datos y pulsa el botón para enviar el formulario se arrancará un programa que recibirá los datos y hará el tratamiento correspondiente.Aquí vamos a ver cómo crear el formulario, (insertar campos y botones en el formulario y validarlos), pero no la parte de tratamiento de los datos, ya que para ello se necesitan nociones de programación, ya sea en VBScript, en JavaScript o en otro lenguaje de programación, y esto no entra en los objetivos del curso. A la derecha tienes un ejemplo de formulario.Un formulario está formado, entre otras cosas, por etiquetas, campos de texto, menús desplegables, y botones.1282065105410 Los formularios poseen campos que son enviados a una secuencia de comandos CGI que se encuentra en el servidor para su procesamiento. Los formularios nos permiten recolectar información de nuestros usuarios. Requieren de dos elementos: el código HTML que describa el formulario y una secuencia de comandos (CGI) que procese su contenido. Para insertar un formulario debemos ir a la subpaleta Formularios (Forms) de la paleta de objetos.Lo primero que debemos hacer es posicionarnos en la ventana de documento en el lugar donde queremos insertar un formulario y hacer clic en el primer icono de la paleta formularios (Insertar formulario). Si luego de esto no vemos ningún cambio es porque noestamos viendo elementos invisibles. Debemos ir a Ver/Elementos invisibles (View/Invisible elements). Ahora veremos que se ha creado en nuestra página un recuadro con línea punteada de color rojo. Todos los elementos de formulario que querramos insertar deberán ir dentro de este recuadro. Lo primero que debemos hacer es seleccionar el formulario haciendo clic sobre la línea roja. En el inspector de propiedades veremos las propiedades del formulario. En el campo Nombre (Form name) escribimos un nombre para nuestro formulario.En el campo Acción (Action) debemos escribir la ruta completa de la secuencia de comandos que procesará el contenido del formulario (CGI). Por lo general los proveedores de alojamiento de páginas Web ya poseen en sus servidores secuencias de comando estándar para hacer diversas tareas. Debemos consultarlos acerca de la ruta para accederlos y su utilización. Por convención, los programas CGI se guardan generalmente en una carpeta de nombre cgi-bin.En Método (Method) se especifica cómo se manejarán los datos del formulario. Las opciones son Default (Predeterminado), Get (Obtener) y Post (Publicar). La selección adecuada dependerá del servidor y de la secuencia de comandos que se esté utilizando. Debemos consultar esta información a nuestro proveedor de hosting. El método Default utiliza el que el navegador tenga por omisión que, por lo general, esPost ya que es el sugerido por el Consorcio W3. Elementos de formulario Estos son los elementos de formulario que Dreamweaver nos permite insertar:Campo de texto (TextField): Para que el usuario ingrese texto.Debemos especificar un largo y, si queremos una cantidad máxima de caracteres que podrá ingresar el usuario. También debemos indicarle si será de una sola línea o varias y si será un campo contraseña, en cuyo caso el usuario verá asteriscos. Si lo deseamos, podemos darle un valor inicial, es decir, un texto para que aparezca inicialmente en ese campo. Por ejemplo: " escriba su nombre en este campo" .Botón (Button): Sirve para enviar el formulario o reestablecerlo. En general se ponen debajo de todo. Debemos especificar una etiqueta para el botón (texto que aparecerá sobre el botón) y si será un botón de enviar o restablecer o no hará nada.Casilla de verificación (Checkbox): Sirven para que el usuario seleccione varios elementos. Haciendo clic en una casilla de verificación aparece una tilde de selección. Nosotros debemos configurar el estado inicial (tildado o no tildado) y qué valor leenviará al servidor en caso de que el usuario lo tilde. Por ejemplo: SI.Botones de opción (Radio Buttons): Estos botones le permiten elegir al usuario UNA entre varias opciones. Debemos darle el mismo nombre a todos los que formen parte de un grupo de opciones. Por ejemplo, en una selección Rojo, verde o azul tendremos tres botones de opción y los tres se llamaran " color" para que el programa luego lointerprete correctamente y no deje que el usuario tilde más de uno.Debemos indicar el estado inicial (tildado o no) y el valor que le enviará cada uno al servidor en caso de estar tildado (Por ejemplo: rojo ).Lista/MenÚ (List/Menu): Este campo nos permite crear una lista desplegable o un menú. Debemos definir si será lista o menú e indicarle qué opciones ofrecerá al usuario (listado).Campo de archivo (File Field): Para que el usuario pueda adjuntar un archivo al formulario. Debemos darle un largo al campo y, si lo deseamos, una cantidad máxima de caracteres y un estado inicial.Campo de imagen (Image): Para insertar una imagen que actúe como botón enviar. Debemos proporcionar un texto alternativo para quienes no puedan ver imágenes (navegadores solo texto).Campo oculto (Hidden field): Algunas secuencias de comandos CGI requieren que le enviemos valores en campos ocultos ya que el usuario no tiene por qué verlos. Por ejemplo, existen CGI para enviar el contenido de un formulario a una dirección de e-mail, que requieren que le enviemos en un campo oculto la dirección a la cualdeberá ir ese e-mail.Menú " saltar" (Jump menu): Este tipo de menú desplegable, permite elegir entre opciones que nos llevarán a otra página o archivo. Se pueden crear enlaces a páginas en nuestro sitio, a páginas en otro sitio, a archivos, a imágenes, a direcciones de correo O a cualquier archivo que se pueda abrir en un navegador. Debemos elegir unainstrucción o categoría, por ejemplo: " Ir a" o " Adonde quiere ir" , un botón IR y un listado de opciones con sus URL's.<br />Ejemplo:<br />Crearemos un documento nuevo en el cual agregaremos los siguientes campos a nuestro Formulario:<br />Nombre<br />Empresa<br />E-Mail<br />Mensaje<br />Para esto vamos a ir al menú Insertar, Formulario, Campo de Texto (Insert, Form, Text Field)<br />Nos solicitara primero el nombre de la etiqueta (Label), que indica el texto que indentificara el campo, en el primer caso pondremos " Nombre" , y Aceptar (Ok)<br />Por ser el primer campo nos consulara si queremos agregar la etiqueta HTML para el Formulario (add HTML tag), le diremos que Si (Yes)<br />Seleccionando el Campo Nombre, vamos a indicar en propiedades, su nombre de campo, o sea " nombre" y el ancho de 30 caracteres.<br />Vamos a presionar Enter, para saltar un parrafo, y continuaremos agregando otro Campo de texto (Insertar, Formulario, Campo de Texto) para Empresa, y otro para E-Mail<br />Para el mensaje, vamos a agregar un Área de Texto (Text Área), con Insertar, Formulario, Área de Texto (Insert, Form, Text Área)<br />Recordemos presionar enter al final de cada campo para que se dispongan uno bajo el otro<br />Por ultimo debemos, agregar el botón de Enviar, con Insertar, Formulario, Botón (Insert, Form, Button)<br />El formulario debe lucir como indica la imagen<br />Este formulario permitirá ingresar los datos, y al presionar enviar va a un archivo PHP o ASP, que toma los datos de cada campo y los envía por E-Mail.<br />Webgrafía<br />http://aprendeenlinea.udea.edu.co/lms/moodle/mod/resource/view.php?id=13290 <br />http://paginas-web.e-ingenieros.cl/vinculos-web.htm <br />http://www.deseoaprender.com/CursoDreamweaver/Lecc19Dreamweaver.html http://www.ithinkweb.com.mx/capacita/dream_weaver2.html<br />http://www.original-design.es/tutoriales/crear_formulario_en_dreamweaver.php<br />GLOSARIO<br />campo <br />m. Terreno extenso sin edificar fuera de las poblaciones:<br />Tierra cultivable:<br />Sembrados, árboles y demás cultivos:<br />Terreno contiguo a una población:<br />Frente a la vida urbana, forma de vida agraria, y lugar donde se desarrolla:<br />Terreno reservado para actividades determinadas:<br />Conjunto de instalaciones acondicionado para la práctica de algunos deportes:<br />dep. En algunos deportes como el balonmano o el fútbol, terreno de juego:<br />dep. Mitad del terreno de juego que, en algunos deportes, corresponde defender a cada equipo:<br />mil. Terreno ocupado por tropas militares durante las operaciones bélicas:<br />Ámbito propio de una actividad:<br />Conjunto determinado de materias, ideas o conocimientos sobre alguna disciplina:<br />fís. Espacio en el que se manifiestan las acciones a distancia entre partículas:<br />ópt. Espacio que puede abarcar el objetivo de un instrumento óptico, como una cámara fotográfica o un microscopio:<br />campo de concentración Recinto en que se obliga a vivir a cierto número de personas como prisioneros, generalmente por razones políticas o bélicas. <br />campo de refugiados Lugar en el que se acoge a los ciudadanos que se han visto obligados a abandonar su país por razones políticas. <br />campo de trabajo Lugar en el que se desempeñan distintas actividades, generalmente por personas jóvenes, a cambio de la manutención y una pequeña paga. <br />a campo través, traviesa o travieso loc. adv. Dejando el camino y cruzando el campo:<br />propiedad <br />f. Derecho o facultad de poseer alguna cosa y disponer de ella dentro de los límites de la legalidad:<br />Lo que se posee,especialmente si se trata de un bien inmueble. <br />Atributo,cualidad esencial:<br />Precisión y exactitud al utilizar las palabras y el lenguaje:<br />propiedad horizontal La que recae sobre una parte de un edificio adquirido por separado por diversos propietarios,con ciertos derechos y obligaciones comunes. <br />propiedad industrial Derecho que posee un inventor a que su creación no sea fabricada o explotada sin su permiso. <br />propiedad intelectual Derecho del autor de una obra artística o literaria para que esta no se utilice sin su permiso. <br />en propiedad loc. adv. Perteneciente a alguien:<br />loc. adv. [Titularidad] vitalicia de un cargo o empleo:<br />navegador,ra <br />adj. Que navega. <br />m. inform. Programa o aplicación informática que se usa para navegar por las redes informáticas y acceder a documentos,imágenes y demás información.<br />formulario, ria <br />adj. Que se hace por fórmula, cortesía o compromiso:<br />m. Escrito donde figura una serie de requisitos, preguntas, etc., que se han de cumplimentar:<br />Libro que contiene varias fórmulas:<br />vínculo <br />m. Lo que ata, une o relaciona a las personas o las cosas:vínculos familiares. <br />der. Sujeción de los bienes al perpetuo dominio de una familia, sin poder partirlos o enajenarlos.<br />

×