こんにちは、toshihiroです。

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

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

画像を表示させるためには、ご自身で画像を作るかもしもさんで用意していただいている画像データを利用します。

<img src="画像ファイル名" width="幅" height="高さ" alt="代替テキスト"> となります。

では、どこにある画像ファイルを表示できるのでしょうか？
通常は、自分のアドレスにimageというフォルダを作り、その中に画像ファイルを保存します。
難しい？
そもそも、どうやってimageというフォルダーを作るの？
そんな方に是非試してみて欲しい方法があります。

ブラウザソフトをFireFoxにします。

入手先のアドレスは、URL：http://mozilla.jp/firefox/ です。

この際、是非手に入れて下さい。
その理由は、
１．画像のデータを確認しながらダウンロードできます。
２．ソースの表示で、別ファイルとなっているスタイルシートやジャバスクリプトおよび画像ファイルを見ることが出来ます。
３．アドオンを入手することで、パソコンでモバイル用に作ったショップの確認が出来ます。

もしもさんの商品のうち、素材ダウンロードのある商品のある商品の写真か商品名をクリックして、商品詳細のページを開きます。
ＰＣの欄の一番右のをクリックします。

このページには、素材ダウンロードとゝ画像ファイルで作られています。
ここで画像にあわせて右クリックします。
メニューから「画像の情報を表示」をクリックします。
別ウインドウが開き画像のデータのアドレスが上部に下にプレビューが開きます。



上のページは、超できすぎくんで作成した私のショップです。画像をクリックすると、このページが開きます。

ここで使っている画像ファイルは、すべてこの販売ページにある画像のURLを使っています。

以下に、リストを示します。

</p>
</div>
<div align="center">
<img src="http://image.moshimo.com/static/img/mp/article/material/000/196/421/01.jpg" alt="菜漬器" style="border: 0;">
<img src="http://image.moshimo.com/static/img/mp/article/material/000/196/421/02.jpg" alt="菜漬器" style="border: 0;">
<img src="http://image.moshimo.com/static/img/mp/article/material/000/196/421/03.jpg" alt="菜漬器" style="border: 0;">
<img src="http://image.moshimo.com/static/img/mp/article/material/000/196/421/04.jpg" alt="菜漬器" style="border: 0;">
</div>
<div>
<p>

次回、このリストの説明をします。