HTMLでホームページ作成（画像の貼り付け方）アドバイスお願いします。

Question

　HTMLで初めてのホームページを作成中です。今、トップページを作っていまして、壁紙を張って（ってまだ、一個しか作業してないですけど（;￣ー￣A アセアセ・・・）
<HTML>
<body background="ch24.jpg">
<body background="ch24.jpg" bgproperties="fixed">
</HTML>
といったところまでしか進んでいないのですが、これに自分で書いた画像を貼り付けたいのです。・・・で画像は、筆まめの付属ソフト、筆まめペイントで作成したものなんですが、どうやって貼り付けたらいいのでしょう？
　ファイルの拡張子は現在MLBになっています。拡張子は何に変更したらいいのでしょう？
　その他、画像の貼り付けに関する簡単なアドバイスがありましたら、お教え下さい。たぶん、複雑な説明をされるとパニクってしまうと思いますので、その点、ご考慮の上お願いします。

gakushaneko · Accepted Answer

まず，画像ファイルとページファイルは同じ場所にありますか？なければ，ページファイルと同じ場所に画像ファイルを移動してください。それでも画像が表示されなかった場合は，画像ファイルの拡張子を間違った変更方法で変えたのだと思います。筆まめペイントで，まず，MLBファイルを読み込み，「ファイル」をクリック＞「エクスポート」をクリック＞「エクスポートする範囲」でエクスポートの方法を選択＞「OK」ボタンをクリック＞「ファイルの種類」で「PNG」か「JPEG」を選択＞ファイル名をつける＞「ファイルの場所」で保存先を指定＞「保存」ボタンをクリックしてください。タイトル画像ですから，ここはJPEGを選択すると良いと思います。なお，筆まめではGIFファイルとして保存が出来ません。 GIFファイルにしたい場合は，まず，上のエクスポート中「ファイルの種類」の選択で「Windows ビットマップ」を選択して保存し，別のGIFファイルに変換できるアプリケーションで変換してください。なお，タグ内のファイル名，および，拡張子は大文字と小文字を別の文字として扱います。また，筆まめからエクスポートされた画像ファイルの拡張子は，大文字が使われています。ですから，

ではなく，

としてください。全体の書き方は，No.7のpmmaohmさんが説明しているように書けば，一応，表示してくれるはずです。

pmmaohm · Answer

picoqさんの書いたタグ ************** 小さな友だち

*************** こうしてみたら？ただし、このHTMLファイルと画像のtaitol.jpgが同じフォルダの中にあること。背景画像についても同様です。小さな友だち

では、もしも画像ファイルが別のフォルダにあるとしたらどのように１つのフォルダの中に一緒に index.html gazouという名前のフォルダがあり、　　gazouフォルダの中にtaitol.jpgがあるとしたら

となります。慣れないうちは、フォルダを作らないで、１つのフォルダにバラバラといろんなファイルを置いておくといいですよ。あとで勉強しながら、なおせばいいです。 HTMLファイルは、デスクトップにあって、画像ファイルはマイドキュメントにあるということをする人が多いです。それでアップロードしたとき、画像が見えない！ということが起きます。タグを書いたらそんなことは起きませんが、書く段階で悩むことになりますね。 HTMLファイルと画像ファイルは、同じフォルダの中に入れてあげるようにしてください。

こうやったら、画像が真中に配置されますよ。《おまけ》

Ryo-33 · Answer

ホントわからないことが分かると面白いですよねぇ！(>_<)o"

拡張子というものはそのファイルの「固有」のものです。
ですからWindowsのペイントで作って保存した「*.bmp」というものを「*.jpg」と拡張子だけ変えても中身はビットマップの画像なのです。
ただ拡張子とはコンピュータが判断する材料にすぎないのです。あ、人間もわかりやすくなりますけどね。
そしてビットマップとJpegまた、PingやGif画像はすべて違うということですね。
参考URLに書いてあるヴェクターのサイトから簡単に探すことが出きると思います。
絵を書くのが好きだったりした場合はWindowsにもともと入っているペイントで画像を書くなりするのもいいでしょう。そしてそれをインターネットエクスプローラなどでも見れるようにjpgやgifに変換します。
gifは著作権の問題があるため、pngに切り替わるのでしょうか!?(微妙なところですが…jpgが無難でしょう)。今作っている「*.mlb」のデータを使いたいのであれば、その画像を開いた状態でキーボードの右上らへんにある「Print Screen」ボタンをクリックすると画面の画像がコピーされます。あとはそれをペイントにはりつければバッチシです。ちょっと編集するなりして自分の好みに合わせてください。

そして次にですが、読みこみたい画像の場所をHTMLで指定した場所にきちんと置くということです。
例えば、「HTML」というフォルダの中に「index.htm」のhtmlデータがあるとして、「ch24.jpg」の画像を読み出したいとき…。
<img src="ch24.jpg">
とするのであれば、「index.htm」と「ch24.jpg」の二つのファイルは同じフォルダの中になくてはなりません。
ですから「HTML」フォルダの中に「index.htm」と「image」というフォルダがあり、かつその「image」フォルダに「ch24.jpg」があった場合は、
<img src="image/ch24.jpg">
という風にしていしてやらねばなりません。
もしただ単に<img src="ch24.jpg">としていしてもch24.jpgは表示されません。
なぜならば、コンピュータがch24.jpgを探しきれないからです。
利口そうに見えて結構頭でっかちなのです。ですから気をつけましょうね！

