Creative Suite 3 de Adobe Photoshop y Dreamweaver

Adobe Creative Suite 3 Photoshop y Dreamweaver

El propósito de este artículo es ofrecer una breve mirada a algunas de las herramientas disponibles para su uso en el sitio Web de diseñar, Y el punto a donde hay más cobertura en profundidad de cada tecnología de relieve en artículos posteriores. Para los lectores de trabajo dentro de las limitaciones de una variedad de presupuestos, este artículo describe una serie de herramientas de edición de imágenes que están disponibles en la Web, ya sea como freeware, shareware o versiones de prueba de software comercial. Este artículo también proporciona una visión general de la próxima ola de aplicaciones de Internet para la web móvil, y discute los problemas y oportunidades asociados con la llamada Web 2.0.

Adobe Creative Suite 3 (CS3)

Adobe Creative Suite 3 (CS3) es una colección de aplicaciones que proporcionan Web diseñarres con herramientas importantes. CS3 está disponible en los siguientes seis versiones:

- Design Premium incluye herramientas para impresión, Web, interactivo y móvil diseñar

- Diseño estándar incluye herramientas para la impresión profesional diseñar

- Web Premium incluye una colección de herramientas de mejora para la Web diseñar y el desarrollo

- Web estándar incluye una colección de herramientas estándar para desarrolladores Web

- Production Premium incluye herramientas para los profesionales de vídeo

- Master Collection Incluye diseñar herramientas para una variedad de medios, incluyendo impresos, Web, interactivo, móvil, vídeo y cine

Tanto la edición Estándar y Premium CS3 ofrece un conjunto de herramientas para la diseñarción, implementación y mantenimiento de sitios Web. Ambas ediciones contienen versiones completas de las últimas Adobe Flash Professional, Adobe Dreamweaver, Adobe Contribute, Adobe Fireworks, Adobe Bridge, Adobe Version Cue, Adobe Stock Photos, Adobe Device Central, y Adobe Acrobat Connect. La versión Premium también incluye Adobe Photoshop CS3 Extended, Adobe Illustrator, y Adobe Acrobat 8.0 Professional. Usted puede pensar que la edición Premium de la parte superior de la línea, ya que ofrece todas las herramientas disponibles en el arsenal de Adobe, tanto para la Web 1.0 y Web móvil, mientras que la edición estándar es inferior. Mientras tanto le ayudará a alcanzar su Web diseñar objetivos, si usted es un grave diseñarer, tendrá las únicas herramientas que figuran en el paquete Premium. Este artículo se centra en la edición Premium Web de CS3. Se incluyen en esta edición son las siguientes aplicaciones:

-- Photoshop

-- Dreamweaver

- Illustrator

- Flash Professional

-- Photoshop Extendido

- Fuegos artificiales

- Acrobat

- Contribuir

Echemos un vistazo a cada uno de estos en un poco más de detalle.

Photoshop

Photoshop es parte de un conjunto de aplicaciones de Adobe CS3, que están relacionados con gráficos la creación, manipulación y presentación en medios impresos, móviles, medios de comunicación y formatos Web. Adobe Photoshop está clasificado como un editor de imágenes, que puede utilizar para modificar fotos o las fuentes de imágenes (incluyendo animaciones y películas) para satisfacer una necesidad particular (como la publicidad de un producto, proporcionando una foto de interés periodístico, la creación de ilustraciones para un libro infantil de poemas, o incluso poner un programa de la iglesia en YouTube).

Adobe ha sido la aplicación de muchas más diseñar herramientas en la Photoshop solicitud. Photoshop se utiliza principalmente para la manipulación de imágenes de mapa de bits, mientras que Illustrator es para imágenes vectoriales. Todos los gráficos caen en una de dos categorías: mapa de bits y vectores. imágenes de mapa de bits suelen tener 72, 96, ó 120 puntos por pulgada (ppp). Por supuesto, también puede personalizar ese entorno, y que realmente puede comprobar para ver lo que su dpi. Haga clic en Mostrar en el Panel de Control, y luego en la ficha Configuración y, finalmente, el botón Opciones avanzadas. Las imágenes de mapa de bits están representados mediante píxeles (pero no se pixela). En general, existen 72 píxeles por pulgada de espacio de pantalla. Todos basado en píxeles gráficos son resolutiondependent. Esto significa que mientras más grande golpe a una imagen, la más desagradable que es el ojo.

Cuanto más grande la imagen que se haga, más los píxeles que debe insertarse en él para mantener la imagen coherente, pero los colores asignados a los nuevos píxeles se interpolará a partir del medio circundante, que conduce a una desaparición (o descolorida apariencia) de los colores originales y una falta de claridad a la claridad inicial de la imagen. Interpolar medios para introducir píxeles adicionales a la nueva imagen más grande, que ellos se mezclan con los colores de los píxeles adyacentes o circundantes. Sin embargo, la gran cosa acerca de mapas de bits es que, aunque no escala bien, son capaces de reproducir de manera muy precisa la enorme gama de colores, armonías y texturas que llegan a través de las mejores fotografías y retratos finos detalles en tamaños normales.

