＠dream編　HPアップロード　8、挿入タグの作成

＠dream編		＠dream編一覧へ戻る	テクニック集トップへ戻る
@dreamの基本機能や便利な機能をご紹介しています。

8	挿入タグの作成

挿入タグを利用することで、物件一覧・駅別一覧・詳細画面の各ページにコメントを自由に表示することができます。

タグとは…
ホームページで文字色を変更などの文字装飾をしたり、画像を表示させる言語の一種です。
タグキーを使えば、簡単にタグを挿入することができます。

物件一覧表に挿入タグ表示

１）挿入タグを使ってお問い合わせ先を表示

２）各ページに挿入タグを表示・挿入タグの表示位置

３）ホームページビルダーで挿入タグ作成（おまけ編）

４）ホームページビルダーで挿入タグを作成する場合の注意点

8-1	挿入タグを使ってお問い合わせ先を表示

物件一覧表に「お問い合わせ先」を目立つように表示させてみましょう

＠dreamメインメニュー　⇒　HPアップロード　⇒　HP編集　⇒　HPカスタマイズ　⇒　挿入タグ

「追加タグ」欄に文字を入力します。
この画面では、文字を入力後、タグキーを使って必要なタグを挿入します。

改行を入れたい場合

改行を入れたい箇所をクリック　⇒　

　⇒　改行タグが挿入されます

文字を太く（２）、文字色（３）も変更可能

文字装飾したい箇所を範囲選択　⇒　

　や

　　⇒　選択した文字装飾のタグが挿入されます。
　　　　　　　　　　　　↓

　をクリックすると、プレビュー画面で確認できます。

設定が終わったら

ボタンで保存します。

物件一覧表への挿入タグの設定が終わりました。
駅別一覧、詳細ページ（居住用、事業用、一般用、会員用）に設定したい場合は、続けて設定をします。
表示させる場所ごとの設定はこの後の「8-2　各ページに挿入タグを表示、挿入タグの表示位置」をご覧ください。

保存が終わったら、HP出力すればホームページ上に反映されます。
必ず「物件情報を更新し、ホームページへ出力する」で出力してください。

8-2	各ページに挿入タグを表示・挿入タグの表示位置

挿入タグは、「物件一覧」「駅別一覧」「詳細画面」でそれぞれ表示させることが可能です。

タグを挿入（表示させる）ページを選ぶ

タグを挿入するページを選択し、
追加タグ欄に入力　⇒　プレビューで確認
⇒　それぞれ保存

売買版、賃貸版dream-Progreの場合

売買版および、賃貸版dream-Progreの場合は、上記、「タグを挿入するページ」の設定の他、
「居住用」「事業用」のモード切替、また、会員設定をしている場合は、「通常」「会員」のページ内容も設定します。

１．モード切替

売買版の場合
居住用…戸建て・マンション・土地/シングル・ファミリー
事業用…建物全部・建物一部/店舗・事務所

賃貸版の場合
居住用…シングル・ファミリー
事業用…店舗・事務所

２．ページ内容
通常…一般公開
会員…会員公開

それぞれのモード・ページ内容で
３．「タグを挿入するページ」を選択し、
追加タグ欄に入力　⇒　プレビューで確認
⇒　それぞれ保存

挿入タグを表示させる位置は「上」と「下」と、それぞれ表示可能です。

配置位置を「下」にチェック

詳細画面の下に挿入タグを表示した場合

8-3	ホームページビルダーで挿入タグ作成（おまけ編）

挿入タグの見栄えを、ホームページビルダーで自由に作ることも可能です。

ホームページビルダー「標準モードで新規作成」で、挿入したいものを作ります。
挿入するものが出来たら、「HTMLソース」表示にしてください。

HTMLソース画面を表示させたら、<body>のすぐ下から、</body>のすぐ上までの間を全て選択、コピーします。

<body>　　←<body>のすぐ下から
<table width="440" border="1" height="217" align="center">
　<TBODY>
　　<TR>
　　　<td align="center" width="400" height="50" bgcolor="#d9ecff">気になる物件がありましたら、お気軽にお問い合わせください<br>
　　　</td>
　　</TR>
　　<TR>
　　　<td valign="center" align="center" width="400" height="50">お急ぎの場合はお電話で！<br>
　　　<B><font size="+2" color="#000099">◆　03-1234-5678　◆</font></B>
　　　</td>
　　</TR>
　　<TR>
　　　<td valign="center" align="center" height="30" bgcolor="#d9ecff"><b>ITサポーター不動産</b></td>
　　</TR>
　</TBODY></table>
</body>　　←<body>のすぐ上まで

<body>～</body>の間を範囲選択し、右クリック　⇒　コピー

＠dreamの挿入タグ画面、追加タグ欄で右クリック　⇒　貼り付け

⇒　プレビューで確認　⇒

8-4	ホームページビルダーで挿入タグを作成する場合の注意点

ホームページビルダーで挿入タグを作成する際には、以下の点に注意してください。
リンク切れ（「ページが見たりません」と表示）や、画像が表示されないことがあります。

１）　リンクを挿入する場合
２）　画像を挿入する場合

１）リンクを挿入する場合
　…リンク先は必ずフルパス（http://～～～～～/xxxx.htmlなど）にしてください。
　　「ファイルから」でリンク先を選択した場合は、以下のように変更してください。
　　http://自社ホームページURL/ファイル名

または		例：希望条件登録へのリンクの場合リンク先ファイル名　：　cf_cgi○/kiboujoken.htm 　⇒　http://自社ドメイン/cf_cgi○/kiboujoken.htm ・賃貸版　http://自社ドメイン/cf_cgi1/kiboujoken.htm ・売買版　http://自社ドメイン/cf_cgi3/kiboujoken.htm ・店舗事務所版　http://自社ドメイン/cf_cgi4/kiboujoken.htm

２）画像を挿入する場合　…画像が既にアップロードされている場合は、フルパスで挿入します。　１．画像の挿入　２．画像の上で右クリック　⇒　属性の変更　３．ファイル名を以下のように変更　xxxxx.gif　⇒　htpp://自社ドメイン/xxxxx.gif


…新しい画像を挿入する場合は、予め画像の準備が必要です。　「ロゴ（飾り文字の挿入）」などで画像を新しく作成する場合は、予めウェブアートデザイナーなどで作成、　保存してから画像の挿入を行ってください。１．挿入タグで表示させたい画像は、必ず半角英数のファイル名にします２．事前に、挿入タグで表示させたい画像をアップロードしておきます。３．上記と同じ手順で画像の挿入・属性の変更でファイル名を変更します

画像の準備
FFFTPを起動 Homepageを選択　⇒　接続
		画像ファイルを右クリック　　　　　　　 ⇒　アップロード

　　　　　▲上へ　　　　　　　　

＠dream編一覧へ戻る