Curso práctico de Dreamweaver para el Mac

de Adobe Dreamweaver, un editor de texto HyperText Markup Language (HTML) que está disponible en sistemas operativos como Mac OS X, permite crear páginas web, incluso si usted no tiene ningún conocimiento de diseño o conocimiento. Con esta aplicación, puede comenzar rápidamente una página web y aprovechar el espacio de trabajo y herramientas fáciles de usar disponibles para construir el proyecto Web que necesita.

A partir de una página Web

Con Dreamweaver, iniciar una página web mediante el uso de un diseño de formato que incluye reglas Cascading Style Sheets (CSS), o la opción de crear una pantalla en blanco.

Para comenzar, ejecute Dreamweaver y luego pulse las teclas "Comando" y "N" para abrir el cuadro de diálogo "Nuevo documento". Haga clic en la opción "Página en blanco" de la izquierda, seleccione "HTML" de la sección "Tipo de página" y ver las opciones que aparecen en la columna "Diseño". A cada oferta, como por ejemplo "1 columna elástica, centrado," muestra una página de una manera particular. Por ejemplo, un diseño de "fijo" conserva sus dimensiones cuando se estira la ventana del navegador, mientras que la opción "elástica" cambia el tamaño de la pantalla de acuerdo con el formato de "líquido" de la fuente y se extiende con la ventana del navegador. Haga clic en cada opción para ver la vista previa a la derecha y, cuando esté listo, haga clic en el botón "Crear" para generar la página seleccionada.

O, si prefiere crear su página desde cero, haga clic en el "<ninguno>" opción en la columna de "Diseño". A continuación, conecte su propio archivo CSS haciendo clic en el enlace "Adjuntar hoja de estilos" y luego haga clic en el botón "Examinar" para adjuntar el documento. Desde aquí, seleccione añadir su hoja de estilo como un "Enlace", que mantiene sus reglas en un archivo externo, o la opción de añadir esto como una "importación" de manera que se añaden las reglas a la parte superior de la página HTML. Haga clic en el botón "OK" y luego haga clic en el botón "Crear" para iniciar su página.

Navegando Dreamweaver en el Mac

Tras el lanzamiento de su página, navegar a través de la interfaz de Dreamweaver para entender cómo usar su espacio de trabajo y criar a algunas de las herramientas más esenciales para construir su página.

En primer lugar, Dreamweaver muestra el espacio de trabajo con dos ventanas, una encima de la otra. La zona superior es su "código" punto de vista donde puede ver su código o introduce su sintaxis y la parte inferior es la vista "diseño", que le permite escribir el contenido y el seguimiento de sus decisiones de diseño. Se puede trabajar en cualquier punto de vista exclusivamente haciendo clic en el botón de "construcción" "Código" o en la parte superior, o optar por tener ambos abiertos al mismo tiempo, haciendo clic en el botón "Split".

A continuación, abra la barra de herramientas "Insertar" pulsando el botón "Comando" y "F2" en su teclado. La función "Insertar" presenta botones que generan automáticamente características comunes en una página web como un hipervínculo y un enlace de imagen. Además, haga clic en las opciones en la parte superior, como "Formas" y "Disposición", para conseguir las herramientas específicas relacionadas con estos elementos.

Continuar con el lanzamiento del inspector de "Propiedades" pulsando la tecla "Comando" y "F3" en su teclado. Después de introducir los datos en su página, puede seleccionar la entrada y vaya al inspector "Propiedades" para formatearlo. Por ejemplo, después de la introducción de texto y seleccionarlo, haga clic en los botones de inspector para establecer las características como el tipo de letra, tamaño o color. Alternativamente, Control y haga clic en una entrada para obtener una lista desplegable con estas mismas características.

Por último, abra el panel "Estilos CSS" pulsando el botón "F2" y haga clic en la pestaña "Estilos CSS" para ver las reglas asociadas con su página. Haga doble clic en los estilos de editarlos mediante el uso de los campos de texto y menús desplegables.