Algunos formatos de archivo de mapa de bits son típicos de mapa de bits (BMP), JPEG (JPG), Portable Network Graphics (PNG), Tagged Image File Format (TIFF), Graphics Interchange Format (GIF), y de imagen (PICT) (para el poco de Mac en todos nosotros).

Las imágenes vectoriales son objetos creados por algoritmos. (Un algoritmo es una fórmula matemática, tales como E = mc2). Estos objetos pueden ser líneas, curvas, o de otras formas, y son infinitamente elástica. Se presentan con claridad, no fueron manchadas por los bordes dentados, con independencia del grado de cambio de tamaño o escala. Tenga en cuenta que no hay pérdida de claridad cuando la imagen es ampliada en varias ocasiones de la original. Si bien nítido, claro y atractivo, los gráficos vectoriales carece de realismo suculenta de la misma imagen en formato de mapa de bits.

Vector gráficos También se refiere a veces como objeto de base gráficos porque son objetos softwarecreated (curvas, líneas y formas) que aparecen en las paletas. Ellos son infinitamente ajustables, y sus dibujos con apariencia los hace ideales para representar los objetos en los juegos de vídeo o animaciones que representan re-creaciones históricas. Sin embargo, es también su limitación. Basada en objetos gráficos son incapaces de reproducir los tonos ricos y sutiles de una fotografía, aunque tales imágenes pueden ahora ser incorporados dentro de los contenedores existentes de gráficos vectoriales contornos para lograr un mayor realismo fotográfico. Esta hibridación se llama un metarchivo.

Dreamweaver

Dreamweaver es una completamente equipada y de fácil aplicación fácil de utilizar diseñar y desarrollar sitios Web en un entorno de desarrollo integrado (IDE). De la misma manera, Visual Studio es un IDE de Visual Basic y otros lenguajes, mientras que HTML-Kit es un editor para la generación de Código HTML. En la iteración de CS3 Dreamweaver, El desarrollador puede usar el framework Spry para Ajax para desarrollar sitios en los que, de acuerdo a la promoción publicitaria de Adobe'', dejará a su competencia sigue en pie.''Muchas de las barras de herramientas de desarrollo en Dreamweaver puede parecer familiar porque siguen las convenciones de Windows establecidas desde hace tiempo por Microsoft. La barra de menú superior de la Dreamweaver pantalla principal incluye Archivo, Edición, Ver, y así sucesivamente, todo el camino hacia el menú Ayuda de la extrema derecha. Todos ellos aparecen en secuencia recomendada de Microsoft. Al igual que muchas aplicaciones como, Dreamweaver un menú y un icono de impulsadas con la barra de menú y barra de herramientas estándar para tareas como la impresión, copia, adaptación de las fuentes, dibujo, etc.

Como la mayoría de aplicaciones, estas barras de herramientas pueden cambiar de tamaño, arrastrar, acoplado, minimizado, sumar o restar, y sus iconos asociados son accesibles a través de atajos de teclado, clics del ratón, las pestañas, paneles y la barra de tareas. El área de trabajo (el área en blanco rodeado de menús, paneles, y otras opciones) es el área donde se desarrollan las páginas Web para un sitio. Los paneles de fácil acceso a la derecha del área de trabajo contiene funciones adicionales (como CSS o propiedades). Y, por supuesto, el desarrollador puede modificar el espacio de trabajo para satisfacer sus necesidades individuales.

Dreamweaver utiliza las herramientas estándar de desarrollo Web: Código HTML, El código JavaScript de funciones interactivas, enlaces, plantillas, tablas, marcos, formas interactivas, y Cascading Style Sheets (CSS). En resumen, es una herramienta de autoría Web integral que permite al desarrollador crear, administrar, mantener y modificar el sitio, incluso después de que se ha creado en su ubicación remota (que se llama un servidor Web). El desarrollador puede utilizar automáticamente de arrastrar y soltar para seleccionar las técnicas de las plantillas (para los diseños de página y de las formas diseñar, Por ejemplo) o con las tecnologías de la consulta, generando al mismo tiempo todos los asociados de Código HTML.

Dreamweaver tiene varias características admirables hacer frente a la concurrencia. Estas características permiten un diseñarer que está trabajando como parte de un equipo de programadores para trabajar en cualquier página web determinada, mientras que el resto del equipo está trabajando en otras varias páginas Web de un sitio. Las características de concurrencia asegurarse de que no hay versiones duplicadas de un archivo puede ser creado por los programadores que de otra manera, sin saberlo, estar trabajando por separado en el mismo archivo.

