Adobe Creative Suite 3 di Photoshop e Dreamweaver

Adobe Creative Suite 3 Photoshop e Dreamweaver

Lo scopo di questo articolo è di fornire una breve panoramica di alcuni degli strumenti disponibili per l'utilizzo in sito Web progettare, E il punto di cui non vi è più una trattazione approfondita di ogni tecnologia ha evidenziato negli articoli successivi. Per i lettori di lavoro entro i limiti di una serie di bilanci, in questo articolo si descrive una serie di strumenti di editing delle immagini che sono disponibili sul Web o come freeware, shareware o trial versioni di software commerciale. Questo articolo fornisce inoltre una panoramica della nuova ondata di applicazioni Internet per il Web Mobile, e discute i problemi e le opportunità connessi con il cosiddetto Web 2.0.

Adobe Creative Suite 3 (CS3)

Adobe Creative Suite 3 (CS3) è una raccolta di applicazioni che forniscono Web progettareERS con strumenti più importanti. CS3 è disponibile in sei versioni:

- Design Premium include strumenti per la stampa, web, applicazioni interattive, e mobili progettare

- Design Standard include strumenti per la stampa professionale progettare

- Web Premium include una collezione di migliori strumenti per il Web progettare e lo sviluppo

- Web Standard include una collezione di strumenti standard per gli sviluppatori Web

- Production Premium include strumenti per i professionisti del video

- Master Collection include progettare strumenti per una varietà di supporti, tra cui stampa, web, applicazioni interattive, mobile, video e film

Sia l'edizione Standard e Premium CS3 di offrire un insieme di strumenti per progettareING, l'implementazione e mantenimento di siti web. Entrambe le edizioni contengono le versioni complete di ultima versione di Adobe Flash Professional, Adobe Dreamweaver, Adobe Contribute, Adobe Fireworks, Adobe Bridge, Adobe Version Cue, Adobe Stock Photos, Adobe Device Central, e Adobe Acrobat Connect. La versione Premium comprende anche Adobe Photoshop CS3 Extended, Adobe Illustrator e Adobe Acrobat 8.0 Professional. Si può pensare la versione Premium, come il top della linea, perché offre tutti gli strumenti disponibili nella arsenale Adobe sia per Web 1.0 e Mobile Web, mentre l'edizione standard è inferiore. Mentre entrambi vi aiuterà a raggiungere i vostri Web progettare obiettivi, se sei un serio progettareer, avrete bisogno di questi strumenti solo contenute nel pacchetto Premium. Questo articolo si concentra sulla versione Web Premium di CS3. Inclusi in questa edizione sono le seguenti applicazioni:

-- Photoshop

-- Dreamweaver

- Illustrator

- Flash Professional

-- Photoshop Extended

- Fuochi d'artificio

- Acrobat

- Contribuire

Diamo un'occhiata a ciascuno di questi in un po 'più in dettaglio.

Photoshop

Photoshop fa parte di una suite di applicazioni Adobe, CS3, che sono collegati Grafica la creazione, la manipolazione, e la presentazione a stampa, mobile e formati multimediali web. Adobe Photoshop è classificato come un editor di immagini, che potete usare per modificare foto o altre sorgenti di immagine (comprese le animazioni e filmati) per soddisfare un bisogno particolare (come la pubblicità di un prodotto, fornendo una foto notizia, la creazione di illustrazioni per un libro per bambini di poesie, o anche mettere un programma di chiesa su YouTube).

Adobe è stato di attuazione molte altre progettare strumenti nel Photoshop applicazione. Photoshop è utilizzata principalmente per la manipolazione di immagini bitmap, mentre Illustrator è per le immagini vettoriali. All Grafica rientrano in una delle due categorie: bitmap e vettoriali. immagini bitmap in genere hanno 72, 96, o 120 punti per pollice quadrato (dpi). Naturalmente, è anche possibile personalizzare tale impostazione, e si può effettivamente controllare per vedere che cosa è il vostro dpi. Fare clic su Visualizza nel Pannello di controllo, quindi la scheda Impostazioni, e, infine, sul pulsante Avanzate. Immagini bitmap sono rappresentate tramite pixel (ma non sono pixel). Generalmente ci sono 72 pixel ad un centimetro di spazio sullo schermo. Tutti i pixel-based Grafica sono resolutiondependent. Ciò significa che il più grande colpo di un'immagine, la più sgradevole è per l'occhio.

Il più grande l'immagine è fatta, più i pixel che deve essere inserito in esso per mantenere l'immagine coerente, ma i colori assegnati ai nuovi pixel deve essere interpolato da l'ambiente circostante, portando ad una dissolvenza (o slavati aspetto) dei colori originali e di una confusione alla chiarezza iniziale della foto. Interpolare strumenti volti a introdurre ulteriori pixel in un'immagine nuova e più grande di provvedere alla loro confondersi con i colori dei pixel adiacenti o circostanti. Tuttavia, la cosa grandiosa di bitmap che, pur non scala bene, sono in grado di riprodurre con precisione l'enorme gamma di colori, armonie, e le texture che passano attraverso nelle fotografie più belle e ritratti finemente dettagliata a dimensioni normali.

