Dreamweaver 4 の簡潔なチュートリアル (5. Web ページをより美しくする パート 2)
著者:Eve Cole
更新時間:2009-05-30 18:36:08
画像処理
次の画像を挿入するとします。
画像をクリックしてプロパティ パネルを開きます (Ctrl+F3)。以下に示すようにステータスが表示されます。
1. 画像のサムネイルと画像のサイズ。
2. 画像の長さと幅が幅よりも長く、元の画像のサイズと一致しない場合は、画像をクリックすると数字が太字で表示されます。各点はフレームと 3 つの点で覆われており、拡大および縮小の効果を得るために画像を 3 つの異なる方向に拡大することを表します。Shift キーを押しながら隅の点をドラッグして幅を維持します。以下に示すように、画像の高さの比率を調整します。画像を元のサイズに戻したい場合は、プロパティ パネルの右下隅にある [サイズをリセット] ボタンを押します。
3. Srcは画像の場所、 Link は画像に対応するハイパーリンクです。リンクがないため、次の 2 つのボタンが表示されます。 、前者は矢印を引き出し、フォルダー内の特定のファイルへの画像またはリンクを直接ポイントできますが、後者は従来の方法に従ってフォルダーを開いて特定のファイルを見つけることができます。実際の操作経験によれば、前者は前者です。 Target はリンクが開かれる方法です。リンクの設定や注意事項については後ほど紹介します。
4.整列:画像の整列。これは最も基本的な Web ページのレイアウト方法の 1 つです。この方法は自分でデバッグできます。詳細については、以下を参照してください。
http://www.goeway.com/web/dreamweaver/series/bighead/align.htm;
Alt:これは写真の説明です。「私はオランウータンですが、誰を恐れていますか?」と入力すると、閲覧中に写真の上にマウスを移動すると、これらの説明が表示されます。
境界線:画像の境界線の幅。たとえば、「10」と入力します。
5. 画像を左、中央、または右に配置します。Word を使用したことがある方であれば、慣れることはないと思います。
6.マップ:画像上の異なる領域に複数の異なるリンクを作成するために使用されます。リンクを確立する方法についても後で説明します。