ホームページ作成の基礎から、HTMLタグやスタイルシート、JavaScriptを使ったHP作成方法、アクセスアップの秘訣を紹介。
 

無料ホームページ作成講座 〜初心者のための簡単ホームページ作成術〜

 
ホーム お気に入り サイトマップ リンク ヘルプ
ホームページ入門
初めてのホームページ
作成に必要なもの
レンタルサーバ選び
HPを作ってみよう
拡張子の表示
フォルダ、ファイル作成
HTMLタグの入力
画像を張る
画像について
画像の準備
画像の張り方
背景に画像を使う
サイト内リンク
他サイトへのリンク
FTPの使い方
完成までの流れ
気をつけたいこと


 画像の準備

画像の準備をしよう!
それではホームページに張る画像を準備しましょう。と言っても、何を用意すれば良いかわかりませんよね。 そこで、「体験ホームページ」で使用している画像を用意しましたので、それを使ってHTMLに画像を張り、表示させてみましょう。

使用する画像
タイトル画像
保存名「title.gif
  背景画像
保存名「bg.gif
  バナー画像
保存名「banner.gif

上の3つの画像を使用します。 画像の保存方法がわからない方のために、上記の画像を保存する方法を説明しますので保存方法の説明に沿って保存してください。
(わかる方は、「image」フォルダに各画像を保存して次に進んでください。)

画像の保存方法
それでは、上記にある画像ファイルを保存していきましょう。
下記の説明の順に進んでください。(「banner.gif」を例に説明しております。)

1. 保存名「banner.gif」と書いてある上の絵にマウスのカーソルを合わせ、
  「右クリック」 → 「名前を付けて画像を保存( S )」の順にクリックしてください。
  

  すると、下記のような画面が表示されます。
  (OSや個人の設定により、最初に表示される場所は変わります。)
  拡大表示
2. デスクトップにある「HomePage」フォルダの、「image」フォルダに保存します。
  「保存する場所(I): 」のプルダウンメニューをクリックし、「デスクトップ」をクリック。
  

  すると、「保存する場所(I): 」が「デスクトップ」に変わります。
  拡大表示
3. デスクトップにある「HomePage」を開き、その中にある「image」を開いてください。
  拡大表示    拡大表示
4. 開いたらそこに、「banner」という名前で、「GIF(*.gif)」形式で保存します。
  ファイル名とファイルの種類を確認し、「保存( S )」をクリックしてください。
  拡大表示
5. 保存が完了したら、「banner.gif」が保存されているか確認しましょう。
  
  上のように、「image」フォルダの中に「banner.gif」があれば完了です。
  同じように「title.gif」「bg.gif」を保存してください。
6. 3種類の画像の保存が完了したら、次の「画像の張り方」に進みましょう。

ページの上へ


前のページ   トップページ   画像の張り方





Copyright (C) 2007 ホームページ作成講座 All Rights Reserved.