Alcuni formati di file bitmap tipici sono bitmap (BMP), JPEG (JPG), Portable Network Graphics (PNG), Tagged Image File Format (TIFF), Graphics Interchange Format (GIF), and Picture (PICT) (per quel po 'di Mac in tutti noi).

Vettoriali le immagini sono oggetti creati da algoritmi. (Un algoritmo è solo una formula matematica, come E = mc2.) Questi oggetti possono essere linee, curve, o altre forme, e sono infinitamente elastica. Essi appaiono distintamente, unmarred da bordi frastagliati, a prescindere dal grado di ridimensionamento o di ridimensionamento. Si noti che non vi è alcuna perdita di chiarezza, quando l'immagine viene ingrandita a più riprese dalle originali. Sebbene nitide, chiare, e attraente, la grafica vettoriale manca il realismo succulente della stessa immagine in formato bitmap.

Vector Grafica sono anche a volte indicato come object-based Grafica perché gli oggetti sono softwarecreated (curve, linee e forme) che figurano nella palette. Sono infinitamente regolabili, e il loro cartoon-come l'apparenza li rende ideali per la rappresentazione di oggetti in video giochi o animazioni raffiguranti ricostruzione storica creazioni. Tuttavia, che è anche il loro limite. Object-based Grafica non sono in grado di riprodurre i toni ricco e sottile di una fotografia, anche se questo tipo di immagini può essere incorporato all'interno di contenitori esistenti di grafica vettoriale contorni di ottenere una maggiore fotorealismo. Questa ibridazione è chiamato un metafile.

Dreamweaver

Dreamweaver è un full-optional, all'applicazione user-friendly utilizzato per progettare e sviluppare siti Web in un ambiente di sviluppo integrato (IDE). Allo stesso modo, Visual Studio è un IDE per Visual Basic e altre lingue, mentre HTML-Kit è un editor per la generazione Il codice HTML. Nella iterazione di CS3 Dreamweaver, Lo sviluppatore può utilizzare il framework Spry per Ajax di sviluppare siti che, secondo la promo pubblicitari Adobe,''lasceranno la vostra concorrenza ancora in piedi.''Un sacco di barre degli strumenti di sviluppo in Dreamweaver può sembrare familiare perché seguono le convenzioni di Windows da tempo stabilito da Microsoft. Nella barra del menu del Dreamweaver schermata principale comprende File, Modifica, Visualizza, e così via, tutta la strada verso il menu Help all'estrema destra. Questi tutti appaiono in sequenza consigliata di Microsoft. Come molte applicazioni, Dreamweaver è menu e basato su icone con la barra dei menu e barra degli strumenti standard per le attività come la stampa, copia, regolando i caratteri, disegnando, e così via.

Come per la maggior parte delle applicazioni, le barre degli strumenti possono essere ridimensionati, trascinati, ancorata, minimizzato, aggiunto o sottratto, e le loro icone associate sono accessibili tramite scorciatoie da tastiera, click del mouse, schede, pannelli, e la barra delle applicazioni. L'area di lavoro (la zona vuota, circondato da menu, pannelli e altre opzioni) è l'area in cui si sviluppano le pagine Web per un sito. I pannelli facilmente accessibili a destra dell'area di lavoro contengono funzionalità aggiuntive (ad esempio un CSS o proprietà). E, naturalmente, lo sviluppatore è in grado di modificare l'area di lavoro in base alle sue esigenze individuali.

Dreamweaver utilizza gli strumenti standard di sviluppo Web: Il codice HTML, Il codice JavaScript per le funzioni interattive, collegamenti, modelli di layout, tavoli, cornici, moduli interattivi, e Cascading Style Sheets (CSS). In breve, è uno strumento di authoring web completo che consente agli sviluppatori di creare, gestire, mantenere e modificare il sito, anche dopo che è stato istituito presso la sua posizione remota (che si chiama un server Web). Lo sviluppatore può utilizzare automaticamente drag-and-drop per selezionare i modelli (per i layout di pagina e per le forme progettare, Per esempio) o alle tecnologie di query, il tutto mentre la generazione del associate Il codice HTML.

Dreamweaver ha molte caratteristiche ammirevole gestire la concorrenza. Queste caratteristiche permettono uno progettareer che lavora come parte di un team di programmatori di lavorare su qualsiasi pagina Web particolare, mentre il resto del team sta lavorando su altre più pagine web di un sito. Le caratteristiche di concorrenza garantire che nessuna versione duplicato di un file può essere creato da programmatori che potrebbero altrimenti essere inconsapevolmente lavorano separatamente sul file stesso.

Un'applicazione associata, Fireworks (discusso in maggiore dettaglio nel seguito di questo articolo), offre diverse opzioni nel suo tavolozze degli strumenti per la modifica di immagini che fornisce una buona compagnia con Dreamweaver. Ad esempio, le tabelle possono essere create semplicemente selezionando l'icona dalla barra Inserisci e selezionando una delle opzioni offerte. Dreamweaver è un WYSIWYG (''ciò che vedi è quello che ottieni''), ambiente di sviluppo. L'idea di fondo è che l'editor HTML WYSIWYG, come sviluppatore si sviluppa all'interno della pagina, lui o lei può letteralmente vedere la pagina di venire alla vita come''un work in progress.''Come la pagina viene creata, le modifiche possono essere

Tenete a mente che il prodotto finale visto sullo schermo dello sviluppatore non dovrà necessariamente essere reso allo stesso modo sugli schermi di tutti gli utenti '. Ci saranno gli adeguamenti di tipo browser, la risoluzione dello schermo, Grafica capacità e velocità di connessione che possa incidere come (e quando) la pagina Web viene visualizzata sul dispositivo di uno spettatore. Ad esempio, utilizzando le funzionalità disponibili in Dreamweaver, Lo sviluppatore può fornire più versioni di ciascuna delle pagine Web caricato sul sito di riferimento e la creazione di più versioni, e prova di ciascun tipo di browser, che potrebbe tentare di accedere al sito. Il Dreamweaver sviluppatore deve anche essere a conoscenza dei browser, non solo diversi, ma anche diverse risoluzioni dello schermo e dimensioni. Internet è in grado di manutenzione molti tipi di dispositivi, quali computer desktop e portatili, così come i dispositivi palmari e microbrowser, noto anche come browser per cellulari.

Professionisti anche capire che non tutte le persone su Internet, l'uso dedicato agli sviluppatori T3 o anche linee T1 per la comunicazione, e una buona minimizzare il piacere per gli occhi di accelerare la consegna di contenuti. La maggior parte di ciò che gli sviluppatori non possono controllare direttamente, possono prevedere e pianificare. Oltre alle ormai caratteristiche standard di numerazione delle righe e la codifica automatica del colore per aiutare a risolvere problemi di codifica, Dreamweaver ha diagnostica sofisticata per la risoluzione dei problemi connessi.

Anche se può sembrare difficile all'inizio, imparare a usare questi Dreamweaver strumenti di sviluppo rende la codifica per le pagine Web in un lampo. Tuttavia, non è stato sempre presente conveniente. Molti sviluppatori di codice 'web per la prima pagina è stata scritta utilizzando il Blocco note Microsoft. Se abbiamo fatto degli errori logici o sintattici in tale domanda Nizza poco testo, che sarebbe molto difficile da trovare perché non ci sarebbero riferimenti a documenti dov'è un difetto potrebbe essere durante l'esecuzione del programma. Il programma sarebbe appena eseguito o avrebbe non solo. Naturalmente, si potrebbe commentare le sezioni che si erano sospettosi ed eseguire nuovamente il programma, ma a volte il metodo più semplice la risoluzione dei problemi sarebbe sufficiente premere il tasto Canc. Codifica in formato testo c'era modo di tornare a casa a cena in tempo.

Testo normale non aveva WYSIWYG, no schermo diviso, non Quick-and-easy avanti e indietro tra il codice e le pagine di aiuto in progettare e il problema della diagnosi. Uno sviluppatore non ha avuto molto più di un'idea di ciò che il sito finale sarà simile finché egli o ella ha eseguito il programma. Questo significava un sacco di noioso avanti e indietro tra il codice e la pagina incompiuta, e ci sarebbe sempre occasioni in cui lo schermo renderebbe nulla dopo un cambiamento apparentemente banali. Ma non fatica più di codifica! Come tutte le applicazioni, Dreamweaver ha significativi vantaggi e alcuni svantaggi, ma è un premier sito Web di sviluppo e tool di gestione.

Dreamweaver è incluso in molte versioni di CS3 per l'utilizzo da parte sia degli utenti professionali e occasionali (che ha molto sofisticato progettare caratteristiche, o è''ricco di funzioni'', come techies dire). Il Design Premium o Master Collection versioni sono progettareDE per l'utilizzo da parte di professionisti Web, e di conseguenza le versioni possono essere piuttosto costosi. In aggiunta alle versioni CS3 di cui sopra, Dreamweaverè disponibile anche in edizione Standard Web (senza un sacco di high-end strumenti), che può essere più appropriato per l'uso occasionale progettareers.

---

Disclaimer:Il nostro sito non è responsabile per il contenuto di questo articolo. Webarticles è una risorsa gratuita di informazioni.
Importante: Questo articolo "Adobe Creative Suite 3, Photoshop e Dreamweaver" è stato tradotto da un software automatico. Ci dispiace per eventuali errori di ortografia che possono essersi verificati. Grazie per la vostra comprensione.

---