Apache MP3-341 User Manual

Uso deADOBE® DREAMWEAVER® CS4

4USO DE DREAMWEAVER CS4RecursosExtrasEl disco de instalación contiene diversos extras para aprovechar al máximo el software de Adobe. Algunos de ellos

94USO DE DREAMWEAVER CS4Creación y administración de archivosPuede revisar la actividad de los archivos abriendo el archivo de registro en Dreamweaver

95USO DE DREAMWEAVER CS4Creación y administración de archivos5 Seleccione la opción Proteger archivos al abrir si desea proteger automáticamente los a

96USO DE DREAMWEAVER CS4Creación y administración de archivosDesprotección de archivos mediante el panel Archivos1 En el panel Archivos (Ventana >

97USO DE DREAMWEAVER CS4Creación y administración de archivosUtilización de WebDAV para desproteger y proteger archivosDreamweaver puede conectar con

98USO DE DREAMWEAVER CS4Creación y administración de archivosConfiguración de una conexión a SVNAntes de utilizar Subversion (SVN) como sistema de con

99USO DE DREAMWEAVER CS4Creación y administración de archivosVéase también “Configuración y edición de una carpeta raíz local” en la página 41“Configu

100USO DE DREAMWEAVER CS4Creación y administración de archivosValidación de archivos1 Asegúrese de haber configurado correctamente la conexión a SVN.2

101USO DE DREAMWEAVER CS4Creación y administración de archivos• Para mostrar los archivos de la base de datos de SVN, seleccione Vista de la base de d

102USO DE DREAMWEAVER CS4Creación y administración de archivosResolución de archivos en conflictoSi su archivo entra en conflicto con otro archivo del

103USO DE DREAMWEAVER CS4Creación y administración de archivosSincronización de archivosSincronización de los archivos de los sitios local y remotoDes

5USO DE DREAMWEAVER CS4RecursosConjuntos de datos HTMLPuede incorporar la potencia de los datos dinámicos a sus páginas Web sin necesidad de invertir

104USO DE DREAMWEAVER CS4Creación y administración de archivos4 En el menú Sincronizar, siga uno de estos procedimientos:• Para sincronizar todo el si

105USO DE DREAMWEAVER CS4Creación y administración de archivosUtilice Dreamweaver para hacer que las páginas HTML puedan editarse antes de habilitar a

106USO DE DREAMWEAVER CS4Creación y administración de archivos• Seleccione Transformar la etiqueta padre en una región si desea que Dreamweaver convie

107USO DE DREAMWEAVER CS4Creación y administración de archivosRegiones repetidas tal y como se muestran en una ventana de navegador editable de InCont

108USO DE DREAMWEAVER CS4Creación y administración de archivosNota: Las etiquetas div son las únicas que pueden contener atributos de regiones editabl

109USO DE DREAMWEAVER CS4Creación y administración de archivosSi es la primera vez que añade la funcionalidad InContext Editing a una página, Dreamwea

110USO DE DREAMWEAVER CS4Creación y administración de archivosLas regiones editables no deben contener regiones repetidas ni grupos de regiones repeti

111USO DE DREAMWEAVER CS4Creación y administración de archivosComparación de archivos para detectar diferenciasComparación de archivos locales y remot

112USO DE DREAMWEAVER CS4Creación y administración de archivosComparación de dos archivos localesPuede comparar dos archivos ubicados en cualquier lug

113USO DE DREAMWEAVER CS4Creación y administración de archivosComparación de un archivo abierto con un archivo remotoPuede comparar un archivo abierto

6Capítulo 2: Espacio de trabajoEl espacio de trabajo de Adobe® Dreamweaver® CS4 contiene barras de herramientas, inspectores y paneles que le permiten

114USO DE DREAMWEAVER CS4Creación y administración de archivosRecuperación de versiones anteriores de archivos (usuarios de Contribute)Recuperación de

115USO DE DREAMWEAVER CS4Creación y administración de archivosNota: Para realizar una operación con una carpeta o un archivo oculto determinado, puede

116USO DE DREAMWEAVER CS4Creación y administración de archivosCómo ocultar y anular la ocultación de tipos de archivo específicosEs posible indicar ti

117USO DE DREAMWEAVER CS4Creación y administración de archivos3 Haga clic con el botón derecho del ratón (Windows) o mientras presiona la tecla Contro

118USO DE DREAMWEAVER CS4Creación y administración de archivosActivación y desactivación de Design Notes para un sitioLas Design Notes son notas asoci

119USO DE DREAMWEAVER CS4Creación y administración de archivos6 En la ficha Toda la información, haga clic en el botón más (+) para añadir un nuevo pa

120USO DE DREAMWEAVER CS4Creación y administración de archivos2 Seleccione el sitio y haga clic en Editar.3 En el cuadro de diálogo Definición del sit

121USO DE DREAMWEAVER CS4Creación y administración de archivos5. Genere varios informes del sitio para comprobar su funcionamiento y solucionar los

122USO DE DREAMWEAVER CS4Creación y administración de archivosNota: También puede añadir distintos tipos de informes a Dreamweaver a través del sitio

123USO DE DREAMWEAVER CS4Creación y administración de archivosEtiquetas vacías que pueden borrarse Crea un informe en el que se detallan todas las et

7USO DE DREAMWEAVER CS4Espacio de trabajoAdición de contenido a las páginasAñada activos y elementos de diseño, como texto, imágenes, imágenes de sust

124Capítulo 5: Administración de activos y bibliotecasEl panel Activos (situado en el mismo grupo de paneles que el panel Archivos), es la herramienta

125USO DE DREAMWEAVER CS4Administración de activos y bibliotecasEn el caso de elementos vinculados como imágenes, la biblioteca solamente almacena una

126USO DE DREAMWEAVER CS4Administración de activos y bibliotecasPanel Activos con la lista Sitio mostrada. Los iconos de categorías se encuentran a l

127USO DE DREAMWEAVER CS4Administración de activos y bibliotecasDe manera predeterminada, los activos de una categoría se enumeran alfabéticamente por

128USO DE DREAMWEAVER CS4Administración de activos y bibliotecasAdición de un activo a un documentoPuede insertar la mayoría de los activos en un docu

129USO DE DREAMWEAVER CS4Administración de activos y bibliotecasSelección y edición de activosEl panel Activos permite seleccionar múltiples activos s

130USO DE DREAMWEAVER CS4Administración de activos y bibliotecasLocalización del archivo de un activo en el panel Archivos1 En el panel Activos, selec

131USO DE DREAMWEAVER CS4Administración de activos y bibliotecasVéase también “Introducción al panel Activos” en la página 125“Utilización del selecto

132USO DE DREAMWEAVER CS4Administración de activos y bibliotecas2 Seleccione la opción Favoritos en la parte superior del panel.3 Siga uno de estos pr

133USO DE DREAMWEAVER CS4Administración de activos y bibliotecasSi hay algo seleccionado, se colocará en el nuevo elemento de biblioteca.2 En el panel

8USO DE DREAMWEAVER CS4Espacio de trabajoEn Windows®, Dreamweaver proporciona un diseño integrado en una única ventana. En el espacio de trabajo integ

134USO DE DREAMWEAVER CS4Administración de activos y bibliotecasActualización del documento actual para que utilice la versión actual de todos los ele

135USO DE DREAMWEAVER CS4Administración de activos y bibliotecasPersonalización del resaltado de elementos de bibliotecaPuede personalizar el color de

136USO DE DREAMWEAVER CS4Administración de activos y bibliotecasEdición de un comportamiento en un elemento de bibliotecaPara editar un comportamiento

137Capítulo 6: Creación de páginas con CSSAdobe® Dreamweaver® CS4 incluye numerosas funciones diseñadas para facilitar la creación de estilos y diseño

138USO DE DREAMWEAVER CS4Creación de páginas con CSSh1 { font-size: 16 pixels; font-family: Helvetica; font-weight:bold; }Cada declaración consta de d

139USO DE DREAMWEAVER CS4Creación de páginas con CSSDreamweaver reconoce los estilos definidos en documentos existentes siempre que se ajusten a las d

140USO DE DREAMWEAVER CS4Creación de páginas con CSSbody { font-family: Arial; font-style: italic; }Todo el texto de los párrafos de la página Web (as

141USO DE DREAMWEAVER CS4Creación de páginas con CSS“Creación de una nueva regla CSS” en la página 146Aplicación de formato al texto con el tutorial d

142USO DE DREAMWEAVER CS4Creación de páginas con CSSCreación y administración de CSSAcerca del panel Estilos CSSEl panel Estilos CSS permite supervisa

143USO DE DREAMWEAVER CS4Creación de páginas con CSS.foo{ color: green; font-family: 'Arial'; } p{ font-family: 'serif'; font-size

9USO DE DREAMWEAVER CS4Espacio de trabajoA. Barra de la aplicación B. Barra de herramientas Documento C. Ventana de documento D. Conmutador de esp

144USO DE DREAMWEAVER CS4Creación de páginas con CSSVéase también “Apertura del panel Estilos CSS” en la página 145El panel Estilos CSS en modo TodoEn

145USO DE DREAMWEAVER CS4Creación de páginas con CSSBotones y vistas del panel Estilos CSSEn ambos modos, Todo y Actual, el panel Estilos CSS contiene

146USO DE DREAMWEAVER CS4Creación de páginas con CSSConfiguración de las preferencias de Estilos CSSLas preferencias de estilos CSS controlan la forma

147USO DE DREAMWEAVER CS4Creación de páginas con CSS• Para redefinir el formato predeterminado de una etiqueta HTML específica, seleccione la opción E

148USO DE DREAMWEAVER CS4Creación de páginas con CSSText-decoration Añade subrayado, sobreimpresión o tachado al texto o hace que el texto parpadee.

149USO DE DREAMWEAVER CS4Creación de páginas con CSShorizontalmente (X). Si la propiedad de attachment es fixed, la posición será relativa a la venta

150USO DE DREAMWEAVER CS4Creación de páginas con CSSPuede aplicar la configuración en los distintos lados de un elemento al establecer el relleno y lo

151USO DE DREAMWEAVER CS4Creación de páginas con CSSColor Establece el color del borde. Puede especificar colores distintos para cada lado, pero su

152USO DE DREAMWEAVER CS4Creación de páginas con CSS• Fixed coloca el contenido utilizando las coordenadas introducidas en los cuadros Placement en re

153USO DE DREAMWEAVER CS4Creación de páginas con CSSNota: Dreamweaver incluye otras propiedades de extensiones, pero para acceder a ellas, debe hacerl

10USO DE DREAMWEAVER CS4Espacio de trabajoBarra de herramientas Estándar (No se muestra en el diseño de espacio de trabajo predeterminado.) Contiene

154USO DE DREAMWEAVER CS4Creación de páginas con CSS2 Haga clic en el botón Todo situado en la parte superior del panel Estilos CSS.3 Siga uno de esto

155USO DE DREAMWEAVER CS4Creación de páginas con CSSVéase también “Hojas de estilos en cascada” en la página 137“Estilos en cascada” en la página 139“

156USO DE DREAMWEAVER CS4Creación de páginas con CSSDesplazamiento de reglas CSSLas funciones de administración CSS de Dreamweaver facilitan el despla

157USO DE DREAMWEAVER CS4Creación de páginas con CSSReorganización o desplazamiento de reglas arrastrándolas❖ En el panel Estilos CSS (modo Todo), sel

158USO DE DREAMWEAVER CS4Creación de páginas con CSS• Escriba la ruta de la hoja de estilos en el cuadro Archivo/URL. 4 En Añadir como, seleccione una

159USO DE DREAMWEAVER CS4Creación de páginas con CSSConfiguración de preferencias de formato de código CSS1 Seleccione Edición > Preferencias.2 En

160USO DE DREAMWEAVER CS4Creación de páginas con CSSComprobación de problemas de representación de CSS con distintos navegadoresLa función Comprobar c

161USO DE DREAMWEAVER CS4Creación de páginas con CSSCómo saltar al error siguiente o anterior encontrado en el código❖ Seleccione Siguiente problema o

162USO DE DREAMWEAVER CS4Creación de páginas con CSSPara ver información de herramientas, pase el puntero del ratón por encima de los botones del pane

163USO DE DREAMWEAVER CS4Creación de páginas con CSSVéase también “Introducción a la barra de herramientas Representación de estilos” en la página 14U

11USO DE DREAMWEAVER CS4Espacio de trabajoVista en vivo La Vista en vivo, que es similar a la vista Diseño, muestra una representación más realista d

164USO DE DREAMWEAVER CS4Creación de páginas con CSSDiseño de páginas con CSSAcerca del diseño de páginas con CSSUn diseño de página CSS utiliza el fo

165USO DE DREAMWEAVER CS4Creación de páginas con CSSA. Div de contenedor B. Div de barra lateral C. Div de contenido principal A continuación se in

166USO DE DREAMWEAVER CS4Creación de páginas con CSSEtiqueta div de contenedor, 780 píxeles, sin margenA. Texto alineado a la izquierda B. Fondo blan

167USO DE DREAMWEAVER CS4Creación de páginas con CSSLa regla #mainContent aplica estilo a la etiqueta div de contenedor principal para que tenga un ma

168USO DE DREAMWEAVER CS4Creación de páginas con CSS<div id="container"> <!--sidebar div tag--> <div id="sidebar"&g

169USO DE DREAMWEAVER CS4Creación de páginas con CSS4 En Diseño, seleccione el diseño CSS que desea utilizar. Puede elegir entre más de 30 diseños di

170USO DE DREAMWEAVER CS4Creación de páginas con CSSAdición de diseños CSS personalizados a la lista de opciones1 Cree una página HTML que contenga el

171USO DE DREAMWEAVER CS4Creación de páginas con CSS<head> <meta http-equiv="Content-Type" content="text/html; charset=iso-885

172USO DE DREAMWEAVER CS4Creación de páginas con CSSInserción de una Div PA en un lugar concreto del documento❖ Sitúe el punto de inserción en la vent

173USO DE DREAMWEAVER CS4Creación de páginas con CSSPuede activar la opción Anidación para anidar automáticamente una Div PA al dibujar una Div PA den

12USO DE DREAMWEAVER CS4Espacio de trabajoVista en vivo Muestra una vista del documento no editable, interactiva y basada en navegador.Vista Código e

174USO DE DREAMWEAVER CS4Creación de páginas con CSSAnidación: Anidar cuando se crea en una div AP Especifica si una Div PA que se dibuja a partir de

175USO DE DREAMWEAVER CS4Creación de páginas con CSSUse un lenguaje de scripts, como JavaScript, para controlar la propiedad de visibilidad y visualiz

176USO DE DREAMWEAVER CS4Creación de páginas con CSS2 En el Inspector de propiedades (Ventana > Propiedades), haga clic en la flecha de ampliación

177USO DE DREAMWEAVER CS4Creación de páginas con CSSNota: En Dreamweaver, un elemento PA es un elemento de página HTML (en concreto, una etiqueta div

178USO DE DREAMWEAVER CS4Creación de páginas con CSSCambio del orden de apilamiento de elementos PA mediante el panel Elementos PA1 Seleccione Ventana

179USO DE DREAMWEAVER CS4Creación de páginas con CSSVéase también “Utilización de la cuadrícula de diseño” en la página 189Cambio del tamaño de un ele

180USO DE DREAMWEAVER CS4Creación de páginas con CSSAlineación de elementos PAUtilice los comandos de alineación de elementos PA para alinear uno o va

181USO DE DREAMWEAVER CS4Creación de páginas con CSSUtilizar GIF transparentes Rellena la última fila de la tabla con GIF transparentes. De este mod

182USO DE DREAMWEAVER CS4Creación de páginas con CSSUtilización de etiquetas divAcerca de la utilización de etiquetas divPuede crear diseños de página

183USO DE DREAMWEAVER CS4Creación de páginas con CSSSi la etiqueta div se sitúa con una posición absoluta, se convierte en un elemento PA. (Puede edi

13USO DE DREAMWEAVER CS4Espacio de trabajoA. Selector de etiquetas B. Herramienta Seleccionar C. Herramienta Mano D. Herramienta Zoom E. Establece

184USO DE DREAMWEAVER CS4Creación de páginas con CSSCambio del color de resaltado de las etiquetas divCuando se desplaza el puntero por encima del bor

185USO DE DREAMWEAVER CS4Creación de páginas con CSSModelo de cuadro de diseño CSS Muestra el modelo de cuadro (es decir, los rellenos y márgenes) de

186USO DE DREAMWEAVER CS4Creación de páginas con CSSEl estilo se adjuntará al documento. Si ha creado una hoja de estilos con el ejemplo anterior, to

187Capítulo 7: Maquetación de páginas con HTMLAdobe® Dreamweaver® CS4 incorpora herramientas que le permiten crear páginas Web mediante tablas y marco

188USO DE DREAMWEAVER CS4Maquetación de páginas con HTML• Para ajustar las guías a elementos, seleccione Ver > Guías > Ajustar guías a elementos

189USO DE DREAMWEAVER CS4Maquetación de páginas con HTMLTambién puede añadir sus propias guías a instancias de una plantilla. Las guías añadidas de e

190USO DE DREAMWEAVER CS4Maquetación de páginas con HTMLLa imagen de rastreo sólo se encuentra visible en Dreamweaver; no puede verse en la página des

191USO DE DREAMWEAVER CS4Maquetación de páginas con HTMLPresentación de contenido en tablasAcerca de las tablasLas tablas constituyen una herramienta

192USO DE DREAMWEAVER CS4Maquetación de páginas con HTMLDivisión y combinación de celdas de tablaPodrá combinar cualquier número de celdas contiguas,

193USO DE DREAMWEAVER CS4Maquetación de páginas con HTMLTexto Proporciona un título de tabla que aparece fuera de la misma.Alinear texto Especifica

Copyright© 2008 Adobe Systems Incorporated. Todos los derechos reservados.Uso de Adobe® Dreamweaver® CS4 para Windows® y Mac OSSi la guía se distribuy

14USO DE DREAMWEAVER CS4Espacio de trabajoIntroducción a la barra de herramientas CodificaciónLa barra de herramientas Codificación contiene botones q

194USO DE DREAMWEAVER CS4Maquetación de páginas con HTMLEspacio entre celdas Número de píxeles entre celdas de tabla contiguas. Si no se especifican

195USO DE DREAMWEAVER CS4Maquetación de páginas con HTML2 Cuando el puntero se convierta en una flecha de selección, haga clic para seleccionar una fi

196USO DE DREAMWEAVER CS4Maquetación de páginas con HTMLLas celdas, filas o columnas que no estén todavía seleccionadas se añadirán a la selección. L

197USO DE DREAMWEAVER CS4Maquetación de páginas con HTMLBorrar ancho de columna y Borrar alto de fila eliminan todos los valores especificados para e

198USO DE DREAMWEAVER CS4Maquetación de páginas con HTML(Habitualmente, las celdas se expanden horizontalmente para incluir la palabra más larga o la

199USO DE DREAMWEAVER CS4Maquetación de páginas con HTML• En la categoría Diseño del panel Insertar, haga clic en Modo estándar.Aplicación de formato

200USO DE DREAMWEAVER CS4Maquetación de páginas con HTMLPuede cambiar el tamaño de una tabla arrastrando uno de sus manejadores de selección. Dreamwe

201USO DE DREAMWEAVER CS4Maquetación de páginas con HTMLCambiará el ancho de una columna. Las ayudas visuales le mostrarán cómo se ajustan las column

202USO DE DREAMWEAVER CS4Maquetación de páginas con HTMLEliminación del ancho establecido de una columna❖ Haga clic en la columna, haga clic en el men

203USO DE DREAMWEAVER CS4Maquetación de páginas con HTMLAdición o eliminación de filas o columnas utilizando el inspector de propiedades1 Seleccione l

15USO DE DREAMWEAVER CS4Espacio de trabajoEsta barra de herramientas sólo funciona si los documentos utilizan hojas de estilos dependientes de los med

204USO DE DREAMWEAVER CS4Maquetación de páginas con HTML• En el inspector de propiedades ampliado (Ventana > Propiedades), haga clic en Dividir cel

205USO DE DREAMWEAVER CS4Maquetación de páginas con HTMLPegado de celdas de tabla1 Elija dónde desea pegar las celdas:• Para reemplazar las celdas act

206USO DE DREAMWEAVER CS4Maquetación de páginas con HTMLOrden Determina si la columna debe ordenarse alfabética o numéricamente, y si el orden será a

207USO DE DREAMWEAVER CS4Maquetación de páginas con HTMLEn el ejemplo siguiente se muestra un diseño de marcos formado por tres marcos: un marco estre

208USO DE DREAMWEAVER CS4Maquetación de páginas con HTML• Comprobar las opciones de navegación puede llevar mucho tiempo.• Los URL de las páginas con

209USO DE DREAMWEAVER CS4Maquetación de páginas con HTMLNo todos los navegadores son compatibles con el uso de marcos, por lo que algunos visitantes c

210USO DE DREAMWEAVER CS4Maquetación de páginas con HTMLUtilización de conjuntos de marcos en la ventana de documentoDreamweaver permite ver y editar

211USO DE DREAMWEAVER CS4Maquetación de páginas con HTML2 Si ha configurado Dreamweaver para que le solicite los atributos de accesibilidad de los mar

212USO DE DREAMWEAVER CS4Maquetación de páginas con HTMLCuando un documento de un marco que se va a eliminar incluye contenido no guardado, Dreamweave

213USO DE DREAMWEAVER CS4Maquetación de páginas con HTMLSelección de un marco o un conjunto de marcos en el panel Marcos1 Seleccione Ventana > Marc

16USO DE DREAMWEAVER CS4Espacio de trabajoInformación general sobre el panel InsertarEl panel Insertar contiene botones para crear e insertar objetos

214USO DE DREAMWEAVER CS4Maquetación de páginas con HTMLNota: Cuando utiliza herramientas visuales de Dreamweaver para crear un conjunto de marcos, a

215USO DE DREAMWEAVER CS4Maquetación de páginas con HTML2 En el inspector de propiedades (Ventana > Propiedades), haga clic en la flecha de ampliac

216USO DE DREAMWEAVER CS4Maquetación de páginas con HTML3 Seleccione Hoja de estilos/Accesibilidad en la lista de categorías de la izquierda, introduz

217USO DE DREAMWEAVER CS4Maquetación de páginas con HTMLAncho del borde Especifica el ancho de los bordes en el conjunto de marcos.Color del borde E

218USO DE DREAMWEAVER CS4Maquetación de páginas con HTML2 En el cuadro Vínculo del inspector de propiedades (Ventana > Propiedades), siga uno de es

219USO DE DREAMWEAVER CS4Maquetación de páginas con HTMLUtilización de comportamientos JavaScript con marcosExisten varios comportamientos JavaScript

220Capítulo 8: Adición de contenido a las páginasPuede añadir contenido a las páginas Web visualmente sin necesidad de contar con conocimientos de HTM

221USO DE DREAMWEAVER CS4Adición de contenido a las páginasVisualización del menú emergente de un botón❖ Haga clic en la flecha abajo, situada junto a

222USO DE DREAMWEAVER CS4Adición de contenido a las páginasModificación de las preferencias del panel Insertar1 Seleccione Edición > Preferencias (

223USO DE DREAMWEAVER CS4Adición de contenido a las páginasVisualización del panel Insertar como barra Insertar horizontalA diferencia de otros panele

17USO DE DREAMWEAVER CS4Espacio de trabajoCategoría InContext Editing Contiene botones para la creación de páginas de InContext Editing, incluidos bo

224USO DE DREAMWEAVER CS4Adición de contenido a las páginasDefinición de las propiedades de la páginaPara cada página que cree en Dreamweaver, puede e

225USO DE DREAMWEAVER CS4Adición de contenido a las páginasDreamweaver dispone la imagen de fondo en mosaico (la repite) si ésta no ocupa toda la vent

226USO DE DREAMWEAVER CS4Adición de contenido a las páginasTamaño Especifica el tamaño de fuente predeterminado que se va a utilizar para el texto de

227USO DE DREAMWEAVER CS4Adición de contenido a las páginasVolver a cargar Permite convertir el documento existente o volver a abrirlo con la nueva

228USO DE DREAMWEAVER CS4Adición de contenido a las páginasDreamweaver mostrará el documento utilizando las fuentes que haya especificado para la codi

229USO DE DREAMWEAVER CS4Adición de contenido a las páginas• Para seleccionar una etiqueta completa (incluido su contenido, si lo hay), haga clic en u

230USO DE DREAMWEAVER CS4Adición de contenido a las páginasSaltos de línea Muestra un icono que marca la ubicación de cada salto de línea (BR). Esta

231USO DE DREAMWEAVER CS4Adición de contenido a las páginasAl realizar pruebas, sin embargo, se descubre que hay sólo 212 colores seguros para la Web,

232USO DE DREAMWEAVER CS4Adición de contenido a las páginasUtilización de Acercar y AlejarDreamweaver le permite acercar la ventana de documento para

233USO DE DREAMWEAVER CS4Adición de contenido a las páginasUso de comportamientos de JavaScript para detectar navegadores y plug-insPuede utilizar com

18USO DE DREAMWEAVER CS4Espacio de trabajoIntroducción al panel Estilos CSSEl panel Estilos CSS le permite supervisar las reglas y propiedades CSS que

234USO DE DREAMWEAVER CS4Adición de contenido a las páginasAl utilizar el comando Pegar para pegar texto de otras aplicaciones, puede establecer las p

235USO DE DREAMWEAVER CS4Adición de contenido a las páginasInserción de espacio indivisible❖ Siga uno de estos procedimientos:• Seleccione Insertar &g

236USO DE DREAMWEAVER CS4Adición de contenido a las páginasCreación de una lista anidada1 Seleccione los elementos de lista que desea anidar.2 En el i

237USO DE DREAMWEAVER CS4Adición de contenido a las páginasBúsqueda y sustitución de texto1 Abra el documento en el que se debe realizar la búsqueda o

238USO DE DREAMWEAVER CS4Adición de contenido a las páginasNota: Utilizar esta opción equivale a realizar una búsqueda de expresiones regulares en for

239USO DE DREAMWEAVER CS4Adición de contenido a las páginas4 (Opcional.) Limite la búsqueda con uno de los siguientes modificadores de etiqueta:Con a

240USO DE DREAMWEAVER CS4Adición de contenido a las páginasNo está en etiqueta Especifica una etiqueta dentro de la cual no debe encontrarse la etiqu

241USO DE DREAMWEAVER CS4Adición de contenido a las páginasLimpiar espaciado de párrafo de Word Seleccione esta opción si ha seleccionado Texto con e

242USO DE DREAMWEAVER CS4Adición de contenido a las páginasImportación de documentos de Microsoft Office (sólo Windows)Puede insertar contenido de un

243USO DE DREAMWEAVER CS4Adición de contenido a las páginasAplicación de formato a texto (CSS y HTML)La aplicación de formato a texto en Dreamweaver e

19USO DE DREAMWEAVER CS4Espacio de trabajo• Utilizar una imagen de rastreo como fondo de la página para ayudarle a copiar un diseño creado en una apli

244USO DE DREAMWEAVER CS4Adición de contenido a las páginas“Configuración de las propiedades de celdas, filas o columnas” en la página 197“Configuraci

245USO DE DREAMWEAVER CS4Adición de contenido a las páginasID Asigna una ID a la selección. El menú desplegable ID (si resulta aplicable) enumera tod

246USO DE DREAMWEAVER CS4Adición de contenido a las páginasAplicación de formato a párrafosUtilice el menú Formato del inspector de propiedades de HTM

247USO DE DREAMWEAVER CS4Adición de contenido a las páginasCómo centrar elementos en la página1 Seleccione el elemento que desea centrar (imagen, plug

248USO DE DREAMWEAVER CS4Adición de contenido a las páginasAdición de espaciado de párrafoDreamweaver funciona de forma similar a muchas aplicaciones

249USO DE DREAMWEAVER CS4Adición de contenido a las páginasModificación de combinaciones de fuentes1 Seleccione Formato > Fuente > Editar lista

250USO DE DREAMWEAVER CS4Adición de contenido a las páginas• En la categoría Común del panel Insertar, haga clic en el icono Fecha.3 En el cuadro de d

251USO DE DREAMWEAVER CS4Adición de contenido a las páginasAsimismo, las imágenes se pueden insertar de forma dinámica. Las imágenes dinámicas son aq

252USO DE DREAMWEAVER CS4Adición de contenido a las páginas• En el cuadro Descripción larga, escriba la ubicación de un archivo que aparezca cuando el

253USO DE DREAMWEAVER CS4Adición de contenido a las páginasVínculo Especifica un hipervínculo para la imagen. Arrastre el icono de señalización hast

20USO DE DREAMWEAVER CS4Espacio de trabajoCambio a la vista Diseño❖ Siga uno de estos procedimientos:• Seleccione Ver > Diseño.• En la barra de her

254USO DE DREAMWEAVER CS4Adición de contenido a las páginas• Haga clic con el botón derecho del ratón (Windows) o mantenga pulsada la tecla Control y

255USO DE DREAMWEAVER CS4Adición de contenido a las páginasCuando cambie el tamaño de una imagen en Dreamweaver, puede volver a muestrearla para adapt

256USO DE DREAMWEAVER CS4Adición de contenido a las páginas3 Para Nombre (Opcional), introduzca el texto que desea que aparezca como etiqueta del marc

257USO DE DREAMWEAVER CS4Adición de contenido a las páginasDefinición de propiedades de marcador de posición de imagenPara configurar las propiedades

258USO DE DREAMWEAVER CS4Adición de contenido a las páginasFunciones de edición de imágenesDreamweaver proporciona unas funciones básicas de edición d

259USO DE DREAMWEAVER CS4Adición de contenido a las páginas4 Un cuadro de diálogo le informa de que el archivo de imagen que está cortando cambiará en

260USO DE DREAMWEAVER CS4Adición de contenido a las páginasCreación de una imagen de sustituciónSe pueden insertar imágenes de sustitución en la págin

261USO DE DREAMWEAVER CS4Adición de contenido a las páginasUtilización de un editor de imágenes externoDesde Dreamweaver puede abrir una imagen selecc

262USO DE DREAMWEAVER CS4Adición de contenido a las páginas6 Si desea configurar un editor adicional para este tipo de archivo, repita los pasos 3 y 4

263USO DE DREAMWEAVER CS4Adición de contenido a las páginasRestaurar imagen intercambiada Restaura los archivos de origen del último conjunto de imág

21USO DE DREAMWEAVER CS4Espacio de trabajoVentanas de documento en cascada❖ Seleccione Ventana > Cascada.Ventanas de documento en mosaico• (Windows

264USO DE DREAMWEAVER CS4Adición de contenido a las páginasArchivos SWF y capas DHTML“Inserción de películas Shockwave” en la página 276“Inserción de

265USO DE DREAMWEAVER CS4Adición de contenido a las páginasTambién puede presionar Control + ] para cambiar a la vista de contenido alternativo. Para

266USO DE DREAMWEAVER CS4Adición de contenido a las páginasel aspecto a la velocidad. Baja automática favorece la velocidad, pero mejora el aspecto s

267USO DE DREAMWEAVER CS4Adición de contenido a las páginasInserción de archivos FLVInserción de archivos FLVPuede añadir fácilmente vídeo FLV a las p

268USO DE DREAMWEAVER CS4Adición de contenido a las páginas2 En el cuadro de diálogo Insertar FLV, seleccione Descarga progresiva de vídeo o Flujo de

269USO DE DREAMWEAVER CS4Adición de contenido a las páginas2 Seleccione Flujo de vídeo en el menú emergente Tipo de vídeo.URI de servidor Especifica

270USO DE DREAMWEAVER CS4Adición de contenido a las páginasPara cargar fácilmente todos los archivos multimedia necesarios, seleccione el marcador de

271USO DE DREAMWEAVER CS4Adición de contenido a las páginasEliminación del código de detección de FLVA partir de la versión Dreamweaver CS4, Dreamweav

272USO DE DREAMWEAVER CS4Adición de contenido a las páginaspueden reproducir en flujo desde un servidor Web normal, los visitantes pueden comenzar a e

273USO DE DREAMWEAVER CS4Adición de contenido a las páginasAdición de otros objetos multimediaInserción y edición de objetos multimediaAdemás de archi

22USO DE DREAMWEAVER CS4Espacio de trabajo2 Haga clic en el espacio en blanco situado debajo del último valor de la columna Ancho.3 Introduzca valores

274USO DE DREAMWEAVER CS4Adición de contenido a las páginasUtilice el inspector de propiedades para especificar un archivo de origen o para establecer

275USO DE DREAMWEAVER CS4Adición de contenido a las páginas• Para convertir un editor en el editor principal de un tipo de archivo determinado (es dec

276USO DE DREAMWEAVER CS4Adición de contenido a las páginasInserción de películas ShockwavePuede utilizar Dreamweaver para insertar películas Shockwav

277USO DE DREAMWEAVER CS4Adición de contenido a las páginasInserción de contenido de plug-in de Netscape Navigator y configuración de sus propiedades1

278USO DE DREAMWEAVER CS4Adición de contenido a las páginasSolución de problemas de plug-ins de Netscape NavigatorSi ha seguido los pasos indicados pa

279USO DE DREAMWEAVER CS4Adición de contenido a las páginasIncrustar Añade una etiqueta embed a la etiqueta object del control ActiveX. Si el contro

280USO DE DREAMWEAVER CS4Adición de contenido a las páginasAlt Especifica el contenido alternativo (normalmente, una imagen) que se mostrará si el na

281USO DE DREAMWEAVER CS4Adición de contenido a las páginas2 Abra el cuadro de diálogo mediante uno los métodos siguientes:• Haga clic con el botón de

282USO DE DREAMWEAVER CS4Adición de contenido a las páginasEl control deslizante, o el pulgar, del panel Historial señala inicialmente el último paso

283USO DE DREAMWEAVER CS4Adición de contenido a las páginas• En el panel Historial, seleccione el paso y haga clic en el botón Reproducir. El paso se

23USO DE DREAMWEAVER CS4Espacio de trabajoVéase también “Búsqueda de etiquetas, atributos o texto en el código” en la página 337“Utilización del mater

284USO DE DREAMWEAVER CS4Adición de contenido a las páginasEl objetivo es separar las imágenes del texto y de otras imágenes situadas por encima y por

285USO DE DREAMWEAVER CS4Adición de contenido a las páginasHay que tener cuidado al copiar pasos que incluyan los comandos Copiar o Pegar:• No utilice

286USO DE DREAMWEAVER CS4Adición de contenido a las páginas3 Haga clic en Eliminar y, seguidamente, en Cerrar.Grabación y almacenamiento de comandosGr

287Capítulo 9: Establecimiento de vínculos y navegaciónTras configurar un sitio, puede vincular las páginas entre sí. Puede crear vínculos HTML, menú

288USO DE DREAMWEAVER CS4Establecimiento de vínculos y navegaciónVéase también “Configuración de la ruta relativa de vínculos nuevos” en la página 292

289USO DE DREAMWEAVER CS4Establecimiento de vínculos y navegaciónNo es necesario actualizar las rutas relativas al documento entre archivos que se mue

290USO DE DREAMWEAVER CS4Establecimiento de vínculos y navegaciónImportante: Guarde siempre un archivo nuevo antes de crear una ruta relativa al docum

291USO DE DREAMWEAVER CS4Establecimiento de vínculos y navegaciónPara establecer un vínculo con un documento del sitio, introduzca una ruta relativa a

292USO DE DREAMWEAVER CS4Establecimiento de vínculos y navegación• En la categoría Común del panel Insertar, haga clic en el icono Hipervínculo.3 Intr

293USO DE DREAMWEAVER CS4Establecimiento de vínculos y navegaciónDreamweaver utiliza esta dirección para asegurarse de que los vínculos relativos a la

iiiContenidoCapítulo 1: RecursosActivación y registro . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

24USO DE DREAMWEAVER CS4Espacio de trabajoPara acceder a la ayuda correspondiente a un inspector de propiedades determinado, haga clic en el botón ayu

294USO DE DREAMWEAVER CS4Establecimiento de vínculos y navegaciónEstablecimiento de un vínculo con un anclaje con nombre mediante el método de señaliz

295USO DE DREAMWEAVER CS4Establecimiento de vínculos y navegaciónmailto:[email protected]?subject=Mail from Our SiteCreación de vínculos de script

296USO DE DREAMWEAVER CS4Establecimiento de vínculos y navegaciónMensaje Mostrará un cuadro de diálogo en el que aparecen todos los archivos afectado

297USO DE DREAMWEAVER CS4Establecimiento de vínculos y navegaciónDreamweaver actualizará todos los documentos vinculados al archivo seleccionado, haci

298USO DE DREAMWEAVER CS4Establecimiento de vínculos y navegaciónInserción de un menú de salto1 Abra un documento y, a continuación, sitúe el punto de

299USO DE DREAMWEAVER CS4Establecimiento de vínculos y navegaciónSolución de problemas relacionados con los menús de saltoUna vez que el usuario selec

300USO DE DREAMWEAVER CS4Establecimiento de vínculos y navegaciónUna vez creada una barra de navegación para un documento, puede añadir o quitar imáge

301USO DE DREAMWEAVER CS4Establecimiento de vínculos y navegaciónVéase también “Visualización y definición de las propiedades y los atributos de los m

302USO DE DREAMWEAVER CS4Establecimiento de vínculos y navegación• Seleccione la herramienta poligonal y defina una zona interactiva con forma irreg

303USO DE DREAMWEAVER CS4Establecimiento de vínculos y navegación2 Siga uno de estos procedimientos:• Arrastre la zona interactiva a una nueva área.•

25USO DE DREAMWEAVER CS4Espacio de trabajo2 Seleccione un comando en el menú contextual.Personalización del espacio de trabajo de CS4Gestión de ventan

304USO DE DREAMWEAVER CS4Establecimiento de vínculos y navegación3 Inicie la comprobación siguiendo uno de estos procedimientos:• Haga clic con el bot

305USO DE DREAMWEAVER CS4Establecimiento de vínculos y navegaciónNota: Si está activada la función Permitir desproteger y proteger archivo para este s

306Capítulo 10: Obtención de vista previa de páginasLa vista Diseño de le da una idea de cuál será el aspecto de la página en la Web, pero no muestra

307USO DE DREAMWEAVER CS4Obtención de vista previa de páginas3 (Opcional) Realice los cambios deseados en la vista Código, en el panel Estilos CSS, en

308USO DE DREAMWEAVER CS4Obtención de vista previa de páginasUtilizar archivos locales para vínculos de documentos La configuración predeterminada pa

309USO DE DREAMWEAVER CS4Obtención de vista previa de páginasNota: El contenido vinculado a la ruta relativa a la raíz del sitio no se muestra en la v

310USO DE DREAMWEAVER CS4Obtención de vista previa de páginasEsta línea ordena al navegador que evite el equipo local y que ejecute el contenido activ

311Capítulo 11: Utilización del código de las páginasAdobe® Dreamweaver® CS4 es, además de una herramienta de diseño visual, un sólido editor de códig

312USO DE DREAMWEAVER CS4Utilización del código de las páginasTambién puede especificar preferencias para la reescritura automática de diversos tipos

313USO DE DREAMWEAVER CS4Utilización del código de las páginasRequisito XHTML Acciones que realiza DreamweaverAntes del elemento raíz del documento, d

26USO DE DREAMWEAVER CS4Espacio de trabajoEn Photoshop, puede cambiar el tamaño de fuente del texto del panel Control, de los otros paneles y de la in

314USO DE DREAMWEAVER CS4Utilización del código de las páginasVéase también “Creación de páginas compatibles con XHTML” en la página 343Expresiones re

315USO DE DREAMWEAVER CS4Utilización del código de las páginasUtilice paréntesis para destacar agrupaciones dentro de la expresión regular a las que p

316USO DE DREAMWEAVER CS4Utilización del código de las páginasCódigo de comportamiento de servidorCuando desarrolla una página dinámica y seleccione u

317USO DE DREAMWEAVER CS4Utilización del código de las páginasVisualización del códigoPuede ver el código fuente del documento actual de varias formas

318USO DE DREAMWEAVER CS4Utilización del código de las páginasPersonalización de los métodos abreviados de tecladoEn Dreamweaver puede utilizar los mé

319USO DE DREAMWEAVER CS4Utilización del código de las páginas• Haga clic en el botón Ver opciones de la barra de herramientas situada en la parte s

320USO DE DREAMWEAVER CS4Utilización del código de las páginasCon (Cuadro de texto y menú emergente) Especifica cuántos espacios o tabulaciones debe

321USO DE DREAMWEAVER CS4Utilización del código de las páginasNota: Las versiones de HTML más antiguas admitían que los nombres de etiquetas y atribut

322USO DE DREAMWEAVER CS4Utilización del código de las páginasNunca reescribir código: En archivos con extensiones Permite impedir que Dreamweaver re

323USO DE DREAMWEAVER CS4Utilización del código de las páginasUtilización de un editor externoPuede especificar un editor externo para editar los arch

27USO DE DREAMWEAVER CS4Espacio de trabajoPanel del navegador arrastrado a un nuevo conjunto acoplado, indicado por un resaltado vertical azulPanel de

324USO DE DREAMWEAVER CS4Utilización del código de las páginasLa función de sugerencias para el código también reconoce clases JavaScript personalizad

325USO DE DREAMWEAVER CS4Utilización del código de las páginasSi un estilo CSS creado recientemente no aparece en una lista de sugerencias para el cód

326USO DE DREAMWEAVER CS4Utilización del código de las páginasConfiguración de las preferencias de sugerencias para el códigoEs posible cambiar las pr

327USO DE DREAMWEAVER CS4Utilización del código de las páginasTambién puede contraer el código situado fuera de una etiqueta completa situando el punt

328USO DE DREAMWEAVER CS4Utilización del código de las páginasFragmentos recientes Le permite insertar un fragmento de código utilizado recientemente

329USO DE DREAMWEAVER CS4Utilización del código de las páginasInserción de etiquetas con el Selector de etiquetasUtilice el Selector de etiquetas para

330USO DE DREAMWEAVER CS4Utilización del código de las páginas• En la vista Diseño, seleccione el marcador de comentario, edite el texto del comentari

331USO DE DREAMWEAVER CS4Utilización del código de las páginasAplicar comentario de servidor Envuelve el código seleccionado. Cuando esté trabajando

332USO DE DREAMWEAVER CS4Utilización del código de las páginasEdición de una etiqueta de lenguaje de servidor con el inspector de propiedadesEdite el

333USO DE DREAMWEAVER CS4Utilización del código de las páginasApertura del navegador de código❖ Mantenga presionada la tecla Alt (Windows) o Comando+O

28USO DE DREAMWEAVER CS4Espacio de trabajo• Para añadir un panel, selecciónelo en el menú Ventana y acóplelo donde desee.Manipulación de grupos de pan

334USO DE DREAMWEAVER CS4Utilización del código de las páginasPara ver las funciones clasificadas por orden alfabético, haga clic con el botón derecho

335USO DE DREAMWEAVER CS4Utilización del código de las páginasDe manera predeterminada, Dreamweaver enumera pero no selecciona las siguientes modifica

336USO DE DREAMWEAVER CS4Utilización del código de las páginas3 (Opcional) Introduzca una descripción del fragmento que facilite a los demás miembros

337USO DE DREAMWEAVER CS4Utilización del código de las páginasBúsqueda de etiquetas, atributos o texto en el códigoPuede buscar etiquetas, atributos y

338USO DE DREAMWEAVER CS4Utilización del código de las páginas3 Vaya a la carpeta donde se guardan las consultas. Seleccione un archivo de consulta y

339USO DE DREAMWEAVER CS4Utilización del código de las páginas2 Seleccione Archivo > Imprimir código.3 Especifique las opciones de impresión y haga

340USO DE DREAMWEAVER CS4Utilización del código de las páginasSelección de un fragmento de código contraído❖ En la vista Código, haga clic en el fragm

341USO DE DREAMWEAVER CS4Utilización del código de las páginasOptimización y depuración del códigoBúsqueda de errores de codificación con el validador

342USO DE DREAMWEAVER CS4Utilización del código de las páginas2 En el cuadro de diálogo que aparece, seleccione las opciones deseadas y haga clic en A

343USO DE DREAMWEAVER CS4Utilización del código de las páginas2 Sitúe el punto de inserción en el código que desea comprobar.3 Seleccione Edición>

29USO DE DREAMWEAVER CS4Espacio de trabajoPaneles contraídos a iconosPaneles expandidos desde iconos• Para contraer o expandir todos los iconos de pan

344USO DE DREAMWEAVER CS4Utilización del código de las páginasCreación de documentos compatibles con XHTML1 Seleccione Archivo > Nuevo.2 Seleccione

345USO DE DREAMWEAVER CS4Utilización del código de las páginasPara garantizar que la información de depuración se actualiza al mostrar una página en e

346USO DE DREAMWEAVER CS4Utilización del código de las páginasPor ejemplo, la etiqueta <table> normalmente tiene etiquetas <tr> hijo. Si

347USO DE DREAMWEAVER CS4Utilización del código de las páginas3 Siga uno de estos procedimientos en el inspector de etiquetas:• Para ver los atributos

348USO DE DREAMWEAVER CS4Utilización del código de las páginasEl funcionamiento básico de Quick Tag Editor es el mismo en los tres modos: se abre el e

349USO DE DREAMWEAVER CS4Utilización del código de las páginasCómo rodear la selección actual con etiquetas HTML1 Seleccione texto sin formato o un ob

350USO DE DREAMWEAVER CS4Utilización del código de las páginasSe mostrará el cuadro de diálogo Preferencias para la categoría Sugerencias para el códi

351USO DE DREAMWEAVER CS4Utilización del código de las páginas3 En el menú emergente Lenguaje, seleccione el lenguaje de scripts.Si utiliza JavaScript

352USO DE DREAMWEAVER CS4Utilización del código de las páginasEdición de scripts en la página utilizando el inspector de propiedades1 En el inspector

353USO DE DREAMWEAVER CS4Utilización del código de las páginasDefinición de las propiedades meta de la página Una etiqueta meta es un elemento de head

30USO DE DREAMWEAVER CS4Espacio de trabajoGuardado de espacios de trabajo y paso de uno a otroAl guardar la posición y el tamaño actuales de los panel

354USO DE DREAMWEAVER CS4Utilización del código de las páginasEspecificación de palabras clave de la páginaMuchos robots de motores de búsqueda (progr

355USO DE DREAMWEAVER CS4Utilización del código de las páginas2 Establezca las propiedades de la etiqueta meta de actualización en el cuadro de diálog

356USO DE DREAMWEAVER CS4Utilización del código de las páginasDefinición de propiedades de vínculos de la páginaUtilice la etiqueta link para definir

357USO DE DREAMWEAVER CS4Utilización del código de las páginasCuando el navegador de un visitante solicita el documento que contiene la instrucción de

358USO DE DREAMWEAVER CS4Utilización del código de las páginaspara examinar todos los archivos (no sólo los archivos con extensiones determinadas) par

359USO DE DREAMWEAVER CS4Utilización del código de las páginasLos cambios se reflejarán inmediatamente en el documento actual y en los documentos que

360USO DE DREAMWEAVER CS4Utilización del código de las páginas2 En el cuadro de texto Nombre de la biblioteca, escriba un nombre (por ejemplo, Etiquet

361USO DE DREAMWEAVER CS4Utilización del código de las páginasNota: Para identificar que una etiqueta del código forma parte de una biblioteca de etiq

362USO DE DREAMWEAVER CS4Utilización del código de las páginasSe eliminará el elemento del cuadro Etiquetas.4 Haga clic en Aceptar para cerrar el Edit

363USO DE DREAMWEAVER CS4Utilización del código de las páginas• Para importar sólo algunas de las etiquetas personalizadas del servidor de aplicacione

31USO DE DREAMWEAVER CS4Espacio de trabajoEn las preferencias de interfaz:• Para visualizar los paneles en sus últimas ubicaciones al iniciar, selecci

364Capítulo 12: Cómo añadir comportamientos JavaScriptLos comportamientos integrados permiten mejorar el aspecto, la funcionalidad y el atractivo de s

365USO DE DREAMWEAVER CS4Cómo añadir comportamientos JavaScriptIntroducción al panel ComportamientosEl panel Comportamientos (Ventana > Comportamie

366USO DE DREAMWEAVER CS4Cómo añadir comportamientos JavaScriptEventosCada navegador proporciona un conjunto de eventos que pueden asociarse a las acc

367USO DE DREAMWEAVER CS4Cómo añadir comportamientos JavaScriptTodas las acciones proporcionadas con Dreamweaver funcionan con los navegadores moderno

368USO DE DREAMWEAVER CS4Cómo añadir comportamientos JavaScriptVéase también “Adición y administración de extensiones en Dreamweaver” en la página 38A

369USO DE DREAMWEAVER CS4Cómo añadir comportamientos JavaScript6 Haga clic en Aceptar y compruebe que el evento predeterminado es el correcto. Si no

370USO DE DREAMWEAVER CS4Cómo añadir comportamientos JavaScript2 Seleccione un plug-in en el menú Plug-in o pulse Intro y escriba el nombre exacto del

371USO DE DREAMWEAVER CS4Cómo añadir comportamientos JavaScriptSi tiene problemas para lograr que funcione el comportamiento en un navegador, consulte

372USO DE DREAMWEAVER CS4Cómo añadir comportamientos JavaScriptEsta opción resulta útil cuando la imagen contenida en el elemento PA incluye un elemen

373USO DE DREAMWEAVER CS4Cómo añadir comportamientos JavaScriptResulta especialmente útil leer la propiedad MM_SNAPPED cuando se tienen varios element

32USO DE DREAMWEAVER CS4Espacio de trabajoOcultación de la ventana de bienvenida❖ Seleccione en la página de inicio la opción No volver a mostrar en l

374USO DE DREAMWEAVER CS4Cómo añadir comportamientos JavaScriptAplicación del comportamiento Menú de salto IrEl comportamiento Menú de salto Ir está e

375USO DE DREAMWEAVER CS4Cómo añadir comportamientos JavaScriptPuede utilizar el comportamiento Reproducir sonido para reproducir un efecto sonoro cua

376USO DE DREAMWEAVER CS4Cómo añadir comportamientos JavaScript5 Para eliminar una imagen de la lista Carga previa de imágenes, selecciónela y haga cl

377USO DE DREAMWEAVER CS4Cómo añadir comportamientos JavaScriptAplicación del comportamiento Definir texto de marcoEl comportamiento Definir texto de

378USO DE DREAMWEAVER CS4Cómo añadir comportamientos JavaScriptAplicación del comportamiento Establecer texto de la barra de estadoEl comportamiento E

379USO DE DREAMWEAVER CS4Cómo añadir comportamientos JavaScript2 Seleccione el campo de texto de destino en el menú Campo de texto e introduzca el nue

380USO DE DREAMWEAVER CS4Cómo añadir comportamientos JavaScript2 Utilice las siguientes fichas para definir opciones para el menú emergente:Contenido

381USO DE DREAMWEAVER CS4Cómo añadir comportamientos JavaScriptAplicación de formato a un menú emergenteDespués de crear los elementos del menú, utili

382USO DE DREAMWEAVER CS4Cómo añadir comportamientos JavaScript• Especifique una ubicación introduciendo las coordenadas vertical y horizontal en los

383USO DE DREAMWEAVER CS4Cómo añadir comportamientos JavaScript4 Seleccione un objeto (normalmente, la imagen que va a intercambiar) y elija Intercamb

33USO DE DREAMWEAVER CS4Espacio de trabajoActivar archivos relacionados Le permite ver los archivos que están conectados al documento actual (por eje

384USO DE DREAMWEAVER CS4Cómo añadir comportamientos JavaScriptNúmero del Comprueba que el campo contiene un número situado dentro de un rango determ

385Capítulo 13: Utilización con otras aplicacionesAdobe® Dreamweaver® CS4 se integra con muchas aplicaciones Adobe, entre ellas Flash, Fireworks, Adob

386USO DE DREAMWEAVER CS4Utilización con otras aplicacionesPara ver un tutorial sobre la integración de Dreamweaver y Fireworks, consulte www.adobe.co

387USO DE DREAMWEAVER CS4Utilización con otras aplicacionesCuando la imagen forma parte de una tabla de Fireworks, puede abrir la tabla completa de Fi

388USO DE DREAMWEAVER CS4Utilización con otras aplicacionesUtilización de Fireworks para modificar marcadores de posición de imagen de DreamweaverPued

389USO DE DREAMWEAVER CS4Utilización con otras aplicacionesEl archivo se guarda y el usuario vuelve a Dreamweaver. En el documento de Dreamweaver, el

390USO DE DREAMWEAVER CS4Utilización con otras aplicacionesEdición de un menú emergente creado en Fireworks MX 2004 o en una versión anterior1 En Drea

391USO DE DREAMWEAVER CS4Utilización con otras aplicaciones• En la categoría Común del panel Insertar, haga clic en el botón Imágenes y seleccione Ins

392USO DE DREAMWEAVER CS4Utilización con otras aplicaciones2 Seleccione Archivo > Guardar.3 En Fireworks, seleccione Archivo > Actualizar HTML.

393USO DE DREAMWEAVER CS4Utilización con otras aplicaciones6 En el menú Formato de foto, seleccione un formato GIF o JPEG para las imágenes grandes.

ivUSO DE DREAMWEAVER CS4ContenidoCapítulo 7: Maquetación de páginas con HTMLUtilización de ayudas visuales al diseñar . . . . . . . . . . . . . . . .

34USO DE DREAMWEAVER CS4Espacio de trabajoNúmero máximo de pasos de Historial Determina el número de pasos que el panel Historial mantiene y muestra.

394USO DE DREAMWEAVER CS4Utilización con otras aplicacionesAcerca de los objetos inteligentes y los flujos de trabajo entre Photoshop y DreamweaverExi

395USO DE DREAMWEAVER CS4Utilización con otras aplicacionesTambién puede actualizar objetos inteligentes sin seleccionar la imagen Web en la vista Dis

396USO DE DREAMWEAVER CS4Utilización con otras aplicaciones5 Guarde el archivo de imagen para la Web en una ubicación dentro de la carpeta raíz de su

397USO DE DREAMWEAVER CS4Utilización con otras aplicacionesCambio del tamaño de objetos inteligentesPuede cambiar el tamaño de un objeto inteligente d

398USO DE DREAMWEAVER CS4Utilización con otras aplicacionesCopia y pegado de una selección de PhotoshopSe puede copiar toda o parte de una imagen de P

399USO DE DREAMWEAVER CS4Utilización con otras aplicaciones4 En el cuadro de diálogo Presentación preliminar de imagen, ajuste la configuración de opt

400USO DE DREAMWEAVER CS4Utilización con otras aplicacionesConfiguración de las opciones del cuadro de diálogo Presentación preliminar de la imagenOpc

401USO DE DREAMWEAVER CS4Utilización con otras aplicaciones• El panel Presentación preliminar permite ver una versión de la imagen con la configuració

402USO DE DREAMWEAVER CS4Utilización con otras aplicacionesIconos de selección de color transparente Estos botones permiten seleccionar, añadir o eli

403USO DE DREAMWEAVER CS4Utilización con otras aplicaciones• Introduzca valores absolutos de píxel para la anchura o altura.3 Seleccione Restringir pa

35USO DE DREAMWEAVER CS4Espacio de trabajoPersonalización de colores de resaltado de DreamweaverUtilice las preferencias Resaltando para personalizar

404USO DE DREAMWEAVER CS4Utilización con otras aplicacionesNota: si el archivo FLA o el archivo SWF están bloqueados, desproteja el archivo en Dreamwe

405USO DE DREAMWEAVER CS4Utilización con otras aplicaciones• Haga clic en el botón Examinar en Bridge de la barra de herramientas Estándar. • Presione

406USO DE DREAMWEAVER CS4Utilización con otras aplicaciones3 En Bridge, uno o varios archivos y arrástrelos hasta la página de Dreamweaver.4 Si un arc

407USO DE DREAMWEAVER CS4Utilización con otras aplicacionesSugerencias para la creación de contenido Web de Dreamweaver para dispositivos móvilesDevic

408USO DE DREAMWEAVER CS4Utilización con otras aplicacionesPara ver las instrucciones completas sobre el uso de ConnectNow, consulte http://help.adobe

409Capítulo 14: Creación y administración de plantillasUna plantilla resulta útil para crear muchas páginas basadas en un mismo diseño, o bien para cr

410USO DE DREAMWEAVER CS4Creación y administración de plantillaseditable. Para que una plantilla sea efectiva, deberá contener al menos una región ed

411USO DE DREAMWEAVER CS4Creación y administración de plantillasAlgunos usuarios aprovecharon el modo en que Dreamweaver trataba los vínculos con arch

412USO DE DREAMWEAVER CS4Creación y administración de plantillasPara evitar este problema puede insertar el código siguiente en la sección head de la

413USO DE DREAMWEAVER CS4Creación y administración de plantillasLenguaje de expresiones de plantillaEl lenguaje de expresiones de plantilla es un pequ

36USO DE DREAMWEAVER CS4Espacio de trabajoCreación de un método abreviado de tecladoCree sus propias teclas de método abreviado, edite métodos abrevia

414USO DE DREAMWEAVER CS4Creación y administración de plantillasCuando se utilizan regiones repetidas anidadas, sólo están disponibles implícitamente

415USO DE DREAMWEAVER CS4Creación y administración de plantillasPuede identificar un archivo de plantilla observando la barra de título de la ventana

416USO DE DREAMWEAVER CS4Creación y administración de plantillasVéase también “Personalización de las preferencias de colores de código para una plant

417USO DE DREAMWEAVER CS4Creación y administración de plantillas<body bgcolor="#FFFFFF" leftmargin="0"> <table width=&quo

418USO DE DREAMWEAVER CS4Creación y administración de plantillasCreación de una plantilla a partir de un documento existentePuede crear una plantilla

419USO DE DREAMWEAVER CS4Creación y administración de plantillasAdemás de plantillas de Dreamweaver, puede crear plantillas externas a Dreamweaver med

420USO DE DREAMWEAVER CS4Creación y administración de plantillas7 Si el sistema lo solicita, introduzca la contraseña de administrador y haga clic en

421USO DE DREAMWEAVER CS4Creación y administración de plantillas4 Haga clic en Aceptar. La región editable aparece limitada por un contorno rectangul

422USO DE DREAMWEAVER CS4Creación y administración de plantillasCreación de regiones repetidasAcerca de las regiones repetidas de plantillasUna región

423USO DE DREAMWEAVER CS4Creación y administración de plantillasInserción de una tabla repetidaPuede utilizar una tabla repetida para crear una región

37USO DE DREAMWEAVER CS4Espacio de trabajoAdición de un método abreviado a un comando1 Seleccione Edición > Métodos abreviados de teclado (Windows)

424USO DE DREAMWEAVER CS4Creación y administración de plantillasA continuación se muestra un ejemplo de código de tabla que incluye colores de fondo a

425USO DE DREAMWEAVER CS4Creación y administración de plantillasPor ejemplo, si la región opcional incluye una imagen o texto, el usuario de la planti

426USO DE DREAMWEAVER CS4Creación y administración de plantillas• En la vista Diseño, coloque el punto de inserción en la región de plantilla; a conti

427USO DE DREAMWEAVER CS4Creación y administración de plantillasAl crear un atributo de etiqueta editable se inserta una parámetro de plantilla en el

428USO DE DREAMWEAVER CS4Creación y administración de plantillasConversión de un atributo de etiqueta editable en no editableUna etiqueta marcada ante

429USO DE DREAMWEAVER CS4Creación y administración de plantillasPara crear una plantilla anidada, hemos creado un documento nuevo basado en la plantil

430USO DE DREAMWEAVER CS4Creación y administración de plantillasNota: Puede insertar el formato de plantilla en una región editable para que no se tra

431USO DE DREAMWEAVER CS4Creación y administración de plantillasPuede llevar a cabo las siguientes tareas de administración de plantillas en el panel

432USO DE DREAMWEAVER CS4Creación y administración de plantillas2 Siga uno de estos procedimientos:• Seleccione Modificar > Plantillas > Abrir p

433USO DE DREAMWEAVER CS4Creación y administración de plantillasActualización manual de los documentos basados en una plantillaCuando realiza un cambi

38USO DE DREAMWEAVER CS4Espacio de trabajoExtensionesAdición y administración de extensiones en DreamweaverLas extensiones son funciones nuevas que se

434USO DE DREAMWEAVER CS4Creación y administración de plantillas2 Solicite a todos los usuarios de Contribute que estén trabajando en el sitio que rei

435USO DE DREAMWEAVER CS4Creación y administración de plantillasSe genera un archivo XML que contiene el material de los parámetros y regiones editabl

436USO DE DREAMWEAVER CS4Creación y administración de plantillasPuede aplicar una plantilla a un documento existente mediante el panel Activos o desde

437USO DE DREAMWEAVER CS4Creación y administración de plantillasImportante: Al aplicar una plantilla a un documento existente, la plantilla sustituye

438USO DE DREAMWEAVER CS4Creación y administración de plantillasVéase también “Parámetros de plantilla” en la página 412“Utilización de regiones opcio

439USO DE DREAMWEAVER CS4Creación y administración de plantillasAdición, eliminación y cambio del orden de una entrada de región repetidaUtilice los c

440USO DE DREAMWEAVER CS4Creación y administración de plantillasSintaxis de plantillaReglas generales de sintaxisDreamweaver utiliza etiquetas de come

441USO DE DREAMWEAVER CS4Creación y administración de plantillas<!-- InstanceBegin template="..." codeOutsideHTMLIsLocked="..."

442USO DE DREAMWEAVER CS4Creación y administración de plantillasNota: Si desea realizar cambios globales, puede editar el archivo de origen que almace

443Capítulo 15: Creación visual de páginas de SpryEl framework de Spry es una biblioteca JavaScript y CSS que permite crear páginas Web más completas.

39Capítulo 3: Utilización de los sitios de DreamweaverUn sitio de Adobe® Dreamweaver® CS4 es el conjunto de archivos y activos del sitio Web. Puede c

444USO DE DREAMWEAVER CS4Creación visual de páginas de SpryCada widget del framework de Spry está asociado a archivos CSS y JavaScript exclusivos. El

445USO DE DREAMWEAVER CS4Creación visual de páginas de SpryPara ver un vídeo de introducción al uso de los widgets Web, elaborado por el equipo de ing

446USO DE DREAMWEAVER CS4Creación visual de páginas de SpryEl código HTML predeterminado del widget de acordeón consta de una etiqueta div externa que

447USO DE DREAMWEAVER CS4Creación visual de páginas de SpryTodas las reglas CSS de los siguientes temas se refieren a las reglas predeterminadas que s

448USO DE DREAMWEAVER CS4Creación visual de páginas de SpryLimitación del ancho de un acordeónDe forma predeterminada, el widget de acordeón se amplía

449USO DE DREAMWEAVER CS4Creación visual de páginas de SpryInserción y edición del widget de barra de menúsInserción del widget de barra de menús1 Sel

450USO DE DREAMWEAVER CS4Creación visual de páginas de Spry2 En el inspector de propiedades (Ventana > Propiedades), seleccione el nombre del eleme

451USO DE DREAMWEAVER CS4Creación visual de páginas de Spry2 Haga clic en el botón Desactivar estilos en el inspector de propiedades (Ventana > Pro

452USO DE DREAMWEAVER CS4Creación visual de páginas de SpryVéase también “El panel Estilos CSS en modo Actual” en la página 142Cambio del estilo del t

453USO DE DREAMWEAVER CS4Creación visual de páginas de Spry2 Cambie la propiedad width al ancho deseado (o cambie la propiedad a auto para eliminar un

40USO DE DREAMWEAVER CS4Utilización de los sitios de DreamweaverEl siguiente ejemplo muestra una carpeta raíz local de ejemplo a la izquierda y una ca

454USO DE DREAMWEAVER CS4Creación visual de páginas de SpryApertura o cierre del panel que puede contraerse en la vista Diseño❖ Siga uno de estos proc

455USO DE DREAMWEAVER CS4Creación visual de páginas de SpryCambio de los colores de fondo del widget de panel que puede contraerse❖ Para modificar los

456USO DE DREAMWEAVER CS4Creación visual de páginas de SpryA. Ficha B. Contenido C. Widget de Paneles en fichas D. Panel en ficha El código HTML d

457USO DE DREAMWEAVER CS4Creación visual de páginas de Spry3 Haga clic en las flechas arriba o abajo para mover el panel en la dirección deseada.Defin

458USO DE DREAMWEAVER CS4Creación visual de páginas de SpryLimitación del ancho de paneles en fichasDe forma predeterminada, el widget de paneles en f

459USO DE DREAMWEAVER CS4Creación visual de páginas de SpryAl utilizar el widget de información sobre herramienta, tenga presente los siguientes aspec

460USO DE DREAMWEAVER CS4Creación visual de páginas de Spry3 Establezca las opciones del inspector de propiedades del widget de información sobre herr

461USO DE DREAMWEAVER CS4Creación visual de páginas de SpryA. Mensajes de error del widget de grupo de opciones de validación B. Grupo del widget de

462USO DE DREAMWEAVER CS4Creación visual de páginas de Spry5 En la columna Value, haga clic en cada valor para que el campo sea editable y asigne un v

463USO DE DREAMWEAVER CS4Creación visual de páginas de SpryWidget de grupo de opciones con un botón de opción con valor vacío.1 Seleccione el botón de

41USO DE DREAMWEAVER CS4Utilización de los sitios de DreamweaverVéase también “Importación y exportación de la configuración de un sitio” en la página

464USO DE DREAMWEAVER CS4Creación visual de páginas de SpryEl archivo SpryValidationRadio.css contiene comentarios completos que explican el código y

465USO DE DREAMWEAVER CS4Creación visual de páginas de SpryEstado válido El estado del widget cuando el usuario ha introducido correctamente la infor

466USO DE DREAMWEAVER CS4Creación visual de páginas de Spry3 En caso necesario, seleccione una opción de formato en el menú emergente Formato.La mayor

467USO DE DREAMWEAVER CS4Creación visual de páginas de SpryCambiar Realiza la validación cuando el usuario cambia texto dentro del campo de texto.Env

468USO DE DREAMWEAVER CS4Creación visual de páginas de SpryBloqueo de caracteres no válidosPuede impedir que los usuarios introduzcan caracteres no vá

469USO DE DREAMWEAVER CS4Creación visual de páginas de SpryUtilización del widget de área de texto de validaciónAcerca del widget de área de texto de

470USO DE DREAMWEAVER CS4Creación visual de páginas de SpryEstado obligatorio El estado del widget cuando el usuario no ha introducido texto.Estado d

471USO DE DREAMWEAVER CS4Creación visual de páginas de Spry2 En el inspector de propiedades (Ventana > Propiedades), introduzca un número en el cua

472USO DE DREAMWEAVER CS4Creación visual de páginas de SpryPersonalización del widget de área de texto de validaciónAunque el inspector de propiedades

473USO DE DREAMWEAVER CS4Creación visual de páginas de SpryUtilización del widget de selección de validaciónAcerca del widget de selección de validaci

42USO DE DREAMWEAVER CS4Utilización de los sitios de DreamweaverDirección HTTP El URL que utilizará el sitio Web. Esto permite que Dreamweaver verif

474USO DE DREAMWEAVER CS4Creación visual de páginas de SpryInserción y edición del widget de selección de validaciónInserción del widget de selección

475USO DE DREAMWEAVER CS4Creación visual de páginas de Spry2 En el inspector de propiedades (Ventana > Propiedades), introduzca un número para util

476USO DE DREAMWEAVER CS4Creación visual de páginas de SpryUtilización del widget de casilla de verificación de validaciónAcerca del widget de casilla

477USO DE DREAMWEAVER CS4Creación visual de páginas de SpryEl código HTML predeterminado del widget de casilla de verificación de validación, que norm

478USO DE DREAMWEAVER CS4Creación visual de páginas de Spry2 En el inspector de propiedades (Ventana > Propiedades), seleccione el estado que desea

479USO DE DREAMWEAVER CS4Creación visual de páginas de SpryA. Widget de contraseña, estado de número mínimo de caracteres B. Widget de contraseña, es

480USO DE DREAMWEAVER CS4Creación visual de páginas de SpryCambio del estado obligatorio de un widget de contraseña de validaciónDe forma predetermina

481USO DE DREAMWEAVER CS4Creación visual de páginas de SprySi alguna de las opciones anteriores se deja en blanco, el widget no puede validarse frente

482USO DE DREAMWEAVER CS4Creación visual de páginas de SpryUtilización del widget de confirmación de validaciónAcerca del widget de confirmación de va

483USO DE DREAMWEAVER CS4Creación visual de páginas de SpryEstado no válido Cuando el usuario introduce texto que no coincide con el texto introducid

43USO DE DREAMWEAVER CS4Utilización de los sitios de DreamweaverSelección de un método de acceso1 Seleccione Sitio > Administrar sitios.2 Haga clic

484USO DE DREAMWEAVER CS4Creación visual de páginas de Spry2 En el inspector de propiedades (Ventana > Propiedades), seleccione la opción que indic

485USO DE DREAMWEAVER CS4Creación visual de páginas de SpryCambio de los colores de fondo del widget de confirmación de validación❖ Para cambiar el co

486USO DE DREAMWEAVER CS4Creación visual de páginas de Spry• Especifique los elementos HTML de la fuente de datos que desea que Dreamweaver detecte. P

487USO DE DREAMWEAVER CS4Creación visual de páginas de SprySelección del elemento para el contenedor de datos del conjunto de datos HTML.Si se trata d

488USO DE DREAMWEAVER CS4Creación visual de páginas de Spry4 En la pantalla Establecer opciones de datos, haga lo siguiente:• (Opcional) Para configur

489USO DE DREAMWEAVER CS4Creación visual de páginas de Spry2 Elija Insertar > Spry > Conjunto de datos de Spry.3 En la pantalla Especificar fuen

490USO DE DREAMWEAVER CS4Creación visual de páginas de SpryDespués de seleccionar el elemento contenedor para el conjunto de datos, Dreamweaver muestr

491USO DE DREAMWEAVER CS4Creación visual de páginas de SpryElección de un diseño de conjunto de datosLa pantalla Elegir opciones de inserción permite

492USO DE DREAMWEAVER CS4Creación visual de páginas de SpryDiseño maestro/detalleSeleccione esta opción si desea mostrar los datos en un diseño maestr

493USO DE DREAMWEAVER CS4Creación visual de páginas de Spry3 Haga clic en Aceptar para cerrar el cuadro de diálogo y, a continuación, haga clic en Lis

vUSO DE DREAMWEAVER CS4ContenidoUtilización con Photoshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

44USO DE DREAMWEAVER CS4Utilización de los sitios de DreamweaverFicha avanzada del cuadro de diálogo Definición del sitio con la categoría Datos remot

494USO DE DREAMWEAVER CS4Creación visual de páginas de SpryEdición de un conjunto de datosUna vez creado el conjunto de datos de Spry, puede editarlo

495USO DE DREAMWEAVER CS4Creación visual de páginas de SpryDreamweaver crea diseños maestro/detalle automáticamente, así, las asociaciones entre las r

496USO DE DREAMWEAVER CS4Creación visual de páginas de SpryEl panel Vinculaciones muestra los datos disponibles del conjunto de datos.Nota: En el pane

497USO DE DREAMWEAVER CS4Creación visual de páginas de SprySi desea más flexibilidad, puede utilizar la opción Repetir hijo donde la validación de dat

498USO DE DREAMWEAVER CS4Creación visual de páginas de SpryCreación de una región de lista de repetición de SpryPuede añadir listas de repetición para

499USO DE DREAMWEAVER CS4Creación visual de páginas de SpryDeslizar Mueve el elemento hacia arriba o hacia abajo.Aumentar/Reducir Aumenta o reduce e

500USO DE DREAMWEAVER CS4Creación visual de páginas de SpryAplicación de un efecto Aumentar/ReducirNota: Puede utilizar este efecto con los siguientes

501USO DE DREAMWEAVER CS4Creación visual de páginas de Spry2 En el panel Comportamientos (Ventana > Comportamientos), haga clic en el icono de sign

502USO DE DREAMWEAVER CS4Creación visual de páginas de SpryEliminación de un efectoPuede eliminar uno o varios comportamientos de efectos de un elemen

503Capítulo 16: Visualización de datos XML con XSLTAdobe® Dreamweaver® CS4 incluye herramientas que le permiten mostrar datos XML (Lenguaje de formato

45USO DE DREAMWEAVER CS4Utilización de los sitios de DreamweaverEl uso de FTP pasivo permite al software local configurar la conexión FTP en lugar de

504USO DE DREAMWEAVER CS4Visualización de datos XML con XSLTXSLT (Transformaciones de lenguaje de hojas de estilo ampliable) es un subconjunto del len

505USO DE DREAMWEAVER CS4Visualización de datos XML con XSLTEl primer paso en la creación de estos tipos de páginas es crear el fragmento de XSLT. Se

506USO DE DREAMWEAVER CS4Visualización de datos XML con XSLTVéase también “Realización de transformaciones XSL en el servidor” en la página 510Transfo

507USO DE DREAMWEAVER CS4Visualización de datos XML con XSLTSi utiliza Dreamweaver para vincular una página XSLT a una página XML, Dreamweaver inserta

508USO DE DREAMWEAVER CS4Visualización de datos XML con XSLTEl siguiente ejemplo ilustra el modo en que se aplica el objeto XSLT Repetir región a una

509USO DE DREAMWEAVER CS4Visualización de datos XML con XSLT<xsl:for-each select="rss/channel/item"> <table width="500" b

510USO DE DREAMWEAVER CS4Visualización de datos XML con XSLTObtención de vista previa de páginas para transformaciones en el lado del clienteEn el cas

511USO DE DREAMWEAVER CS4Visualización de datos XML con XSLT• Convierta una página HTML existente en una página completa XSLT.5. Adjunte una fuente

512USO DE DREAMWEAVER CS4Visualización de datos XML con XSLT3 Haga clic en Crear y siga uno de estos procedimientos en el cuadro de diálogo Buscar ori

513USO DE DREAMWEAVER CS4Visualización de datos XML con XSLTCómo adjuntar fuentes de datos XMLSi utiliza una página XSLT existente como base, o si no

46USO DE DREAMWEAVER CS4Utilización de los sitios de Dreamweaver• Para interrumpir la conexión, haga clic en Desconectar en la barra de herramientas.C

514USO DE DREAMWEAVER CS4Visualización de datos XML con XSLT3 En el panel Vinculaciones, seleccione un elemento XML y arrástrelo hasta el lugar de la

515USO DE DREAMWEAVER CS4Visualización de datos XML con XSLTCualquier región de la vista Diseño que contenga un marcador de posición de los datos XML

516USO DE DREAMWEAVER CS4Visualización de datos XML con XSLTCuando añada el objeto XSLT Repetir región a la página, se truncará el marcador de posició

517USO DE DREAMWEAVER CS4Visualización de datos XML con XSLT3 En el panel Comportamientos del servidor (Ventana > Comportamientos del servidor), ha

518USO DE DREAMWEAVER CS4Visualización de datos XML con XSLTEliminación de fragmentos de XSLT de páginas dinámicasPara quitar un fragmento de XSLT de

519USO DE DREAMWEAVER CS4Visualización de datos XML con XSLTAl dar formato al contenido de los fragmentos de XSLT, utilice el siguiente flujo de traba

520USO DE DREAMWEAVER CS4Visualización de datos XML con XSLT3 En el cuadro de diálogo Añadir parámetros, introduzca el nombre del parámetro en el cuad

521USO DE DREAMWEAVER CS4Visualización de datos XML con XSLTEl elemento <xsl:if> es similar a la declaración if de otros lenguajes de programaci

522USO DE DREAMWEAVER CS4Visualización de datos XML con XSLTEl elemento <xsl:choose> es similar a la declaración case de otros lenguajes de prog

523USO DE DREAMWEAVER CS4Visualización de datos XML con XSLTInserción de comentarios XSLPuede añadir etiquetas de comentarios XSL en un documento o aj

47USO DE DREAMWEAVER CS4Utilización de los sitios de Dreamweaver2 Haga clic en Nuevo y seleccione Sitio para configurar un nuevo sitio, o bien selecci

524USO DE DREAMWEAVER CS4Visualización de datos XML con XSLTEn el siguiente ejemplo, se mostrará el subelemento price del nodo item:La selección inser

525USO DE DREAMWEAVER CS4Visualización de datos XML con XSLT4 Haga clic en Aceptar. 5 Para visualizar el valor de cada nodo del archivo XML, aplique u

526USO DE DREAMWEAVER CS4Visualización de datos XML con XSLT3 Haga clic en el botón de signo más (+) para crear un filtro vacío. 4 Introduzca los crit

527USO DE DREAMWEAVER CS4Visualización de datos XML con XSLTEs posible crear filtros más complejos que permitan especificar nodos padre como parte de

528USO DE DREAMWEAVER CS4Visualización de datos XML con XSLT1. Configure un sitio de Dreamweaver.2. Cree una página XSLT o convierta una página HT

529USO DE DREAMWEAVER CS4Visualización de datos XML con XSLT1. Cree la página XSLT.2. Muestre datos en la página XSLT.3. Muestre elementos de re

530USO DE DREAMWEAVER CS4Visualización de datos XML con XSLTUna entidad de caracteres es una cadena de caracteres que representa a otros caracteres.

531USO DE DREAMWEAVER CS4Visualización de datos XML con XSLTPara el ejemplo, debería introducir la siguiente etiqueta de entidad:<!ENTITY Egrave &q

532Capítulo 17: Preparación para crear sitios dinámicosAntes de empezar a crear páginas Web dinámicas, hay diversos preparativos que deben realizarse,

533USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicosEjemplo de aplicación WebAna es una diseñadora Web profesional y usuaria experimentada

48USO DE DREAMWEAVER CS4Utilización de los sitios de Dreamweaver7 Anule la selección de Proteger archivos al abrir si no desea que Dreamweaver descarg

534USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicos<html> <head> <title>Trio Motors Information Page</title> <

535USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicos1. El navegador Web solicita la página dinámica. 2. El servidor Web localiza la pági

536USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicosSELECT lastname, firstname, fitpoints FROM employeesEsta instrucción crea un juego de

537USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicos<html> <head> <title>Trio Motors Information Page</title> <

538USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicosVéase también “Elección de un servidor de aplicaciones” en la página 542Terminología d

539USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicosJuego de registros Conjunto de datos extraídos de una o varias tablas de una base de

540USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicosEntre los servidores Web más utilizados se incluyen Microsoft Internet Information Ser

541USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicosEl nombre del servidor corresponde a la carpeta raíz del servidor (en un equipo Window

542USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicosElección de un servidor de aplicacionesUn servidor de aplicaciones es una aplicación d

543USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicosNota: Developer Edition es una edición de uso no comercial que se utiliza para desarro

49USO DE DREAMWEAVER CS4Utilización de los sitios de DreamweaverNota: Si no ha definido ningún sitio de Dreamweaver, aparecerá el cuadro de diálogo De

544USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicosSi el servidor Web se ejecuta en un equipo local, puede utilizar localhost en lugar d

545USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicos3. Defina una carpeta de pruebaDreamweaver utilizará esta carpeta para generar y mostr

546USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicos2 Abra cualquier página de ColdFusion en Dreamweaver.3 Para crear una nueva fuente de

547USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicosConexiones de base de datos para desarrolladores de ASPAcerca de las conexiones de bas

548USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicosExisten distintos proveedores OLE DB para las distintas bases de datos. Puede obtener

549USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicosEs posible que las cadenas de conexión para otros tipos de bases de datos no utilicen

550USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicos8 Haga clic en Prueba para conectar con la base de datos y haga clic en Aceptar. Si l

551USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicosVéase también “Configuración del equipo para desarrollo de aplicaciones” en la página

552USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicosSi el ISP no define un DSN para usted o tarda en hacerlo, debe encontrar una forma alt

553USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicosc:\Inetpub\wwwroot\accounts\users\jsmith\index.htmPara más información sobre el método

50USO DE DREAMWEAVER CS4Utilización de los sitios de DreamweaverAcerca del prefijo de URL para el servidor de pruebaDebe especificar un prefijo de URL

554USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicosEdición o eliminación de una conexión de base de datosAl crear una conexión de base de

555USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicosConexión con una base de datosPara conectar con una base de datos al desarrollar una a

556USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicos2 Haga clic con el botón derecho del ratón (Windows) o mantenga presionada la tecla Co

557USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicos7 Haga clic en el botón Buscar ahora para mostrar una lista de nombres de cuentas asoc

558USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicos• 80004005—General error unable to open registry key 'DriverId'Éstas son las

559USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicosEl error lo genera SQL Server si éste no acepta o no reconoce la cuenta o la contraseñ

560USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicos[Referencia]80040e10—Campo COUNT incorrectoEste error se produce cuando obtiene una vi

561USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicos• Los datos que el comportamiento de servidor está actualizando o insertando son de un

562USO DE DREAMWEAVER CS4Preparación para crear sitios dinámicosNota: El navegador de archivos de Dreamweaver (el panel Archivos) oculta la carpeta _m

563Capítulo 18: Creación de páginas dinámicasPuede crear páginas dinámicas que muestren información procedente de fuentes de contenido dinámico, como

51USO DE DREAMWEAVER CS4Utilización de los sitios de Dreamweaverhttp://localhost/~MyUserName/Si la carpeta que desea utilizar para procesar páginas di

564USO DE DREAMWEAVER CS4Creación de páginas dinámicasUn comportamiento del servidor es el conjunto de instrucciones insertadas en una página dinámica

565USO DE DREAMWEAVER CS4Creación de páginas dinámicasTambién puede utilizar la vista de Diseño para comprobar rápidamente las páginas mientras trabaj

566USO DE DREAMWEAVER CS4Creación de páginas dinámicasConfiguración del inspector de propiedades para procedimientos almacenados de ColdFusion y coman

567USO DE DREAMWEAVER CS4Creación de páginas dinámicas• Especifique qué información de la base de datos desea mostrar o qué variables desea incluir en

568USO DE DREAMWEAVER CS4Creación de páginas dinámicas• Cree vínculos de navegación para juegos de registros que permitan a los usuarios ver los regis

569USO DE DREAMWEAVER CS4Creación de páginas dinámicasJuegos de registrosLas páginas Web no pueden acceder directamente a los datos almacenados en una

570USO DE DREAMWEAVER CS4Creación de páginas dinámicasVariables de sesiónLas variables de sesión permiten almacenar y mostrar información mantenida du

571USO DE DREAMWEAVER CS4Creación de páginas dinámicasUn ejemplo típico de almacenamiento de parámetros de URL en las variables de sesión es un catálo

572USO DE DREAMWEAVER CS4Creación de páginas dinámicasASP<% Session("prodID") = Request.Form("txtProduct") %>Ejemplo de info

573USO DE DREAMWEAVER CS4Creación de páginas dinámicasVariables de aplicación de ASP y ColdFusionEn ASP y ColdFusion, puede utilizar variables de apli

52USO DE DREAMWEAVER CS4Utilización de los sitios de DreamweaverExportación de sitios1 Seleccione Sitio > Administrar sitios.2 Seleccione uno o var

574USO DE DREAMWEAVER CS4Creación de páginas dinámicas• “Cambio o eliminación de fuentes de contenido” en la página 589• “Utilización de formatos de d

575USO DE DREAMWEAVER CS4Creación de páginas dinámicas• “Conexiones de base de datos para desarrolladores de ASP” en la página 547• “Conexiones de bas

576USO DE DREAMWEAVER CS4Creación de páginas dinámicas3 En el menú emergente Tabla, seleccione la tabla de la base de datos que proporcionará los dato

577USO DE DREAMWEAVER CS4Creación de páginas dinámicasEl acceso a las fuentes de datos ColdFusion pueden requerir un nombre de usuario y una contraseñ

578USO DE DREAMWEAVER CS4Creación de páginas dinámicasVéase también “Creación de consultas SQL utilizando el árbol Elementos de base de datos” en la p

579USO DE DREAMWEAVER CS4Creación de páginas dinámicasParámetros de formulario en la columna Valor de tiempo de ejecución:5 Haga clic en Prueba para c

580USO DE DREAMWEAVER CS4Creación de páginas dinámicas5 (Opcional) Realice una de las siguientes operaciones para utilizar el árbol Elementos de base

581USO DE DREAMWEAVER CS4Creación de páginas dinámicasDefinición de parámetros en una declaración SQL (PHP)Defina los parámetros en una declaración SQ

582USO DE DREAMWEAVER CS4Creación de páginas dinámicas3 Sitúe el punto de inserción después de WHERE emplJob en el área de texto SQL y escriba ='

583USO DE DREAMWEAVER CS4Creación de páginas dinámicas3 En el panel Vinculaciones, haga clic en el botón de signo más (+) y seleccione una de las sigu

53USO DE DREAMWEAVER CS4Utilización de los sitios de DreamweaverEl sitio local siempre aparece en el lado derecho de forma predeterminada. El panel i

584USO DE DREAMWEAVER CS4Creación de páginas dinámicasVéase también “Recogida de información de usuarios” en la página 675“Cómo funcionan las variable

585USO DE DREAMWEAVER CS4Creación de páginas dinámicas3 Defina una variable y haga clic en Aceptar.4 Al definir un juego de registros, seleccione la v

586USO DE DREAMWEAVER CS4Creación de páginas dinámicasDefinición de una variable local ColdFusionLas variables locales se crean con la etiqueta CFSET

587USO DE DREAMWEAVER CS4Creación de páginas dinámicasDefinición de variables de servidor PHPDefina variables de servidor como fuente de contenido din

588USO DE DREAMWEAVER CS4Creación de páginas dinámicasLa tabla siguiente muestra las variables CGI más comunes que crea el navegador y que se transfie

589USO DE DREAMWEAVER CS4Creación de páginas dinámicasCreación de un caché de las fuentes de contenidoPuede crear un caché (o almacenar) fuentes de co

590USO DE DREAMWEAVER CS4Creación de páginas dinámicasAdición de contenido dinámico a las páginasAdición de contenido dinámicoUna vez que haya definid

591USO DE DREAMWEAVER CS4Creación de páginas dinámicasVéase también “Juegos de registros” en la página 569“Utilización de formatos de datos predefinid

592USO DE DREAMWEAVER CS4Creación de páginas dinámicasLa fuente de datos debe ser un juego de registros que contenga las rutas de acceso a los archivo

593USO DE DREAMWEAVER CS4Creación de páginas dinámicas• Si el atributo que desea vincular no aparece en la vista Lista, haga clic en el botón de signo

viUSO DE DREAMWEAVER CS4ContenidoCapítulo 17: Preparación para crear sitios dinámicosAspectos básicos de las aplicaciones Web . . . . . . . . . . . .

54USO DE DREAMWEAVER CS4Utilización de los sitios de DreamweaverAdministración de sitios de Contribute con DreamweaverAdministración de sitios de Cont

594USO DE DREAMWEAVER CS4Creación de páginas dinámicasCambio de contenido dinámicoAcerca del contenido dinámicoPuede cambiar el contenido dinámico de

595USO DE DREAMWEAVER CS4Creación de páginas dinámicasPara lograr este efecto, Dreamweaver ejecuta la página dinámica en el servidor antes de mostrarl

596USO DE DREAMWEAVER CS4Creación de páginas dinámicas2 Si no están activadas algunas opciones necesarias para la compatibilidad con Contribute, apare

597USO DE DREAMWEAVER CS4Creación de páginas dinámicasComportamientos del servidor y los elementos de formatoDreamweaver proporciona los siguientes co

598USO DE DREAMWEAVER CS4Creación de páginas dinámicasLos vínculos de navegación por conjuntos de registros requieren los siguientes elementos dinámic

599USO DE DREAMWEAVER CS4Creación de páginas dinámicasImágenes Incluye imágenes gráficas a modo de vínculos. Dreamweaver utiliza sus propios archivo

600USO DE DREAMWEAVER CS4Creación de páginas dinámicasDespués de añadir un juego de registros a la página y de crear una barra de navegación, deberá a

601USO DE DREAMWEAVER CS4Creación de páginas dinámicasVisualización de varios resultados de juego de registrosEl comportamiento del servidor Repetir r

602USO DE DREAMWEAVER CS4Creación de páginas dinámicasCreación de una tabla dinámicaEl ejemplo siguiente ilustra cómo se aplica el comportamiento del

603USO DE DREAMWEAVER CS4Creación de páginas dinámicasSe insertarán en la página una tabla y los marcadores de posición del contenido dinámico definid

55USO DE DREAMWEAVER CS4Utilización de los sitios de Dreamweaver• En la página de índice de cada carpeta, proporcione una lista de vínculos con las pá

604USO DE DREAMWEAVER CS4Creación de páginas dinámicasCuando el contador se ve en la ventana Live Data o en un navegador, tiene un aspecto similar al

605USO DE DREAMWEAVER CS4Creación de páginas dinámicasDisplaying records 1 thru 8 of 40.Si la página de resultados tiene un vínculo de navegación para

606USO DE DREAMWEAVER CS4Creación de páginas dinámicas• Si se inserta un cero delante de las fracciones• Si se utilizan paréntesis o un signo menos pa

607USO DE DREAMWEAVER CS4Creación de páginas dinámicasEl siguiente ejemplo muestra una página dinámica con Live Data desactivado: El siguiente ejemplo

608USO DE DREAMWEAVER CS4Creación de páginas dinámicasCómo proporcionar una página con live data en la vista DiseñoNota: El cuadro de diálogo Configur

609USO DE DREAMWEAVER CS4Creación de páginas dinámicasVéase también “Configuración de un entorno de desarrollo ColdFusion” en la página 542“Configurac

610USO DE DREAMWEAVER CS4Creación de páginas dinámicasUtilización de la vista Diseño sin datos dinámicosSi está desactivado Live Data o se ha desconec

611USO DE DREAMWEAVER CS4Creación de páginas dinámicasInstalación de un comportamiento de servidor u otra extensión en Dreamweaver1 Inicie Extension M

612USO DE DREAMWEAVER CS4Creación de páginas dinámicas7 Sitúe el punto de inserción en el bloque de código en el que desee insertar el parámetro o sel

613USO DE DREAMWEAVER CS4Creación de páginas dinámicasinstancia de un comportamiento de servidor a un documento, el comportamiento aparece en la lista

56USO DE DREAMWEAVER CS4Utilización de los sitios de DreamweaverSi un usuario de Contribute no dispone de acceso de lectura en el servidor para un arc

614USO DE DREAMWEAVER CS4Creación de páginas dinámicasUtilización eficaz de expresiones condicionalesCuando se utilizan las directivas if, else y else

615USO DE DREAMWEAVER CS4Creación de páginas dinámicasPara especificar una posición personalizada, debe asignar un peso al bloque de código. Utilice

616USO DE DREAMWEAVER CS4Creación de páginas dinámicasEl comportamiento de servidor se muestra en el panel Comportamientos del servidor (Ventana >

617USO DE DREAMWEAVER CS4Creación de páginas dinámicasPuede anidar tantas condiciones o directivas loop (bucle) como desee dentro de una directiva con

618USO DE DREAMWEAVER CS4Creación de páginas dinámicas<CFSTOREDPROC procedure="proc1" datasource=#MM_connection1_DSN# username=#MM_connec

619USO DE DREAMWEAVER CS4Creación de páginas dinámicas<% Session("lang_pref") = Request.Form("@@formParam@@"); %>Por ejemplo

620USO DE DREAMWEAVER CS4Creación de páginas dinámicas4 Para cambiar el orden de presentación de los controles del cuadro de diálogo, seleccione un pa

621USO DE DREAMWEAVER CS4Creación de páginas dinámicasReglas de codificaciónEn general, el código de los comportamientos del servidor debe ser compact

622USO DE DREAMWEAVER CS4Creación de páginas dinámicasUna vez aplicado satisfactoriamente el comportamiento de servidor a la página, verifique lo sigu

623Capítulo 19: Creación visual de aplicacionesEn Adobe® Dreamweaver® CS4, puede utilizar Adobe ColdFusion, PHP o ASP para crear páginas que le permit

57USO DE DREAMWEAVER CS4Utilización de los sitios de DreamweaverDe igual forma, es posible que, en algunos casos, un archivo de bloqueo caducado perma

624USO DE DREAMWEAVER CS4Creación visual de aplicacionesPágina detallePuede crear páginas maestra y detalle insertando un objeto de datos para crear u

625USO DE DREAMWEAVER CS4Creación visual de aplicacionesColumnas de juego de registros para una página maestraNormalmente, el juego de registros de la

626USO DE DREAMWEAVER CS4Creación visual de aplicacionesApertura de la página detalle y transferencia de un ID de registro (ColdFusion, PHP)1 En la ta

627USO DE DREAMWEAVER CS4Creación visual de aplicacionesLa expresión que se indica a continuación del signo igual es el valor del parámetro. En este

628USO DE DREAMWEAVER CS4Creación visual de aplicaciones3 Asigne un nombre al juego de registros y elija una fuente de datos y la tabla de base de dat

629USO DE DREAMWEAVER CS4Creación visual de aplicaciones• Columnas de juego de registro vinculadas a la página. El registro específico debe mostrarse

630USO DE DREAMWEAVER CS4Creación visual de aplicaciones7 En el menú emergente Vincular con detalle desde, elija la columna del juego de registros que

631USO DE DREAMWEAVER CS4Creación visual de aplicacionesCreación de páginas de búsqueda y resultadosPáginas de búsqueda y resultadosPuede utilizar Dre

632USO DE DREAMWEAVER CS4Creación visual de aplicaciones2 Añada objetos de formulario para que los usuarios introduzcan sus parámetros de búsqueda eli

633USO DE DREAMWEAVER CS4Creación visual de aplicacionesVéase también “Páginas de búsqueda y resultados” en la página 631“Creación de la página de bús

58USO DE DREAMWEAVER CS4Utilización de los sitios de Dreamweaver4 Si aparece un cuadro de diálogo que le indica que debe activar Design Notes y Despro

634USO DE DREAMWEAVER CS4Creación visual de aplicacionesCreación de un filtro de juego de registros1 Desde el primer menú emergente del área Filtro, s

635USO DE DREAMWEAVER CS4Creación visual de aplicaciones2 Asegúrese de que aparece el cuadro de diálogo Juego de registros avanzado.El cuadro de diálo

636USO DE DREAMWEAVER CS4Creación visual de aplicacionesVisualización de los resultados de la búsqueda Tras crear un juego de registros que contenga l

637USO DE DREAMWEAVER CS4Creación visual de aplicaciones4 Haga clic en Aceptar. Cuando se haga clic en el nuevo vínculo, la página pasará los parámetr

638USO DE DREAMWEAVER CS4Creación visual de aplicaciones3 Asigne un nombre al formulario HTML. Para ello, haga clic en la etiqueta <form>, situa

639USO DE DREAMWEAVER CS4Creación visual de aplicaciones4 En el cuadro Tras insertar, ir a, introduzca la página que desea abrir después de insertar e

640USO DE DREAMWEAVER CS4Creación visual de aplicaciones4 Si utiliza ColdFusion, introduzca un nombre de usuario y una contraseña.5 En el cuadro Tras

641USO DE DREAMWEAVER CS4Creación visual de aplicacionesCreación de páginas para actualizar un registroPáginas de actualización de registrosUna aplica

642USO DE DREAMWEAVER CS4Creación visual de aplicaciones5 Configure el área Filtro de forma que el valor de la columna de clave sea igual al valor del

643USO DE DREAMWEAVER CS4Creación visual de aplicacionesLos objetos de formulario permiten introducir datos. Generalmente se utilizan campos de texto

59USO DE DREAMWEAVER CS4Utilización de los sitios de Dreamweaver3 Seleccione la categoría Contribute de la lista de categorías de la izquierda.4 Haga

644USO DE DREAMWEAVER CS4Creación visual de aplicaciones9 (ASP) Especifique una columna de base de datos para actualizar, seleccione el objeto de form

645USO DE DREAMWEAVER CS4Creación visual de aplicaciones6 En el cuadro Tras actualizar, ir a, introduzca la página que desea abrir después de actualiz

646USO DE DREAMWEAVER CS4Creación visual de aplicacionesVéase también “Recuperación del registro que desea actualizar” en la página 641“Inserción o ca

647USO DE DREAMWEAVER CS4Creación visual de aplicacionesVéase también “Parámetros de URL” en la página 676Para crear vínculos manualmente1 En la págin

648USO DE DREAMWEAVER CS4Creación visual de aplicacionesEl signo de interrogación indica al servidor que lo que va a continuación es uno o más parámet

649USO DE DREAMWEAVER CS4Creación visual de aplicacionesAl ejecutar la página, los valores del campo CODE del juego de registros se insertan en las fi

650USO DE DREAMWEAVER CS4Creación visual de aplicacionesCreación de la página de borrado Después de completar la página que enumera los registros, cam

651USO DE DREAMWEAVER CS4Creación visual de aplicaciones4 Complete la sección Filtro de la siguiente forma para localizar y mostrar el registro especi

652USO DE DREAMWEAVER CS4Creación visual de aplicaciones4 En el cuadro de diálogo Datos dinámicos, seleccione la columna ID del registro en el juego d

653USO DE DREAMWEAVER CS4Creación visual de aplicaciones2 En el panel Comportamientos del servidor (Ventana> Comportamientos del servidor), haga cl

60USO DE DREAMWEAVER CS4Utilización de los sitios de DreamweaverPermiso a usuarios de Contribute para acceder a las plantillas sin acceder a la carpet

654USO DE DREAMWEAVER CS4Creación visual de aplicaciones4 En el menú emergente Eliminar de la tabla, seleccione la tabla de la base de datos que conti

655USO DE DREAMWEAVER CS4Creación visual de aplicacionesNota: No todos los proveedores de base de datos admiten comandos preparados. Si su base de da

656USO DE DREAMWEAVER CS4Creación visual de aplicacionesEl siguiente ejemplo muestra una declaración Insertar que contiene tres variables SQL. Los va

657USO DE DREAMWEAVER CS4Creación visual de aplicacionesProcedimientos almacenadosAunque se pueden utilizar comportamientos de servidor para crear pág

658USO DE DREAMWEAVER CS4Creación visual de aplicaciones8 Si el procedimiento almacenado toma un parámetro, haga clic en el botón de signo más (+) par

659USO DE DREAMWEAVER CS4Creación visual de aplicacionesNo es preciso que introduzca ningún parámetro para variables RETURN_VALUE.6 Haga clic en Acept

660USO DE DREAMWEAVER CS4Creación visual de aplicacionesAlmacenamiento de la información de conexión de los usuarios Una página de registro necesita u

661USO DE DREAMWEAVER CS4Creación visual de aplicacionesPuede cambiar la etiqueta del botón Enviar. Para ello, seleccione el botón, abra el inspector

662USO DE DREAMWEAVER CS4Creación visual de aplicacionesCreación de una página de conexiónPáginas de conexiónUna aplicación Web puede contener una pág

663USO DE DREAMWEAVER CS4Creación visual de aplicacionesNo es necesario que especifique los atributos action o method para indicar al formulario dónde

61USO DE DREAMWEAVER CS4Utilización de los sitios de DreamweaverSolución de problemas de conexión con un sitio de Contribute1 Compruebe el URL de raíz

664USO DE DREAMWEAVER CS4Creación visual de aplicaciones8 Indique si desea conceder acceso a la página únicamente de acuerdo con el nombre de usuario

665USO DE DREAMWEAVER CS4Creación visual de aplicacionesRemitir a otra página a los usuarios no autorizados Para impedir el acceso de los usuarios no

666USO DE DREAMWEAVER CS4Creación visual de aplicacionesAlmacenamiento de privilegios de acceso en la base de datos de usuariosEste elemento sólo es n

667USO DE DREAMWEAVER CS4Creación visual de aplicacionesProtección de una carpeta de su aplicación (ColdFusion)Protección de una carpeta o un sitio de

668USO DE DREAMWEAVER CS4Creación visual de aplicacionesPuede utilizar Dreamweaver para trabajar con archivos CFC. Para información sobre las etiquet

669USO DE DREAMWEAVER CS4Creación visual de aplicaciones3 Haga clic en botón de signo más (+), rellene el cuadro de diálogo Crear componentes y haga c

670USO DE DREAMWEAVER CS4Creación visual de aplicacionesPara utilizar Dreamweaver con el fin de inspeccionar los CFC que residen en la raíz del servid

671USO DE DREAMWEAVER CS4Creación visual de aplicaciones• En el cuadro de diálogo Definición del sitio avanzado de Dreamweaver, el tipo de acceso espe

672USO DE DREAMWEAVER CS4Creación visual de aplicaciones• Seleccione la función en el panel y haga clic en el botón Insertar de la barra de herramient

673USO DE DREAMWEAVER CS4Creación visual de aplicaciones3 Haga clic en el botón CFC Query (Consulta CFC).4 Rellene el cuadro de diálogo de consulta de

62USO DE DREAMWEAVER CS4Utilización de los sitios de DreamweaverEl uso de FTP pasivo permite al software local configurar la conexión FTP en lugar de

674USO DE DREAMWEAVER CS4Creación visual de aplicacionesSi no se devuelve ningún valor de tiempo de ejecución, se utilizará el valor de parámetro pred

675Capítulo 20: Creación de formularios Cuando un visitante introduce información en un formulario Web visualizado en un navegador Web y hace clic en

676USO DE DREAMWEAVER CS4Creación de formulariosEn aquellos casos en que una aplicación Web espere un valor de parámetro preciso (por ejemplo, cuando

677USO DE DREAMWEAVER CS4Creación de formulariosEn este flujo de trabajo de ejemplo, la aplicación es una tienda virtual. Puesto que los diseñadores

678USO DE DREAMWEAVER CS4Creación de formulariosEn el ejemplo siguiente, tres vínculos crean un único parámetro de URL (action) con tres valores posib

679USO DE DREAMWEAVER CS4Creación de formulariosObjetos de formularioEn Dreamweaver, los tipos de entrada de los formularios se denominan objetos de f

680USO DE DREAMWEAVER CS4Creación de formulariosque comparten el mismo nombre). En el ejemplo anterior, Rafting es la opción seleccionada en este mom

681USO DE DREAMWEAVER CS4Creación de formularios2 Seleccione Insertar > Formulario o seleccione la categoría Formularios en el panel Insertar y hag

682USO DE DREAMWEAVER CS4Creación de formularios_top Abre el documento de destino en el cuerpo de la ventana actual. Este valor se puede utilizar pa

683USO DE DREAMWEAVER CS4Creación de formulariosejemplo, si el valor de Ancho car es 20 (valor predeterminado) y un usuario introduce 100 caracteres,

63USO DE DREAMWEAVER CS4Utilización de los sitios de DreamweaverEste cuadro de diálogo sirve para asignar un nombre al sitio de Dreamweaver y especifi

684USO DE DREAMWEAVER CS4Creación de formulariosEstado inicial Determina si la casilla de verificación está seleccionada o no cuando el formulario se

685USO DE DREAMWEAVER CS4Creación de formulariosInserción de campos de carga de archivosPuede crear un campo de carga de archivos para que el usuario

686USO DE DREAMWEAVER CS4Creación de formulariosAlt Permite escribir un texto descriptivo en caso de que la imagen no se pueda cargar en el navegador

687USO DE DREAMWEAVER CS4Creación de formulariosSi establece las casillas de verificación para que transmitan los parámetros de vuelta al servidor, lo

688USO DE DREAMWEAVER CS4Creación de formularios2 Siga uno de estos procedimientos:• Seleccione el nuevo objeto de formulario HTML Lista/menú, o uno n

689USO DE DREAMWEAVER CS4Creación de formularios2 Haga clic en el icono de rayo situado junto al cuadro Definir valor como, seleccione una fuente de d

690USO DE DREAMWEAVER CS4Creación de formulariosAparecerá el cuadro Valores de botón de opción con los valores de todos los botones de opción del grup

691USO DE DREAMWEAVER CS4Creación de formularios“Utilización del widget de selección de validación” en la página 473“Utilización del widget de casilla

692USO DE DREAMWEAVER CS4Creación de formularios3 Seleccione Insertar > Formulario y, a continuación, seleccione el objeto de formulario que desea

693USO DE DREAMWEAVER CS4Creación de formularios• Haga clic con el botón derecho del ratón (Windows) o mantenga presionada la tecla Control y haga cli

1Capítulo 1: RecursosAntes de comenzar a trabajar con el software, dedique algunos momentos a leer información general sobre la activación y los numer

64USO DE DREAMWEAVER CS4Utilización de los sitios de DreamweaverDefinición de opciones de comprobación de archivos de la ficha Básicas (prefijo de URL

694USO DE DREAMWEAVER CS4Creación de formulariosCreación de formularios ColdFusionPuede utilizar distintos botones del panel Insertar, elementos de me

695USO DE DREAMWEAVER CS4Creación de formulariosUbicación scripts Especifica el URL (relativo a la raíz Web) del archivo JavaScript que contiene el c

696USO DE DREAMWEAVER CS4Creación de formularios3 Haga clic en el control de la página para seleccionarlo y, después, defina las propiedades en el ins

697USO DE DREAMWEAVER CS4Creación de formulariosNota: El atributo de la máscara se omite en el caso de la etiqueta cfinput type="password".V

698USO DE DREAMWEAVER CS4Creación de formulariosObligatorio Permite especificar si el campo oculto debe contener datos antes de enviar el formulario

699USO DE DREAMWEAVER CS4Creación de formulariosInserción de botones ColdFusionEs posible insertar visualmente un botón ColdFusion en el formulario y

700USO DE DREAMWEAVER CS4Creación de formulariosAncho Permite especificar (en píxeles) el ancho del control. Esta propiedad se omite en el servidor

701USO DE DREAMWEAVER CS4Creación de formularios4 Para etiquetar el botón de opción, haga clic junto al campo de texto de la página y escriba el texto

702USO DE DREAMWEAVER CS4Creación de formulariosAncho de Flash Permite especificar (en píxeles) el ancho del control. Esta propiedad se omite en el

703USO DE DREAMWEAVER CS4Creación de formulariosObligatorio Permite especificar si el control debe contener datos antes de enviar el formulario al se

65USO DE DREAMWEAVER CS4Utilización de los sitios de DreamweaverPara este método de acceso, es necesario disponer de un servidor que admita este proto

704USO DE DREAMWEAVER CS4Creación de formulariosTamaño Permite especificar el tamaño del control. Obligatorio Permite especificar si el campo de arc

705USO DE DREAMWEAVER CS4Creación de formulariosVéase también “Validación de datos de formulario ColdFusion” en la página 705Modificación de los contr

706Capítulo 21: AccesibilidadAdobe® Dreamweaver® CS4 incluye una serie de funciones que le permiten diseñar y desarrollar páginas Web accesibles. Ade

707USO DE DREAMWEAVER CS4AccesibilidadComo diseñador de Dreamweaver, puede utilizar un lector de pantalla como ayuda para crear sus páginas Web. El l

708USO DE DREAMWEAVER CS4AccesibilidadDesplazamiento por Dreamweaver utilizando el tecladoPuede utilizar el teclado para navegar por los paneles, los

709USO DE DREAMWEAVER CS4AccesibilidadDesplazamiento por los marcos❖ Si el documento contiene marcos, puede utilizar las teclas de flechas para entrar

710ÍndiceSímbolos? en nombres de campo 560Numéricos127.0.0.1, número de IP 541Aabrirarchivos 83archivos de texto 77archivos no HTML 318documentos exis

711USO DE DREAMWEAVER CS4Índiceálbumes de fotos Web, crear 392álbumes de fotos, crear para Web 392alinearelementos de página 254elementos PA 180imagen

712USO DE DREAMWEAVER CS4Índiceatributos de objetos multimediaeditar 273audio. Véase sonidoAyuda de comunidad 2Bbarra de estadoacerca de 12cambiar el

713USO DE DREAMWEAVER CS4Índiceceldas de tablaVéase también celdas de diseño, tablas de diseñoceldas de encabezado, designar 198color de fondo e image

66USO DE DREAMWEAVER CS4Utilización de los sitios de DreamweaverWebDAV (Creación y control de versiones distribuido basado en la Web, Web-based Distr

714USO DE DREAMWEAVER CS4Índicecomandosacceso desde menú contextual 24crear a partir de pasos de historial 285grabar 286Combinar celdas, comando 203co

715USO DE DREAMWEAVER CS4Índicecuadrículasajustar elementos 189como guías visuales 19mostrar y ocultar 189Cuadro, opciones (Definición de regla CSS) 1

716USO DE DREAMWEAVER CS4ÍndiceEedición roundtrip 385Roundtrip HTML 312editar 589activos 129archivos de un sitio de Dreamweaver 87archivos en un servi

717USO DE DREAMWEAVER CS4Índicedocumentos mediante el icono de señalización de archivos 291documentos 289establecimiento de vínculosnavegación 287Esta

718USO DE DREAMWEAVER CS4Índicecampos ocultos 679campos, validar 383casillas de verificación dinámicas 689ColdFusion 693controles, ColdFusion 695crear

719USO DE DREAMWEAVER CS4ÍndiceIiconospaneles como 28imagen de marcador de posición 257imagen de rastreoajustar posición 190como guías 189Imagen de vi

720USO DE DREAMWEAVER CS4ÍndiceJava, appletsconvertir en contenido dinámico 593insertar 273, 279propiedades 279JavaScript 537acciones 366adjuntar a ob

721USO DE DREAMWEAVER CS4Índicemenús de saltocambiar elementos de menú 298crear un mensaje de selección para 297insertar 298Ir, botones 297, 374menús

722USO DE DREAMWEAVER CS4Índiceimágenes de Photoshop para la Web 395, 399, 400presentación preliminar 403orden de apilamientoelementos PA 177Ortografí

723USO DE DREAMWEAVER CS4Índiceeditar código 411editar scripts de servidor 411eliminar 434expresiones 412hacer clic en regiones bloqueadas 437introduc

67USO DE DREAMWEAVER CS4Utilización de los sitios de DreamweaverPara acabar de configurar el sitio, siga uno de estos procedimientos:• Haga clic en el

724USO DE DREAMWEAVER CS4Índicereglas horizontales, insertar y modificar 248repeat, opción 148Repetir región, comportamiento 601Reproducir sonido, acc

725USO DE DREAMWEAVER CS4Índicebuscar archivos 85, 236carpeta remota, solucionar problemas 48crear nuevo, asistente para la definición del sitio 41Dat

726USO DE DREAMWEAVER CS4Índicetablas dinámicas de Spryacerca de 494tablas repetidas (plantillas)alternar colores 423insertar 423tabulaciones, convert

727USO DE DREAMWEAVER CS4ÍndiceFormato, columna 605mostrar elementos de Spry incorporados 496, 497vinculara documentos de Microsoft Word o Excel 242a

728USO DE DREAMWEAVER CS4Índiceinsertar 479personalizar 481visualizar estados en vista Diseño 480widget de grupo de opciones de validaciónVéase tambié

68Capítulo 4: Creación y administración de archivosAdemás de crear páginas Web, puede organizar fácilmente todos los archivos y activos que pertenecen

69USO DE DREAMWEAVER CS4Creación y administración de archivosJPEG Archivos de Grupo conjunto de expertos fotográficos (el nombre de la organización q

70USO DE DREAMWEAVER CS4Creación y administración de archivosSi selecciona una de las definiciones de tipo de documento XHTML en el menú DocType (DTD)

71USO DE DREAMWEAVER CS4Creación y administración de archivosCreación de una plantilla en blancoPuede utilizar el cuadro de diálogo Nuevo documento pa

72USO DE DREAMWEAVER CS4Creación y administración de archivos7 (Opcional) También puede adjuntar hojas de estilos CSS a la nueva página (independiente

73USO DE DREAMWEAVER CS4Creación y administración de archivos3 En la columna Sitio, seleccione el sitio de Dreamweaver que contiene la plantilla que d

2USO DE DREAMWEAVER CS4RecursosLéameEl archivo Léame del software se encuentra disponible en línea y también en el disco de instalación. Abra el archi

74USO DE DREAMWEAVER CS4Creación y administración de archivosVéase también “Aspectos básicos de las hojas de estilos en cascada” en la página 137“Alma

75USO DE DREAMWEAVER CS4Creación y administración de archivosRecuperación de la última versión guardada de un documento1 Seleccione Archivo > Desca

76USO DE DREAMWEAVER CS4Creación y administración de archivosMostrar el cuadro de diálogo Nuevo documento con Control+N Anule la selección de esta op

77USO DE DREAMWEAVER CS4Creación y administración de archivosTambién puede utilizar el panel Archivos para abrir los archivos.2 Localice y seleccione

78USO DE DREAMWEAVER CS4Creación y administración de archivos• En la barra de herramientas Archivos relacionados, haga clic con el botón derecho del r

79USO DE DREAMWEAVER CS4Creación y administración de archivosVéase también “Cambio de vista en la ventana de documento” en la página 19“Navegación al

80USO DE DREAMWEAVER CS4Creación y administración de archivosAplicar formato de origen Aplica al documento las opciones de formato de origen que espe

81USO DE DREAMWEAVER CS4Creación y administración de archivosNota: Los botones de las vistas Archivos del sitio, Servidor de prueba y Sincronizar sólo

82USO DE DREAMWEAVER CS4Creación y administración de archivosBotón Expandir/contraer Expande o contrae el panel Archivos para mostrar uno o los dos p

83USO DE DREAMWEAVER CS4Creación y administración de archivosCambio de la vista del sitio en el panel Archivos (sólo sitios de Dreamweaver)❖ Siga uno

3USO DE DREAMWEAVER CS4RecursosServicios en línea de Adobe CreativeAdobe Creative® Suite® 4 incluye nuevas funciones en línea que prestan al escritori

84USO DE DREAMWEAVER CS4Creación y administración de archivosDreamweaver abre el archivo en la ventana de documento.Creación de un archivo o carpeta1

85USO DE DREAMWEAVER CS4Creación y administración de archivosBúsqueda de archivos en el sitio de DreamweaverDreamweaver permite buscar archivos selecc

86USO DE DREAMWEAVER CS4Creación y administración de archivos2 Siga uno de estos procedimientos para indicar las fechas de búsqueda del informe:• Para

87USO DE DREAMWEAVER CS4Creación y administración de archivosPara poder acceder a un servidor remoto, antes debe configurar Dreamweaver para que funci

88USO DE DREAMWEAVER CS4Creación y administración de archivosCuando se arrastra un archivo de un sitio de Dreamweaver a otro o a una carpeta no asocia

89USO DE DREAMWEAVER CS4Creación y administración de archivosNota: Debe asociar una nueva columna a una Design Note para que se muestren datos en el p

90USO DE DREAMWEAVER CS4Creación y administración de archivosAlgunas de las actividades relativas al servidor que Dreamweaver no puede realizar durant

91USO DE DREAMWEAVER CS4Creación y administración de archivosNota: Para obtener sólo aquellos archivos cuya versión remota sea más reciente que la ver

92USO DE DREAMWEAVER CS4Creación y administración de archivosNota: Si coloca un archivo que anteriormente no estaba presente en el sitio remoto y util

93USO DE DREAMWEAVER CS4Creación y administración de archivosPara detener la transferencia de archivos en cualquier momento, haga clic en el botón Can