またまた分かりにくい説明でしょうが、頑張ってくださいね！

参考URL：http://www.vector.co.jp

とするのであれば、「index.htm」と「ch24.jpg」の二つのファイルは同じフォルダの中になくてはなりません。ですから「HTML」フォルダの中に「index.htm」と「image」というフォルダがあり、かつその「image」フォルダに「ch24.jpg」があった場合は、

という風にしていしてやらねばなりません。もしただ単に

としていしてもch24.jpgは表示されません。なぜならば、コンピュータがch24.jpgを探しきれないからです。利口そうに見えて結構頭でっかちなのです。ですから気をつけましょうね！またまた分かりにくい説明でしょうが、頑張ってくださいね！参考URL：http://www.vector.co.jp

the845s · Answer

bodyはひとつしか書きませんので、下側のだけで十分です。また、の前に、の閉じが必要ですので、ですので、となります。画像を貼りつける際は、

となります。　widthとheightは横幅と縦幅、画像本来の大きさを指定しておきます。指定しておけば、画像を読み込まないうちでもデザインを崩すことがありません。 ALTは画像が表示されない場合の代替テキスト。 TITLEはマウスを持っていくと表示されるテキストです。 width、heightとALTは必ず付けておいた方が良いです。使える画像は、皆さんが答えてるとおり、,jpg、.gif、.pngです。以下のページを参考になさってはいかがでしょう。参考URL：http://tohoho.wakusei.ne.jp/www.htm

noname#5549 · Answer

ども。一歩前進したようですね。(^^)
みなさん仰るように、JPEG、GIFのふたつが最もよく使われる形式です。
方法は....もう分かりましたよね。
もし保存形式の中にこのふたつが無い場合は、
pmmaohmさんも仰るようにVector、窓の杜などのオンラインソフト検索ページで、
フリーのコンバーターを拾ってくると良いでしょう。

また、JPEGとGIFどちらかで迷う場合、
写真のように細かな画像はJPEG、
アニメの様にべた塗り部分の多い画像はGIFにしましょう。
JPEGの方が圧縮率は高く、ファイルサイズは小さくなるのですが、
GIFの方が描画速度が速いので同じ画像ならGIFの方が早く出てきます。
この場合は自分で書いたものということですから、
GIFが適当でしょうね。

＊念のため補足
拡張子はそのファイルの形式を表すもので、
後で変えれば良いわけではありません。
前回は拡張子が不明との事でしたので、
解決方法のひとつとして加えただけです。
きちんと保存からやりましょう。
（んなこたあ、分かっとるっちゅーねん！という場合は無視を）

では、

po-net · Answer

まずは画像の貼り方から。～の間に、

と書くのが基本です。ファイルパス＝ファイルの在り処。試作段階のときと、公開時では場所が変わるので注意すること。。。画像の形式は・・・、「.gif」や「.jpg」あたりじゃないですかね。「.bmp」は個人的にオススメしません。データが大きくなるので、遅い回線の人にはやさしくありませんので。今は難しい説明はしません。参考ＵＲＬはかなり丁寧に説明しています。自分のスキルに応じて読み進めてください。それと、このテのＨＰはインタネット上にたくさんあります。検索エンジンで調べるといろいろあるので、もっと自分にあったものを探してみてはいかがでしょうか。ではでは。。。参考URL：http://tohoho.wakusei.ne.jp/www.htm

pmmaohm · Answer

ホームページの題名

とにはさまれたところはあなたのＨＰのタイトルをつけておかないとせっかくのＨＰが名無しのごんべえさんになりますよ。ＨＰに使える画像の拡張子は、jpgまたはgifです。 Vectorなどに行って、画像変換コンバータの使いやすいのを探して、拡張子の変換をされるとよいかと思います。 http://www.vector.co.jp/ 画像の貼り付けは上記のように

となります。画像のリンクの張り方

参考URL：http://isweb12.infoseek.co.jp/diary/kazuyuka/yuka.hp/hptag.html

sesame · Answer

画像はIMGエレメントで貼り付けられます。書式は、代替テキスト

です。たとえば640*480のch24.jpgというファイルを貼り付けたかったらちゃんねる24

等とします。 http://tohoho.wakusei.ne.jp/html/img.htm >>ファイルの拡張子は現在MLBになっています。拡張子は何に変更したらいいのでしょう？ JPEG、GIF、PNGのどれかにしてください。それぞれの画像形式の向き不向きについては、 http://oshiete1.goo.ne.jp/kotaeru.php3?q=231086 の質問を参考にしてください。参考URL：http://tohoho.wakusei.ne.jp/html/img.htm , http://oshiete1.goo.ne.jp/kotaeru.php3?q=231086

HTMLでホームページ作成（画像の貼り付け方）アドバイスお願いします。

まず，画像ファイルとページファイルは同じ場所にありますか？

picoqさんの書いたタグ

ホントわからないことが分かると面白いですよねぇ！(>_<)o"

bodyはひとつしか書きませんので、

ども。

この回答への補足

まずは画像の貼り方から。

<html>

この回答への補足

画像はIMGエレメントで貼り付けられます。

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング