Adobe Creative Suite 3 Photoshop und Dreamweaver

Adobe Creative Suite 3 Photoshop und Dreamweaver

Der Zweck dieses Artikels ist es, einen kurzen Blick auf einige der vorhandenen Instrumente für den Einsatz in Web-Site bietet Design, Und zeigen Ihnen, wo es mehr tiefergehende Behandlung der einzelnen Technologien in späteren Artikeln hervorgehoben. Für Leser, die innerhalb der Zwänge einer Vielzahl von Budgets, beschreibt dieser Artikel eine Reihe von Bildbearbeitungs-Werkzeuge, die im Web verfügbar sind, entweder als Freeware, Shareware oder Testversionen von kommerzieller Software. Dieser Artikel enthält auch einen Überblick über die nächste Welle der Internet-Anwendungen für das Mobile Web, und diskutiert die Probleme und Chancen im Zusammenhang mit der so genannten Web 2.0.

Adobe Creative Suite 3 (CS3)

Adobe Creative Suite 3 (CS3) ist eine Sammlung von Anwendungen, Web bieten DesignERS wichtige Instrumente. CS3 ist in den folgenden sechs Varianten zur Verfügung:

- Design Premium enthält Werkzeuge für Print, Web, interaktive und mobile Design

- Design Standard enthält Werkzeuge für den professionellen Druck Design

- Web Premium enthält eine erweiterte Sammlung von Werkzeugen für Web - Design und Entwicklung

- Web Standard enthält einen Standard-Sammlung von Werkzeugen für Web-Entwickler

- Production Premium enthält Tools für Video-Profis

- Master Collection umfasst Design Werkzeuge für eine Vielzahl von Medien, wie Print, Web, interaktive, mobile Endgeräte, Video und Film

Sowohl die Standard-und Premium-Edition von CS3 bietet ein Toolkit für Designing, Implementierung und Wartung von Websites. Beide Editionen enthalten Vollversionen von den neuesten Adobe Flash Professional, Adobe Dreamweaver, Adobe Contribute, Adobe Fireworks, Adobe Bridge und Adobe Version Cue, Adobe Stock Photos, Adobe Device Central und Adobe Acrobat Connect. Die Premium-Version enthält auch Adobe Photoshop CS3 Extended, Adobe Illustrator und Adobe Acrobat 8.0 Professional. Sie können der Premium Edition als die Oberseite der Linie denken, weil es jedes Werkzeug in den Adobe Arsenal sowohl für Web 1.0 und Mobile Web bietet, während die Standard-Ausgabe ist am unteren Ende. Während beide wird Ihnen helfen, Ihre Web Design Ziele, wenn du eine ernsthafte Designer, werden Sie diese Tools nur in der Premium Pack enthalten müssen. Dieser Artikel konzentriert sich auf die Web Premium Edition von CS3. In dieser Ausgabe enthalten sind die folgenden Anwendungen:

-- Photoshop

-- Dreamweaver

- Illustrator

- Flash Professional

-- Photoshop Gesamtpreis

- Feuerwerk

- Acrobat

- Mitwirken

Werfen wir einen Blick auf jede dieser in ein wenig mehr Details.

Photoshop

Photoshop ist Teil einer Suite von Adobe-Anwendungen, CS3, dass in Bezug auf die graphics Erstellung, Bearbeitung und Präsentation in Print, Mobile-und Web-Medien-Formate. Adobe Photoshop eingestuft ist als Bild-Editor, mit dem Sie Fotos oder andere Bildquellen (einschließlich Animationen und Filmen ändern können), um ein bestimmtes Bedürfnis zu befriedigen (z. B. Werbung für ein Produkt, die einen Nachrichtenwert Foto, Erstellung von Illustrationen für ein Kinderbuch von Gedichten, setzen oder sogar eine Kirche Programm auf YouTube).

