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

[PR]

×

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

無料の素材を使ってみよう(3)

こんにちは、toshihiroです。

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

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

前回のところまで、出来ていますか?
わからない?
そんな方がいらっしゃったら、遠慮なく質問して下さい。
コメント欄に書き込んで下さって結構です。
連絡先をブログにでもしておいて下されば出来る限り回答をします。

それでは、今回のテーマ、前回のソースリストの説明をします。




</p></div><div align="center"><font size="6" style="background-color:#FF4500;font-weight:900;">当 店 の 人 気 商 品 ベ ス ト 3</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>

始めの</p></div>は、自由テキスト内の文字の左寄せと自由テキストの大きさを指定したタグを解除するためのものです。
<:font size="6" style="background-color:#FF4500;font-weight:900;">当 店 の 人 気 商 品 ベ ス ト 3</font>
フォントのサイズを6にして、文字の背景色をオレンジレッドに文字の太さを太くします。文字と文字の間隔は全角スペース1つづつあけています。
<table cellspacing="25" collpadding="0" align="center" border="0">
table、テーブル(表を)作るときに使います。テーブルの一つ一つのますを「セル」と呼びます。
cellspacing、上下左右の「セル」の間隔を指定します。ここで指定した広さは全ての「セル」の間隔に適用されます。
cellpadding="0"、「セル」の枠と表示する内容との間隔を指定します。
align="center"、表を中央に表示します。
border="0"、外枠の太さの表示を指定します。
trは、表の行の始まりを表します。
td align="center"は、「セル」の内容を中央に表示する様に指定します。
<img src="http://syufunomikata.ehoh.net/image/1_red.gif">
忍者のファイルアップローダーでアップロードした1位のファイルを指しています。
<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>
もしもさんの商品から該当の商品を選び画像の大きさが150×150の大きさのもののソースリストを貼り付けます。
</td>これで一つ目の「セル」のデータは終わりです。
<td align="center">ここから2位のデータを1位と同様に入れます。
3位まで同じ様にデータを入れます。
3位まで入れたあとは、</tr></table>&/div><div><p>で、この自由テキスト内を締めます。

次回は、キーワードを考えようです。

拍手[0回]

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