Help d

SEMANA NO.1

GUIA No.1 TEMATICA OBJETIVO Reconocer el ambiente de trabajo de Diseño Web Con Adobe Dreamweaver Cs3 identificando sus herramientas básicas y a través de la creación de un sitio de trabajo elaborar la Primera Página Web. INTRODUCCIÓN A DISEÑO WEB CON ADOBE DREAMWEAVER CS3

METODOLOGIA

1. Lea las orientaciones que aparecen en la guía como son: definición, instalación, entornode trabajo; esta lectura le servirá para desarrollar la evaluación propuesta para la Semana No.1. 2. Lee y realiza la Actividad No.1 y envíala a tu Tutor como se describe en la guía. 3. Afianza tus conocimientos con las animaciones que aparece en las secciones de Documentos en el menú de tu curso.

DEFINICION
Adobe define a Dreamweaver CS3 como un editor HTML profesional para diseñar, codificary desarrollar sitios, páginas y aplicaciones Web. Tanto si desea controlar manualmente el código HTML, como si prefiere trabajar en un entorno de edición visual. Dreamweaver CS3 le proporciona útiles herramientas que mejorarán su experiencia de creación Web. Las funciones de edición visual de Dreamweaver CS3 permiten crear páginas de forma rápida, sin escribir una sola línea de código. Noobstante, si prefiere crear el código manualmente, Dreamweaver cs3 también incluye numerosas herramientas y funciones relacionadas con la codificación. Además, Dreamweaver le ayuda a crear aplicaciones Web dinámicas basadas en bases de datos empleando lenguajes de servidor como ASP, ASP.NET, ColdFusion Markup Language (CFML), JSP y PHP.

Centro Internacional de Producción Limpia Lope SENA RegionalNariño Diseño Web con Adobe Dreamweaver CS3

SEMANA NO.1

INSTALACIÓN

REQUERIMIENTOS DEL SISTEMA
• • • • • El procesador debe ser Intel Pentium IV o más rápido. Sistemas Operativos de Microsoft: Windows XP o Vista. Requisitos del sistema para Apple Macintosh: Power Macintosh G4 o posterior a 900 MHz o más rápido. Al menos 512 MB de memoria RAM (se recomiendan 1024 MB). Al menos 1024 MB deespacio en disco disponibles Un monitor de 16 bits (miles de colores) que admita una resolución de 1024 x 768 píxeles o más (se recomienda una resolución de millones de colores. 1. 2. 3. 4.

INSTALACIÓN
Introduzca el CD de Dreamweaver CS3 en la unidad de CD-ROM Haga doble clic en el instalador de Dreamweaver CS3. Siga las instrucciones que aparecen en pantalla.. Si el programa lo solicita, reinicieel sistema

Cuando culminamos la instalación de Dreamweaver e ingresamos por primera vez al software, debe aparecer un cuadro de diálogo, en donde se podrá seleccionar un diseño para el espacio de trabajo. La opción CS3 nos permite obtener un ambiente del programa como si fuera para programadores de HTML y es el más recomendado para la mayoría de usuario.

Centro Internacional de ProducciónLimpia Lope SENA Regional Nariño Diseño Web con Adobe Dreamweaver CS3

SEMANA NO.1

ENTORNO DE TRABAJO
Ahora vamos a explorar los elementos básicos de la herramienta, porque se debe conocer a fondo las utilidades prácticas como: menús, paneles, pantallas, etc. Barras Como se puede apreciar en la pantalla, existen unos elementos horizontales que contienen a su vez iconos y opciones de menú, haestas disposiciones horizontales o verticales se les conoce como barras y se encuentran en todas las aplicaciones Windows. A continuación se describirán las barras más relevantes de la herramienta. LA BARRA DE TÍTULO

Contiene el nombre del programa que estamos trabajando, junto con el título, nombre y ubicación de la página. En el caso de no tener título y nombre de página aparecerá nombrespredeterminados como muestra la gráfica. Además en el sector derecho se encuentran las opciones de maximizar, minimizar, restaurar y cerrar. Barra de Herramientas Estándar Contiene iconos que nos permite ejecutar de forma inmediata, algunas de las operaciones más habituales. Ejemplo: Guardar, Pegar, etc. Barra de menú En esta barra podemos encontrar las operaciones de Dreamweaver que están...