Adobe hat die Durchführung vieler weiterer Design Werkzeuge in der Photoshop Anwendung. Photoshop ist in erster Linie für die Bearbeitung von Bitmap-Bilder verwendet, während Illustrator für Vektorgrafiken. Alle graphics fallen in zwei Kategorien: Bitmap-und Vektorgrafiken. Bitmap-Bilder haben in der Regel 72, 96, oder 120 Punkte pro Zoll (dpi). Natürlich können Sie auch diese Einstellung anpassen, und Sie können tatsächlich zu überprüfen, um zu sehen, was Ihr dpi. Klicken Sie auf Anzeige in der Systemsteuerung, dann auf die Registerkarte Einstellungen, und schließlich die Schaltfläche "Erweitert". Bitmap-Bildern vertreten sind mit Pixel (aber nicht pixelig). Generell gibt es 72 Punkte, um einen Zoll von Platz auf dem Bildschirm. Alle Pixel-basierte graphics resolutiondependent sind. Dies bedeutet, dass die größeren Sie einen Anschlag auf ein Bild, desto unangenehmer ist es für das Auge.

Je größer ein Bild gemacht wird, dass je mehr die Punkte müssen in sie eingefügt, um das Bild zu halten kohärent sein, aber die Farben auf die neue Pixel zugewiesen werden, müssen von den umgebenden Milieu interpoliert werden, was zu einem Verblassen (oder verwaschene Aussehen) der ursprünglichen Farben und eine Unschärfe auf die ursprüngliche Klarheit des Bildes. interpolieren Mittel, um zusätzliche Punkte in der neuen, größeren Bild Einführung haben sie verschmelzen mit den Farben der angrenzenden oder benachbarten Pixel. Allerdings ist die große Sache über Bitmaps daß sie zwar nicht maßstabsgetreu gut tun, können sie fein das enorme Spektrum der Farben, Harmonien zu reproduzieren, und Texturen, die durch in den besten Fotos kommen und fein ausführlichen Porträts in normaler Größe.

Einige typische Bitmap-Dateiformate sind Bitmap (BMP), JPEG (JPG), Portable Network Graphics (PNG), Tagged Image File Format (TIFF), Graphics Interchange Format (GIF) und Picture (PICT) (für das bißchen Mac in jedem von uns).

Vektoren lassen sich Objekte durch Algorithmen erzeugt. (Ein Algorithmus ist nur eine mathematische Formel, wie z. B. E = mc2.) Diese Objekte können Linien, Kurven oder andere Formen, und sind unendlich dehnbar. Sie zeigen sich deutlich, von gezackten Kanten ungetrübt, unabhängig vom Grad der Verkleinerung oder Skalierung. Beachten Sie, dass es keinen Verlust der Klarheit, wenn das Bild mehrmals erweitert und vom Original abweichen. Obwohl scharf, klar und attraktiv, die Vektorgrafik fehlt die saftigen Realismus das gleiche Bild im Bitmap-Format.

Vector graphics werden auch manchmal als "Objekt-basierte graphics weil sie softwarecreated Objekte (Kurven, Konturen und Formen), die in Paletten. Sie sind stufenlos einstellbar, und ihre Cartoon-Aussehen eignen sie sich ideal für die Darstellung von Objekten in Videospielen, oder Animationen mit historischen re-creations. Dies ist jedoch auch ihre Beschränkung. Object-based graphics sind der Reproduktion des reichen und zarte Töne eines Fotos unfähig, auch wenn solche Bilder können nun im Rahmen der bestehenden Container Vektorgrafik eingebettet werden skizziert, um mehr Fotorealismus zu erreichen. Diese Hybridisierung wird als Metadatei.

Dreamweaver

Dreamweaver ist eine voll funktionsfähige, benutzerfreundliche Applikation, mit der Design und entwickeln Websites in einer integrierten Entwicklungsumgebung (IDE). In gleicher Weise ist ein Visual Studio IDE für Visual Basic und anderen Sprachen, während HTML-Kit ist ein Editor für die Erzeugung HTML-Code. In der CS3 Iteration Dreamweaver, Kann der Entwickler dem Spry-Framework für Ajax nutzen, um Websites, die nach der Adobe-Werbung promo, wird''Ihre Konkurrenz stehen zu lassen noch zu entwickeln.''Ein Großteil der Entwicklung in Symbolleisten Dreamweaver dürfte den meisten bekannt, weil sie lange Windows-Konventionen von Microsoft erstellt worden ist. Die obere Menüleiste des Dreamweaver Hauptbildschirm enthält Datei, Bearbeiten, Ansicht, und so weiter, den ganzen Weg über die Hilfe-Menü auf der rechten Seite. Diese alle sind im Microsoft empfohlenen Reihenfolge erscheinen. Wie viele solcher Anträge, Dreamweaver ist im Menü und das Symbol mit der Menüleiste und Standard-Symbolleiste für Aufgaben wie Drucken, Kopieren getrieben, Anpassung Schriftarten, Zeichnung, und dergleichen.

