組み立て、テスト、および配置

Web 開発プロセスの最終段階は、作成したページの組み立て、テスト、世界中から閲覧してもらうためのサーバーへのサイトの配置から構成されます。

Dreamweaver での Web ページの組み立て

Dreamweaver を使用すると、各種のコンテンツを簡単に Web ページに追加できます。イメージ、カラー、ムービー、サウンド、および他の形式のメディアなどのデザインエレメントや、テキスト、アセットを追加できます。

保存したアセットをページにドラッグするか、次のいずれかの操作を行って、Dreamweaver で Web ページを作成できます。

• テキストを Dreamweaver ドキュメントに直接入力するか、他のドキュメントから読み込み、CSS スタイルを使用してテキストをフォーマットします。
• ロールオーバーイメージ、イメージマップ、および Fireworks のスライスイメージなどのイメージを挿入します。
• Flash コンテンツ、Shockwave コンテンツ、QuickTime ムービー、サウンド、アプレット、ビデオなど、他の種類のメディアを Web ページに挿入します。
• HTML、JavaScript、CFML、PHP、Visual Basic、C#、および CSS のコードを記述します。
• アンカーリンクや電子メールリンクなど、標準的な HTML のリンクを作成できます。また、ジャンプメニューやナビゲーションバーなど、イメージを利用したナビゲーションシステムも簡単に設定できます。
• Dreamweaver のテンプレートとライブラリアイテムを使用して、サイト全体に再利用可能なコンテンツを適用します。

ページを組み立てた後は、Dreamweaver ワークスペースでアセットを直接編集できます。イメージ編集アプリケーションを起動しなくても、切り抜き、コントラストの調整、最適化、シャープの適用など、いくつかの単純なイメージ編集作業を行えます。もっと複雑な編集の場合は、Fireworks を起動して、Dreamweaver ドキュメントに挿入したイメージを編集できます。

Dreamweaver ドキュメントで Flash コンテンツのプレースホルダーを選択し、Flash でプロパティインスペクタの [編集] をクリックして、Flash ファイルを編集することもできます。Dreamweaver が Flash ファイル (FLA) を開き、変更を SWF ファイルに保存します。

関連チュートリアル

• チュートリアル : ページへのコンテンツの追加
• チュートリアル : CSS によるページのフォーマット

Dreamweaver でのサイトのテスト

他の人に公開するためにサーバーにアップロードする前に、ローカルの環境でサイトの動作を確認することをお勧めします。サイトの構築中に頻繁にテストとトラブルシューティングを行うことにより、問題を早期に発見し、その再発を防止することができます。

ターゲットのブラウザでページが予想どおりに表示されて機能すること、すべてのリンクが機能すること、ページのダウンロードに時間がかかり過ぎないことを確認することが重要です。また、サイトをパブリッシュする前に、サイトレポートを実行して、サイト全体のテストおよびトラブルシューティングを行うこともできます。

以下のガイドラインは、サイトを訪問するビジターに快適に閲覧してもらうためのヒントです。

• できるだけ多くのブラウザ、プラットフォームでページをプレビューします。
• ターゲットブラウザでページがデザインしたとおりに動作すること、また他のブラウザで正しく動作しない場合は見栄えよく表示されることを確認します。つまり、スタイル、レイヤー、プラグイン、JavaScript をサポートしていないブラウザでも、ページが見やすく、かつ機能することを確認します。
• サイトをチェックして、破損リンク (機能しないリンク) があれば修正します。他のサイトでもデザインの変更や再構成が行われている可能性があるため、リンク先のページが移動したり、削除されている可能性があります。
• ページのサイズおよびダウンロードに必要な時間を確認します。大きなテーブルが含まれているページは、テーブル全体のダウンロードが終わるまでは何も表示されません。この場合はテーブルを分割することをお勧めします。分割できない場合は、ページの上部、テーブルの外側に Welcome メッセージや広告バナーなどのサイズの小さいコンテンツを置いて、テーブルのダウンロード中でもこれらのマテリアルが表示されるようにします。
• Dreamweaver でサイトサポートを実行することで、サイト全体をチェックして、無題ドキュメント、空のタグ、重複してネストされたタグなどの問題を確認します。
• Dreamweaver のバリデータを使用して、コードのタグエラーまたはシンタックスエラーをチェックします。
• Flash Player で実行中に Flash コンテンツにエラーがないかチェックします。Flash デバッガは、ローカルファイルに対してテストモードで使用することも、リモートの Web サーバー上のファイルのテストに使用することもできます。

関連トピック

• 『Dreamweaver ユーザーガイド』のサイトのテスト
• 『Dreamweaver ユーザーガイド』のコードの最適化およびデバッグ

Dreamweaver を使用したサーバーへのサイトファイルの配置

機能する Web サイトを作成したら、Dreamweaver を使用して、ファイルをリモート Web サーバーにアップロードしてサイトをパブリッシュできます。

次に進む前に、リモート Web サーバーへのアクセスを設定する必要があります。リモートサーバーには、ISP のサーバー、得意先が所有しているサーバー、社内のイントラネットサーバーなどがあります。以上のようなサーバーにアクセスできない場合は、ISP または得意先に問い合わせてください。

関連チュートリアル

• チュートリアル : サイトのパブリッシュ

このページに新しいコメントが追加された場合に、電子メールでの通知を希望する。 | コメントレポート

現在のページ: http://livedocs.adobe.com/studio/8_jp/exploring/04_work7.htm

コメントの追加