背景&画像をつけてみる!
| 背景をつける方から、やってみよう! まずは、ツールバーの上に『書式(O)』があるのでクリックしてください。 するとその中に『背景(K)』とあるので、再び、それをクリックしてくださいね。 するとページのプロパティが表示されます。
出来ました? この中で、背景の画像に印をつけると、画像ファイルを背景に使うことが出来ます。下に全部の説明を載せておきます。
リンクについては、別のページでやるので、気にせずに。背景の色とテキストの色を考えてください。ま、HPで他の人が見えにくいような色の組み合わせはお勧めしません。って、言われなくてもわかってるよね(笑) 色を決めた後はOKをクリックすれば完成です。 |
↓
| お次は、画像をつけてみましょう♪ さっきのは背景ですが、今度のはテキストの合間に画像を入れてみたりしたいなと思うはずです。ですので、まずは画像を入れたい場所をクリックしてください。と言っても、FPの始めに真っ白だったところをクリックするだけですが・・・(笑) クリックしましたか? では、次は、
まずは、自分のPCから使った方が簡単なので、そのままで参照をクリックしてみよう!
と表示されます。ファイル選択ができる人は、つまんないだろうけど、付き合ってください。ここでの注意点は『ファイルの種類(T)』を見てください。GIFおよびJPEGとなっています。で、その後ろに(*.gif *.jpg) これは、ここで選択できるのは、gif jpgどちらかの拡張子を持ったものだけですよってことです。つまり、自分の使いたいファイルがどちらかの拡張子ではなかったときは選択できません。 どうしても gif jpg以外の拡張子を使いたい人は、隣の んで、少し脱線気味ですが、次はファイルの指定のやり方を説明します。 まずは 調子に乗りすぎて間違ってクリックしたときは |
↓
| 次は、画像の大きさが問題になると思います。大きすぎるや小さすぎるなどは当たり前ですから、そこで、FPに貼り付けた画像を左クリックしてください。 すると
このように8個の黒い四角が現れると思います。その黒い四角にマウスカーソルを合わせてみてください。カーソルが変わるところがありますよね? そこで左をクリックすると黒い四角が今度は枠線になると思います。その状態のまま。マウスのボタンを押したまま、マウスを移動させると、枠線が大きくなったり、もしくは小さくなったリすると思います。目的の大きさのところでボタンから指を離せば、画像の大きさが変更されます。 ちなみに、縦横の黒い四角をクリックすると、その方向の大きさを、斜めの方向の黒い四角をクリックすると全体の大きさを均等に帰ることが出来ますので、状況に応じて使い分けてください。 また、画像を消したいときも、黒い四角が出てる状態で『DEL』キーを押すことで画像を消すことが出来ます。 |
↓
| で、再び背景の選択に戻ってみてください。今度は背景に画像をつけてみましょう!
|
↓
| 注意! 画像をつける前に必ず保存しておきましょう! じゃないと、UPした後に他の人が画像を見ることができなくなります。これがわりと厄介な問題で、自分では見れているのに他の訪問者全員が画像が見れないのですから・・・・。 こうなった画像は以下のような形式になっています。 file:///C:/My Documents/HPフォルダ/画像のフォルダ/gazou.jpg みたいな形式になっているときは、間違えなく他の人はその画像を見れないと思っていてください。こうなった画像は、一度消して入れなおすか、ローカルフォルダまで消して修正します。 修正方法) まずはFPを開いて、画像をクリックします。そして、右クリックをして、画像のプロパティ→画像のソース(S)で、file:///C:/My Documents/HPフォルダ/画像のフォルダ/gazou.jpgとなっているところを以下のようにしてください。 画像フォルダ/gazou.jpg こうして、OKをクリックしてください。これで修正完了です。また、HTMLファイルと同じ場所に画像のファイルがあるときは.画像ファイル名のみで問題ありません。 もちろん、リンクを張るときも、同じ問題が出てくるので、かならず一度保存してから、別のリンクや画像をつけるようにしましょう! |
以上が画像関係でした。次はメインとなるテキストを書いて色々な効果をだしましょう!
|
|||
|
|