メモ帳でHTMLを使ってホームページを作っています。
まだ初心者なのでホームページに画像を載せるやり方がうまくできません。
  <P>
<IMG SRC="ファイル名">
</P>
のタグを使おうとしているのですがなかなか成功しません。
どうすればホームページに画像が載せられますか?
また、HTMLのついて分かってないことが多いので
「ここに注意したほうが良いよ」ってところなどがあったら
よかったら教えてください。

よろしくお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (5件)

原因は色々ありますが、とりあえず確認する事は、


(1)ファイル名の拡張子(.jpgや.gifなど)がつけられていない。
(2)HTMLファイルと画像ファイルが違う場所に入っている
(3)タグ内が半角英数になっていない
ってところです。

HTMLはとても癖が多くて注意は山ほどあります。やっていくうちに色々と知識がつくと思います。
メモ帳だけである程度のページが作れるようになったら、ホームページ作成ソフトを使っていくと良いです。メモ帳だけで作っていては一つのページを作るだけで日が暮れてしまいますが、作成ソフトを使えばかなり楽になります。
あと人がくるホームページにしたい場合はCSSを使えるようになるといいです。例えば、このOKWEBのリンク文字にカーソルを合わせると文字に下線がつきます。これはCSSを使っています。
あと、あまり重いページ(画像、JAVAスクリプト、表などの使いすぎ)にしすぎるとページを読み取っている間に「戻る」ボタンを押す人が多くなります。これはできれば避けた方が良いです。

なんか注意というかアドバイスになってしまいましたが、役に立てればうれしいです。
    • good
    • 0
この回答へのお礼

とても参考になりました。
ご回答ありがとうございます。

お礼日時:2002/04/04 14:59

こんにちわ、2回目にfuruichi9です。



>ちょっとよく分からないのですがホームページの画像にはジェイペグとジフしか
>使えないのですか?
そんなことは無いです、ただ一般的にグラフィックソフトで編集しやすいのがこの2つだと思います。
わざわざ重い「.BMP」を使う必要は無いと思いますし。
他にも「.PNG」とかもあります。
でもブラウザはPNGが提供する全ての機能に完全に対応していません。
    • good
    • 0
この回答へのお礼

ご回答どうもありがとうございます。
なるほど、それ以外でも使えるのですか。

お礼日時:2002/04/07 16:12

ファイル名だけで、画像にリンクを貼る場合は、同じディレクトリにアップする必要が有ります。


違うディレクトリにアップする時は、そのディレクトリまでの、フルパスを書く必要が有ります。
    • good
    • 0
この回答へのお礼

ご回答ありがとうございました。

お礼日時:2002/04/04 14:58

こんにちわ、



<IMG SRC="ファイル名">
って事はもちろん、同じフォルダの中ですよね、違うフォルダに入っている場合
この文章ではだめですよ。

ファイル名の拡張子「.jpg」「.gif」の間違いとかでしょうか?
「"」「”」半角全角も気をつけてくださいね。
    • good
    • 1
この回答へのお礼

指定した画像が違うフォルダにはいっていました。
おかげさまで画像が表示されました。
後、ちょっとよく分からないのですがホームページの画像にはジェイペグとジフしか使えないのですか?
ご回答ありがとうございました。

お礼日時:2002/04/03 12:07

ファイル名にその画像データの場所を指定してますか?(同じファイルの中なら指定しなくてもいいですが)


また、ファイル名を入力するときに拡張子もちゃんとつけてますか?この2つができていれば画像は表示されると思いますよ。
    • good
    • 0
この回答へのお礼

あ、拡張子をつけてませんでした。
僕のパソコンは拡張子が自動的に消えて見える設定になってたんで
うっかりしてました。
この設定を変えるにはどうするんでしたっけ?
ご回答ありがとうございました。

お礼日時:2002/04/03 12:05

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q音楽を編集して曲をつなげたり出来るアプリってありますか? iTunesではなく普通の写真とか動画とか

音楽を編集して曲をつなげたり出来るアプリってありますか?
iTunesではなく普通の写真とか動画とか入ってるところに動画を保存してあるんですが、そこから編集など出来るアプリってありますか?

