Dreamweaver CS5 Todo-en-Uno Cheat Sheet

November 10

Uso de Dreamweaver CS5 es mucho más rápido cuando se conocen los atajos. Use estos atajos de teclado en Diseño, Split, y las vistas Código para crear rápidamente documentos, realizar tareas de edición, ocultar y mostrar las características del espacio de trabajo, aplicar formato simple, editar código, hacer selecciones, el acceso de ayuda de Dreamweaver, páginas de vista previa en Live View y en un navegador y más.

Comandos del teclado PC de acceso directo Mac Shortcut
Crear un nuevo documento Control + N Comando + N
Abra un documento existente Control + O Comando + O
¡Ahorre un documento abierto Control + S Comando + S
Cierra un documento abierto Control + W Comando + W
Cierre todos los documentos abiertos + Shift Control + W + Shift + Comando W
Salida / Dreamweaver Salir Control + Q o Alt + F4 Comando + Q o Opt + F4
Deshacer Control + Z o Alt + Retroceso Opción + Supr
Rehacer Control + Y o
+ Shift + Z de control
Comando + Y o Comando + Mayús + Z
Cortada Control + X o
Shift + Supr
Comando + X o
Shift + Supr
Copia Control + C Comando + C
Pasta Control + V Comando + V
Pegado especial + Shift Control + V + Shift + Comando V
Seleccionar todo Control + A Comando + A
Buscar y reemplazar Control + F Comando + F
Abra el panel de Preferencias Control + T Comando + U
Mostrar / ocultar los gobernantes Control + Alt + R Comando + Opción + R
Mostrar / ocultar las guías Control +; + Comando;
Mostrar / ocultar ayuda visual Control + Shift + I Command + Shift + I
Mostrar / ocultar la cuadrícula Control + Alt + G Comando + Opción + G
Anuncios Editar página Control + J Comando + J
Actualizar vista Diseño F5 F5
Hacer texto seleccionado en negrita Control + B Comando + B
Hacer texto seleccionado en cursiva Control + I Comando + I
Aplicar el formato de párrafo al texto seleccionado Control + Mayús + P Comando + Mayús + P
Aplicar las partidas formato (H1-H6) al texto seleccionado Control + 1 al 6 Comando + 1 al 6
Añadir nuevo párrafo Retorno Retorno
Añadir un salto de línea <BR> Mayús + Retorno Mayús + Retorno
Inserte un espacio de no separación Comando + Mayús + Barra espaciadora Comando + Mayús + Barra espaciadora
Mover objeto o texto Arrastre la selección a la nueva ubicación Arrastre la selección a la nueva ubicación
Copiar objeto o texto Selección de control y arrastre a la nueva ubicación Selección Opción y arrastre a la nueva ubicación
Seleccione una palabra Haga doble clic Haga doble clic
Seleccionar un bloque de líneas o el texto Triple clic Triple clic
Insertar imagen Control + Alt + I Comando + Opción + I
Insertar tabla + T + Alt control Comando + Opción + T
Ejecutar un corrector ortográfico Shift + F7 Shift + F7
Abra la ventana de Ayuda F1 F1
Acercar Control + = Comando + =
Alejar Control + - Comando + -
Vista previa en el navegador principal F12 Opción + F12
Vista previa en el navegador secundaria Mayús + F12 o Control + F12 Comando + F12
Live View Alt + F11 Opción + F11
Freeze JavaScript F11 F11
Inspeccionar Alt + Shift + F11 Opción + Mayús + F11
Navegador de código Control + Alt + N Comando + Opción + N
Llegar Control + Shift + D Comando + Mayús + D
Poner Control + Shift + U Command + Shift + U
Registrarse Control + Alt + Shift + U Comando + Opción + Mayús + T
Echa un vistazo Control + Alt + Shift + D Comando + Opción + Mayús + D

HTML, CSS y Sugerencias para el código JavaScript

Como diseñador web, utiliza algunos fragmentos de HTML, CSS y código JavaScript frecuentemente, pero no con la suficiente frecuencia para memorizar. El siguiente código HTML, estilo CSS, JavaScript y consejos son muy útiles cuando se está agregando elementos especiales como enlaces nulos, meta tags, y las entidades a sus páginas. Utilice estos consejos HTML, CSS y código JavaScript en la vista Código, el inspector de propiedades, y sus hojas de estilo CSS.

Código HTML Sugerencia Código de acceso directo
Crear un vínculo nulo # O javascript :; o javascript: void (0) como en <a enlace href="#"> </a>
<a enlace href="javascript:;"> </a>
<a enlace href="javascript:void(0)"> </a>
Crear un enlace llamado ancla Enlace a Target
<a enlace href="#anchorname"> </a>
Objetivo
<a name="anchorname"> </a>
Crear un enlace para llamado ancla en otra página <a enlace href="otherpage.html#anchorname"> </a>
Insertar salto de línea <br />
Cerrar la ventana JavaScript <a href="javascript:window.close();"> Cerrar esta ventana </a>
Vuelve después de x días etiqueta meta <Meta name = "volver después" content = "5 días" />
Sin etiqueta meta caché <Meta http-equiv = contenido "pragma" = "no-cache">
Meta enlace a la página principal <Link rel = "Índice" href = "index.html" />
Meta enlace a la página sitemap <Link rel = "Mapa del Sitio" href = "sitemap.html" />
Enlace Meta a icono de acceso directo <Link rel = "icono de acceso directo" href = "favicon.ico" />
Enlace Meta a icono de acceso directo utilizando GIF en vez de ICO <Link rel = "icono de acceso directo" type = "image / gif" href = "favicon.gif" />
Enlace a archivo externo de JS <Script src = "myjsfile.js" type = "text / javascript"> </ script>
Enlace a CSS externo <Link rel = "stylesheet" type = "text / css" href = "css / ie.css" media = "pantalla" />
Importación @ enlace a CSS externo <Style = tipo de medios de comunicación "todo" = "text / css">
import "css / all.css";
</ Style>
Enlace CSS para IE navegadores menos de IE 7 <! - [If lt IE 7]> <link rel = "stylesheet" type = "text / css" href = "ie.css" media = "all" /> <! [Endif] →
Insertar una imagen con el atributo ALT <Img src = "images / miarchivo.png" alt = "Mi Archivo" />
Atributo ALT vacío para una imagen <Img src = "images / miarchivo.png" alt "=" />
Entidad para agregar espacio en blanco & Nbsp; o
Entidad añadir copyright Y copiar; o ©
Entidad añadir marcas Y el comercio; o ™
Entidad añadir ampersand & Amp; o Y
Añadir etiquetas NoScript <Noscript> ...
Objetivos Enlace _blank
_new
_self
_parent
_top
Aplicar CSS estilo personalizado con etiquetas SPAN <Span class = "stylename"> ...
Etiquetas de comentario en HTML y JavaScript <! - Su comentario aquí // →
Etiquetas de comentario en CSS / * Su comentario aquí * /
Estructura de una etiqueta de estilo CSS redefinen etiqueta {
atributo: valor;
}
Estructura de un estilo Identificación CSS #ID {
atributo: valor;
}
Estructura de un estilo personalizado CSS .stylename {
atributo: valor;
}
CSS para los estilos de enlace a: link {
atributo: valor;
}
a: visited {
atributo: valor;
}
a: hover {
atributo: valor;
}
a: active {
atributo: valor ;;
}