稼ぐネット産直記事一覧

---

前記事[実際にスタイルシートを指定してみよう。][]次記事

---

今回は、ネット産直のホームページで使う画像の種類について書いていきます。









ホームページで使う画像には、使用箇所。使用目的によって、呼び方が変わってきます。

画像を適材適所に配置することで、ホームページが映えるようになります。


それでは、ホームページでは、どんな画像が使われるのでしょうか？


まずはホームページの背景に使う画像です。

写真だったり、模様だったり。
できるだけ軽く作ることで、ホームページの表示が早くなります。


そして、写真があります。

デジカメで撮った写真などは、最初はサムネイルで表示し、クリックされたときに原寸大の写真を表示する。ようにすれば、閲覧者に優しいホームページになります。


ホームページのタイトルなどを表示するロゴも必要ですね。


リンクバナーやボタンなども画像を使用したりします。




ネット産直のホームページで使う画像は、自分のデジカメで撮ったり、インターネットのバナーなどの配布サイトからダウンロードしたり、自分で作成したりして集めます。


あなたのホームページにあった、画像をどうやって探してくるか？があなたのネット産直が成功するかどうかの鍵だったりします。


次回は、実際に、あなたのネット産直のホームページに適したら画像を探すには、どうするか？

と言ったあたりを書いていこうと思います。


これからもよろしくお願いします。

---

前記事[実際にスタイルシートを指定してみよう。][]次記事

---

稼ぐネット産直記事一覧

稼ぐネット産直記事一覧

---

前記事[スタイルシートの書き方は？][ホームページで使う画像の種類は？]次記事

---

今回は、スタイルシートで、どんな設定ができるのか？と言ったあたりを書いていきます。









スタイルシートでは、色の設定や、マージン。パディング。ボーダーなどの設定ができます。


色の指定では、
color:

マージンの指定は、
margin: top right bottom left
margin-top
margin-right
margin-bottom:
margin-left:


パディングの指定は、
padding
padding-top
padding-right
padding-bottom
padding-left


ボーダーの指定は、
border:

ビジュアルの指定は、
display:


リストの指定は、
list-style:


背景の指定は、
background:


フォントの指定は、
font

テキストの指定は、
text-indent

を使用します。



スタイルシートを使いこなすことで、HTMLタグのテーブルを使わなくても、ホームページのレイアウトができたり、HTMLタグより細やかな表示が可能になります。


そして、外部ファイルを使用することで、スタイルシートの指定を一カ所にまとめることができ、レイアウトの変更などが簡単になります。


是非、あなたも、ネット産直の売れるホームページを作るためにスタイルシートを覚えて使いこなしましょう。


次回は、ホームページで使う画像の種類について書いていきたいと思います。


これからもよろしくお願いします。

---

前記事[スタイルシートの書き方は？][ホームページで使う画像の種類は？]次記事

---

稼ぐネット産直記事一覧

稼ぐネット産直記事一覧

---

前記事[スタイルシートとは？][実際にスタイルシートを指定してみよう。]次記事

---

それでは、今回は、実際にスタイルシートをどうやって書いていったらいいかを話していきます。








スタイルシートの書き方は、その都度指定したり、ページ毎に指定したり、外部ファイルで指定したりできます。


その都度指定する場合は、

<span style="color:red;">あいうえお</span>
のように一列の要素を指定したり、


<div style="color:red;">あいうえお</div>
のように1ブロックの要素を指定したり、


<p style="color:red;">あいうえお</p>
HTMLタグで指定したりできます。



ページで指定する場合は、ヘッダの箇所に

<style TYPE="text/css"><!-H1 { color: red; }--></style>
のように指定します。


P.red { color: red; }　<p class=red>これはredクラスです。</p>
と言う風にタグにクラスを指定することもできます。


外部ファイルで指定する場合は、ヘッダに、

<link rel="stylesheet" type="text/css" href="xxx.css">

と、外部スタイルシートファイルのリンクを張ります。




スタイルシートでの単位の設定は、

10em
文字の高さを基準とした1文字分の長さ

10px
10ピクセル

10cm
10センチメートル

10mm
10ミリメートル

10％
10パーセント

などの設定方法があります。


それでは、次回は、実際にスタイルシートでどんな設定ができるか？を書いていきます。


これからもよろしくお願いします。

---

前記事[スタイルシートとは？][実際にスタイルシートを指定してみよう。]次記事

---

稼ぐネット産直記事一覧