忍者ブログ
moshimoさんのショップ(ホームページ)作成ツール超できすぎくんの便利な使い方をここに記載していきます。
[14]  [13]  [12]  [11]  [10]  [9]  [8]  [7]  [6]  [5]  [4

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

画像の表示のしかた

こんにちは、toshihiroです。

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

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

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

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

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



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

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

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

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

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

菜漬器

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

ここで使っている画像ファイルは、すべてこの販売ページにある画像の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>

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

拍手[1回]

PR

お名前
タイトル
文字色
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
非公開コメント
この記事にトラックバックする:
カレンダー
09 2017/10 11
S M T W T F S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
フリーエリア

超できすぎ君を使いこなしているショップです。
とても参考になる素敵なショップです。
私のブログと合わせてご参考にしてください。



最新トラックバック
プロフィール
HN:
toshihiro
性別:
男性
バーコード
ブログ内検索
アクセス解析
カウンター

忍者ブログ [PR]

graphics by アンの小箱 * designed by Anne