Tecnología

Inicio

Dreamweaver CS5 Tutorial

Dreamweaver de Adobe es un programa de software de desarrollo web que le proporciona las herramientas para crear sitios web profesionales. La versión CS5 presenta características que incluyen archivos relacionados dinámicamente, que construyen las páginas de contenido Sistema de gestión (CMS) para los marcos como WordPress y Drupal, y Adobe BrowserLab, que pone a prueba la compatibilidad de su documento en varios navegadores. Utilice el programa Dreamweaver CS5 para comenzar a construir sus propias páginas web.

Instrucciones

1 Carga la aplicación de Dreamweaver CS5 y haga clic en la opción "Nuevo" en el menú "File" para seleccionar el tipo de página web que desea crear. Por ejemplo, haga clic en la categoría de "página en blanco" en la ventana de diálogo "Nuevo documento" para que aparezca un documento al descubierto, o haga clic en un tipo específico de página, como "JavaScript" para crear este tipo de archivo. Siga haciendo clic en una opción en la columna de "Diseño", tales como "fijo", para agregar un estilo Cascading Style Sheets (CSS) que da formato automáticamente a su página. A continuación, seleccione un tipo de marcado como "XHTML 1.0 Transicional" de la lista desplegable "tipo de documento". Haga clic en el botón "Crear" para cargar la nueva página.

2 Haga clic en "Ver código", "Código y diseño Ver" o "Vista Diseño" lengüeta de la "barra de herramientas Documento", que es en la parte superior de la ventana del espacio de trabajo, para determinar la pantalla que se ve a medida que construye su página. Si codificar manualmente el documento, seleccione la opción "Ver código" para trabajar exclusivamente con el margen de beneficio que genera su trabajo, tales como HTML. De lo contrario, haga clic en la función "Vista Diseño" para lo que ves es lo que obtienes vista (WYSIWYG), que es una representación visual de su documento. Alternativamente, haga clic en "Código y diseño Ver" para obtener tanto el código como vista WYSIWYG, con una pantalla al lado de la otra.

3 Llene contenido de la página después de la etiqueta "<body>" en la página "Ver código" o directamente en el documento en la interfaz "Vista Diseño". Opcionalmente, copiar texto de otro documento, coloque el cursor donde desea que aparezcan los datos y haga clic en "Editar" y luego "Pegar" o "Pegado especial" opción de añadirlo a su página.

4 Haga clic en el menú "Window" y seleccione la opción "Insertar" para mostrar el panel "Insertar", lo que le permite agregar elementos de página comunes, tales como hipervínculos. Haga clic en un elemento, como "Correo Enlace", en la ventana del panel, y siga las instrucciones que se muestran para añadir esta característica. Además, coloque el cursor donde desea que aparezca un objeto y, a continuación, en un artículo como "Tabla" o "Imágenes" para añadirlo.

5 Haga clic en el botón "Live View" en la barra de herramientas "documento" para ver cómo se ve tu página web en un navegador. Haga clic en la opción "Guardar como" para el nombre de su archivo y conservar su trabajo.