Aベストアンサー

音楽を切り貼りするなら下記フリーソフトが有ります。
http://forest.watch.impress.co.jp/library/software/audacity/
MP3を切り貼りする場合は下記を参考にlameをインストールしてください。
http://old.audacityteam.org/help/faq_i18n?s=install&i=lame-mp3&lang=ja

Qメモ帳で(HTML)ホームページを書きたいのですが

使えるところはホームページ作成ソフトなどで作りたいのですが、簡単なところは、自分でソースを書きたいと思います。で、基本的なソースの書き方に関する質問ではなくて、メモ帳を(HTML)構成にする方法を教えて下さい。ソースを書く場合、ワードとメモ帳があると聞き、ワードを開いてみたのですが、何がなにやらさっぱりわかりません。軽いめまいを覚えたのと、以前、プレステ2で(geosities)に直接ソースを書いていたときのようなシンプルさがあり、シンプルなメモ帳にしようかと思っています。同じ要領でメモ帳に試しに簡単なソースを書いてみたのですが、(1)どうやってプレビューを見るのかわからない。(2)どうやってネット上にアップするのかわからない。(3)コンピュータの中のどこに保存するのかわからない。そして、(4)適当に保存して見てみたら、<HTML>中略</HTML>というふうに、ソースがそのまま表示されるだけで、なんというかホームページになっていなくて、ほんとメモ帳のままでした。例えば(geosities)だと、ソースを書いてる用紙はソースのままでも、プレビューをすると、ちゃんと(HTML)構成になっていますよね。<HTML>と入れないと表示すらされないという意味です。でもメモ帳では、このタグを入れなくても(文だけでも)表示されるどころか、タグを入れても認識されないというか。まとまりのない文になりましたが、教えて下さい。

使えるところはホームページ作成ソフトなどで作りたいのですが、簡単なところは、自分でソースを書きたいと思います。で、基本的なソースの書き方に関する質問ではなくて、メモ帳を(HTML)構成にする方法を教えて下さい。ソースを書く場合、ワードとメモ帳があると聞き、ワードを開いてみたのですが、何がなにやらさっぱりわかりません。軽いめまいを覚えたのと、以前、プレステ2で(geosities)に直接ソースを書いていたときのようなシンプルさがあり、シンプルなメモ帳にしようかと思っています...続きを読む

Aベストアンサー

こんにちは
すでに詳しい回答が出ていますが・・・

>(1)どうやってプレビューを見るのかわからない。

メモ帳にタグを書き込みます。
ファイル-名前をつけて保存
ファイル名を英数半角・小文字で(例)index.htmlとつける
念のため、ファイル名の下にある「ファイルの種類」を「すべてのファイル」にして下さい。→text形式のまま保存すると、うまくhtmlファイルにならないこともあります。

>(2)どうやってネット上にアップするのかわからない。

FTPソフトを使ってアップします。
自分のHPスペースなんかのIDとパスワードを入力して、サーバーに接続し、FTPソフトで、作成したファイルをアップロードします。
有名なFTPソフトでしたら、他の方も紹介されていますが「FFFTP」などはいかがでしょうか。
ダウンロードはこちらから↓
http://www2.biglobe.ne.jp/~sota/

>(3)コンピュータの中のどこに保存するのかわからない。

分かりやすいように、「マイ ドキュメント」の中にHP用のフォルダを作ってそこにすべて保存されてはいかがでしょうか。
こちらもフォルダ名は英数半角・小文字でつけてください。

(例)
「マイ ドキュメント」--「website」(このフォルダの中に、htmlファイルを保存してください)--「index.html」

>(4)適当に保存して見てみたら、<HTML>中略</HTML>というふうに、ソースがそのまま表示されるだけで、なんというかホームページになっていなくて、ほんとメモ帳のままでした。

こちらは、(1)でお答えしているように、ファイルがメモ帳(テキストファイル)のままだからです。
拡張子が「.txt」になってませんか?
もう一度、(1)のように、「.html」または「.htm」で保存し直してください。今度はうまくいくと思います。(ファイルのアイコンもインターネットエクスプローラーなどの絵に変わります。)

