- Guía del usuario de Dreamweaver
- Introducción
- Dreamweaver y Creative Cloud
- Espacios de trabajo y vistas de Dreamweaver
- Configuración de sitios
- Acerca de los sitios de Dreamweaver
- Configuración de una versión local del sitio
- Conectar con servidores de publicación
- Configuración de un servidor de prueba
- Importación y exportación de la configuración de un sitio de Dreamweaver
- Traer sitios web existentes desde un servidor remoto a la raíz del sitio local
- Funciones de accesibilidad en Dreamweaver
- Ajustes avanzados
- Configuración de las preferencias de sitio para transferir archivos
- Especificación de la configuración del servidor proxy en Dreamweaver
- Sincronizar la configuración de Dreamweaver con Creative Cloud
- Uso de Git en Dreamweaver
- Administrar archivos
- Creación y apertura de documentos
- Administración de archivos y carpetas
- Carga de archivos al servidor y descarga desde el mismo
- Desprotección y protección de archivos
- Sincronizar archivos
- Comparación de archivos para detectar diferencias
- Ocultación de archivos y carpetas en el sitio de Dreamweaver
- Activación de Design Notes para sitios de Dreamweaver
- Prevención de la posible actuación repentina de Gatekeeper
- Maquetación y diseño
- Usar ayudas visuales al diseñar
- Información sobre el uso de CSS para diseñar la página
- Diseño de sitios web interactivos con Bootstrap
- Creación y uso de consultas de medios en Dreamweaver
- Presentación de contenido en tablas
- Colores
- Diseño interactivo mediante diseños de cuadrícula fluida
- Extract en Dreamweaver
- CSS
- Aspectos básicos de las hojas de estilos en cascada
- Diseño de páginas con el Diseñador de CSS
- Uso de preprocesadores de CSS en Dreamweaver
- Configuración de las preferencias de estilos CSS en Dreamweaver
- Mover reglas CSS en Dreamweaver
- Conversión de CSS en línea en una regla CSS en Dreamweaver
- Uso de etiquetas div
- Aplicación de degradados al fondo
- Creación y edición de efectos de transición de CSS3 en Dreamweaver
- Formatear código
- Contenido de página y activos
- Definición de las propiedades de la página
- Configuración de propiedades de encabezado CSS y propiedades de vínculo CSS
- Uso de texto
- Buscar y reemplazar texto, etiquetas y atributos
- Panel DOM
- Editar en la Vista en vivo
- Codificación de documentos en Dreamweaver
- Selección y visualización de elementos de la ventana de documento
- Configuración de las propiedades de texto en el inspector de propiedades
- Revisión ortográfica de una página web
- Uso de las reglas horizontales en Dreamweaver
- Añadir y modificar combinaciones de fuentes en Dreamweaver.
- Trabajo con activos
- Inserción y actualización de fechas en Dreamweaver
- Creación y gestión de activos favoritos en Dreamweaver
- Insertar y editar imágenes en Dreamweaver
- Adición de objetos multimedia
- Adición de vídeos en Dreamweaver
- Insertar vídeo HTML5
- Insertar archivos SWF
- Adición de efectos de sonido
- Insertar audio HTML5 en Dreamweaver
- Trabajar con elementos de bibliotecas
- Uso de texto árabe y hebreo en Dreamweaver
- Establecimiento de vínculos y navegación
- Widgets y efectos de jQuery
- Programación de sitios web
- Acerca de la programación en Dreamweaver
- Entorno de programación en Dreamweaver
- Configuración de las preferencias de programación
- Personalización de los colores del código
- Escritura y edición de código
- Sugerencias de código y completado de código
- Contraer y expandir código
- Reutilizar código con fragmentos
- Depuración de código mediante linting
- Optimización del código
- Edición de código en Vista de diseño
- Trabajo con el contenido de Head para páginas
- Inserción del lado del servidor incluida en Dreamweaver
- Uso de bibliotecas de etiquetas en Dreamweaver
- Importación de etiquetas personalizadas a Dreamweaver
- Uso de comportamientos de JavaScript (instrucciones generales)
- Aplicación de comportamientos JavaScript incorporados
- Acerca de XML y XSLT
- Realización de transformaciones XSL del lado del servidor en Dreamweaver
- Realización de transformaciones XSL en el lado del cliente en Dreamweaver
- Adición de entidades de caracteres para XSLT en Dreamweaver
- Formatear código
- Flujos de trabajo de varios productos
- Instalación y uso de extensiones para Dreamweaver
- Actualizaciones integradas en Dreamweaver
- Insertar documentos de Microsoft Office en Dreamweaver (solo Windows)
- Trabajo con Fireworks y Dreamweaver
- Edición de contenido en sitios de Dreamweaver con Contribute
- Integración de Dreamweaver Business Catalyst
- Crear campañas de correo electrónico personalizado
- Plantillas
- Acerca de las plantillas de Dreamweaver
- Reconocimiento de plantillas y documentos basados en plantillas
- Crear una plantilla de Dreamweaver
- Crear regiones editables en plantillas
- Creación de tablas y regiones repetidas en Dreamweaver
- Usar regiones opcionales en plantillas
- Definición de atributos de etiqueta editables en Dreamweaver
- Creación de plantillas anidadas en Dreamweaver
- Edición, actualización y eliminación de plantillas
- Exportar e importar contenido xml en Dreamweaver
- Aplicación o eliminación de una plantilla de un documento existente
- Edición de contenido en plantillas de Dreamweaver
- Reglas de sintaxis de etiquetas de plantilla en Dreamweaver
- Configuración de preferencias de resaltado en regiones de plantillas
- Ventajas de usar plantillas en Dreamweaver
- Móvil y multipantalla
- Sitios, páginas y formularios web dinámicos
- Aspectos básicos de las aplicaciones web
- Configuración del ordenador para desarrollo de aplicaciones
- Solución de problemas de conexiones a bases de datos
- Eliminación de secuencias de comandos de conexión en Dreamweaver
- Diseñar páginas dinámicas
- Introducción a las fuentes de contenido dinámico
- Definir fuentes de contenido dinámico
- Añadir contenido dinámico a las páginas
- Cambio de contenido dinámico en Dreamweaver
- Visualización de registros de bases de datos
- Proporcionar datos en vivo y solucionar sus problemas en Dreamweaver
- Añadir comportamientos de servidor personalizados en Dreamweaver
- Crear formularios con Dreamweaver
- Uso de formularios para recopilar información de los usuarios
- Crear y activar formularios de ColdFusion en Dreamweaver
- Crear formularios web
- Compatibilidad mejorada con HTML5 para elementos de formulario
- Desarrollar un formulario con Dreamweaver
- Creación visual de aplicaciones
- Creación de las páginas maestra y de detalles en Dreamweaver
- Crear páginas de búsqueda y resultados
- Crear una página de inserción de registros
- Crear una página de actualización de registros en Dreamweaver
- Creación de páginas de eliminación de registros en Dreamweaver
- Usar comandos ASP para modificar una base de datos en Dreamweaver
- Crear una página de registro
- Crear una página de inicio de sesión
- Creación de una página para acceso exclusivo de usuarios autorizados
- Protección de carpetas en ColdFusion con Dreamweaver
- Uso de componentes de ColdFusion en Dreamweaver
- Prueba, vista previa y publicación de sitios web
- Solución de problemas
la interfaz de usuario se ha simplificado en Dreamweaver CC y versiones posteriores. Como resultado, es posible que no encuentre algunas de las opciones que se describen en este artículo en Dreamweaver CC y versiones posteriores. Para obtener más información, consulte este artículo.
Páginas protegidas
Una aplicación Web puede contener una página protegida a la que sólo pueden acceder los usuarios autorizados.
Por ejemplo, si un usuario intenta omitir la página de conexión escribiendo en el navegador el URL de la página protegida, es posible remitirle a otra página. De manera similar, si define el nivel de autorización de una página como administrador, sólo podrán acceder a ella los usuarios con privilegios de acceso de administrador. Si un usuario conectado intenta acceder a la página protegida sin los privilegios de acceso necesarios, se le remite a otra página.
También puede utilizar niveles de autorización para evaluar a los usuarios recién registrados antes de concederles acceso total al sitio. Por ejemplo, puede que desee recibir un pago antes de permitir que un usuario acceda a las páginas de miembros del sitio. Para ello, puede proteger las páginas para miembros con un nivel de autorización de miembro y conceder sólo privilegios de invitado a los usuarios recién registrados. Tras recibir el pago, puede actualizar los privilegios de acceso del usuario a los de miembro (en la tabla de la base de datos de usuarios registrados).
Si no tiene previsto utilizar niveles de autorización, puede proteger cualquiera de las páginas del sitio añadiendo a la misma un comportamiento de servidor Restringir acceso a la página. El comportamiento de servidor envía a otra página a todo usuario que no se haya conectado correctamente.
Si tiene la intención de utilizar niveles de autorización, puede proteger cualquiera de las páginas del sitio por medio de los siguientes elementos:
Un comportamiento de servidor Restringir acceso a la página para enviar a los usuarios no autorizados a otra página
Una columna adicional en la tabla de la base de datos de usuarios para almacenar los privilegios de acceso de cada usuario
Tanto si utiliza niveles de autorización como si no, puede añadir un vínculo a la página protegida para que el usuario pueda desconectarse y se borren las variables de sesión.
Remitir a otra página a los usuarios no autorizados
Para impedir el acceso de los usuarios no autorizados a una página, deberá añadir a la misma un comportamiento de servidor Restringir acceso a la página. Este comportamiento de servidor remite a otra página a todo usuario que intente omitir la página de conexión escribiendo directamente el URL de una página protegida en un navegador o que, estando conectado, intente acceder a una página protegida sin contar con los privilegios de acceso necesarios.
El comportamiento de servidor Restringir acceso a la página sólo permite proteger páginas HTML. No protege otros recursos del sitio, como los archivos de imagen o de audio, por ejemplo.
Si desea asignar los mismos derechos de acceso a varias páginas del sitio, puede copiarlos y pegarlos de una página a otra.
Cómo remitir a otra página a los usuarios no autorizados
-
Abra la página que desea proteger.
-
En el panel Comportamientos del servidor (Ventana > Comportamientos del servidor), haga clic en el botón de signo más (+) y seleccione Autenticación de usuarios > Restringir acceso a la página en el menú emergente.
-
Seleccione el nivel de acceso para la página. Para que sólo los usuarios con determinados privilegios de acceso puedan ver la página, seleccione la opción Nombre de usuario, contraseña y nivel de acceso y especifique los niveles de autorización necesarios.
Por ejemplo, puede seleccionar Administrador en la lista de niveles de autorización para indicar que los usuarios con privilegios de administrador son los únicos que puedan ver la página.
-
Para añadir niveles de autorización a la lista, haga clic en Definir. En la lista Definir niveles de acceso que aparece, introduzca un nivel de autorización nuevo y haga clic en el botón de signo más (+). El nuevo nivel de autorización se almacena para utilizarlo con otras páginas.
Compruebe que la cadena del nivel de autorización coincide exactamente con la cadena almacenada en la base de datos de usuarios. Por ejemplo, si la columna de autorización de la base de datos contiene el valor “Administrator”, introduzca Administrator, no Admin, en el cuadro Nombre.
-
Para establecer más de un nivel de autorización para una página, presione Control (Windows) o Comando (Macintosh) mientras hace clic en los niveles de la lista.
Por ejemplo, puede especificar que cualquier usuario con privilegios de invitado, miembro o administrador pueda ver la página.
-
Especifique la página que se abrirá si un usuario no autorizado intenta abrir la página protegida.
Asegúrese de que la página elegida no está protegida.
-
Haga clic en Aceptar.
Copia y pegado de los derechos de acceso de una página en otras páginas del sitio
-
Abra la página protegida y seleccione el comportamiento de servidor Restringir acceso a la página que aparece en el panel Comportamientos del servidor (no el del menú emergente del signo más).
-
Haga clic en el botón de flecha de la esquina superior derecha del panel y seleccione Copiar en el menú emergente.
El comportamiento de servidor Restringir acceso a la página se copia al Portapapeles del sistema.
-
Abra otra página que desee proteger del mismo modo.
-
En el panel Comportamientos del servidor (Ventana > Comportamientos del servidor), haga clic en el botón de flecha situado en la esquina superior derecha y seleccione Pegar en el menú emergente.
-
Repita los pasos 3 y 4 en cada página que desee proteger.
Almacenamiento de privilegios de acceso en la base de datos de usuarios
Este elemento sólo es necesario si desea que los usuarios conectados puedan tener distintos privilegios de acceso. Si sólo desea que los usuarios se conecten, no necesita almacenar los privilegios de acceso.
-
Para que los usuarios conectados tengan distintos privilegios de acceso, asegúrese de que la tabla de la base de datos de usuarios contiene una columna en la que se especifican los privilegios de acceso de cada usuario (invitado, usuario, administrador, etc.). El administrador del sitio deberá introducir en la base de datos los privilegios de acceso de cada usuario.
La mayoría de las aplicaciones de base de datos permiten establecer el valor predeterminado de una columna cada vez que se crea un nuevo registro. Establezca el privilegio de acceso más habitual como valor predeterminado del sitio (por ejemplo, invitado) y cambie manualmente los casos que sean una excepción (por ejemplo, cambiar de invitado a administrador). Ahora el usuario tiene acceso a todas las páginas de administrador.
-
Asegúrese de que todos los usuarios de la base de datos tienen un solo privilegio de acceso (como invitado o administrador) y no varios (como Usuario, Administrador). Para establecer varios privilegios de acceso a las páginas (por ejemplo, para que todos los invitados y administradores puedan ver una página), establézcalos a nivel de la página, no de la base de datos.
Desconexión de usuarios
Cuando un usuario se conecta correctamente, se crea una variable de sesión que contiene el nombre de usuario correspondiente. Cuando el usuario abandona el sitio, se puede utilizar el comportamiento de servidor Desconectar usuario para borrar la variable de sesión y enviar al usuario a otra página (generalmente, una página de despedida o de agradecimiento).
Puede llamar al comportamiento de servidor Desconectar usuario cuando el usuario hace clic en un vínculo o al cargar una página dada.
Adición de un vínculo que permita a los usuarios desconectar
-
Seleccione el texto o la imagen en una página que se utilizará como vínculo.
-
En el panel Comportamientos del servidor (Ventana > Comportamientos), haga clic en el botón de signo más (+) y elija Autenticación de usuarios > Desconectar usuario.
-
Especifique la página que se debe abrir cuando el usuario haga clic en el vínculo y haga clic en Aceptar.
Generalmente, se trata de una página de despedida o agradecimiento.
Desconexión de usuarios al cargar una página concreta
-
Abra la página que se cargará en Dreamweaver.
Generalmente, se trata de una página de despedida o agradecimiento.
-
En el panel Comportamientos de servidor, haga clic en el botón de signo más (+) y elija Autenticación de usuarios > Desconectar usuario.
-
Seleccione la opción Desconectar al cargarse la página y haga clic en Aceptar.