Dreamweaver#2

 

Hola todos!

Seguimos hablando de Dreamweaver; la vez pasada comentamos sobre 3 cosas:

• la posibilidad de crear y enviar formularios

• la creación de hojas de estilo CSS

• la función llamada de ancla

 

Para crear un formulario tenemos que empezar la sesión desde “moduli” (tengo un problema, la versión de Dreamweaver que uso es en italiano). Nos aparecen unos comandos que nos dan la posibilidad de insertar texto de pocos caracteres (lo hemos usado para escribir el nombre y el apellido), texto que puede permanecer oculto para el usuario (pero que a nosotros puede ofrecer unas informaciones sobre el, como en que lenguaje ha compilado el formulario), texto más amplio donde el usuario puede poner sus observaciones. Hemos visto como hacer para que aparezca la form para eligir entre 2 opciones de manera que seleccionando una no se pueda seleccionar la otra (un ejemplo ha sido Hombre/Mujer), como también como insertar un menú de selección hecho de muchas variables nominales (ej: Camisa, camisetas, pantalones, zapatos) a cada unas de las cuales se asocia un número (de manera que la elegida hecha por nombre viene traducida en un lenguaje que hablan los ordenadores). Vimos que todas estas acciones tienen que estar adentro de una zona delimitada por una linea roja que se inserta con una tecla llamada Módulo. Una vez hecho todo, oprimiendo la linea roja podemos decidir la “acción” es decir que tenemos que escribir donde queremos que el módulo sea enviado (server). Los formularios completados llegarán a un server donde un programa analiza el código HTML (tienes que existir una correspondencia entre como el código ha sido escrito y lo que se espera el programa) y después envía a nosotros un mail con todos los datos de la búsqueda que ha hecho el usuario. Para dejar todo en orden al final ponemos esta formulario en una tabla.

 

Las CSS son hojas de estilo que nos sirven para que todas las páginas de nuestro web site tengan la misma estructura gráfica y sobre todo cuando queremos hacer un cambio en una página “master” y que este cambio automáticamente sea aplicado a todas las páginas que componen la web site. Con la tecla derecha en una página vacía vamos a estilo CSS-Nuevo. Ahora tenemos la posibilidad de guardar nuestra hoja que desde ahora será nuestro master. Adentro este file Dreamweaver nos da la posibilidad de definir cualquier tag como por ejemplo como tiene que ser el “encabezamiento 1 <h1> </h1> “ o el tag “a” de un enlace. Hecho todo eso si abrimos una nueva página – estilos CSS podemos ver “asocia hoja de estilo”: será suficiente eligir cual file .css nos interesa para impostar el estilo de la página. Si queremos modificar todas las páginas será suficiente modificar la página “.css” e todas las páginas que con esa están asociadas aplicaran este cambio.

 

La función dicha ancla nos sirve mucho cuando tenemos un texto amplio y queremos un comando simple para llegar directamente en un punto especifico. El ejemplo más sencillo es el de un libro con unos capítulos. Si deseamos empezar por el capitulo 3 tendremos que poner un ancla oculta en el inicio de cada un capitulo y asociar a esta ancla un nombre. El paso después será seleccionar una palabra y enlazarla con la ancla poniendo atención que el enlace sea completados por el nombre del file donde se encuentra la parte que a nosotros nos interesa seguido por el mark # y después de eso el nombre de la ancla.