テンプレートマスター テンプレートマスターはテンプレートを利用して簡単にホームページを作成することができます。
難しいHTMLタグを覚える必要も、ホームページ作成ソフトを用意する必要もありません。
HTMLテンプレートを利用して、必要なところに文字を入力するだけでOKです。
嬉しいことにインターネット上には素敵なHTMLテンプレートがたくさん公開されています。
ただいまの時刻   
 
 

ホーム   利用者の方へ   実践ガイド   マニュアル   FAQ   作成者の方へ   一行掲示板   相互リンク  
前のページ
ソースの直接操作に挑戦
コンテンツのトップ 次のページ
各ページをリンクで結ぼう

ソースの直接編集に挑戦(商品表示を増減する)

テクニック集のなかから画像を商品部分を追加する手順を行ってみましょう。

紹介する商品の数が、3つを超える場合、ソースの編集が必要となってきます。
テクニック集は次のようなブロックになっています。

これをソースで見ると次のようになります。
<!--商品1つ目-->
  省略
<!--商品1つ目ここまで-->
<HR SIZE="1">
<!--商品2つ目-->
  省略
<!--商品2つ目ここまで-->
<HR SIZE="1">
<!--商品3つ目-->
  省略
<!--商品3つ目ここまで-->

商品を追加するためにはソースの中から次の部分をコピー&ペースとします。
<!--商品3つ目--> から <!--商品3つ目ここまで--> をコピーします。
「商品3つ目」を「商品4つ目」に書き換えておきましょう。
このままでは、3つ目と4つ目の境界線がありません。
そこで、<!--商品3つ目ここまで--><!--商品4つ目-->の間に<hr size="1"> タグを挿入します。

結果的には次のようになります。
<!--商品1つ目-->
  省略
<!--商品1つ目ここまで-->
<HR SIZE="1">
<!--商品2つ目-->
  省略
<!--商品2つ目ここまで-->
<HR SIZE="1">
<!--商品3つ目-->
  省略
<!--商品3つ目ここまで-->
<HR SIZE="1">
<!--商品4つ目-->
  省略
<!--商品4つ目ここまで-->

逆に減らしたい場合も見てみましょう。
商品が一つだけの場合は、「商品2つ目」「商品3つ目」を削除します。
ソース内から <!--商品2つ目--> から <!--商品3つ目ここまで--> の間を削除します。
境界線が不要ですから、<hr size="1">も削除しておきます。
<!--商品1つ目-->
  省略
<!--商品1つ目ここまで-->
<HR SIZE="1">
<!--商品2つ目-->
  省略
<!--商品2つ目ここまで-->

最後に更新すれば、完了です。

キャッチコピーについても同様に処理することができます。


前のページ
ソースの直接操作に挑戦
コンテンツのトップ 次のページ
各ページをリンクで結ぼう


■ スポンサード・リンク
■ メインメニュー
■ 新着リンク
 
Copyright (C) 2003 Yoshinogawa.net Project All right reserved.
Powerd by OCEAN-NET
アクセスランキング