- ベストアンサー
気にいった素材を貼りつけるには？
Windows９８のメモ帳でHP作成の練習をしています。 よく本に気に入ったホームページやフリー素材を保存しておいて 自分のHPに貼りつける事ができます、と書いてあるので 指示通りやってみるのですが タグ＜IMG＞云々のあとに 貼りつけてみても箱が出てくるだけで できません。 いったいどうしたらいいのでしょうか？Gifというのもわかりません。 基本的な質問ですみません。どうか教えてやってください．
- みんなの回答 （8）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (7)
- kumosuke
- ベストアンサー率45% (33/73)
あ…… これはこちらのミスですね。 失礼しました。 え～ <img src="taki.gif"> ですね。 本当にすいません、「=」を入れ忘れてましたm(_ _)m あとついでなんで、<BODY BGCOLOR="ccffcc">になってますけど。 <BODY BGCOLOR="#ccffcc">にしたほうがいいですよ。 本当に、すいませんでしたm(_ _)m
お礼
そんなとんでもない。 教えてくださって本当にありがとうございます。 まだ解決されてないけどがんばります。
- chocolats
- ベストアンサー率46% (23/49)
横からはいってしまって申し訳ないですが、気がついたのでお答えします 結論として<IMG>のタグの書き方が違います。 HTMLのファイルと同じフォルダにあるxxx.gifという画像を表示させる場合 <IMG SRC="xxx.gif"> と書きます。 もしそのフォルダの中に「image」というフォルダを作っていれる場合 <IMG SRC="image/xxx.gif"> ですね。 ＃IMG SRCは大文字でも小文字でもかまいません。 画像のファイル名などは実際のものと全く同じになるようにします。
補足
お返事くださり、ありがとうございます。 そのとおり書いているつもりなんですが・・・・ そもそも画像ファイルというか、よく書いてある 気に入ったフリー素材を 「画像に名前をつけて保存」 というやりかたのどこかに問題があるのでは？ 大体、保存したとたん、文字化けしたり（中身を見たらです） どにかくもう1度やってみます。
- kumosuke
- ベストアンサー率45% (33/73)
まいど、Kumosukeです。 sesameさんのおっしゃる通り、ここにHTMLを貼り付けてもらえると、早いんですけどね＾＾； まあ、そうもいかないでしょうから…… とりあえず、確認してみてください。 ●ファイルへのパス名が正しいかどうか。 HTMLと同一フォルダ内にあるのであれば、相対パスでかまわないので、前述した<img src"****.gif">でできるはずなんです。 「箱になって出てしまう」という表現がいまいちよくわからないんですけど…… 変なちっこいマーク(画像の読み込み失敗のマーク)がその箱の左上にあるんですよね？ それが表示される以上、タグは間違っていないので、問題はファイル名にあるはずです。 もしかして……その画像ファイル、拡張子がGIFではなくGPEG(JPG)とかPNGだったりしませんよね？ 拡張子があっているのなら、ファイル名です。 アドバイスとしては、ファイル名にスペースや全角文字を入れるのやめてやり直してみてください。 それと、ファイル名に大文字を使っているのなら、その辺もしっかりしないとダメですよ。 例： ファイル名 → KumoSuke.gif パス名 → KumoSuke.gif = ○ ファイル名 → KumoSuke.gif パス名 → kumosuke.gif = × ●記述はすべて半角英語で行われているかどうか。 具体例でいくと、"ｋ"と"k"の違いです。 この微妙な差がわかってもらえるでしょうか（笑） あるいは、"Ｏ"と"O"でもいいですけど。 これらをもう一度確認してみてください。 余談。 ＞ でも同じフォルダでも絵は2種類あって ネットスケープの絵と ＞ もう一つは白い箱に何かがついてるような絵です。 ってのは、「白い箱に何かがついてる」ってのは、フォルダのアイコン（見ようによってはそう見えますからね）のことだと予想できるんですけど。 ネットスケープの絵って、HTMLファイル（ or ショートカット）のことじゃ……？ もう一度、拡張子をはっきり確認したほうがいいと思いますよ。 やり方は、フォルダだったらなんでもいいんで、とりあえず開きます。 んで、[ツール]メニューの[フォルダオプション]から、{表示}タグの中の「登録されているファイルの拡張子は表示しない」のチェックを外して、「すべてのファイルを表示する」にチェック。 これで、拡張子を見ることができるはずです。
補足
本当にありがとうございます！ というわけで貼りつけてみました。ああ、なんでできないんだろう？？？？ 拡張子を表示しないをはずして、すべてのファイルを表示する、には してみたのですが。とにかくできるまでがんばります。このままだと 夢に出てきそうです。よろしくお願いします。 <HTML> <HEAD><TITLE>TikaのWEBサイト</TITLE></HEAD> <BODY BGCOLOR="ccffcc"> <HR SIZE=2> <H2><center><FONT COLOR="Blue">Welcome to Tika</FONT></center></H2> <H4><center>まだまだ知られていないとてもすばらしいインドネシアの工芸品。 <BR>みなさんに知っていただけたら幸せです。</center></H4> <HR SIZE=2> <!--これは練習です--!> <BIG>HTMLに挑戦</BIG> <IMG src"taki.gif"> <UL><CENTER> <BR><L1><FONT COLOR="Silver">Runa's Silver</L1> <BR><L2><FONT COLOR="Silver">Batik</L2> <BR><L3><FONT COLOR="Silver">Kerajinan Tangan</FONT COLOR="Silver"></L3></CENTER> </UL>
- sesame
- ベストアンサー率49% (1127/2292)
いっぺん、画像ファイルを表示させようとしているHTMLファイルの内容すべてを、 ここに貼り付けてみてください。 <HTML> <HEAD><TITLE>Test</TITLE></HEAD> <BODY> <IMG src="sample.gif"> </BODY></HTML> という感じで。きっと解決の糸口が見つかると思いますよ。 >>でも同じフォルダでも絵は2種類あって ネットスケープの絵と >>もう一つは白い箱に何かがついてるような絵です。 そのネットスケープと白い箱…というのはアイコンの表示ですか？ 画像の内容そのものはちゃんと表示されますか？ それから、その2種類の拡張子はそれぞれ何と何になってますでしょうか？
お礼
本当にありがとうございます！拡張子というのは htm と書いてあります。 もう一つのは中身をみると文字化けするので 捨ててしまいました。 本当になんでできないんだろう、情けなくなります。でもこうなったら できるまでがんばります！貼りつけてみましたので見てやってください。 よろしくお願いします。 <HTML> <HEAD><TITLE>TikaのWEBサイト</TITLE></HEAD> <BODY BGCOLOR="ccffcc"> <HR SIZE=2> <H2><center><FONT COLOR="Blue">Welcome to Tika</FONT></center></H2> <H4><center>まだまだ知られていないとてもすばらしいインドネシアの工芸品。 <BR>みなさんに知っていただけたら幸せです。</center></H4> <HR SIZE=2> <!--これは練習です--!> <BIG>HTMLに挑戦</BIG> <IMG src"taki.gif"> <UL><CENTER> <BR><L1><FONT COLOR="Silver">Runa's Silver</L1> <BR><L2><FONT COLOR="Silver">Batik</L2> <BR><L3><FONT COLOR="Silver">Kerajinan Tangan</FONT COLOR="Silver"></L3></CENTER> </UL>
- kumosuke
- ベストアンサー率45% (33/73)
横槍ですいません。 ちょいと気になったもので。 えっと、cariさん。 <img src"****.gif">という感じにしてますか？ ＜IMG.src=" gif"> ← これ間違ってますよ。 ドットと半角スペースの位置が…… あと気になったのは、 「どうも画像ファイルがHTMLファイルと同じフォルダにあるかどうかというところでつまずいているようなのですが」 え～＾＾； 'ホームページ'というフォルダ(とりあえず名前変えなくてもいいです)でいいんで開いてみて、そこに指定したい画像ファイルはありますか？ たとえば、'ホームページ'というフォルダの中にさらに'image'とか名前をつけたフォルダがあるのだったら、 <img src"image/****.gif"> にしないと表示されませんよ。 同一フォルダ内にあるのであれば、相対パスで表示されるはずです。 絶対パスで記述してるのでしたら、相対パスに変えてみては？
お礼
ありがとうございます。悲しいことにアドバイスどおりやってみたのですが まだ箱のままです。同じフォルダに入っているのですが。 でも同じフォルダでも絵は2種類あって ネットスケープの絵と もう一つは白い箱に何かがついてるような絵です。 なんとか四苦八苦してみたんですが。 あほな質問者でごめんなさい。
- sesame
- ベストアンサー率49% (1127/2292)
>>保存するときに問題があるのでしょうか？画像に名前をつけて保存と >>いうのでやってホームページというフォルダにいれているのですが。 「ホームページ」という全角日本語名のフォルダなのが原因なのかな？ 普通は大丈夫なはずなんですが、念のため、 C:\homepage\ のような半角英数だけのフォルダをルートに作って、そこに画像ファイルとhtmlを置いてみてください。 メモ帳のファイラより、エクスプローラを使った方がわかりやすくて確実です。 >>＜IMG.src=" gif"> と書いても箱になってでてきてしまいます。 ↑この記号も全角(＜)じゃなく半角(<)が正しいですけど、そこは大丈夫ですか？ 「箱になって出てくる」ということは、HTMLの記述自体は合ってるということなので、あと一息のはずです。 自信をもってがんばってください！
お礼
ありがとうございます。悲しいことにアドバイスどおりやってみたのですが まだ箱のままです。同じフォルダに入っているのですが。 でも同じフォルダでも絵は2種類あって ネットスケープの絵と もう一つは白い箱に何かがついてるような絵です。 なんとか四苦八苦してみたんですが。 あほな質問者でごめんなさい。励ましてくださってありがとうございます。
- sesame
- ベストアンサー率49% (1127/2292)
<IMG src="xxxx.gif"width="100" height="100" alt="画像の説明"> ↑という書き方でふつううまくいくと思いますが、どうでしょうか？ 練習するだけなら <IMG src="xxxx.gif"> だけでもO.K.です。(他の項目はインターネットに公開する際にはあった方が良い) 気をつけなければならないのは、 ・記号も含め、すべて半角英数文字になっているか(全角文字が混じっていないか) ・画像ファイルの名前は合っているか(大文字/小文字も合っている必要があります) ・画像ファイルはHTMLファイルと同じフォルダにあるか。 無ければその場所の指定を間違えずにやっているか。 等をチェックしてみてください。 Gifというのはwwwで表示できる画像形式の一種で、16色や256色等の色数の少ない画像に向いた形式です。 透明色を抜いたり、簡易なアニメーションを作ったりすることもできます。
お礼
ありがとうございます。そこでやってみたのですが まだできません。どうも画像ファイルがHTMLファイルと同じフォルダに あるかどうかというところでつまずいているようなのですが・・・・・ メモ帳の同じフォルダに入れたつもり（メモ帳のホームページというフォルダを 開けるとはいっています）なのですが、＜IMG.src=" gif"> と書いても箱になってでてきてしまいます。ひょっとして 保存するときに問題があるのでしょうか？画像に名前をつけて保存と いうのでやってホームページというフォルダにいれているのですが。 できの悪い質問者ですみません。
関連するQ&A
- 高画質の文字画像素材（gif）を作る方法（ソフト）は？
現在ホームページビルダーに付属しているウェブアートデザイナーを使っているのですが、このソフトで文字を作ってgifとして保存した場合、大きめな文字ならよいのですが、小さい文字だとかなり画質が荒くなってしまいます。 ↓ http://www.okayamasaiseikai.or.jp/outpatient/img/stitle_first.gif たとえば上記のようにくっきりとした文字の素材を作ることはできないでしょうか？ おすすめの素材作成ソフト（文字素材作成限定でも可）などありましたら教えてください。 （できればフリーだと助かります） よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- ホームページ作成について
メモ帳でのホームページ作成について初心者でも簡単に分かるサイトあったら教えてください。 あと基本ですが１つききます メモ帳でタグを打ったらどこに保存すればそのタグでかいたHPがどうやったら見れるのですか？ 自分はタグを打って名前をつけて保存でマイピクチャにindexという名前をつけて保存したのですがこれだけでいいのでしょうか？ あとそのindexを開くとさっき打ったタグはでてきますがどうやってタグを打ってできたHPの状態を見るのでしょうか？
- 締切済み
- その他（インターネット・Webサービス）
- HP作成に関する質問です。
フリーの素材屋さんからプレート素材をダウンロードしてきて、 そのプレートの中に文字を書き入れしたいのですが・・・ （もちろん加工OKの素材です） ※直リンクもしていません。 どのように文字を書き入れればいいのか方法が分かりません。 gif素材なんですが、ペイントソフトを使って文字入れをすれば、プレートの周りに白い四角い枠が出来てしまい、 ページの背景色から浮きだってしまいます。 もともとの素材にはプレートの周りには白い枠はありません。 また、HP作成ソフトなどは使用せず、メモ帳とタグを用いて作成中です。 <img src="画像のURL"> ↑このタグで画像は貼りつくのですが、コメントを入力したい場合はどのように入力をすればいいのでしょうか？？ どなたか教えてください。
- ベストアンサー
- フリーウェア・フリーソフト
- 素材画像の貼り付けについて
HTML形式のホームページをメモ帳を使って作っているのですが、ネットから無料の素材を保存して壁紙は表示できたのですがアイコンやラインは表示できませんでした。 同様にペイントで作った背景は表示できたのですが箇条書き用に作った画像やラインは表示できませんでした。 保存時のファイルの種類が悪いのでしょうか？ タグの組み方が悪いのでしょうか？ また、メモ帳で作成してるから表示できないのでしょうか？ すみませんが回答よろしくお願い致します。
- ベストアンサー
- HTML
- gifアニメ素材の保存について
xpを使用していて、今HPの作成をしています。 そこで、 素材屋さんにあるgifアニメの素材を右クリック、 名前をつけて保存をしたいのですが、 保存形式でbmpしか選択されません。 知り合いや、会社のパソコンでは、 同じgifアニメの素材を保存しようとした場合には、 ちゃんと保存形式でgifとbmpを選べるようです…。 どうして、私のパソコンでは、 保存形式でgifが選択できないのでしょうか？ 分かる方がいらっしゃったら、教えてください。 お願いします。
- ベストアンサー
- Windows XP
- 素材集からのダウンロード
はじめて投稿します。HPを今度作ってみようと思っているんですが、素材集からのダウンロードが出来ません。と言うよりもファイルの種類がgifなのに保存する時はbmpしか選択出来ないんです。 この場合はgifに変更出来るんでしょうか？
- 締切済み
- ホームページ作成ソフト
- WEB素材作成ソフト？
WEB素材（自分のホームページで使う用の素材）を作りたいと思っています。 具体的には自分で書いた絵や文字を使おうと思っているのですが どのように作るのが一番良いのでしょうか。 最初は「ペイント」で作ろうと思ったのですが、どこのサイトでも 素材やサイトのタイトルなどはGIF形式になっていて、リンク用バナーは JPEG形式になっているところもありました。 ペイントだとbmp形式になり、無理矢理GIF形式などで保存しようとすると 色情報の一部が失われる可能性があると表示されます。 （JPEG形式なら問題なく保存できるようですが・・・） まったくの素人なのでいくつかお聞きしたいことがあります。 まず、なぜ素材はGIF形式が多いのでしょうか。 リンク用バナーもGIF形式のところもあるようです。 それと、バナーはJPEG形式のところもいくつか見つけたのですが JPEG形式でも問題ないのでしょうか。（ペイントで作れるので） 最後に、素材はできるだけGIF形式のほうがいいという場合は 素材作成に向いているソフトウェアを教えて下さい。 フリーでもシェアでも市販のものでも何でも構いません。 よろしくお願い致します。
- ベストアンサー
- その他（インターネット・Webサービス）
- HPに画像を貼るのが、できなくなってしまった。
ホームページを作っていてフリー素材の画像を貼りました。その後、体験版paintshopproをインストールしたら画像のアイコンが変って、その後、 画像を変えようとメモ帳でタグを変えて更新したら、箱の中に×マークが 出てきて、貼りつきません。どうなっているのでしょう？
- 締切済み
- その他（インターネット・Webサービス）
お礼
あーっやっとできました。本当にバカな私をお許しください。 そうちゃんと書いていたつもりで 抜けていたんですね。ほんとうにほんとうにありがとうございました！！！