Adobe Creative Suite 3 Photoshop et Dreamweaver

Adobe Creative Suite 3 Photoshop et Dreamweaver

Le but de cet article est de fournir un bref aperçu de certains des outils disponibles pour une utilisation dans le site Web conception, Et vous pointez à l'endroit où il ya plus d'une couverture en profondeur de chaque technologie a souligné dans des articles ultérieurs. Pour les lecteurs qui travaillent dans les limites d'une variété de budgets, cet article décrit une gamme d'outils d'édition d'images qui sont disponibles sur le Web, soit en tant que freeware, shareware ou versions d'essai de logiciels commerciaux. Cet article fournit également un aperçu de la prochaine vague d'applications Internet pour le Web mobile, et discute les problèmes et les opportunités associés à ce que l'on appelle le Web 2.0.

Adobe Creative Suite 3 (CS3)

Adobe Creative Suite 3 (CS3) est une collection d'applications qui fournissent au Web conceptionERS avec des outils importants. CS3 est disponible dans les six versions suivantes:

- Design Premium inclut des outils pour l'impression, Web, interactive et mobile conception

- Design Standard Comprend des outils pour l'impression professionnelle conception

- Web Premium inclut une collection d'outils améliorés pour le Web conception et le développement

- Web Standard Comprend une collection d'outils standard pour les développeurs Web

- Production Premium inclut des outils pour les professionnels de la vidéo

- Master Collection comprend conception outils pour une variété de médias, notamment la presse écrite, web, mobile, vidéo et film

Tant le Standard et l'édition Premium de l'offre une boîte à outils pour CS3 conceptionING, la réalisation et le maintien de sites Web. Les deux éditions contiennent la version intégrale de la dernière version d'Adobe Flash Professional, Adobe Dreamweaver, Adobe Contribute, Adobe Fireworks, Adobe Bridge, Adobe Version Cue, Adobe Stock Photos, Adobe Device Central, et Adobe Acrobat Connect. La version Premium inclut également Adobe Photoshop CS3 Extended, Adobe Illustrator et Adobe Acrobat 8.0 Professional. Vous pensez mai de l'édition Premium comme le haut de la ligne, car il offre tous les outils disponibles dans l'arsenal d'Adobe pour les interfaces Web 1.0 et Web mobile, tandis que l'édition Standard est l'extrémité inférieure. Bien que les deux vous aideront à atteindre votre site Web conception objectifs, si vous êtes un grave conceptioner, vous aurez besoin de ces outils se trouvent uniquement dans le pack Premium. Cet article se concentre sur l'édition Premium Web de CS3. Sont inclus dans cette édition sont les applications suivantes:

-- Photoshop

-- Dreamweaver

- Illustrator

- Flash Professional

-- Photoshop Prolongé

- Feu d'artifice

- Acrobat

- Contribuer

Jetons un regard sur chacun de ces points un peu plus en détail.

Photoshop

Photoshop fait partie d'une suite d'applications Adobe, CS3, qui sont liées à graphics création, la manipulation et de présentation, en version papier, mobiles et Web médias formats. Adobe Photoshop est classé comme un éditeur d'image, que vous pouvez utiliser pour modifier les photos et autres sources d'images (y compris les animations et les films) pour répondre à un besoin particulier (comme la publicité d'un produit, fournissant une image médiatique, la création d'illustrations pour un livre pour enfants de poèmes, ou même la mise d'un programme de l'église sur YouTube).

Adobe a mis en œuvre des nombreuses autres conception outils dans le Photoshop application. Photoshop est principalement utilisé pour la manipulation d'images bitmap, alors que Illustrator est pour les images vectorielles. Tous graphics tomber dans l'une des deux catégories suivantes: bitmap et vectoriel. Les images bitmap ont généralement 72, 96, ou 120 points par pouce carré (ppp). Bien sûr, vous pouvez également personnaliser ce paramètre, on peut effectivement vérifier pour voir ce que votre dpi est. Cliquez sur Afficher dans le Panneau de configuration, puis sur l'onglet Paramètres, et enfin, le bouton Avancé. Les images bitmap sont représentés en utilisant les pixels (mais ne sont pas pixellisées). Il ya généralement de 72 pixels pour un pouce d'espace écran. Tous à base de pixels graphics sont resolutiondependent. Cela signifie que plus vous faire exploser une image, plus c'est désagréable à l'œil.

Le plus grand d'une image est faite, plus les pixels qui doivent être insérées de conserver l'image cohérente, mais les couleurs assignées aux pixels nouvelle doit être interpolé à partir du milieu ambiant, conduisant à une décoloration (ou délavées apparence) des couleurs d'origine et un flou à la clarté initiale de l'image. Interpoler les moyens d'introduire pixels supplémentaires dans la nouvelle image plus grande et d'avoir à se fondre dans les couleurs des pixels adjacents ou environnants. Toutefois, la grande chose au sujet des bitmaps est que, bien qu'ils ne s'adaptent pas bien, ils sont capables de reproduire finement l'énorme éventail de couleurs, des harmonies et des textures qui viennent à travers dans les plus belles photographies et de portraits finement détaillée à des tailles normales.

