ホームページ作成無料トライアルお申込み

ホームページ作成システム My-Website 活用方法

商品紹介ページを作成する

マイウェブサイトのホームページ作成システムを使って、商品紹介ページを作成してみましょう。

商品ページサンプルを見る

商品ページ作成の手順

デジカメで撮影した写真をそのまま登録してしまうと、写真のサイズが大きすぎしてしまいます。

大きすぎる写真を配置すると、ページからはみだしてしまいデザインを崩してしまう原因に。


商品写真の横に文章を回り込ませたレイアウトにするために、写真の横幅サイズを300ピクセル以下に調整しましょう。

写真のサイズを小さくする方法 お役立ちサイト

商品ページ作成の手順

画像登録機能」を使って、マイウェブサイトのホームページ作成システムへ写真を登録しましょう。
マイウェブサイトには、合計10MB(小さい写真なら200枚程度)までの画像を登録することができます。

商品ページ作成の手順

新規ページ作成機能」を使って、商品紹介ページを作成しましょう。
上記ステップ (2) で登録した写真をページに配置するためには、「画像挿入機能」を使います。

写真は「枠あり」にすることも出来ます。 お好みにあわせて選択してください。


写真は、右左どちらでも配置することができます。 「画像挿入機能」で、
「文章を画像の右に配置するを選択」すると、写真が左寄りに配置されます。
「文章を画像の左に配置するを選択」すると、写真が右寄りに配置されます。

ただし、段落ごとに <br class="clear" /> というタグを入れないと…
改行がうまくいかず、写真と写真がくっついたり、文章がズレたりするので要注意。

<img src="./images/usr/01.jpg" class="float_left img_border" />
商品名:白いお皿
素材:陶器
価格:1,800円(税込)
どんなお料理にもあうシンプルな白い陶器です。パスタ皿として丁度よい大きさ。
飽きのこないデザインだから、長く使っていただけます。
<br class="clear" />

<img src="./images/usr/02.jpg"class="float_left img_border" />
商品名:和食器
素材:陶器
価格:2,500円(税込)
煮物だけでなく、サラダボールとしても活躍してくれる和食器です。
流線フォルムが食卓を優しく彩ります。
<br class="clear" />

上記のように、<br class="clear" /> を段落ごとに加えてください。


ホームページ作成無料トライアルお申込み

このページの上部へ