Wie bei den meisten Anwendungen können diese Symbolleisten der Größe verändert werden, schleppte, angedockt, minimiert zu erhalten, addiert oder subtrahiert, und die dazugehörigen Symbole sind über die Tastatur, Maus-Klicks, Registerkarten, Platten zugänglich, und die Taskleiste. Der Arbeitsbereich (die leere Fläche von Menüs, Platten umgeben, und andere Optionen) ist der Bereich, in dem Sie bei der Entwicklung der Web-Seiten für eine Website. Die Platten leicht zugänglich auf der rechten Seite des Arbeitsbereichs enthält zusätzliche Funktionen (wie z. B. ein CSS oder Eigenschaften). Und natürlich ist der Entwickler in der Lage, den Arbeitsbereich zu ändern, um seine individuellen Bedürfnisse anzupassen.

Dreamweaver nutzt die Standard-Werkzeuge der Web-Entwicklung: HTML-CodeJavaScript-Code für interaktive Funktionen, Links, Layout-Vorlagen, Tabellen, Bilder, interaktive Formulare und Cascading Style Sheets (CSS). Kurz gesagt, ist es eine umfassende Web-Authoring-Tool, dass der Entwickler zu erstellen, zu verwalten, zu pflegen, und die Website zu bearbeiten, auch nachdem er wurde auf seiner abgelegenen Lage einrichten können (das nennt man einen Web-Server). Der Entwickler kann automatisch per Drag-and-Drop-Technik, um Vorlagen (für Seiten-Layouts und Formen Design, Zum Beispiel) oder die Abfrage Technologien, die alle beim Generieren der damit verbundenen HTML-Code.

Dreamweaver hat mehrere Funktionen bewundernswerten Umgang mit Parallelität. Diese Funktionen ermöglichen eine Designer arbeitet, die als Teil eines Teams von Programmierern auf eine bestimmte Web-Seite zu arbeiten, während der Rest des Teams arbeitet auf andere mehrere Web-Seiten einer Website. Die Parallelität Funktionen zu gewährleisten, dass keine doppelten Versionen einer Datei von Programmierern, die ansonsten möglicherweise unwissentlich arbeiten getrennt an derselben Datei erstellt werden können.

Eine zugehörige Anwendung, Feuerwerk (später noch ausführlicher in diesem Artikel beschrieben), bietet mehrere Optionen in der Tool-Paletten für die Änderung der Bilder, die ein gutes Zusammenleben mit bietet Dreamweaver. Zum Beispiel, Tabellen können einfach, indem Sie ein Symbol aus der Leiste Einfügen und Kommissionierung von den Optionen geschaffen werden angeboten. Dreamweaver ist ein WYSIWYG ('', was Sie sehen, was Sie bekommen'') Entwicklungsumgebung. Die zugrundeliegende Idee ist, dass ein WYSIWYG wie ein Entwickler die Seite entwickelt, er oder sie buchstäblich der Seite, um das Leben als''work in progress kommen sehen können.''Wie die Seite erstellt wird, können Änderungen werden

