背景&画像をつけてみる!

 

 背景をつける方から、やってみよう! まずは、ツールバーの上に『書式(O)』があるのでクリックしてください。 するとその中に『背景(K)』とあるので、再び、それをクリックしてくださいね。

するとページのプロパティが表示されます。

 出来ました? この中で、背景の画像に印をつけると、画像ファイルを背景に使うことが出来ます。下に全部の説明を載せておきます。

  • 背景(C) ⇒ HPの背景の色。
  • テキスト(T) ⇒ 文字の基本的な色。
  • ハイパーリンク(H) ⇒ リンクの色
  • 表示済みのリンク(V) ⇒ リンクに一度行った後の色
  • アクティブハイパーリンク(A) ⇒ クリックしたときのリンクの色

 リンクについては、別のページでやるので、気にせずに。背景の色とテキストの色を考えてください。ま、HPで他の人が見えにくいような色の組み合わせはお勧めしません。って、言われなくてもわかってるよね(笑)

 色を決めた後はOKをクリックすれば完成です。

 お次は、画像をつけてみましょう♪ さっきのは背景ですが、今度のはテキストの合間に画像を入れてみたりしたいなと思うはずです。ですので、まずは画像を入れたい場所をクリックしてください。と言っても、FPの始めに真っ白だったところをクリックするだけですが・・・(笑)

 クリックしましたか? では、次は、をクリックしてください。下のようなものが表示されましたね?

  • ファイルから(F) ⇒自分のPCにある画像ファイルを使う
  • 保存場所から(L) ⇒ HPサーバーにおいてある画像を使う。

 まずは、自分のPCから使った方が簡単なので、そのままで参照をクリックしてみよう!

 と表示されます。ファイル選択ができる人は、つまんないだろうけど、付き合ってください。ここでの注意点は『ファイルの種類(T)』を見てください。GIFおよびJPEGとなっています。で、その後ろに(*.gif *.jpg)

 これは、ここで選択できるのは、gif jpgどちらかの拡張子を持ったものだけですよってことです。つまり、自分の使いたいファイルがどちらかの拡張子ではなかったときは選択できません。

 どうしても gif jpg以外の拡張子を使いたい人は、隣のをクリックしてください。すると、色々な拡張子が出てきます。使いたい拡張子を選んでクリックしてください。また。その中にもないときは、全てのファイルをクリックすればOKです。

 んで、少し脱線気味ですが、次はファイルの指定のやり方を説明します。

 まずはをクリックして、目標のファイルがあるドライブを選択します。次にそのドライブの一番初めから表示されるので、マウスで目的に向かってどんどんクリックしてください。目標のファイルを見つけたらクリックしてみましょう。すると、FPに画像が表示されるはずです。

 調子に乗りすぎて間違ってクリックしたときはをクリックすると一つ上のフォルダへ行くことが出来ます。

 次は、画像の大きさが問題になると思います。大きすぎるや小さすぎるなどは当たり前ですから、そこで、FPに貼り付けた画像を左クリックしてください。

すると

  

 このように8個の黒い四角が現れると思います。その黒い四角にマウスカーソルを合わせてみてください。カーソルが変わるところがありますよね? そこで左をクリックすると黒い四角が今度は枠線になると思います。その状態のまま。マウスのボタンを押したまま、マウスを移動させると、枠線が大きくなったり、もしくは小さくなったリすると思います。目的の大きさのところでボタンから指を離せば、画像の大きさが変更されます。

 ちなみに、縦横の黒い四角をクリックすると、その方向の大きさを、斜めの方向の黒い四角をクリックすると全体の大きさを均等に帰ることが出来ますので、状況に応じて使い分けてください。

 また、画像を消したいときも、黒い四角が出てる状態で『DEL』キーを押すことで画像を消すことが出来ます。

 で、再び背景の選択に戻ってみてください。今度は背景に画像をつけてみましょう!

と印をつけると参照がクリックできるようになると思います。後はさっきの画像を選んだ時のように、ファイルを選択してあげれば、OKです。これだけで背景にも画像をつけれます!

 注意! 画像をつける前に必ず保存しておきましょう! じゃないと、UPした後に他の人が画像を見ることができなくなります。これがわりと厄介な問題で、自分では見れているのに他の訪問者全員が画像が見れないのですから・・・・。

 こうなった画像は以下のような形式になっています。

  file:///C:/My Documents/HPフォルダ/画像のフォルダ/gazou.jpg 

 みたいな形式になっているときは、間違えなく他の人はその画像を見れないと思っていてください。こうなった画像は、一度消して入れなおすか、ローカルフォルダまで消して修正します。

 修正方法)

 まずはFPを開いて、画像をクリックします。そして、右クリックをして、画像のプロパティ→画像のソース(S)で、file:///C:/My Documents/HPフォルダ/画像のフォルダ/gazou.jpgとなっているところを以下のようにしてください。

 画像フォルダ/gazou.jpg

 こうして、OKをクリックしてください。これで修正完了です。また、HTMLファイルと同じ場所に画像のファイルがあるときは.画像ファイル名のみで問題ありません。

 もちろん、リンクを張るときも、同じ問題が出てくるので、かならず一度保存してから、別のリンクや画像をつけるようにしましょう!

以上が画像関係でした。次はメインとなるテキストを書いて色々な効果をだしましょう!

 

BACK』  『HOME』  『NEXT

 

過払い金の回収ならこちら 過払い金の回収ならこちら 専門学校情報が満載♪
[PR] | 自動車保険スキー 温泉ホスピス所沢赤羽和光市中国SEO対策消費者金融車 買取テンプレート沖縄旅行免許合宿二輪引越しプレゼントゴルフ会員権留学レーシックマッサージFXアフィリエイトFXホームページ制作デイトレードハワイ旅行タイバンコクハワイ レンタカーベスト ハワイ ホテル レーツバリ島Hawaii hotelsHawaii Activitiesbhhrハワイホテルテキスト広告
【運営会社「パラダイムシフト」サービス】 ハワイ現地オプショナルツアーリラックマ) - ビジネスクラス航空券 - 格安航空券(1) - 格安航空券(2) - 海外ホテル - 韓国旅行 - タイムシェア - ホテル 予約
無料ホームページ - 携帯ホームページ - 無料ホームページ作成 - レンタルサーバー - ブログ - ヴィラ - ハワイ コンドミニアム - バリ島 ホテル - プーケット ホテル - 企業評価 - タイムセル - 国際通話 - ホノルルマラソン - コミュニティ監視 - 風評被害 - ホテル比較 - デルタ航空 - 宿予約