Adobe Dreamweaverで画像にリンクを追加する方法

ウェブサイトを作る上で、気をつけなければならないことがある。HTML編集ソフトのDreamweaverを使えば、画像をリンクに変換するのは簡単です。この記事では、その方法をご紹介します！

1

Dreamweaverのプロジェクトを開きます。

1. Dreamweaverを開きます。既存のファイルを開くこともできますし、新しいサイトを定義して新しいHTMLファイルを作成することもできます。

2

bodyタグの間のどこかをクリックします。

1. 新しいHTMLファイルを作成すると、Dreamweaverがすでに基本的なウェブページ構造を作成してくれます。カーソルをタグとタグの間のどこかに入力します。

3

画像を挿入します。

1. まだ挿入していない場合は、コンピュータから画像を挿入します。これには3つの方法があります：

   • 上部の挿入パネルに移動します。画像」をクリックし、表示されるサブメニューから「画像」を選択します。
   • 右側に "Insert "と "Files "と書かれたバーがあります。選択」をクリックし、ドロップダウンメニューから「共通」をクリックします。ここで、「画像」をクリックして画像を挿入します。このバーが表示されない場合は、「コンパクト」または「展開」ワークスペースが書かれている場所をクリックします。コンパクト］をクリックし、［コンパクトをリセット］をクリックして、Dreamweaverのデフォルト設定をリセットします。
   • キーボードの Ctrl+Alt+I を押してください。

4

画像サイズを変更します。

1. これはオプションですが、写真の見栄えが良くなるかもしれません。幅」と「高さ」フィールドにピクセル数を入力して、画像のサイズを調整します。

5

デザインモードで画像を表示します。

1. ライブ]をクリックしてデザインモードに切り替えます。これは、あなたのウェブサイトで実際にどのように見えるかを示しています。

6

リンクを追加します。

1. 画像をクリックしてプロパティパネルを表示します。プロパティ」パネルに「リンク」という空欄があります。あなたのウェブページのリンクを入力します。（例：-）ただし、"http://"の接頭辞を忘れないでください！

7

変更を保存します。

1. Ctrl+S (Save) または Ctrl+⇧ Shift+S (Save As) を押してウェブページを保存します。既存のファイルを上書きすることも、新しいファイルを作成することもできます。

この記事は、CC BY-NC-SAの下で公開されている「 How to Add a Link to an Image in Adobe Dreamweaver 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAで利用可能です。