05の01
Dreamweaverで新しいサイトを設定する
Dreamweaverで新しいサイトを設定する手順に従ってください。 Dreamweaver CS3またはDreamweaver 8を使用している場合は、[サイト]メニューから新規サイトウィザードを開始できます。
あなたのサイトに名前をつけ、それをURLに入れてください。 しかし、ステップ3では、「はい、私はサーバー技術を使いたいです」を選択します。 そしてあなたのサーバー技術としてPHP MySQLを選択してください。
05の02
どのようにファイルをテストしますか?
動的でデータベース駆動型のサイトで作業するのが最も難しいのは、テストです。 サイトが正しく機能していることを確認するには、サイトの設計とデータベースからの動的コンテンツの管理の両方を行う方法が必要です。 製品情報を入手するためにデータベースに接続しない美しい製品ページを構築すると、多くの利点はありません。
Dreamweaverには、テスト環境を設定する3つの方法があります。
- ローカルでの編集とテスト
これを行うには、デスクトップにPHPとMySQLがインストールされた機能的なWebサーバーが必要です。 Windowsをお持ちの場合は、パッケージを使用してWAMP(Windows Apache、MySQL、PHP)をインストールすることができます。また、Macintoshコンピュータにインストールするパッケージもあります。 これは、編集中のものについてすぐにフィードバックを得るための最良の選択です。 - ローカルで編集し、リモートテストサーバーにアップロードする
他のデザイナーと仕事をしているなら、このオプションを選択する必要があります。 サイトで何か動的なものをチェックする必要がある場合は、そのページをテストサーバーにアップロードします。 Dreamweaverのチェックインとチェックアウト機能を使用して、同僚の作業を上書きしないようにすることもできます。 - ローカルネットワークを使用してリモートテストサーバー上で直接編集する
デスクトップがWebサーバーにネットワーク接続されている場合は、このオプションを使用してサーバーに接続できます。
私はローカルで編集してテストする方が好きです。これは高速で、ファイルを実際に実行する前にもっと多くの作業を行うことができます。
したがって、私はこのサイトのファイルをApache WebサーバーのDocumentRootに格納します。
03/05
テストサーバーのURLとは
ローカルのコンピュータで自分のサイトをテストするので、DreamweaverにそのサイトのURLを教えてください。 これはファイルの最終的な場所とは異なります。これはデスクトップのURLです。 http:// localhost /は正常に動作するはずですが、[次へ]をクリックすると必ずURLをテストしてください。
サイトをルート上ではなくWebサーバー上のフォルダに配置する場合は、ローカルサーバー上のライブサーバーと同じフォルダ名を使用する必要があります。 たとえば、自分のサイトをWebサーバーの "myDynamicSite"ディレクトリに配置するので、ローカルマシンで同じディレクトリ名を使用します。
http:// localhost / myDynamicSite /04/05
Dreamweaverはあなたのファイルをライブに投稿します
サイトの場所を定義したら、コンテンツを別のマシンに転記するかどうかを尋ねるメッセージが表示されます。 デスクトップがWebサーバーとしても機能しない限り、「はい、リモートサーバーを使用します」を選択する必要があります。 次に、そのリモートサーバーへの接続を設定するよう求められます。 Dreamweaverは、FTP、ローカルネットワーク、 WebDAV 、RDS、およびMicrosoft Visual SourceSafeを使用してリモートサーバーに接続できます。 FTPで接続するには、次のことを知っておく必要があります。
- ホスト名またはFTPアドレス
- ファイルを保存するサーバー上のフォルダ
- FTPログインユーザ名
- FTPログインパスワード
- 安全なFTPを使うべきかどうか
ホストに関する情報がわからない場合は、ホスティングプロバイダにお問い合わせください。
接続をテストして、Dreamweaverがリモートホストに接続できることを確認してください。 そうしないと、あなたのページを生きることができなくなります。 また、新しいフォルダにサイトを置く場合は、そのフォルダがWebホストに存在することを確認してください。
Dreamweaverには、チェックインとチェックアウトの機能があります。 私がWebチームのプロジェクトに取り組んでいない限り、私はこれを使用しません。
05/05
Dreamweaverで動的サイトを定義しました
[サイト定義の概要]の設定を確認し、すべてが正しい場合は[完了]をクリックします。 Dreamweaverは新しいサイトを作成します。