多くの友人が写真の切り取り方について尋ねてきましたが、この問題は大なり小なりあるため、1 つまたは 2 つの文で明確に説明することは絶対に不可能です。そのため、時間があるときにこの問題を説明するために簡単な例を示します。今日は家にいるので、始めましょう:
ステップ 1: 以下に示すように、PhotoShop でデザイン ドラフトを開きます。
ツールボードでスライスツールを選択し、最初に大胆なカットを行います。 ヒント: カラーブロックの広い領域を個別に 1 つのピースに切り取り、水平線上にできるだけきれいに保ちます (これについては後ほど詳しく説明します)。後の制作ページに掲載） 感じ） カット絵は以下の通りです。
ステップ 2: PhotoShop で [ファイルを Web 用に保存...] を選択して出力します。ここでのいくつかのパラメーターの選択に注意してください。
赤線の部分1、2、3を見てみましょう。 1のスライスツールを選択し、2の画像をクリックし、3の箇所のカラー値を選択します。カラーは単一なので、できるだけ小さいカラー値ビットを選択できます。(これはなぜですか??) 回答: これにより、ファイルのサイズが大幅に削減されると同時に、設定後の画像の色がより良く維持されます。図に示すように、[OK] をクリックしてファイルを出力します。
この時点では、ページはまだ半分しか完成していません。 次に、Dreamweaver でサイトを作成します。
ステップ 3: サイトを定義します。
画像の左側にあるサイト名にサイトの名前を付けます。例:
次に、以下のローカル ルート フォルダーにエクスポートしたサイトのすべてのフォルダーを選択します。サイトが構築された後、サイト マップに表示されます。
(なぜ Web サイトを構築するのでしょうか?) Web サイトを構築すると、Web サイトに含まれるファイルやフォルダーを整然と配置するという良い習慣が身につき、同時にそのサイトを他の場所に簡単に移動できます。 (もちろん、本当にサイトを構築したくない場合は、誰も強制しません。私は仕事でそのような同僚に遭遇しました。彼らはページのサイトを構築することに慣れていません)もちろん、その結果は大変なことになります。)
ステップ 4: ページ テーブルを再作成します (なぜですか?) 通常、Photoshop で直接エクスポートした htm ファイルは、実際の使用時に調整する必要があるため、そのまま使用できません。動的テキストを含む場所など、それらをページに追加する必要があります。入力ページで画像が使用されていない場合は、不要な画像を削除し、直接生成された htm に必要なものを追加する必要があります。 、ページがひどいものになり、ページ全体が完全に混乱する可能性があることがわかります。
さて、まずエクスポートされた htm ファイルを分析しましょう。
このページの表に従って、新しいページに 3 行 1 列の表を作成します。
画像に隙間やずれが生じないようにするため、cellpadding、cellspacing、border の値を 0 に設定することが非常に重要であることに注意してください。その後、最初の行に 3 行 2 列の表を挿入します。図に示すように、左側の 3 列のテーブルをマージします。
表を挿入するときは、元の htm ファイルの内容の比較に注意し、なぜこれを行うのかを考える必要があります。
次に、2 行目と 2 列のテーブルを 2 行目に挿入し、上記のように左側のグリッドを結合し、次のように右側のグリッドの 1 行目に 1 行 5 列のテーブルを挿入します。
最後に、下の行に 3 行 2 列の表を挿入し、図の項目 1 と 2 をマージします。
さて、私たちの仕事はテーブルに写真とコンテンツを追加することです! ここでは詳しく説明しません (実際、すでに十分に説明されています!)
また、写真とコンテンツを追加するときは、テーブルを追加することも忘れないでください。 align と valign の 2 つの属性は非常に重要です。作業を行うためには努力を惜しまないでください。よし、自分で練習してください。