Una aplicación asociada, fuegos artificiales (que se examinan en mayor detalle más adelante en este artículo), ofrece varias opciones en sus paletas de herramientas para la modificación de las imágenes que ofrece una buena compañía con la Dreamweaver. Por ejemplo, las tablas pueden ser creados mediante la simple selección de un icono de la barra Insertar y elegir una de las opciones ofrecidas. Dreamweaver es un WYSIWYG (''lo que ves es lo que obtienes'') entorno de desarrollo. La idea subyacente es que un WYSIWYG, como programador desarrolla la página, él o ella puede ver literalmente la página de venir a la vida como''un trabajo en progreso.''Como la página está creada, las modificaciones pueden ser

Tenga en cuenta que el producto final visto en la pantalla del desarrollador, no necesariamente serán prestados de la misma manera en las pantallas de todos los usuarios. No van a ser las adaptaciones de tipos de navegadores, resoluciones de pantalla, gráficos capacidad y velocidad de conexión que afectará cómo (y cuándo) la página Web se hizo en el dispositivo del espectador. Por ejemplo, utilizando las funciones disponibles en Dreamweaver, El desarrollador puede ofrecer varias versiones de cada una de las páginas Web cargadas en el sitio mediante la creación y la referencia a varias versiones, y prueba de cada tipo de navegador que podría intentar tener acceso al sitio. El Dreamweaver desarrollador también debe ser consciente de los navegadores no sólo diferentes sino también diferentes resoluciones de pantalla y tamaños. La Internet es capaz de prestación de servicios varios tipos de productos, tales como computadoras de escritorio y portátiles, así como dispositivos de mano y microbrowsers, también conocido como navegadores móviles.

Además, los profesionales entienden que no todas las personas en el uso de Internet dedicada a los desarrolladores T3 o incluso las líneas T1 de comunicación, y bueno minimizar el Eye Candy para acelerar la entrega de contenido. La mayor parte de lo que los desarrolladores no pueden controlar directamente, se puede anticipar y planificar. Además de la ya características estándar de numeración de líneas y la codificación automática de color para ayudar a resolver los problemas de codificación, Dreamweaver ha sofisticados sistemas de diagnóstico para solucionar problemas relacionados.

Aunque puede parecer difícil al principio, aprender a utilizar estos Dreamweaver herramientas de desarrollo hace que la codificación de las páginas Web de una brisa. Sin embargo, no siempre fue conveniente. Código Muchos desarrolladores web de la primera página se escribió utilizando Microsoft Bloc de notas. Si se cometieron errores lógicos o sintácticos en la aplicación que Niza poco texto, que sería muy difícil de encontrar porque no habrá indicadores sobre dónde puede ser un fallo mientras se ejecuta el programa. El programa sólo se ejecuta o simplemente no lo haría. Por supuesto, usted podría comentar secciones que fueron sospechosas y ejecutar el programa nuevamente, pero a veces la metodología de solución de problemas más fácil sería simplemente pulse la tecla Suprimir. De codificación en texto plano no había manera de llegar a casa a cenar en el tiempo.

Texto sin formato no WYSIWYG, sin pantallas divididas, no rápida y fácil de ida y vuelta entre el código y las páginas de ayuda en diseñar y el diagnóstico del problema. Un programador no tenía mucha idea de lo que el sitio final se vería hasta que se ejecutó el programa. Esto significó una gran cantidad de tediosos de ida y vuelta entre el código y la página sin terminar, y siempre habrá ocasiones en que la pantalla haría nada después de un cambio aparentemente trivial. Pero no hay servidumbre más código! Al igual que todas esas solicitudes, Dreamweaver tiene ventajas importantes y algunos inconvenientes, pero es un primer ministro sitio Web de desarrollo y herramienta de gestión.

Dreamweaver está incluido en muchas versiones de CS3 para su utilización por los usuarios profesionales y ocasionales (que tiene muy sofisticado diseñar características, o''''rico en características, como techies decir). La prima de diseño o Master Collection versiones son diseñared para su uso por profesionales de la Web, y en consecuencia esas versiones pueden ser bastante caros. Además de las versiones anteriores CS3, Dreamweavertambién está disponible en una edición estándar de la Web (sin muchas de las herramientas de gama alta), que puede ser más apropiado para el uso ocasional diseñarERS.

---

Descargo de responsabilidad:Nuestro sitio web no es responsable por el contenido de este artículo. Webarticles es un recurso de información gratuito.
Importante: Este artículo "Creative Suite 3 de Adobe Photoshop y Dreamweaver" fue traducida por un software automático. Sentimos pena por los errores de ortografía que pueda haber ocurrido. Gracias por su comprensión.

---