HP作成講座-ページの設定・画像

ページの設定(背景など)や、画像についてです。
|画像についての注意|
FrontPage Expressでは、GIFファイルと、JPGファイルしか使えません。

ページのプロパティ

ファイル→ページのプロパティと行くと、▼のような画面が表示される。
ここでは、背景の設定や、ページにタイトルをつけることが出来る。

▲ページのプロパティの全般部分。

■全般

場所 このページの保存されている場所です。
タイトル ここに、タイトル名(任意)でつけます。
基本場所 この講座どおりにやっていれば、あまり気にする必要はないです。
(hpというフォルダの中にhtm(html)ファイルが存在する場合。)
標準の
ターゲットフレーム
あまり気にする必要はないです。
ドキュメントの
読み取り方向
通常はLTRに設定してあります。
そのままの設定でいいでしょう。
バックグラウンド
サウンド
BGMを流したいときに使います。使いたいBGMを参照から選択して使用します。
(BGMは嫌がる人もいるので、注意しましょう)
HTMLエンコード 気にする必要はないと思います。

■背景

▲ページのプロパティの背景の部分。

背景の画像 使う場合はチェックし、参照から使いたい画像を選ぶ。
背景 画像を使用しない場合の背景の色を指定できる。
デフォルトは、白色。
テキスト そのページのテキストの色を一括変更(指定)できる。
ハイパーリンク ハイパーリンクの章で、解説しています。

■余白

上部と左側の余白を指定できます。

他は気にする必要はないと思います。

背景と画像を使う前に

背景画像を使うには、素材がなくてはいけません。

まず、YAHOOで、『ホームページ素材』というキーワードで検索してみよう。

すると、素材を無料で提供してくれているサイトが見つかるので、
そこで、素材を手に入れてこよう。

HP作成の役立ち集の、無料素材から探してもOK。

■素材を自作しよう!

タイトルなどは、自作しましょう。
オススメするグラフィックエディッタは↓からダウンロードできます。

Matilda オススメ。機能が充実している。
簡単バナー その名のとおり簡単にバナーが作れる。
Web Button Maker 2 HPで使えるボタンが楽に作れる。


画像の挿入<画像を使う>

画像の挿入は←をクリックしてファイルからを選択。
次に、参照をクリックして使いたい画像を選択すればOKです。

もう1つ方法があります。
それは、をクリックしたときに、保存場所からというのがあります。
そこに、画像のあるアドレスを入力して、画像を表示させることができます。
この方法は、サーバーの容量を消費せずに画像を使う事ができますが、勝手に他のサイトにある画像を表示するのはやめましょう。
(そうすると、その画像のあるサイトのページ表示が遅くなるなどの悪影響がある)

画像のプロパティ

開き方・・・画像を右クリック→画像のプロパティ

■画像のソース
 その画像のある場所を表示しています。

■種類
 あまり気にする必要はないと思いますが、
 GIFとJPG以外の画像ファイルを貼り付けた場合、どちらに変換するかを
 決めれます。
 参考に、イラストや写真などはJPG、アイコンなどは、GIFが向いているでしょう。

■代替表示
 低解像度・・・画像を表示するまでに、替わりに指定の画像を表示する。
 テキスト・・・・ブラウザでカーソルを画像に合わせたときにでるメッセージ。

■既定のハイパーリンク
 画像をクリックしたときにリンクできるようにする方法
 場所・・・まず、参照をクリック。あとは、こちらで紹介しています。
 ターゲットフレーム・・・ここにも場所と同じように入力すれば、リンク先を
               新しいウィンドウで開けるようになります。

■外観
 画像を配置する場所や、サイズ、画像の外枠の太さなど色んな設定ができます。
 色々試してみてください。

水平線の挿入

水平線とは↑のことです。
使うには、挿入→水平線でOKです。
また、右クリック→水平線のプロパティで、水平線の調整も可能です。

調整しだいでは↓のような感じのものも作れる。(画像を使って作った方が早いかも)




,Contents



↑表を下のように作る。次に、各セルごとに横幅を指定し、各セルに水平線を挿入し、好きなように調整する。

         


BACK<表の利用>メニューへ戻るNEXT<ハイパーリンク>
inserted by FC2 system