Dreamweaver Spry Tutorial

Con Spry de Dreamweaver pestañas widget de panel, se puede condensar sitios web considerablemente . Por ejemplo , un sitio web de 10 páginas se puede condensar a una sola página , lo que no sólo es muy portátil, pero menos complicado. Más que eso , sin embargo , este widget se puede eliminar la necesidad de hacer vínculos y marcadores . Esto significa que sus visitantes pueden encontrar información del sitio web más rápido y usted no tiene que preocuparse acerca de los vínculos rotos .

Inicie el programa Dreamweaver y seleccione la opción Crear HTML de la pantalla de inicio . Guarde el archivo después de que se abre . Guarde el archivo como firstSprite.Things que necesitará
Adobe Dreamweaver , CS3 , CS4 o CS5 versión
PC
Mostrar Más instrucciones
Inserte el widget Spry de
1 Agregar contenido a cada uno de pestaña de contenido y cajas del panel de pestañas .

Coloque el cursor donde desea que los paneles con fichas para ser colocados . Seleccione Insert > Spry > pestañas paneles de la barra de herramientas del menú principal
2 Test Panel Spry pestañas

Coloque el ratón en el interior de la etiqueta de la pestaña . " Pestaña1 . " . Seleccione el texto " Pestaña1 " , borrarla con la tecla de retroceso y reemplazarlo con un nombre más relevante . Utilice " Lista 1 " para este ejemplo . Coloque el cursor del ratón en el cuadro de contenido asociado con "Programa 1" Es la caja que tiene " Content1 " pre - escrito en ella . Eliminar " Content1 " y escriba en su propio contenido de texto . Escriba o pegue el contenido tanto de texto como usted desea .

Coloque el cursor sobre el cuadro de " Tab 2 " hasta que aparezca el icono del ojo . Haga clic en el icono del ojo para seleccionar el texto " Tab 2" y el cuadro de contenido asociado " Tab 2 " . Reemplace el texto " Tab 2 " con el nombre que usted necesita . Utilice " Lista 2 " para este ejemplo . Coloque el cursor de texto con el ratón en el cuadro " Content2 " . Reemplace el texto " Content2 " con su propio texto .
3

Coloque el cursor del ratón sobre la pestaña " Lista 1 " . Haga clic en el icono del ojo cuando aparece dentro de la pestaña " Lista 1 " . Haga lo mismo con la ficha " Lista 2 " . Asegúrese de que el contenido que usted escribió en la pestaña " Content1 " aparece cuando se selecciona la pestaña " Lista 1 " . Asegúrese también de que el contenido que usted puso en el cuadro Contenido " Lista 2 " aparece cuando se selecciona la pestaña " Lista 2 "

Select File > . Prueba en el navegador y gt; iexplore desde la ventana principal de Dreamweaver . Seleccione " Sí" cuando Dreamweaver le pide que guarde el archivo . Seleccione la pestaña " Lista 1 " en la vista previa y comprobar para ver si el contenido que usted escribió en el cuadro Contenido " Lista 1 " aparece cuando se selecciona la pestaña " Lista 1 " . Haga lo mismo con la ficha " Lista 2 " .