Mundo Weaver !!

2008-06-03T22:44:00.000-07:00

Como poner videos en nuestra pagina.

Para pode insertar algun video en nuestra pagina tendremos que hacer es:

Vamos a la opcion de “Insertar à Media -> Plug-in”, al hacer esto nos aparecera la siguiente ventana:

Aquí tendremos que buscar el archivo de video que queramos poner.

Ya que buscamos y aceptamos el archivo que queremos poner, en nuestra pagina aparecera un cuadro indicando la posición en donde estara el video, si hacemos click en el apareceran unos puntos negros que podran usarse para tener un mejor manejo a la hora de la colocacion.

Asi tambien podremos modificar el tamaño del cuadro, podremos hacerlo mas grande, recuerda que el tamño en el que decidas dejar el cuadro sera el tamaño del video.

Ya que nuestro video este del tamaño y ubicación que queramos, podremos poner “Reproducir”

Y listo .. tenemos nuestro video ya en nuestra pagina.

OJO:

Si ya no lo quieres o simplemente no te gusto como se ve solo da click encima de el y presiona en tu teclado “Supr”, esto hara que se elimine.

2008-06-03T22:33:00.000-07:00

Animacion para nuestra pagina.

Para poder poner animación a algun objeto deberemos de hacer lo siguiente.

1ero:

Deberemos de arrastrar la capa hasta un canal de animación, esto lo haremos presionando el cuadro que aparecera al momento de seleccionar nuestro objeto/imagen (sea cual sea tu caso)

Como veras en la parte de abajo, en la linea de tiempo, Dreamweaver asigna una duracion de 15 fotogramas a la capa, pero podemos ampliarla si nosotros queremos y para hacerlo solo debemos de hacer click el ultimo fotograma clave que esta de lado derecho (en el extremo) y arrastrar hacia la derecha, esto si queremos alargar la duracion pero si queremos que tenga menos duracion haremos lo contrario, arrastraremos hacia la izquierda.

Aquí puedes ver aquí estan algunos fotogramas clave, para poder distinguirlos podras ver que tienen un circulo, con estos podremos manipular las caracteristicas asi como la posición de algun objeto.

Para nosotros poder hacer nuestra animación ocuparemos de los siguientes fotogramas clave:

El de la izquierda, este sera para poder establecer el punto inicial desde que empezara el movimiento. Si antes hemos dado click sobre el borde de la capa, en el inspector de propiedades podremos cambiar los valores de “Iz” y “Sup”

El fotograma clave de la derecha sera para establecer el punto final del movimiento.

Nuevamente haremos click encima del borde y modificaremos los valores de “Iz” y “Sup”, esto para marcar en donde finalizara el movimiento en nuestra pagina.

Si lo que queremos es hacer desaperecer o aparecer nuestro objeto daremos click en el fotograma clave que corresponda el momento en el que queramos aparecer/desaparecer, nuestro objeto, ahora presionaremos el menú desplegable “Vis à hidden (oculto) o visible”, depende de lo que queramos lograr.

Algo que es importante es saber las propiedades del panel “Lineas de tiempo”, como veras en la siguiente imagen:

Timeline 1:

Esta opcion nos da la posibilidad de cambiar el nombre de la linea del tiempo.

flecha hacia la derecha:

Ir al principio/anterior.

Flecha hacia la izquierda

Siguiente.

Estas 2 opciones se pondran en los fotogramas que queramos o tambien podremos ponerlas en un fotograma haciendo click encima de el.

Fps (Fotogramas por segundo):

Con esta opcion podremos controlar la velocidad del movimiento con el cual se movera nuestro objeto, obviamente mientras mas “Fps” tengamos, mas rapido sera el movimiento.

>Reprod. Autom:

Deberemos de activar esta casilla para que la animación comience en cuanto un usuario entre a nuestra pagina

Bucle:

Si lo que queremos es que la animación comience nuevamente después de haberse acabado deberemos de seleccionar esta casilla, ya que si lo dejamos desactivada, solo se movera una vez y al terminar el tiempo (ya seleccionado) quedara fija.

2008-06-03T22:25:00.000-07:00

Poner fotogramas clave.

En tutoriales pasados hemos aprendido a poner movimiento en una sola direccion.

