はAdobe Creative Suite 3は、PhotoshopやDreamweaverの

はAdobe Creative Suite 3の Photoshopの および Dreamweaverの

この記事の目的は、サイトのいくつかのツールはWebで使用可能で簡単に見て提供することです 設計するとにするポイントがあるの他の宿泊されて、それぞれの技術は後の記事で強調表示の深さカバー。読者の予算の様々な制約の中での作業については、この記事は、イメージの範囲は、Web上のフリーウェア、シェアウェア、または試用版の商用ソフトウェアのバージョンのいずれかとしてご利用いただけます編集ツールについて説明します。この資料では、モバイルWebのためのインターネットアプリケーションの次の波の概要を提供し、問題と機会に関連付けられて説明しますので、ベースのWeb 2.0と呼ばれる。

はAdobe Creative Suite 3の(CS3)を

AdobeのCreative Suite 3(CS3)をアプリケーションのコレクションは、Web提供することです 設計する重要なツールと粘投。 CS3で以下の6つのバージョンで利用可能です:

-デザインプレミアム印刷、Web、インタラクティブ、ツールを含む、モバイル 設計する

  

-設計標準の専門家を印刷するためのツールが含まれます 設計する

-ウェブプレミアムWeb用のツールが強化されたコレクションが含まれます 設計する 開発

- Web標準のWeb開発者向けツールの標準のコレクションが含まれます

- Production Premiumのビデオのプロのためのツールが含まれます

- Master Collectionに含む 設計する 印刷、Web、インタラクティブ、モバイル、ビデオを含む様々なメディア、ツール、そして映画

両方の標準およびCS3を提供するツールキットのためのプレミアムエディション 設計するINGは、実装、および管理のWebサイト。両方のエディションには、最新のAdobe Flashプロフェッショナルは、Adobeのフルバージョンが含まれて Dreamweaverのは、Adobeの貢献は、Adobeの花火大会は、Adobe Bridgeは、AdobeのVersion Cue、Adobe Stock Photosは、Adobe Device Centralの、およびAdobe Acrobatに接続します。プレミアムバージョンはAdobeが含まれて Photoshopの CS3 Extendedは、Adobe Illustratorの、およびAdobe Acrobat 8.0 Professionalの。これはすべてのツールは、両方のWeb 1.0とモバイルWebは、Adobeの兵器庫に提供する場合は、行の先頭として、プレミアム版は、と思うかもしれませんが、Standardエディションは低い方の端です。どちらのあなたのWebアクセスを助ける 設計する 目標の場合は、重大な 設計するえっと、これらのツールは、プレミアムパックに含まれている必要があります。この記事は、CS3には、Web Premiumエディションに焦点を当てます。このエディションに含まれるものは、次のアプリケーションがあります:

- Photoshopの

- Dreamweaverの

-イラストレーター

-フラッシュプロ

- Photoshopの 拡張

-花火大会

-アクロバット

-貢献

のビットの詳細は、各手順で見てみましょう。

Photoshopの

Photoshopの それに関連しているAdobeアプリケーション、CS3は、一連の一部です グラフィックス の作成、操作、印刷、携帯でのプレゼンテーション、およびWebメディアのフォーマット。アドビ Photoshopの あなたの写真や(アニメーションや映画など、他の画像のソースを変更するために使用することができますイメージエディタなど)は、特定のニーズに分類されます(たとえば、製品広告、報道価値のある写真を提供し、詩の子どもの本のイラストを作成するとして、または偶数)YouTube上の教会のプログラムを置く。

アドビ実装されている多くの追加 設計する のツール Photoshopの 応募。 Photoshopの ながら、Illustratorのベクトル画像のための、主にビットマップ画像の操作のために使用され、すべての グラフィックス 2つのカテゴリ:ビットマップとベクトルに分けられます。一般的に72、96、または120がビットマップ画像を1平方インチ(dpi)のあたりのドット数。もちろん、あなたもその設定をカスタマイズすることができ、実際にあなたDPIは何であるかを確認することができます。コントロールパネルの[表示]をクリックし、[設定]タブ、および、最終的には、Advancedボタンをビットマップ画像(しかし)画素化されていませんピクセルを使用して表されます。一般に、画面空間の1インチあたり72ピクセルです。すべてのピクセルベースの グラフィックス resolutiondependentている。これは、画像を構成する打撃が大きいほど、より多くのそれは目には不快。

イメージ行われますが大きいほど、より多くのピクセルは、そこにイメージの整合性を維持するが、挿入される必要がある色は、新しいピクセルに割り当てられて周辺的環境から補間する必要があります減につながる(または洗浄外観アウト)元の色とあいまい。補間は、新しい、より大きなイメージにそれらに隣接する、または周囲のピクセルの色と組み合わせて使用する追加のピクセルを導入するための手段は、画像の最初の明確にした。ただし、ビットマップについては、素晴らしいことだしかし彼らも規模はありませんが、それら細かく、色のハーモニーの膨大な範囲を再現することができ、そのを通じて、最高の写真で、通常のサイズで細かく詳細な肖像画なるテクスチャ。