あと注意点としては、ご存知だと思いますがタグは全角ではなく半角で入力してください。(日本語入力をオフにして直接入力してください。)

(例)
× <HTML>
○ <HTML>
○ <html>

大文字・小文字は、どちらでも構いません。


>、(2)は、例えばホームページ作成サイトなどだと、サイトを作成した段階で、その(FTTTP)サーバーに関する設定の項目が出てくるのですが、メモ帳の場合、出てこなくて、どこを探せばその設定画面になるのかわかりません。

メモ帳では設定できません。
メモ帳はあくまでもファイルを作るだけです。
設定画面は、ダウンロードしたFFFTPなどのソフトをパソコンにインストールして、ソフトを起動させてください。
そちらで設定していきます。
使い方は参考URLのHPに載っています。

ご参考まで

こんにちは
すでに詳しい回答が出ていますが・・・

>(1)どうやってプレビューを見るのかわからない。

メモ帳にタグを書き込みます。
ファイル-名前をつけて保存
ファイル名を英数半角・小文字で(例)index.htmlとつける
念のため、ファイル名の下にある「ファイルの種類」を「すべてのファイル」にして下さい。→text形式のまま保存すると、うまくhtmlファイルにならないこともあります。

>(2)どうやってネット上にアップするのかわからない。

FTPソフトを使ってアップします。
自分のHPスペース...続きを読む

Q縮小する写真のサイズはどれがベスト?

掲示板に写真を掲載することになり、縮小専用のフリーソフトをダウンロードしました。

元の写真は 『567KB』、掲示板の写真の制限は15,000バイトです。

縮小するサイズは様々あり、
『1280×1280、1024×1024、800、640、400、320、160・・・』
とありますが、この場合、どのサイズを選ぶのが一番妥当でしょうか?

教えてください。

Aベストアンサー

ビットマップ画像であれば画素数(画像サイズ)と色数からファイルサイズを計算できます。

たとえば、横640pixel×縦480pixelで8ビットカラー(256色)の場合、
640×480×1=307200バイト(307kバイト)になります。
フルカラー(24ビットカラー)の場合3倍の921kバイトになります。

実際に使用している色数によって変動しますのであくまで概算ですが。


こんな感じでファイルサイズから画像サイズを逆算しては如何でしょう…

Qメモ帳でホームページを作る方法

前、本でメモ帳でホームページを作る方法を読んだのですが思い出せません。ホームページをソース表示したらメモ帳でHTMLが表示されますが、リンク等などで変更した後
そのメモ帳をホームページ表示する方法はどうするのですか教えて下さい。

Aベストアンサー

メモ帳で作ったファイルの保存は、拡張子に .htm(.html)を使って下さい。

ファイルの編集は、IEで[表示]メニューの[ソース]をクリック,又は、ブラウザ上で右クリックして、ショートカットメニューの[ソースの表示]でソースを表示し編集して、(メモ帳の)[ファイル]メニューの[上書き保存]をクリックして下さい。

http://homepage1.nifty.com/Liberty/notepad/top.htm
http://tohoho.wakusei.ne.jp/www.htm

Qmacで写真データの縮小

Macの10,4,11を使っているのですがプリセットのソフトや機能を使って写真データを縮小する事は可能ですか??iphotoなどでやろうとするとトリミングになってしまって。。。

Aベストアンサー

iPhoto6ですが…

写真を選択後、
ファイル→書き出しで
『ファイルの書き出し』タブを選択すると
ピクセル単位で調整は出来ます。

また、フリーウェアでDropFixというものもありました。
(参考URLから飛べます)
iPhotoからアプリケーションアイコンにドラッグ&ドロップすれば
ソフトが立ち上がります。
アップルのダウンロードページ
http://www.apple.com/jp/downloads/macosx/imaging_3d/
にいろいろソフトが掲載されているので
ここから使い勝手が良さそうなものを選んでみても
よいのではないかと思います。
どうしてもプリセットでないとダメというのであれば
後者の方法は使えませんが…。

