12

YOSANNE RIVAS

  • Upload
    yosanne

  • View
    223

  • Download
    2

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: YOSANNE RIVAS
Page 2: YOSANNE RIVAS

Dreamweaver es laherramienta dediseño de páginasweb más avanzada,tal como se haafirmado en muchosmedios. Aunque seaun expertoprogramador deHTML el usuario quelo maneje, siemprese encontrarán eneste programarazones parautilizarlo, sobretodoen lo que aproductividad serefiere.

Cumpleperfectamente elobjetivo dediseñar páginas conaspecto profesional,y soporta grancantidad detecnologías,

además muy fácilesde usar:

• Hojas de estilo ycapas

• JavaScript paracrear efectos einteractividades

• Inserción dearchivosmultimedia.

Además es unprograma que sepuede actualizar concomponentes, quefabrica tantoMacromedia comootras compañías,para realizar otrasacciones másavanzadas.

En resumen, elprograma esrealmentesatisfactorio,

incluso el códigogenerado es debuena calidad. Laúnica pega consisteen que al ser tanavanzado, puederesultar un pocodifícil su manejo parapersonas menosexperimentadas en eldiseño.

Page 3: YOSANNE RIVAS

Dreamweaver es una herramienta de desarrolloprofesional de sitios Web, que cuenta concaracterísticas novedosas y ofrece un panoramaamplio de opciones de diseño, indispensablepara los diseñadores expertos y principiantes de

Web.

Dreamweaver puede utilizarse para crear sitiosWeb en forma visual, con una interfaz gráfica defácil manejo que permite visualizar los cambiosefectuados al mismo tiempo se realizan.

AdobeDreamweaver esuna aplicación enforma de suite(basada en laforma de estudiode Adobe Flash)que está destinadaa la construcción,diseño y edición desitios, videos yaplicaciones Webbasados enestándares.

Se puede creartablas, editarmarcos, trabajarcon capas, insertarcomportamientosJavaScript, etc.

Page 4: YOSANNE RIVAS

La barra de herramientas deDreamweaver contiene botones quepermiten alternar entre diferentes vistasdel documento rápidamente, cambiar eltítulo del documento o previsualizar lapágina en el navegador. Estas son lasfunciones que cumple:

• Para ver u ocultar la barra deherramientas, elija en el menú Ver laopción Barra de herramientas.

• Para ver sólo código en la ventana dedocumento, haga clic en el botónVista de código.

• Para ver una vista que contenga lasvistas de Código y de Diseño, haga clicen el botón Vistas de código y diseño.

• Para ver sólo la vista de Diseño, hagaclic en el botón Vista de diseño.

• Para introducir un título para eldocumento, utilice el campo Título.

• Para poner, obtener o proteger unarchivo, haga clic en el botón demenú de "Estado de archivo".

• Para previsualizar o depurar undocumento en un navegador, hagaclic en Vista previa/depurar ennavegador y elija uno de losnavegadores enumerados en el menúemergente.

• Para actualizar la vista de Diseño,haga clic en el botón Actualizar vistade diseño.

• Para obtener información dereferencia sobre código HTML, CSS yJavaScript, haga clic en el botónReferencia.

• Para desplazarse por el código, hagaclic en el botón Navegación por elcódigo.

• Para mostrar u ocultar la regla, lacuadrícula y las ayudas visuales, hagaclic en el botón de menú Opciones.

Page 5: YOSANNE RIVAS

• Dreamweaver ultradav 4.0: permiten diseñar páginas web de modototalmente WYSIWYG

• Dreamweaver 1.0: la aplicación permite crear sitios de formatotalmente gráfica, y dispone de funciones para acceder al códigoHTML generando.

• Dreamweaver 2.0: ofrece un manejo preciso sobe los marcos y lastablas; permitiendo al usuario la edición de todos los elementoshabituales.

• Dreamweaver ultradeu 1.0: puedes bajar extensiones de formagratuita para completar el programa con más scripts y funciones.

Page 6: YOSANNE RIVAS

• Dreamweaver mx: Permite un control completo sobre el código yel diseño con la precisión de las herramientas de presentación ylas potentes características de codificación como sugerencias decódigo, editor de etiquetas, codificación del color ampliable,selector de etiquetas.

• Dreamweaver 8: integración de RSS, Mejoras CSS, Interfazmejorada y Nueva barra de herramientas

• Dreamweaver cs3: integración con otros productos de Adobe,nuevas características para la creación, gestión y corrigiendo lasHojas de Estilo en Cascada (CCS);

• Dreamweaver cs5: Que le permite colocar las fotos de tuspáginas web en la parte superior de cada uno para que ustedpueda comparar Cómo construir un sitio web a través de CMS -

CS5

• Dreamweaver cs6: Uso de Media Queries para adjuntar hojas deestilo según el dispositivo que se esté usando para observar lapágina web.

• Dreamweaver cc: Soporte de CSS más amplio y más potente,Edición de gráficos incorporada, FTP seguro, Perfecta integracióncon código y archivos externos.

Page 7: YOSANNE RIVAS

Dreamweaver de Macromedia seha convertido en la soluciónestándar de la industria para eldesarrollo profesional de la Web y,actualmente, más de 3,2 millonesde profesionales utilizanDreamweaver para desarrollar sussitios Web.