いくつかの典型的なビットマップファイル形式ビットマップ(BMP)、JPEG形式(JPG画像)は、ポータブルネットワークグラフィックス(PNG)、Tagged Image File形式(TIFF)で、グラフィックスインターチェンジ形式(GIF)、およびピクチャ(PICT)にMacを少し(たとえばすべての私たちの)です。

ベクター画像オブジェクトのアルゴリズムによって作成されます。 (アルゴリズム電子= mc2のようなわずかな数式です。)これらのオブジェクトは、直線、曲線、または他の図形、および無限弾性ていることがあります。彼らははっきりと、ぎざぎざのエッジによって、unmarredを見るに関係なく、サイズ変更または拡大縮小の度合いです。がある明確にしたときの画像は、元から何度も拡大表示されます損失はありません注意してください。ものの、明確で、鮮明な、魅力的な、ベクトルグラフィックをビットマップ形式では、同じ画像のジューシーなリアリズムを欠いている。

ベクター グラフィックス また、時には、オブジェクトと呼ばれますベース グラフィックス なぜならsoftwarecreatedれているオブジェクト(曲線の輪郭線や図形)パレットに表示される。彼らは無限に、その漫画調整されるような外観をし、ビデオゲーム、またはアニメーションの歴史を再創造を描いた内のオブジェクトを表すために理想的です。しかし、それも自分たちの制限です。オブジェクトベースの グラフィックス 写真の豊かな繊細な音を再現するものの、このような画像をすぐにベクタグラフィックスは、既存のコンテナ内に埋め込むことができる能力がない以上フォトリアリズムを実現する方法について説明。このハイブリダイゼーションは、メタファイルと呼ばれます。

Dreamweaverの

Dreamweaverの 完全な、ユーザーフレンドリーなアプリケーションに使用される機能です 設計する との統合開発環境(IDE)でWebサイトを開発します。ながら、HTMLベースのキットを生成するためのエディタであり、同じ方法では、Visual StudioのIDEは、Visual Basicや他の言語です HTMLコード。は、CS3の繰り返しで Dreamweaverのは、開発者サイトには、アドビシステムズ社の広告プロモーションによると、''、まだあなたの競争に立っままになるの開発にAjax用のSpryフレームワークを使用することができます。''の開発ツールでの多くの Dreamweaverの これは、Windowsの規則の間にMicrosoftによって確立従います見覚えがあることがあります。の上部のメニューバー Dreamweaverの メイン画面の右端にある[ヘルプ]メニューで、ファイル、編集、表示、およびように、すべての方法に含まれています。これらはすべて、マイクロソフトの推奨される手順に表示される多くのそのようなアプリケーションと同様に、 Dreamweaverの メニューとアイコンはメニューバーの印刷、コピーなどのタスクを標準ツールバーで、駆動のフォントを調整し、描画、およびように。

ほとんどのアプリケーションと同様に、これらのツールバー、最小化、ドッキング、ドラッグ、サイズ変更することができますが、追加、またはから減算、およびそれらの関連付けられたアイコンをキーボードのショートカットは、マウスをクリックすると、タブ、パネルを介してアクセスされ、タスクバー。ワークスペース(空白の領域を、メニュー、パネルに囲まれ、その他のオプション)ここでは、サイトのWebページを開発する領域です。ワークスペースの右側に簡単にアクセス可能なパネルには、CSSやプロパティ(など)などの追加機能が含まれます。そして、もちろん、開発者は彼または彼女の個々のニーズに合わせてワークスペースを変更することができます。

Dreamweaverの Web開発の標準的なツールを使用します: HTMLコードインタラクティブな機能を、リンクのためのJavaScriptコードは、レイアウト、テーブル、フレーム、インタラクティブなフォームのテンプレートとスタイルシート(CSS)をカスケード接続。要するに、それは開発者は、維持管理を作成し、サイトの編集でも、後には、リモートの場所に設定されていることができる包括的なWebオーサリングツール(Webサーバー)と呼ばれています。開発者は、自動的にドラッグを使用することができますドロップ手法を選択するページレイアウトおよび(テンプレートフォーム 設計する例の場合)またはクエリの技術を、すべての中に生成関連付けられている HTMLコード

Dreamweaverの いくつかの立派な機能を並行処理で対処しています。これらの機能を有効にする 設計する一方、チームの他のサイトの他の複数のWebページ上で動作している小胞体人のプログラマーのチームの一員として、特定のWebページ上で動作するように取り組んでいます。同時実行制御機能は、ファイルの重複のバージョンはそれ以外の知らないうちに別々に同じファイルで作業する場合、プログラマによって作成されることを確認します。