Certains formats de fichiers bitmap sont typiques Bitmap (BMP), JPEG (JPG), Portable Network Graphics (PNG), Tagged Image File Format (TIFF), Graphics Interchange Format (GIF), et l'image (PICT) (pour le peu de Mac en chacun de nous).

Vector images sont des objets créés par des algorithmes. (Un algorithme est juste une formule mathématique tels que e = mc2.) Ces objets mai avoir des lignes, des courbes ou d'autres formes, et sont infiniment élastique. Ils apparaissent très distinctement, unmarred par des bords dentelés, indépendamment du degré de redimensionnement ou d'échelle. Notez qu'il n'y a aucune perte de clarté, lorsque l'image est agrandie à plusieurs reprises de l'original. Même si nette, claire et attrayante, le graphisme vectoriel manque le réalisme succulente de la même image en format bitmap.

Vector graphics sont aussi parfois appelés objet en tant que base de graphics parce que les objets qu'ils sont softwarecreated (courbes, lignes et formes) figurant dans les palettes. Ils sont infiniment réglable, et leur dessin animé apparence les rend idéales pour représenter les objets dans les jeux vidéo ou des animations illustrant historical re-créations. Toutefois, c'est aussi leur limite. À base d'objets graphics sont incapables de reproduire les teintes riches et subtiles d'une photographie, bien que ces images peuvent maintenant être intégrées dans les conteneurs existants de graphique vectoriel expose à une plus grande photoréalisme. Cette hybridation est appelée un métafichier.

Dreamweaver

Dreamweaver est un plein de fonctionnalités, user-friendly application utilisée pour conception et développer des sites Web dans un environnement de développement intégré (IDE). De la même manière, Visual Studio est un IDE pour Visual Basic et d'autres langues, alors que HTML-Kit est un éditeur pour générer Code HTML. Dans l'itération de CS3 Dreamweaver, Le développeur peut utiliser le framework Spry pour Ajax pour développer des sites qui, selon la promo de publicité Adobe,''laissera votre concurrence encore debout.''Un grand nombre des barres d'outils de développement dans Dreamweaver mai semblent familiers, car ils suivent les conventions établies de longue date de Windows par Microsoft. La barre de menu en haut de la Dreamweaver écran principal comprend Fichier, Edition, Affichage, et ainsi de suite, tout le chemin vers le menu Aide de l'extrême droite. Ils figurent tous dans séquence recommandée de Microsoft. Instar de plusieurs de ces applications, Dreamweaver est le menu et l'icône motorisé avec la barre de menu et barre d'outils standard pour des tâches telles que l'impression, la copie, l'adaptation des polices, dessin, etc.

Comme avec la plupart des applications, ces barres d'outils peuvent être redimensionnés, traîné, amarré, réduits au minimum, ajoutés ou soustraits, et leurs icônes associées sont accessibles via des raccourcis clavier, clics de souris, les onglets, les panneaux et la barre des tâches. L'espace de travail (la zone vide entourée par des menus, les panneaux et autres options) est la zone où vous développez des pages Web pour un site. Les panneaux facilement accessible à la droite de l'espace de travail contient des fonctionnalités supplémentaires (comme un ou des propriétés CSS). Et, bien sûr, le développeur est en mesure de modifier l'espace de travail pour répondre à ses besoins individuels.

Dreamweaver utilise les outils standards de développement Web: Code HTML, Le code JavaScript pour les fonctions interactives, des liens, des modèles de sites, tableaux, cadres, formulaires interactifs, et Cascading Style Sheets (CSS). En bref, il s'agit d'un outil de création Web complet qui permet aux développeurs de créer, gérer, entretenir et modifier le site, même après qu'il a été mis en place à son emplacement distant (ce qui est appelé serveur Web). Le développeur peut utiliser automatiquement le glisser-déposer pour sélectionner les techniques de modèles (pour les mises en page et des formulaires conception, Par exemple) ou à des technologies de requête, tout en générant les associés Code HTML.

Dreamweaver a plusieurs traits admirables traitant de la concurrence. Ces caractéristiques permettent une conceptionER qui travaille dans le cadre d'une équipe de programmeurs de travailler sur n'importe quelle page Web en particulier alors que le reste de l'équipe travaille sur plusieurs autres pages Web d'un site. Les fonctionnalités d'accès concurrentiel veiller à ce qu'aucune des versions double d'un fichier peut être créé par des programmeurs qui, autrement, sans le savoir, de travailler séparément sur le même fichier.

