Adobe Dreamweaver CS3 Tutoriales

La aplicación Adobe Dreamweaver es uno de los programas de edición web más populares entre los diseñadores web profesionales. Pero si usted es un codificador experto o un principiante en HTML, Dreamweaver puede hacer la construcción de página web más fácil y más suave. En Dreamweaver CS3, que está disponible tanto para los sistemas Mac y PC, se puede optar por editar sus sitios web, ya sea en una interfaz de código o interfaz gráfica, dependiendo de su estilo y el nivel de conocimiento.

Administrar sitios

Después de pasar por el proceso de instalación de Adobe Dreamweaver CS3 en su PC o Mac y la activación de la licencia de software, ya está listo para ejecutar el programa por primera vez. Para iniciar Dreamweaver, utilice el menú Inicio en un PC o haga clic en el icono del Dock en un Mac. Cuando la aplicación termina de cargar, haga clic en el enlace "Administrar sitios" en el lado derecho de la pantalla y después haga clic en "Nuevo". Esto abrirá el asistente de creación de sitios, que le guiará a través de cómo conectarse a su sitio web a través de Dreamweaver. Introduzca el nombre y la dirección del sitio web que desea editar y haga clic en "Siguiente". En la siguiente ventana, seleccione la configuración del servidor remoto y haga clic en "Done". Dreamweaver va a construir la estructura de su nueva pantalla sitio de todos los archivos activos en la barra de herramientas en el lado derecho de la aplicación.

Creación de una nueva página

Una vez que haya configurado correctamente su sitio web para trabajar con Dreamweaver, puede comenzar a construir nuevas páginas web para añadir al contenido de su sitio. En la ventana de bienvenida de Dreamweaver, verá una variedad de opciones en la sección "Crear nuevo". Si tiene la intención de crear una página web con contenido estándar, incluyendo texto, imágenes e hipervínculos, entonces lo mejor es seleccionar la opción "HTML". Sin embargo, si va a incluir lenguaje de script o código en su página, usted puede elegir el "PHP" o la opción "Javascript" para añadir un archivo especialmente diseñado para fines de codificación. Dreamweaver CS3 también contiene un gran número de archivos de plantillas que se pueden modificar y luego implementar en su sitio. Para crear una nueva página con una plantilla de Dreamweaver, haga clic en el botón "Más" en la ventana de bienvenida y elegir uno de los diseños disponibles en la ventana emergente.

Código y Diseño Vistas

Una de las características más útiles de Adobe Dreamweaver CS3 es los múltiples modos de visualización que los usuarios pueden editar páginas web. Cuando se crea un nuevo archivo en Dreamweaver, verá pestañas en la parte superior de la ventana con la etiqueta "Código", "Split" y "Diseño." Se puede cambiar entre los modos de visualización en cualquier momento mientras se trabaja en Dreamweaver CS3. En vista de código, que está destinado a los usuarios que se sienten cómodos con la programación HTML, verá una ventana simple de codificación, donde puede introducir etiquetas HTML básicas. Los usuarios con menos experiencia técnica puede ser más cómodo con la vista Diseño, lo que les permite diseñar sus páginas web en un formato gráfico. Cuando en la vista Diseño, Dreamweaver generará automáticamente el código HTML basado en los elementos que se agregan a su diseño. Dividir vista combina las características de dos de los otros modos, ya que muestra una ventana de codificación y una ventana de diseño en la parte superior de la otra.

Cargar una página

Una vez que haya terminado de editar una nueva página web en Dreamweaver CS3, puede utilizar la aplicación para subir su trabajo a su servidor web activo. En primer lugar, con su nueva página abierta, vaya al menú "Archivo" en la parte superior de la pantalla y seleccione "Guardar". Es inteligente para guardar una copia de su página web en el disco duro de su computadora antes de subirlo a su servidor web. A continuación, expanda la sección "Archivos" de la barra de herramientas en la parte derecha de la ventana y encontrar el nombre del archivo que se acaba de editar. Resaltarlo, haga clic sobre él y seleccione la opción "put". Después de confirmar esta acción, Dreamweaver cargue el contenido en el servidor web configuró originalmente cuando se abrió por primera Dreamweaver.