参考URL:http://san-diego.sakura.ne.jp/dropfix_latest.html

Qpixiaで作った画像をホームページに載せたいのですが……

ここに初めて来た初心者です。

持っている画像ソフトはpixiaとペイントだけなのですが、
pixiaの画像がホームページで出そうにも出せません。
拡張子の問題かと思い、名前だけpng、jpg、gifに変えてみたのですがやっぱり左上に×印がついた四角が表示されただけでした。

pixiaのサイトなどにも画像は載っているので、方法はある気がするのですが・・・。
やはりソフトとかが必要なのでしょうか?

中学生にもわかる位の説明をお待ちしております。

ちなみに使用しているOSはWindowsのXPです。

Aベストアンサー

保存の形式が間違っているのではないでしょーか。
pixiaは標準でpxaという形式で画像を保存します。この形式で保存したファイルの拡張子だけjpgに変えてもダメだべ。

中学生にもわかる位の説明
1.pixiaを起動して適当に絵を描く。
2.pixiaのウィンドウの左上の方にある「ファイル(F)」というのをクリック。→「名前をつけて保存(A)...」をクリック。
3.出てきた窓(ファイル名を入れる窓)に「ファイルの種類(T)」というのがあるので、そこでpngやjpgを選ぶ。
4.「ファイル名(N)」の所に名前を打って「保存(S)」ボタンで保存。

これでホームページで使えるPNG形式やJPEG形式で保存ができまする。

QAndroidなんですけど…… 1枚の画にたくさんの写真を貼ることができるデコアプリはありますか?

Androidなんですけど……

1枚の画にたくさんの写真を貼ることができるデコアプリはありますか?
できるだけたくさんの写真を貼りたいです。

もし、あったらお願いします。

できれば、そのやり方も教えて欲しいです。

Aベストアンサー

こういうのでしょうか
https://play.google.com/store/apps/details?id=com.roidapp.photogrid&hl=ja

使い方紹介
http://android.app-liv.jp/000968889/

Qホームページで右クリック→ソースを選んでもメモ帳が開かなくなったのですが?

他のPCからだとソースが見えるのでページのせいでは
ないようです。
ツール → インターネットオプション → プログラム
のHTMLエディタもNotePadになっています。

何が悪いのでしょう?

Windows2000
IE5 です。

Aベストアンサー

IEのツールのインターネットオプションで、
インターネット一時ファイルのファイル削除を実行して下さい。これで直ります。

QPhotoshop LEでパノラマ写真に加工できますか。

写真Aと写真Bを加工して、あたかも一枚のパノラマ写真のように加工できますか、方法を教えてください。マニュアル本で勉強していますが、2枚の写真を加工して一枚の写真にする方法がわかりません。よろしく

Aベストアンサー

写真Aと写真Bをくっつける方法でいいですか?

1.PhotoShopで二つとも開きます。
2.横につなげるのであればAのサイズを横にBの横幅分大きくします。(イメージ→画像サイズで)
3.Bをすべて選択してコピーします。
4.Aの横の空白にペーストします。
5.場所を微調整します。
6.レイヤーを結合します。
7.名前をつけて保存します。

QHTML,CSSで自分のブログ、ホームページのWebページに今見ているWebページのURLをお気に入

HTML,CSSで自分のブログ、ホームページのWebページに今見ているWebページのURLをお気に入りブックマークボタンで取得出来るボタンを付けたいと思います。
どうやれば、いまWebブラウザで見ているURLをお気に入りやブックマークに追加できますか?javascriptを使わないと無理ですか?

やり方を教えてください。

Aベストアンサー

基本的にできないと思った方がよいです。

Webブラウザによって出来たり出来なかったり
出来たとしても方法がバラバラだったり
そもそもブックマーク以外の手段が増えたり

ボタンを設ける代わりに、以下の様な文章を入れてはいかがでしょうか。
「お気に入りいただけましたら、このページをブックマークしましょう。Android のスマートフォンをお使いの方は...」


人気Q&Aランキング

おすすめ情報