@dream編 @dream編一覧へ戻る テクニック集トップへ戻る

@dreamの基本機能や便利な機能をご紹介しています。


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

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


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




 1)挿入タグを使ってお問い合わせ先を表示
 2)各ページに挿入タグを表示・挿入タグの表示位置
 3)ホームページビルダーで挿入タグ作成(おまけ編)
 4)ホームページビルダーで挿入タグを作成する場合の注意点

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

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

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




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

改行を入れたい場合


改行を入れたい箇所をクリック ⇒ 
 ⇒ 改行タグが挿入されます

文字を太く(2)、文字色(3)も変更可能


文字装飾したい箇所を範囲選択 ⇒  や
  ⇒ 選択した文字装飾のタグが挿入されます。
            ↓



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

設定が終わったらボタンで保存します。



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


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



8-2  各ページに挿入タグを表示・挿入タグの表示位置
 
挿入タグは、「物件一覧」「駅別一覧」「詳細画面」でそれぞれ表示させることが可能です。
 
 

タグを挿入(表示させる)ページを選ぶ
 


タグを挿入するページを選択し、
追加タグ欄に入力 ⇒ プレビューで確認
⇒ それぞれ保存
 
 売買版、賃貸版dream-Progreの場合

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

1.モード切替

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

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

2.ページ内容
通常…一般公開
会員…会員公開

それぞれのモード・ページ内容で
3.「タグを挿入するページ」を選択し、
追加タグ欄に入力 ⇒ プレビューで確認
⇒ それぞれ保存
 
  挿入タグを表示させる位置は「上」と「下」と、それぞれ表示可能です。
 
配置位置を「下」にチェック
詳細画面の下に挿入タグを表示した場合

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

1) リンクを挿入する場合
2) 画像を挿入する場合





1)リンクを挿入する場合
 …リンク先は必ずフルパス(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
 
 
 2)画像を挿入する場合
 …画像が既にアップロードされている場合は、フルパスで挿入します。

 1.画像の挿入
 2.画像の上で右クリック ⇒ 属性の変更
 3.ファイル名を以下のように変更

 xxxxx.gif ⇒ htpp://自社ドメイン/xxxxx.gif
     
 
 …新しい画像を挿入する場合は、予め画像の準備が必要です。
 「ロゴ(飾り文字の挿入)」などで画像を新しく作成する場合は、予めウェブアートデザイナーなどで作成、
 保存してから画像の挿入を行ってください。

1.挿入タグで表示させたい画像は、必ず半角英数のファイル名にします
2.事前に、挿入タグで表示させたい画像をアップロードしておきます。
3.上記と同じ手順で画像の挿入・属性の変更でファイル名を変更します
 
 画像の準備
 

FFFTPを起動





Homepageを選択 ⇒ 接続
   

      
     
画像ファイルを右クリック       
⇒ アップロード            
     ▲上へ           
@dream編一覧へ戻る