Con su tecnología RoundtripHTML, que protege la calidad delcódigo cuando el usuario alternaentre la vista del código y la deldiseño, Dreamweaver es lasolución pionera para el desarrolloprofesional de sitios visuales enInternet.

En el año 2000, en respuesta a lacreciente popularidad de lastecnologías de servidor entre losdesarrolladores de la Web,Macromedia presentóDreamweaver UltraDev, que,además de la funcionalidad deDreamweaver, ofrecía una serie de

herramientas para crearaplicaciones Web en ASP, JSP yColdFusion.

Para facilitar las funciones cadavez más amplias de losprofesionales de la Web, en el mesde mayo de 2002, Macromedialanzó Dreamweaver MX, que

Page 8: YOSANNE RIVAS

combinaba las mejores funcionesde desarrollo de UltraDev y lasprincipales funciones de edicióndel código de HomeSite en elentorno básico de Dreamweaver.

Fue el primer paso deMacromedia hacia un entorno dedesarrollo único para losprofesionales de la Web, que lespermitiera crear una gran variedadde sitios y aplicaciones de acuerdocon sus preferencias: concodificación manual, diseño visualo con una combinación de ambos.

Dreamweaver MX tuvo unaextraordinaria acogida y fue laherramienta de desarrollo Webmás galardonada de la historia, eincluso más que todas lasversiones anteriores deDreamweaver.

Al incorporar la tecnología CSS alflujo de trabajo de todos losusuarios, Dreamweaver ponía al

alcance de cualquiera el desarrollode sitios Web basado enestándares, dando así un pasodecisivo que contribuyó a laadopción generalizada de losestilos CSS por los profesionalesde la Web. Dreamweaver 8 se hacreado a partir de las versionesanteriores, pero se ha ampliado sufuncionalidad en ámbitosesenciales como XML y CSS, y seha agilizado el flujo de trabajopara que los usuarios puedanhacer más cosas en menostiempo.

Dreamweaver es compatible contodas las principales tecnologíasde servidor como, por ejemplo,ColdFusion, PHP, ASP, ASP.NET yJSP, para que los desarrolladores,más expertos o menos expertos,puedan dar vida a sus diseños.

Page 9: YOSANNE RIVAS

Los requisitos mínimos para poderinstalar Dreamweaver en unordenador son:

• Procesador:

Intel Pentium 90 o equivalente

• Sistema operativo

Windows: Windows 95, NT 4, oposteriores

Macintosh: Power Macintosh;

MacOS 8.1 o superior

• Memoria RAM

32MB de RAM

• Espacio libre en el disco duro20 MB

• Monitor256 colores

• Resolución Gráfica800 x 600 píxeles

• CD-ROM

Page 10: YOSANNE RIVAS

Dreamweaver incluye un paneldenominado Archivos quefacilita la administración ytransferencia de archivos entreel sitio local y un servidorremoto. Al transferir archivosentre sitios locales y remotos,mantiene estructuras dearchivos y carpetas paralelas enambos sitios. Cuando setransfieren archivos entre sitios,Dreamweaver creaautomáticamente las carpetasnecesarias si aún no existen enun sitio. También se puedensincronizar los archivos entre lossitios local y remoto; si esnecesario, Dreamweaver copialos archivos en ambos sentidos yelimina los no deseados.

•Uso del panel Archivos

El panel Archivos permitevisualizar archivos y carpetas,saber si están asociados a unsitio de Dreamweaver y realizar

operaciones estándar demantenimiento de archivos,como abrir y mover archivos.

Utilice este panel para realizarlas siguientes operaciones: Acceso a sitios, a un servidor

y a unidades locales Visualización de archivos y

carpetas Administrar archivos y

carpetas en el panel Archivos

•Visualización de archivos ycarpetas

Puede abrir archivos y carpetasen el panel Archivos, tanto siestán asociados a un sitio deDreamweaver como si no. Alvisualizar sitios, archivos ocarpetas en el panel Archivos,puede cambiar el tamaño delárea de visualización y, para lossitios de Dreamweaver, puedeexpandir o contraer el panelArchivos.

Page 11: YOSANNE RIVAS

•Cómo abrir o cerrar el panelArchivos

Seleccione Ventana > Archivos.

Use Búsqueda dinámica paralocalizar los archivos por nombrede archivo o por el textopresente en los archivos. El sitioseleccionado en el panelArchivos se utiliza para labúsqueda. Si no hay ningún sitioseleccionado en el panel, laopción de búsqueda no aparece.Para obtener más información,consulte Buscar archivosbasados en nombres de archivoo contenido.

•Ampliación o contracción delpanel Archivos (sólo sitios deDreamweaver)

En el panel Archivos (Ventana >Archivos), haga clic en el botónExpandir/contraer situado en labarra de herramientas.

Nota: Si hace clic en el botónExpandir/contraer para ampliarel panel mientras se encuentraapilado, el panel se maximiza demodo que no es posible trabajaren la ventana de documento.

Si hace clic en el botónExpandir/contraer para expandirel panel mientras no seencuentra apilado, podrá seguirtrabajando en la ventana dedocumento.

•Cambio del tamaño del área devisualización del panel Archivosexpandido

En el panel Archivos (Ventana >Archivos) expandido, siga uno deestos procedimientos:

Arrastre la barra que separa lasdos vistas para aumentar oreducir el área de visualizacióndel panel derecho o izquierdo.

Page 12: YOSANNE RIVAS