Web ページ作成者にとって、最も面倒なことは、ページ上の画像やテキストへのリンクを追加することかもしれません。ページに多くのコンテンツが含まれている場合、行われた作業は恐ろしいとしか言いようがありません。数日前、著者がクライアントのために短期間で 300 枚の写真と対応するリンクを作成したことを思い出します。これは、Dreamweaver と Fireworks を組み合わせた好例です。多数のリンクを自動的に作成し、画像を処理する方法を学びましょう。
まず、Dreamweaver を起動し、サイトを設定したら、[コマンド] > [Web フォト アルバムの作成] を選択して、[Web フォト アルバムの作成] を開きます。
次に、フォト アルバム タイトルの後のテキスト入力ボックスにアルバムの名前を入力します。漢字を入力すると、Dreamweaver の編集領域で正しく表示されなくなるため、ここでテキストを入力する場合は、漢字ではなく英語の文字を入力することをお勧めします。小見出し情報とその他の情報の後にサブタイトルなどのタイトルを入力し、フォトアルバムタイトルの後に「写真」と入力します。
次に、ソース画像フォルダの後ろにある「参照」ボタンで対象画像が存在するディレクトリを選択し、「保存」ボタンをクリックして、ここでBoatsディレクトリを選択します。
宛先フォルダーの後に「ブラウザー」ボタンをクリックし、処理されたファイルが配置されているディレクトリを選択します。通常、自分のサイトが配置されているディレクトリを選択する必要があります (この場合、サイトのディレクトリはターゲット画像ディレクトリです)。を選択し、「開く」ボタンをクリックします。
「サムネイル サイズ」の後のドロップダウン リストで、Fireworks で処理される画像サイズを選択します。
[列] の後の 1 行あたりの画像の数を選択し、[サムネイル形式] の後のドロップダウン リストでインデックス画像の圧縮形式を選択し、[写真形式] の後のドロップダウン リストで元画像の圧縮形式を選択します。
[写真ごとにナビゲーション ページを作成] ラジオ ボタンのチェック マークはオフのままにしておきます。その機能は、すべての写真のインデックス ページを作成するかどうかです。この項目がチェックされている場合、画像を閲覧するときに、各画像ページにはメイン ページへのリンクが表示されます。この項目がチェックされていない場合は、必要に応じてそのようなリンクは表示されません。選ぶとき。
以上の作業が完了したら、「OK」ボタンをクリックすると Fireworks が起動し(Fireworks がインストールされている必要があります)、Fireworks ウィンドウにウィンドウが表示されます。 Fireworks での画像処理の進行状況です。
Dreamweaver ワークスペースに戻り、キーボードの F12 キーを押してページをテストし、その効果を確認します (図 5 を参照)。これだけのリンクを完了するには 2 分しかかかりません。簡単ではないでしょうか。
画像をクリックすると自動的に拡大画像、つまり元画像のページにジャンプします。