20 consejos para crear páginas web con Dreamweaver
Autor:Eve Cole
Fecha de actualización:2009-06-01 01:02:13
1) ¿Cómo integrar Dreamweaver en el navegador IE?
El programa de instalación de Dreamweaver agregará un comando "Editar con Dreamweaver" al menú contextual. También podemos modificar el registro de Windows para integrarlo con IE. Al igual que MS Word, Frontpage y Notepad, se llama a Dreamweaver para abrir la página web actual a través del botón de edición en la barra de herramientas de IE.
Cambie la última línea del siguiente texto por su propia ruta de instalación de Dreamweaver, guárdela como un archivo *.reg y haga doble clic en él para agregar la información al registro.
REGEDIT4
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweaver]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershell]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelledit]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelleditcommand]
@="C:Archivos de programaMacromediaDreamweaver 3dreamweaver.exe %1"
Si desea configurarlo como el editor predeterminado para IE, abra las "Opciones de Internet" de IE y especifíquelo en la pestaña Programa.
2) Para utilizar ciertos scripts, a menudo es necesario agregar enlaces vacíos a gráficos o texto. Sin embargo, cuando hace clic en un objeto con un enlace vacío durante la navegación, saltará a la parte superior de la página. ¿este?
Debido a que el navegador cree que el enlace es a la misma página, pero no puede encontrar el marcador definido (ancla), permanece en la parte superior de la página. Reemplace el "#" de los enlaces vacíos con "javascript:void(null)" para resolver este problema.
3) Cuando se utilizan CSS y capas, los efectos en diferentes navegadores son diferentes y, a veces, incluso se produce una desalineación.
En términos de compatibilidad con diferentes navegadores, Dreamweaver hace un buen trabajo, pero esto no significa que las páginas web creadas con Dreamweaver serán exactamente iguales en IE y Netscape. En circunstancias normales, la apariencia de la misma página web navegada por diferentes navegadores no puede ser exactamente la misma. Esto lo determinan los navegadores de diferentes fabricantes.
Generalmente, trate de prestar atención a las siguientes cuestiones:
No mezcle el diseño de capa y tabla. Si existe una relación padre-hijo, como una tabla en una capa, no está dentro del alcance de este principio;
CSS en línea a menudo causa problemas en Netscape Navigator, use encadenamiento o en línea;
A veces es necesario insertar tablas o imágenes transparentes en una capa vacía para asegurar el efecto en Netscape Navigator. Para capas que tienen sólo unos pocos píxeles de ancho o alto, utilice imágenes en su lugar;
Evite el uso de propiedades tipográficas que no estén recomendadas por la organización W3C y utilice CSS en su lugar.
4) ¿Por qué al copiar texto de otros documentos a Dreamweaver, todos los párrafos se amontonan y hay códigos de formato dentro de Dreamweaver?
Hay dos categorías de copiar y pegar texto en Dreamweaver. La forma estándar copia el objeto junto con sus propiedades y usa el contenido del portapapeles como código HTML; la otra forma solo copia o pega el texto, ignorando el formato html al copiar y pegar. pegar. Luego pegue el código html como texto. Presione una tecla "Shift" más (Ctrl+Shift+C/Ctrl+Shift+V) para operar de la última manera.
5) ¿Por qué la página web se puede navegar normalmente usando IE, pero no cumple con los requisitos o incluso comete errores al usar Netscape Navigator, y por qué no se puede modificar bien en la ventana de documentos de Dreamweaver?
Por favor verifique el código. Debido a que utiliza el editor WYSIWYG para modificar repetidamente ciertas partes de la página, a veces quedará algún código redundante, como enlaces redundantes. Estos códigos no se pueden ver en la ventana del documento de Dreamweaver e IE los ignorará. Sin embargo, Netscape Navigator tiene requisitos de código más estrictos y se producen fenómenos increíbles durante la vista previa.
6) En Netscape Navigator, ¿algunos marcadores (anclajes) no funcionan y otros parecen haber desaparecido?
Los marcadores de Netscape Navigator distinguen entre mayúsculas y minúsculas. En Navigator, los marcadores de tablas anidadas de varias capas se perderán. Coloque los marcadores fuera de la tabla.
7) La ventana del documento de Dreamweaver está llena de varios paneles. Para poder editar el documento, tengo que abrir cada espacio. Es demasiado agotador. ¿Qué debo hacer?
Una pantalla con una resolución de 800X600 es realmente demasiado pequeña para Dreamweaver, pero ni siquiera una resolución de 1024X768 cabe en todos los paneles. La clave es estar bien organizado.
Cierre los paneles que no se utilizan temporalmente en la edición y junte los paneles de uso común para ahorrar espacio en la pantalla;
A menos que necesite usarlo ahora, cierre el "Inspector de fuente HTML". Además de ocupar espacio en la pantalla, también consume recursos considerables del sistema;
Presione F4 para ocultar todos los paneles abiertos y ver el documento completo, y presiónelo nuevamente para mostrar los paneles;
Hay un comando "Organizar paletas flotantes" en el menú "Windows". Utilice este comando para colocar todos los paneles abiertos alrededor de la ventana sin superponerse entre sí.
Usar las teclas de método abreviado con frecuencia y dominarlas con soltura es una buena manera de mejorar la eficiencia en el trabajo.
Al agregar objetos invisibles, Dreamweaver agregará el ícono correspondiente en la parte superior de la página en la ventana del documento. Si hay demasiados íconos, puede dificultar la edición. Puede ocultarlos y mostrarlos presionando "Ctrl+Shift+I" (menú principal Ver|Elementos invisibles). También puede configurar estos iconos para que no aparezcan, pero no se recomienda porque ayudan a seleccionar objetos para editarlos.
8) El panel de objetos Head solo puede agregar contenido. ¿Se puede modificar el contenido de la etiqueta <head> en la ventana del documento?
Poder. Hay una forma muy intuitiva: presione "Ctrl+Shift+W" (menú principal Ver|Contenido del encabezado), aparecerá una fila de íconos debajo de la barra de menú principal de la ventana del documento, haga clic en estos íconos para modificarlos.
9) ¿Cómo seleccionar imágenes muy pequeñas en tablas y capas, como 1X1px?
Haga clic en una celda de la tabla, luego mantenga presionada la tecla "Shift" y muévase con las teclas de flecha para seleccionar.
También puede seleccionar la celda de la tabla (presione la tecla Ctrl y haga clic en la celda correspondiente con el mouse) o la capa primero y luego seleccione <img src="..."> en el código resaltado en el panel "Inspector de fuente HTML". para volver a la ventana del documento y se selecciona la imagen.
10) ¿Cómo editar el nombre (Título) de un sistema marco?
Presione "Ctrl+F10" para abrir el panel "Marcos", haga clic en el marco más externo y presione "Ctrl+J" (Menú principal Modificar|Propiedades de página).
11) ¿Cómo cambiar el evento predeterminado de "comportamientos"?
El archivo de configuración de eventos se coloca en la carpeta "ConfigurationBehaviorsEvents" en el directorio de instalación de Dreamweaver. Por ejemplo, para navegadores de la versión 4.0 o superior, abra el archivo "4.0 y posteriores Browsers.htm".
< A onClick="*" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown="" onMouseOut="" onMouseOver="" onMouseUp="">
Mueva el "*" en " onClick="*" " a " onMouseOver="" " y cámbielo a: < A onClick="" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown= " " onMouseOut="" onMouseOver="*" onMouseUp="">
Reinicie Dreamweaver, el evento predeterminado de este tipo será "onMouseOver". Otras analogías.
12) Al abrir una página, ¿se puede abrir una pequeña ventana al mismo tiempo usando Dreamweaver?
Sí, sin escribir una sola línea de código. Utilice el script integrado "Abrir ventana del navegador" en el panel "comportamientos" para configurar la página, el tamaño de la ventana y las propiedades. Como se muestra en la imagen:
13) Al insertar una tabla, siempre hay un espacio (< td> < /td>) en la celda de la tabla ¿Cómo puedo evitar que esto suceda?
Dreamweaver lo genera automáticamente; no lo elimine. Si no hay nada en una celda de la tabla, Netscape Navigator no mostrará la celda.
14) La etiqueta <head> de un documento de plantilla no se puede editar excepto el tema de la página web. ¿Cómo puedo agregar comportamientos a una página web basada en esta plantilla?
Utilice el panel "Inspector de código fuente HTML" para agregar una etiqueta editable antes de "</head>" del documento de plantilla, de la siguiente manera:
< !-- #BeginEditable "Javascript" -->
<lenguaje de escritura="JavaScript">
</script>
< !-- #EndEditable -->
15) Al cooperar para desarrollar y administrar un sitio web, utilizando el sistema de registro/inspección de Dreamweaver, ¿se agregan diferentes permisos de acceso a los archivos relacionados con el sitio web en el servidor remoto?
La entrada/salida es un mecanismo de gestión utilizado internamente por Dreamweaver y no tiene nada que ver con los atributos del archivo. "proteger" significa que el archivo lo estoy usando yo y otros no pueden editarlo; "proteger" significa que otros colegas pueden retirar y editar el archivo, y el archivo local pasará a ser de solo lectura para evitar que yo lo haga. cambiándolo.
Dreamweaver implementa la función de entrada/salida generando los archivos ".lck" correspondientes en servidores locales y remotos. Estos archivos no se muestran en la ventana "Sitio". Dreamweaver puede leer estos archivos. No se agregan atributos al archivo. Si utiliza otras herramientas y editores de Ftp, aún puede abrirlos.
16) Al crear una página web, el mouse vuela y a menudo cambia el tamaño de las imágenes configuradas. ¿Se puede corregir esto sin volver a ver la imagen?
Si el tamaño de la imagen no coincide, su valor aparecerá en negrita en el panel de propiedades. Presione el botón "Actualizar" en el panel para restaurarlo a su tamaño real.
17) ¿Cómo puedo hacer clic en un enlace y cambiar varios marcos al mismo tiempo?
La forma más directa es crear un sistema de marco para el enlace.
Es más fácil utilizar el comportamiento "Ir a URL" de Dreamweaver. El cuadro de diálogo muestra todos los marcos. Simplemente complete la página correspondiente en la columna "URL" a continuación.
18) Quiero agregar comportamiento al texto, pero todos los elementos del panel de comportamiento están oscuros y no se pueden seleccionar. ¿Qué debo hacer?
Cuando me encuentro con esta situación antes, generalmente inserto una imagen al lado del texto y agrego el comportamiento requerido a la imagen. Luego edite el código, muévalo sobre el texto y elimine la imagen.
El método anterior es más engorroso. La forma conveniente es vincular el texto a "javascript:void(null)", y esos comportamientos se revelarán honestamente.
19) Al colocar una capa que utiliza comportamientos en la Biblioteca, Dreamweaver no permite que sigan los comportamientos de la capa. ¿Qué debo hacer?
Utilice plantillas.
20) El script que verifica el complemento Flash y redirecciona a veces es anormal. ¿Existe algún otro método?
Al crear páginas web Flash, la gente está acostumbrada a utilizar el comportamiento de "comprobación del complemento" de Dreamweaver para la redirección. Pero a veces informará incorrectamente, diciendo que el complemento obviamente está instalado, pero dice que no. Aquí tienes una forma sólida de redirigir.
Cree una nueva página de inicio como página de redireccionamiento. Utilice "Insertar Actualizar" en el panel de objetos "encabezado" para dirigir a una página web que no utilice tecnología Flash, como se muestra en la figura. Agregará el siguiente código al encabezado de la página: < meta http-equiv="refresh" content="4;URL=noflash.htm">
Haga otro pequeño video Flash y agregue el comportamiento "Obtener URL" en el primer cuadro para apuntar a una página que utiliza tecnología Flash. Inserte este breve vídeo en su página de inicio para fines de orientación.
Evidentemente, esta página redirigida es muy fiable.