こんにちは、toshihiroです。

moshimoさんのショップ（ホームページ）作成ツール超できすぎくんの便利な使い方をここに記載していきます。

超できすぎくんを使うと初心者でもホームページ作成のＡＢＣを知らなくてもショップが作れます。

無料で使える素材がたくさんあります。
しかし、色々制限があったりするものから、加工が可能なものまで、色々です。
超できすぎくんで、出来ることは色々あります。
私のショップのトップページを変えました。
どんな風に？
当店の人気商品ベスト３を入れてみました。
前回紹介しましたサイトの中から、ecライブラリの中からランキングの画像を使ってみました。
以前の私のショップのトップページをご存知の方はずいぶん変わったと思われたのではないかと思います。
ecライブラリは、前回紹介しましたサイトの一番下にあります。その中のランキング用アイコンをクリックし目的のアイコンの上でインターネットエクスプローラ（以下IEと略します。）では、右クリックをして画像を保存を選択し任意の名前で保存します。この点ファイアフォックスでは、画像の情報を表示で、このランキングを「名前を付けて保存」で保存します。
この方法で、ランキング１位～ランキング３位までの３つの画像をダウンロードします。

主婦（主夫）の味方、便利グッズ取扱店
当店人気商品ベスト３を追加しました。
 
 
 
 
 
 
まず、上記ランキングアイコン１位～３位までのデータをダウンロードしたものをデスクトップの「image」というフォルダに保存したものとします。
ファイアフォックスでNINJA Toolsにログインし、超できすぎくんで作成した目的のホームページの名称をクリックします。
ここでは、赤文字の１位～３位をアップロードします。
忍者ホームページ－管理ページの左側のカテゴリからアップローダーをクリックします。
をクリックして、ディレクトリー名を「image」とし、作成のボタンをクリックします。次にimageをダブルクリックしディレクトリの移動をします。
をクリックして、ディスクトップの「image」のフォルダに作成したランキングアイコン１位～３位のファイルを一つずつアップロードします。
ここで、注意するのはIEではのボタンがクリックできないためディレクトリが作成できないので注意して下さい。
超できすぎくんのトップページを編集する画面にアクセスします。
任意の場所に、自由テキストを挿入し以下のように入力します。

</p></div><div align="center"><font size="6" style="background-color:#FF4500;font-weight:900;">当　店　の　人　気　商　品　ベ　ス　ト　３</font><table cellspacing="25" collpadding="0" align="center" border="0"><tr><td align="center"><img src="http://syufunomikata.ehoh.net/image/1_red.gif">< a href="http://syufunomikata.ehoh.net/4686444.html"><img src="http://www.moshimo.com/item_image/0052402000306/1/r.jpg" width=" 150" height="150" alt="電子レンジ調理器 ふしぎなお皿（レシピ本付き）　【4枚セット】" style="border:0" /></a></td><td align="center"><img src="http://syufunomikata.ehoh.net/image/2_red.gif"> <a href="http://syufunomikata.ehoh.net/5589359.html"><img src="http://www.moshimo.com/item_image/0132200000001/1/r.jpg" width=" 150" height="150" alt="菜漬器（さいしき）「浅漬け名人」" style="border:0" /></a></td><td align="center"><img src="http://syufunomikata.ehoh.net/image/3_red.gif"> <a href="http://syufunomikata.ehoh.net/4655398.html" /><img src="http://www.moshimo.com/item_image/0110200000120/1/r.jpg" width=" 150" height="150" alt="引っぱリンガー（ひっぱりんがー）　アイデア物干し" style="border:0" /></a></td></tr></table></div><div><p>

次回は、無料の素材を使ってみよう（３）このソースリストの説明です。