Une application associée, Fireworks (examinées plus en détail plus loin dans cet article), offre plusieurs options dans ses palettes d'outils pour la modification des images qui fournit une bonne camaraderie avec Dreamweaver. Par exemple, les tables peuvent être créés simplement en sélectionnant une icône dans la barre Insertion et la cueillette de l'une des options offertes. Dreamweaver est un WYSIWYG (''ce que vous voyez est ce que vous obtenez'') environnement de développement. L'idée sous-tendant une WYSIWYG est que, en tant que développeur développe la page, il ou elle peut littéralement voir la page prennent vie comme''un travail en cours.''Comme la page est créée, on peut modifier

Gardez à l'esprit que le produit final voit sur l'écran du développeur ne sera pas nécessairement rendu la même manière sur les écrans de tous les utilisateurs. Il va y être aux adaptations des types de navigateurs, résolutions d'écran, graphics capacités, et la vitesse de connexion qui aura une incidence sur la façon (et quand) la page Web est rendue sur le périphérique du spectateur. Par exemple, en utilisant les fonctions disponibles dans Dreamweaver, Le développeur peut fournir des versions multiples de chacune des pages Web chargées sur le site par la création et le référencement de plusieurs versions, et essai de chaque type de navigateur qui pourrait essayer d'accéder au site. Le Dreamweaver développeur doit aussi être au courant des navigateurs non seulement différentes, mais aussi différentes résolutions d'écran et de tailles. L'Internet est capable de servir de nombreux types de périphériques, tels que les ordinateurs de bureau et ordinateurs portables, ainsi que des appareils de poche et microbrowsers, aussi connu que les navigateurs mobiles.

Professionnels comprennent aussi que tous les gens sur Internet utilisent dédié aux développeurs T3 ou même des lignes T1 pour la communication, et de bonne minimiser les bonbons pour les yeux afin d'accélérer la livraison de contenu. La plupart de ce que les développeurs ne peuvent pas contrôler directement, ils peuvent anticiper et planifier. En plus des fonctionnalités désormais standard de la numérotation des lignes et le codage automatique des couleurs pour aider à résoudre les problèmes de codage, Dreamweaver a diagnostics sophistiqués pour résoudre les problèmes connexes.

Bien qu'il mai paraître difficile au premier abord, apprendre à utiliser ces Dreamweaver outils de développement rend la programmation pour les pages Web d'un jeu d'enfant. Toutefois, il n'a pas toujours été facile. Beaucoup de développeurs du «premier code de la page Web a été écrit en utilisant Microsoft Notepad. Si l'on fait des erreurs logiques ou syntaxiques dans cette application sympathique petit texte, il serait très difficile à trouver car il n'y aurait pas des pointeurs vers un petit problème peut-être lors de l'exécution du programme. Le programme aurait suffit d'exécuter ou il n'aurait tout simplement pas. Bien sûr, vous pourriez commenter les articles que vous suspecte de et relancer le programme, mais parfois la méthode la plus simple serait de dépannage appuyez simplement sur la touche Suppr. Codage en texte brut avait aucun moyen de rentrer chez eux pour dîner à l'heure.

Plain texte avait non WYSIWYG, pas les écrans partagés, pas rapide et facile-et-vient entre le code et des pages pour aider à conception et le problème de diagnostic. Un développeur n'a pas eu beaucoup d'une idée de ce que le site définitif devrait ressembler, jusqu'à ce qu'il ou elle dirigeait le programme. Cela signifie beaucoup de fastidieuses et-vient entre le code et la page d'inachevé, et il y aura toujours des occasions où l'écran rendrait rien après un changement apparemment anodin. Mais pas une corvée d'encodage! Comme toutes ces applications, Dreamweaver présente des avantages importants et de quelques inconvénients, mais il est un grand site Web de développement et outil de gestion.

Dreamweaver est inclus dans de nombreuses versions de CS3 pour utilisation par les utilisateurs professionnels et occasionnels (il a très sophistiqué conception les caractéristiques ou est''''riche en fonctionnalités, comme techies dire). Le Design Premium ou Master Collection sont des versions conceptionED à l'usage des professionnels du Web, et par conséquent ces versions peut être assez cher. En plus des versions ci-dessus CS3, Dreamweaverest également disponible dans une édition Web Standard (sans beaucoup de high-outils en bout), qui mai être plus approprié à l'usage occasionnel conceptionERS.

un article présenté par Phillip Mitchell

Disclaimer:Notre site n'est pas responsable du contenu de cet article. Webarticles est une ressource d'information gratuite.
Important: Cet article «Adobe Creative Suite 3 Photoshop et Dreamweaver" a été traduit par un logiciel automatique. Nous nous sentons désolés pour les fautes d'orthographe que mai ont eu lieu. Nous vous remercions de votre compréhension.