Denken Sie daran, dass das Endprodukt auf dem Bildschirm des Entwicklers gesehen nicht unbedingt gemacht werden, die gleiche Weise auf den Bildschirmen aller Benutzer. Es gehen werden die Anpassungen der Browser-Typen, Bildschirmauflösung, graphics Fähigkeiten und Verbindungsgeschwindigkeit beeinflussen, wie (und wann) die Webseite auf dem Gerät ein Betrachter wird gerendert wird. Zum Beispiel, mit Hilfe der Funktionen, die in Dreamweaver, Kann der Entwickler mehrere Versionen der einzelnen Web-Seiten der Website durch die Schaffung und verweisen mehrere Versionen geladen bieten, und das Testen der einzelnen Browser-Typ, die versuchen, auf die Website zugreifen können. Der Dreamweaver Entwickler müssen auch von verschiedenen Browsern nicht nur bewusst, sondern auch unterschiedliche Auflösungen und Größen. Das Internet ist für die Bedienung vieler Gerätetypen, wie Desktop-PCs und Laptops sowie Handheld-Geräte und Mikrobrowser fähig, auch als mobile Browser bekannt.

Professionals auch verstehen, dass nicht alle Menschen auf der Internet-Nutzung gewidmet T3 oder sogar T1-Leitungen für die Kommunikation und eine gute Entwickler minimieren eye candy zu beschleunigen, Bereitstellung von Inhalten. Das meiste, was Entwickler können nicht direkt kontrollieren, können sie rechnen und planen. Zusätzlich zu den jetzt Standardfunktionen der Zeilennummerierung und automatische Farbcodierung, um bei der Lösung von Problemen zu helfen Kodierung, Dreamweaver ist anspruchsvoll für die Fehlersuche Probleme.

Obwohl es mag auf den ersten schwierig, zu lernen, wie diese zu verwenden Dreamweaver Entwicklungs-Tools macht Codierung für Web-Seiten ein Kinderspiel. Es war jedoch nicht immer so bequem. Viele Entwickler erste "Web-Seite Code geschrieben wurde mithilfe von Microsoft Editor. Wenn wir logische oder syntaktische Fehler in dieser netten kleinen Text Antrag gestellt, würden sie sehr schwer zu finden, da gäbe es keine Hinweise auf eine Störung auf, wo sein könnten, während das Programm läuft. Das Programm würde nur laufen, oder es einfach nicht. Natürlich können Sie kommentieren Sie Abschnitte, die Sie waren misstrauisch und führen Sie das Programm erneut aus, aber manchmal sind die einfachste Methode zur Fehlerbehebung wäre es, nur die Löschtaste drücken. Coding im Klartext gab keine Möglichkeit, zum Essen nach Hause auf Zeit erhalten.

Plain Text hatte keine WYSIWYG, kein Split-Screen keine schnelle und einfache Hin und Her zwischen Code und Seiten, die Beihilfe im Design und Problem-Diagnose. Ein Entwickler hatte nicht viel von einer Idee von dem, was die letzte Seite aussehen würde, bis er oder sie lief das Programm. Dies bedeutete eine Menge lästige hin und her zwischen dem Code und dem unvollendeten Seite, und würde es immer wieder Situationen, wenn der Bildschirm nichts nach einer scheinbar triviale Änderung machen würde. Aber nicht mehr Kodierung Plackerei! Wie alle solche Anwendungen, Dreamweaver hat erhebliche Vorteile und Nachteile, aber es ist eine erstklassige Website-Entwicklung und Management-Tool.

Dreamweaver ist in vielen Versionen von CS3 für die Verwendung durch den professionellen und gelegentliche Nutzer (es hat sehr anspruchsvoll inbegriffen Design Funktionen, oder ist''feature-rich'', als Techniker sagen). Das Design Premium und Master Collection Versionen sind Designed für den Einsatz von Web-Profis, und daher werden diese Versionen können ziemlich teuer. Zusätzlich zu den oben CS3-Versionen, Dreamweavergibt es auch in einem Web-Standard-Edition (ohne einen großen Teil der High-End-Tools), die möglicherweise sinnvoller für die Nutzung durch gelegentliche Designers.

---

Disclaimer:Unsere Website ist nicht verantwortlich für den Inhalt dieses Artikels. Webarticles ist eine kostenlose Informationsquelle.
Wichtig: Dieser Artikel "Adobe Creative Suite 3 Photoshop und Dreamweaver" wurde durch ein automatisches Software übersetzt. Wir fühlen uns leid für alle Rechtschreibfehler, die möglicherweise aufgetreten sind. Vielen Dank für Ihr Verständnis.

---