Recursos de Dreamweaver CS4
|
Utilización de fragmentos de código
Los fragmentos de código permiten almacenar contenido para volverlo a utilizar posteriormente. Puede crear, insertar, editar o eliminar fragmentos de código HTML, JavaScript, CFML, ASP, PHP, etc. También puede administrar y compartir los fragmentos de código con otros miembros del equipo. Hay disponibles algunos fragmentos predefinidos que puede utilizar como punto de partida.
Los fragmentos de código que contienen etiquetas <font> y otros elementos y atributos que ya no se utilizan se encuentran en la carpeta Antiguos del panel Fragmentos.
Inserción de un fragmento de código- Sitúe el punto de inserción donde desee insertar el fragmento de código, o seleccione código para ajustar un fragmento alrededor.
- En el panel Fragmentos (Ventana > Fragmentos), haga doble clic en el fragmento.
También puede hacer clic con el botón derecho del ratón (Windows) o presionar la tecla Control y hacer clic (Macintosh) en el fragmento y, a continuación, elegir Insertar del menú emergente.
Creación de un fragmento de código- En el panel Fragmentos, haga clic en el icono Nuevo fragmento situado en la parte inferior del panel.
- Introduzca un nombre para el fragmento de código.
Nota: Los nombres de fragmentos no pueden contener caracteres no válidos en los nombres de archivo, por ejemplo barras (/ o \), caracteres especiales o comillas dobles (“).
- (Opcional) Introduzca una descripción del fragmento que facilite a los demás miembros del equipo la utilización del mismo.
- Para Tipo de fragmento, elija Ajustar selección o Insertar bloque.
- Si ha seleccionado Ajustar selección, añada código para las siguientes opciones:
- Insertar antes
- Escriba o pegue el código que se debe insertar antes de la selección actual.
- Insertar después
- Escriba o pegue el código que se debe insertar después de la selección actual.
Para establecer un espacio predeterminado entre los bloques, utilice saltos de línea; presione Intro (Windows) o Retorno (Macintosh) en los cuadros de texto.
Nota: Debido a que los fragmentos pueden crearse como bloques iniciales y finales, podrá utilizarlos para rodear otras etiquetas y contenido, lo que resulta muy útil para insertar formatos especiales, vínculos, elementos de navegación y bloques de script. Para hacerlo, resalte el contenido que desea rodear e inserte el fragmento.
- Si opta por Insertar bloque, escriba o pegue el código que se debe insertar.
- (Opcional) Seleccione un tipo de vista previa: Código o Diseño.
- Diseño
- Procesa el código y lo muestra en el panel Vista previa del panel Fragmentos.
- Código
- Muestra el código en el panel Vista previa.
- Haga clic en Aceptar.
Edición o eliminación de un fragmento de código En el panel Fragmentos, seleccione un fragmento y haga clic en el botón Editar fragmento o el botón Quitar situados en la parte inferior del panel.
Creación de carpetas de fragmentos de código y administración de fragmentos de código- En el panel Fragmentos, haga clic en el icono Nueva carpeta de fragmentos situado en la parte inferior del panel.
- Arrastre los fragmentos que desee a la nueva carpeta o a otras carpetas.
Adición o edición de un método abreviado de teclado para un fragmento- En el panel Fragmentos, haga clic con el botón derecho del ratón (Windows) mantenga presionada la tecla Control y haga clic (Macintosh) y seleccione Editar métodos abreviados de teclado.
Aparecerá el editor de métodos abreviados de teclado.
- En el menú emergente Comandos, seleccione Fragmentos.
Aparecerá una lista de fragmentos.
- Seleccione un fragmento y asígnele un método abreviado de teclado.
Para más información, consulte Personalización de los métodos abreviados de teclado.
Cómo compartir un fragmento con otros miembros del equipo- Busque el archivo correspondiente al fragmento que desea compartir en la carpeta Configuration\Snippets en la carpeta de la aplicación Dreamweaver.
- Copie el archivo del fragmento en una carpeta compartida de su equipo o de un equipo de red.
- Solicite a los demás miembros del equipo que copien el archivo del fragmento en sus carpetas Configuration\Snippets.
|