関連付けられたアプリケーションが、花火大会(より詳細にこの資料で後述)、説明の画像は、との良好なパートナーシップを提供して変更するためのツールパレットのいくつかのオプションを提供しています Dreamweaverの。たとえば、テーブルだけで、[挿入]バーからアイコンを選択して、オプションから選んで作成することができますを提供した。 Dreamweaverの WYSIWYGのです(''何を参照してくださいあなた''得るもの)の開発環境です。アイデアは、WYSIWYGの基礎となるが、開発者として、彼または彼女は、文字通りのページ生活に進行中の作業を''として来るのを見ることができるページを開発している。''ページとして作成され、変更することができます

事実を念頭に、最終製品は、開発者の画面上に、必ずしもすべてのユーザの画面上で同じように表示されないことが見られる。ようこそ、ブラウザの種類、画面の解像度を調整することになるが グラフィックス 機能、および接続の速度はどのように(時)は、Webページには、視聴者のデバイス上にレンダリングさに影響します。たとえば、次の機能で使用可能な使用 Dreamweaverのは、開発者は、各Webページを作成し、複数のバージョンを参照することにより、サイト上でロードされた複数のバージョンを提供することができますブラウザでは、サイトにアクセスしようとする場合、各タイプのテスト。 Dreamweaverの また、開発者唯一の違いはないのブラウザだけでなく、さまざまな画面解像度とサイズを認識する必要があります。インターネットデスクトップコンピュータやノートパソコンだけでなく、携帯機器やmicrobrowsersなど、多くの種類のデバイス、サービスのも、携帯電話のブラウザと呼ばれることができます。

専門家はまた、インターネット上ではすべての人々やコミュニケーションのためにも、T1回線、T3といい、開発者のコンテンツ配信を高速化するために目の保養を最小限に専用の使用方法を理解。開発者が直接何をコントロールできないのほとんどは、彼らは期待できるとの計画を立てる。に加えて、今ではラインと自動カラーコーディングの問題の解決に役立てるためにコード番号の標準機能として、 Dreamweaverの 関連する問題のトラブルシューティング用の高度な診断をしています。

しかし最初は、どのようにこれらを使用しての学習が困難に思えるかもしれません Dreamweaverの 開発ツールのWebページ風のコーディングになります。しかし、必ずしもこの便利されました。多くの開発者の最初のWebページのコードは、Microsoftメモ帳を使用して書かれています。もし私たちが素晴らしい小さなテキストをアプリケーション内で、論理的または文法的なミスを犯して、非常に見つけることがあるためにはポインタになる難しいだろうが、プログラムの実行が故障することがあります。だけか、実行されるプログラムだけがありません。もちろん、あなたが、あなたを疑っていたし、再度プログラムを実行するセクションをコメントアウトする可能性がある簡単なトラブルシューティングの方法論だけでDeleteキーを押すことだろう。プレーンテキストでのコーディング時に夕食に家に帰る方法がありませんでした。

プレーンテキストの分割画面はクイックと簡単に行き来コードとページの間に支援するためにはWYSIWYGのだった 設計する と、問題の診断。開発者の多くは最終的なサイトがどのようになるの考えを持っていなかったまでの彼または彼女は、プログラムを実行した。このコードでは、未完成のページの間に退屈な作業の多く行き来し、ある場合は、常に画面には、ささいな変更後は何もレンダリングする機会があるということだろう。しかし、それ以上のコーディングの雑用!ようなすべてのアプリケーションと同様に、 Dreamweaverの 重要な利点がいくつかの欠点がありますが、それは最高のWebサイトの開発および管理ツールです。

Dreamweaverの CS3の多くのバージョンで使用するための両方の専門家やカジュアルなユーザー(これは非常に洗練されたが含まれている 設計する 機能として技術者と言うか、または''機能''、リッチで)です。デザインPremiumまたはMaster Collectionにはバージョンがあります。 設計するWebプロフェッショナルで使用するため、その結果、これらのバージョンより高価なことができる編。上記のCS3のバージョンに加えて、 Dreamweaverのまた、Web標準版では、ハイエンドのツールの多くが()ことなく、これ以上の使用に適していることが可能です時折 設計する排出権。

記事は、フィリップミッチェル提出


免責事項:弊社のウェブサイトは、この資料の内容については責任を負いません。 Webarticles無料の情報リソースです。
重要: この記事は"Adobe Creative Suite 3は、PhotoshopやDreamweaverの"自動ソフトウェアによって翻訳された。大変申し訳ございませんが発生した可能性があります任意のスペルミスを感じている。お客様のご理解いただき、ありがとうございます。


Online: 226 users browsing the articles directory   


  

|