En este nuevo tuto veremos cmo hacer que el movimiento de nuestras animaciones “Vayan y Vengan”, tambien aprenderemos a darle un movimiento en forma curva.

Para poder lograr este tipo de movimientos necesitamos añadir mas fotogramas clave a nuestra linea de tiempo.

Estos 2 tipos de movimientos lo haremos solo con 2 fotogramas clave, uno al final y el otro al principio.

(si queremos crear un fotograma clave en medio deberemos de hacer click encima de un fotograma que este en la mitad de nuestra linea de tiempo, cuando hagamos click deberemos de hacerlo mientras presionamos en nuestro teclado ctrl. (al mismo tiempo hacemos click y mantenemos presionado ctrl.)

Ya que tengamos nuestro nuevo punto clave podremos cambiar la posición de la capa en el para tener un “camino” diferente, por ejemplo:

Si ponemos la capa en el fotograma clave que esta en medio, en vez de la pagina en el que se encontrara el final del movimiento, y en el fotograma clave final lo ponemos en el lugar inicial del trayecto podremos conseguir que nuestro objeto “Vaya y Venga”.Si cuando hacemos click en el fotograma clave de en medio ponemos la capa, mas arriba o mas abajo tendremos un movimiento curvo.

2008-06-03T22:03:00.000-07:00

Objetos con movimiento.

En este nuevo tutorial veremos como desplazar objetos por la pagina cuando el usuario este de visita en ella, lo haremos de las siguientes formas:

Por capas, estan tendran la información que moveremos.

Por tiempo, con esto se podra controlar el modo en que se moveran los objetos.

Para poder realizar la primera debemos de crear una nueva capa, la que debera de tener el texto/imagen que queramos mover.

Una vez que tenemos la capa ya dibujada (lo explicamos en tutos pasados) lo que haremos sera moverla hacia la linea de tiempo de Dreamweaver.

Como puedes ver, tiene los elementos necesarios para poder dar vida a nuestros objetos.

Canales de animación:

Esta opcion es para poner el objeto que se movera.

Canal Behavior (canal de comportamientos)

Esta funcion sera para poder repir el mismo efecto que ya hemos creado una vez que termine.

Cabezal de reproducción:

Muestra la posición del movimiento.

2008-06-03T21:54:00.000-07:00

Como poner musica en nuestra pagina.

Nuestras paginas pueden tener alguna cacncion o sonido en especial que se reproducira cada que un usuario entre a la pagina, para lograr esto debemos de hacer lo siguiente:
1ero:

click sobre la etiqueta “Body” (esta en la parte de debajo de la ventana)

2do:

Activamos “Inspector de etiquetas”

3ro:

Ahora presionamos en “Comportamientos” y presionaremos el icono +

4to:

Ya que hicimos esto seleccionaremos la opcion de “Controlar sonido”

Al hacer todo esto, nos aparecera una nueva ventana como esta:

Ahí podremos poner el nombre del archivo que queremos poner, si no sabes la dirección correcta de donde esta nuestro archivo presionamos “Examinar” ahí buscaremos entre las carpetas el archivo, cuando lo encuentres pones aceptar y, eso es todo.

IMPORTANTE:

Normalmente los sonidos que pondremos en nuestra pagina sera de baja calidad, con el fin de que los usuarios no esperen tanto tiempo a que se cargue la pagina

2008-06-03T21:43:00.000-07:00

Poner vinculos en zonas interactivas.

Este es el complemento del tutorial "Zonas Interactivas", aqui explicaremos como asignarle un comportamiento a nuestras imagenes ...

Cuando ya hemos decidido la forma de la zona interactiva (circulo, poligono o rectangulo) debemos d eponer la direccion hacia donde ira después de hacer click sobre ese pedazo de la imagen.

Vinculo:

Aquí pondremos la dirección del vinculo

Destino:

Esta opcion se usa para elegir en que ventana aparecera, la lista deplegable nos dara las mismas opciones:

_blank … _parent … _sel … _self.

Alt:

Esta opcion es para poner un texto, para cuando un usuario pase el mouse por el vinculo, le aparezca el texto que hayamos puesto en esta seccion

2008-06-03T21:23:00.000-07:00

Poniendo zonas interactivas.

Una imagen en Dreamweaver puede tener varios vinculos, en donde en una parte de una imagen lleve hacia alguna direccion mientras que la otra parte de la misma imagen lleve a otra.

Por ejemplo:

Como puedes ver, es una sola imagen pero cada elemento lleva hacia una direccion diferente, en este caso el icono/elemento que se presione llevara al usuario a distintos destinos dentro de nuestra pagina.

Como hacerlo?

1ero:

Añadiremos la pagina que queramos poner la interactividad.

2do:

Damos click sobre nuestra imagen, inmediatamente se activaran estos botones en la barra de propiedades:

Para que es cada icono?

Herramienta puntero de zona interactiva:Cuando utilizamos esta opcion y hacemos click dentro de la imagen y sobre donde queramos crear la zona interactiva, aparecera algunos puntos, estos, los podemos agrandar/modificar.

Herramienta zona interactiva rectangular: Esta función es para crera un vinculo de manera rectangular.

Zona interactiva oval: Con este, podremos hacer una selección de manera circular.

Con esta opcion podremos hacer la selección de manera “poco comun” ya que podremos darle la forma que queramos, es como utlizar al Paint.

2008-06-03T18:22:00.000-07:00

Como editar un vinculo.

Ya hicimos un vinculo pero que pasa si ya no lo queremos?

Como lo editamos o como lo borramos?

Modificar vinculos:

1ero:

Seleccionamos la imagen/texto, según sea el caso y vamos hacia “Modificar -> Cambiar vinculo”, tambien podremos presionar ctrl.+L

Nos aparecera la misma ventana de “Crear vinculos” pero con la diferencia que tiene las opciones ya completadas con la información de este, asi que solamente deberemos de cambiar la información y presionar Aceptar.

Como eliminar algun vinculo?

Esto es mas sencillo aun, solo debreas de seleccionar el texto o la imagen donde se encuentre el vinculo que queremos eliminar y vamos a “Modificar -> Quitar vinculo”

Y listo, modificamos/eliminamos nuestro vinculo.

2008-06-03T18:12:00.000-07:00

Carga previa de imagenes.

Esta funcion lo que hace es “descargar” imágenes, (ojo, no son las mismas que estan en la pagina, son otras) al verse la pagina en el navegador del usuaro que este viendo en ese momento nuestra pagina.

Esto lo que hara sera que no tardara tanto en mostrar estas imágenes ya que ya estarian “descargadas”, para esto debemos de hacer click en “body”, ahí te aparecera la siguiente ventana:

En ella podras ver las siguientes opciones:

Archico de origen de imagen:
Aquí podremos seleccionar una por una las imágenes que queremos que se descarguen previamente.

Carga previa de imágenes:

Cuando hacemos el paso anterior el nombre de la imagen se vera en la lista que lleva el mismo nombre (carga previa de imágenes), si queremos poner alguna imagen mas aparte de las que ya estan solo debemos de presionar el icono:

O bien, si queremos eliminar alguna imagen debemos de seleccionarla y presionar el icono:

Y asi de facil es una carga previa de imagenes.

2008-06-03T17:59:00.000-07:00

Texto en Flash.
Para poder darle una presentacion mas dinamica a nuestra pagina podemos añadir elementos flash, como botones imágenes (en tutoriales pasados explicamos como hacer esto) o tambien podemos animar el texto, como hacerlo?, te explico:

Igual que como lo hicimos en el tutorial de “Botones flash”, podremos darle una animación a nuestro texto. Lo haremos de la misma forma y el resultado podra ser:

*Que ese texto tenga un vinculo

*El texto podra ser de cualquier tamaño y tipo de letra.

*Al pasar el mouse por encima de el, cambie de color.

Haremos los mismos pasos que el tutorial “Botones flash” pero en el menú desplegable sustituiremos “Botones flash” por “Texto flash”, nos aparecera una ventana como esta:

En esta nueva ventana pondremos los valores que mas nos gusten.

2008-06-03T17:50:00.000-07:00

Insertar imagenes con Dreamweaver.

Como ya hemos hablado en tutoriales pasados, los formatos mas comunes son GIF y JPEG, recordemos lo que esto significa:

Significa que son mapas bits y que a su vez son archivos mas livianos, para que?? Para que al momento de que algun usuario visite nuestra pagina, esta no tarde mucho en cargarse.

Para poder poner una imagen con Dreamweaver debemos de hacer lo siguiente:

Vamos a “Insertar -> Imagen” ..

Cuando hacemos esto, nos aparecera una ventana como esta:

Te explico para que es cada apartado:

Buscar:
Aquí, esta opcion nos permite buscar en nuestra pc la imagen que queremos poner.

Buscar en:

Esta opcion es para cuando nos aparece debajo alguna imagen (previamente seleccionada) esta, podrmos seleccionarla o cambiarla por una nueva.

Nombre:

Esta opcion es para cuando sepamos el nombre de la imagen que buscamos, asi no tendremos que dar click en las opciones de “Buscar” y “Buscar en”.

Vista previa de imagen:

Como su nombre lo indica, cuando activamos la casilla de vista previa, podremos ver la imagen seleccionada, esto evita confusiones.

Relativa a:

Con esta funcion, podremos poner si la direccion de la imagen es de algun lugar de Internet o si es de la misma pagina que estamos haciendo, bueno, mas bien, de nuestra pc.

Cuando ya tengamos seleccionada la imagen y ya hayamos dado click en aceptar nos aparecera una nueva ventana como esta:

Texto alternativo:

Aquí pondremos algun mensaje que aparecera al momento de que algun usuario pase su mouse por encima de la imagen, aparecera en un recuadro amarillo.

Descripción larga:

Esta opcion es para que pongas que, fin tiene esta imagen, mas que nada es para que te sirva como referencia.

2008-06-03T17:36:00.000-07:00

Diseñando una plantilla.

Para poder hacer una plantillas debemos de seguir los siguientes pasos:

1ero:

Vamos a “Insertar -> Objetos de plantilla -> Crear plantilla” Cuando hacemos esto, nos aparecera una nueva ventana, como esta:

2do:

Pondremos el nombre que le daremos a nuestra plantilla y lo haremos en “Guardar como”, ahora seleccionamos la pagina que hemos diseñado para que la plantilla forme parte del desplegado de la “Lista sitios”

Cuando pongamos “Guardar”, la pagina con la que estamos trabajando sera ya una plantilla con el nombre asignado y con la extencion “dwt.” Ahora si, podremos empezar a crear nuestra plantilla.

3ro:

Lo que haremos a continuación sera poner los elementos que formaran la parte fija, aunque podemos tambien diseñar toda la plantilla y después seleccionar loe elementos que seran editables.Las zonas que podran modificarse en un futro deberan de marcarse como “Regiones editables” para esto tendremos que seleccionar los elementos que queramos que sean editables después y vamos a “Insertar -> Objetos de plantilla -> Region editable”, haciendo esto, aparecera una nueva ventana como esta:

4to:

Ahí deberemos de poner el nombre de la region.En la pantalla podremos ver un cuadro con bordes azules, este representa las zonas editables y todo lo que pongamos en ese cuadro seran las zonas editables

2008-06-03T16:53:00.000-07:00

Botones Flash.

En este tutorial explicaremos como agregar botones flash a nuestra pagina, podemos seleccionar los que vienen por defecto en Dreamweaver o seleccionar otros, es el mismo metodo.

Para ver los botones debes de hacer lo siguiente, vamos a “Insertar à Media à Boton flash”, esto nos abrira una nueva ventana como esta:

Estilo:

Aquí podremos ver los diferentes tipos de botones que podemos utilizar.

Texto del boton:

Aquí pondremos el mensaje que aparecera al presionar el boton.

Fuente:

Aquí podremos seleccionar el tipo de letra.

Tamaño:

El tamaño de letra que aparecera.

Vinculo:

Aquí pondremos la direccion a la que nos llevara el boton después de hacer click en el.

Color de fondo:

Aquí podremos seleccionar el color del borde y fondo de nuestro boton.

Guardar como:

Esto es por si queremos guardar y ponerle nombre a nuestro boton, esto se los recomiendo ya que si haces una nueva pagina y quieres poner este mismo boton sera facil de encontrar.

Boton “Obtener mas estilos”:

Para esto, si estamos conectado a Internet al momento de presionarlo nos mandara a la pagina de Macromedia y ahí podremos encontrar mas botones.

2008-06-03T14:45:00.000-07:00

Sustitucion automatica de palabras.

Como explicamos en el tutorial pasado haremos una nueva busqueda.

La ventana es la misma que la ventana de busqueda asi que haremos lo mismo:

Ponemos el texto que queramos reemplazar y esto lo haremos en la opcion de “Buscar”, después en la seccion “Reemplazar”, pondremos la palabra por la cual sera sustituida.

Al hacer esto tendremos para escoger 2 opciones:

Presionar el boton “Buscar sig.”,

con esto, nos llevara hacia la palabra que estamos buscando y pulsaremos el boton “Reemplazar” y con esto, la palabra que se tenia antes cambiara por la nueva que hemos escrito en la seccion de “Reemplazar”.

Podremos sleccionar tambien el boton de “Reemp Todos”,

esto no es muy aconsejable ya que cambiara todas esas palabras que queramos sustituir por ejemplo, si queremos buscar la palabra “Sitio” y reemplazarla por “Web”, cambiara todas las palabras “Sitios” de nuestra pagina y lo sustituira por “Web”

2008-06-03T14:19:00.000-07:00

Busqueda y reemplazo automatico de datos II.

Este es la continuacion del tutorial pasado !!

Archivos seleccionados en el sitio:

Realizara la busqueda en los archivos seleccionados del sitio.

Sitio actual completo:

Este es el que mas recomiendo ya que hara una busqueda total, es decir en toda (as) la spaginas que estemos diseñando en ese momento.

Buscar:

En esta lista que se desplegara después de hacer la selección de esta opcion nos permitira elegir que tipo de dato es el que estamos buscando.

Coincidir mayusculas y minusculas:

(esta en la parte de bajo de esta misma ventana). Con esto Dreamweaver buscara solo las palabras que esten escritas de forma exacta, por lo cual no recomiendo el seleccionar esta opcion.

Coincidir mayusculas y minusculas : la casilla de “Palabra completa”, esta opcion es para localizar el texto unicamente si lo que escribiste aparece formando una palabra.

Omitir espacio en blanco

Esta opcion es bastante util cuando buscamos mas de una palabra en el mismo dato por que obviamente escribimos cualquier texto segudi de un espacio en blanco (que se da con la barra de espacio en nuestro teclado)

por ejemplo: si buscamos el texto:

Mi pagina, lel resultado de la busqueda seria: Mi pagina El resultado tendra entre palabra 2 o mas espacios.

Utilizar expresión regular:

Esta opcion nos permite hacer una busqueda con caracteres especiales.

Boton de “Buscar siguiente”:

Cuando presionamos este boto, Dreamweaver hara la busqueda y cuando encuentre la palabra (as) se parara la busqueda marcando claramente la palabra.

Boton de “Buscar todos”:

Esta opcion es para que haga la busqueda en todas las posiciones de la pagina y nos de un informe en el panel de “Resultados”

2008-06-03T14:09:00.000-07:00

Busqueda y reemplazo automatico de datos.

Esta opcion nos sirve en casos de que la pagina que estamos haciendo tenga mucho texto y se nos haga difícil encontrar una palabara u oracion que queramos modificar o eliminar.

Como el titulo lo dice, podremos buscar y cambiar palabras automáticamente.

Para hacerlo debemos de seguir estos pasos:

1ero:

Vamos a “Edicion à Buscar y reemplazar” o presionar las teclas ctrl.+F, cuando hagamos esto nos aparecera una ventana como esta:

Esta ventana es la que nos facilitara la busqueda mediante las siguientes opciones:

Buscar en:

Aquí elegiremos los lugares de la pagina que estamos haciendo en donde se hara la busqueda.

Texto seleccionado:

Si nosotros tenemos seleccionado alguna parte de un texto en particular, en donde creemos que esta lo que buscamos pero que por alguna extraña razon no podemos encontrar, buscara solo en ese lugar (solo en donde haya texto seleccionado)

Documento actual:

Realizara la busqueda solo en la pagina que estamos hacendo.

Documentos abiertos:

Esta opcion es para cuando estamos haciendo otra pagina.

Carpeta:

Aquí, como se imaginaran, hara la busqueda en la carpeta que nosotros tengamos eso que estamos buscando.

TERMINAREMOS CON ESTE TEMA EN EL PROXIMO TUTORIAL

2008-06-03T13:36:00.000-07:00

Insertar tablas.

Para poder hacer una tabla debemos de hacer lo siguiente:

1ero: Vamos a “Insertar -> Tabla “, o para mas comodidad solo presionaremos en el teclado ctrl.+T. Cuando hagamos esto, nos aparecera una nueva ventana, como esta:

Como podemos ver tenemos varias opciones:

Filas / Columnas

Ancho de tabla

Grosor de borde

Relleno de celda

Espacio entre celdas

Encabezado

Texto

Resumen

Te explico para que es cada uno de estos apartados

Filas / Columnas:

Aquí pondremos el numero de filas y el numero de columnas que tendra nuestra tabla.

Ancho de tabla:

Como su nombre lo dice, especificaremos el ancho que tendra nuestra tabla y podremos seleccionarlo en Pixeles o Porcentaje

Grosor de borde:

Aquí pondremos el ancho de la linea que formara el marco de nuestra tabla.

Relleno de celda:

Aquí pondremos la distancia que debe de haber entre el texto y el borde de la celda.

Espacio entre celdas:

Aquí pondremos la distancia que tendran las celdas en nuestra tabla.

Encabezado:

Aquí, lo que esta funcion hara es, resaltar el texto de la fila en las celdas de la tabla.

Texto:

Básicamente, esta opcion sirve para pner un titulo que aparecera sobre la tabla.

Resumen:

Esta funcion nos permite poner algo asi como una descripción, sobre para que sirve la celda que estamos creando, lo que sea que pongamos en esta seccion, no aparecera en la pagina, solo es una referencia para ti, el editor de la pagina.

Ya que hicimos esto, solo presionamos en “Aceptar”, seguidamente nos aparecera la tabla con los valores que nosotros pusimos.

Los valores que pusimos en esta tabla son de 5 cada una.

2008-06-03T11:34:00.000-07:00

Vinculos a E-mail.

Para este nuevo tutorial, hablaremos sobre como hacer un vinculo para que el usuario pueda mandarnos un mail desde nuestra pagina.

1ero:

Vamos a “Insertar à Vinculo de correo electronico” nos aparecera una nueva ventana como esta

En donde dice Texto pondremos el mensaje que aparecera en la pagina y que sera el enlace por ejemplo: Contactame, Mandame un mail, etc etc etc …

2do:

En donde dice “Correo electronico” pondremos la direccion de correo que estemos usando (cualquiera).

2008-06-03T11:16:00.000-07:00

Como poner marcos a nuestra pagina.

Esto es una parte fundamental a la hora de crear nuestra pagina ya que gracias a los marcos, la información que pongamos, se vera muy bien ordenada, de lo contrario, como podras imaginarte, se veria todo fuera de lugar y no es eso lo que queremos.

Crear nuestro marcos es muy facil, te explico:

Lo 1ero.

Para poder seleccionar la ubicación de los marcos debemos de ir a “Insertar -> Html -> Marcos”, se desplegara el menú de los marcos y seleccionaremos “Izquierda” (este es el ejemplo del tutorial, tu puedes seleccionar el lado que quieras)

2do.

Ya que hayamos seleccionado la ubicación nos aparcera una ventana como esta:

En esta ventana tenemos que poner el titulo que llevara el marco que estemos creando, tambien podremos ver, las diferentes ubicaciones de los marcos. Esta ventana sera en donde pondremos el titulo de cada marco.

Y eso es todo, ya tenemos creados nuestros marcos para nuestra pagina.

2008-06-03T10:47:00.000-07:00

Validando un formulario.

Esta funcion se encarga de comprobar que los datos que ponga un usuario nuestros formularios sean los correctos.

Haremos el siguiente ejemplo:

Un boton que diga Enviar y aplicarle el comportamiento “Validar formulario”

Cuando seleccionamos este tipo de comportamiento nos aparecera una nueva ventana:

A continuacion te explico que es cada apartado de esta ventana:

Campos con nombre:

Aquí debemos seleccionar el elemento del formulario que queremos validar

Obligatorio:

Seleccionaremos esta casilla para que el usuario no pueda dejar en blanco esta parte del formulario

Cualquier cosa:

Esta funcion permite al usuario poner lo que sea

Numero:

Con esta opcion el usuario debera de poner numeros y no texto

Direccion de correo electronico:

Con esta, el usuario tendra que poner alguna direccion de E-mail, esto no necesariamente significa que pondra una verdadera.

Numero del – al:

Aquí el usuario debera de poner un numer X al X (la cantidad de inicio y la del final esta previamente seleccionada por nosotros)

Si el usuario no cumple con las normas que nosotros hayamos puesto en estos parámetros le aparecera en su pantalla un cuadro de texto que dira:

"The following error(s) ocurred:

-Nombre is required

-Apellidos is required

-DNI is required

-Direccion is required

-CP must contain a number"

2008-06-03T10:23:00.000-07:00

Comprobar el Navegador.

En este tutorial te explicaremos como hacer que aparezca una pagina u otra, dependiendo del navegador que tenga el usuario que visita nuestra pagina.

Asi podremos programas caracteristicas que solo funcionaran en determinado navegador y los que tengan otro la veran de manera diferente (porque sera otra pagina) para esto debemos de seleccionar la etiqueta “Body”, al presionar dicha etiqueta nos saldra esta ventana:

Netscape Navigator: Aquí pondremos la version del navegador que queramos controlar, si se trata de esa version o de una mas nueva debemos de poner en el menú desplegable “O superior” después seleccionamos que es lo que Dreamweaver debera de hacer por ejemplo:

* Permanecer en esta pagina

* Ir a URL (esto seria ir a otra pagina)

* Ir a Alt URL.

Para esta ultima debemos de teclear en el cuadro de texto URL la direccion de esa pagina o tambien podemos presionar el boton “Examinar”. De la misma forma para “Ir a Alt URL (tecleando la direccion o por medio del boton examinar)

Para hacerlo en navegadores diferentes (ejemplo: Internet Explorer) lo haremos de la misma forma, no varia en nada.

2008-06-03T10:14:00.000-07:00

Mensaje Emergente.

Este es el tutorial mas corto, sin duda.

Por lo mismo, de los mas sencillos, lo que haremos sera, agregar un mensaje que aparecera cuando el usuario que este en nuestra pagina haga click en algun elemento que este en nuestra web.

Para esto solo deberemos de poner el mensaje que queramos que aparezca en la seccion de “Menaje” ..

Para esto haremos click en “Comportamientos -> Mensaje emergente”.

Esta es la ventana de “Mensaje emergente” :

2008-06-03T09:20:00.000-07:00

Comprobar Plugin.

Que pasa si algun usuario no cuenta con el plugin para poder ver nuestra pagina?

En este tutorial explicaremos como lograr que la vea en una pagina “diferente”...

Por ejemplo: Si el usuario no cuenta con algun reproductor, no podra ver los detalles en flash que pongamos en nuestra pagina, lo que queremos hacer con nuestra pagina es darla a conocer al mundo por eso explicaremos como hacerlo. Para esto, debemos tener en cuenta que se tendra que hacer una pagina extra para estos casos y asi el usuario podra ver toda la información. Para esto debemos de ir a la etiqueta “body”, cuando lo hagamos nos aparecera la siguiente ventana:

Te explico las opciones de esta ventana:

Seleccionar:

Aquí elegiremos el plugin

Introducir:

Si no encontramos el plugin en el menú desplegable de la opcion seleccionar activamos esta casilla y escribimos el nombre del plugin que queramos.

Si se encuentra, ir a URL:

Ahí podremos escribir la direccion de la pagina, que debe de visualizarce si el usuario tiene el plugin que tiene nuestra web

De lo contrario, ir a URL:

Aquí pondremos la direccion de la pagina “alternativa”, a la que sera enviado el usuario si su navegador no tiene ese plugin.

Ir siempre al primer URL si no es posible detectar:

Si activamos esta casilla llevara al usuario a la pagina que pusiste previamente en “Si se encuentra, ir a URL”, si es que no puede detectar el plugin.