自作画像をペイントで作成しました。
保存の際にファイルの種類をgifを選びimgと名前を付けたフォルダにtitle.gifとして保存しました。
その画像をindex.htmlに
<CENTER>
<IMG SRC="img/title.gif" WIDTH="530" HEIGHT="270" alt="タイトルイメージ">
</CENTER>
と記述しましたがブラウザで見ると530×270の枠と罰マークにタイトルイメージと記載されているだけです
MS Officeが入っているのであればペイントで保存ファイルの種類を選ぶだけで特にツールを使用して拡張子を変更しなくても良いとの事でしたが他にも問題点がありますか?
サイズが大きすぎる(900kb)のではと小さいサイズ(4kb)ほどのものも作成しましたが同様でした
ブログサービスで他の画像を拝借する場合は一度画像をアップロードしてURLを取得してから<img src="画像URL">の形で表示させますが
<img src="フォルダ/ファイル">の形でも画像はアップロードしなければ使用できないのでしょうか?
No.3ベストアンサー
- 回答日時:
index.htmlをローカルで見る限り、画像もアップロードしなくても見れるはずです。
考えられるのは、つづりが間違っているか、フォルダとファイルの位置関係が間違っているのどちらかだと思われます。
つづりは間違っていませんか?
homepegeというフォルダを開くとindex.htmlとimgフォルダが見えますか?
で、imgフォルダを開くとtitle.gifが見えますか?
ちなみに補足に補足を書くとメールが届かないので、返事があったのかどうかわからないことが多いです…。お礼欄だとメールが届くので返事が早くできるかもです。
この回答への補足
続けざまで申し訳ございません
タグ内のWIDTH="530" HEIGHT="270"を640.512に変更しましたところ
画像は表示されました!!
しかし相当広くスペースが空いてしまいタイトル画像から次の行のテキストがすごく空いてしまいます
WIDTH= HEIGHT=で表示範囲は設定できないと言うことでしょうか?
画像を保存する時にペイントの領域で画像のみを囲って保存したのですがどのような大きさの画像を作成しても保存すると640.512になってしまいます
>index.htmlをローカルで見る限り、画像もアップロードしなくても見れるはずです。
私もそのイメージでトップページを作成していたのですが・・・
打ち込むタグに位置関係を間違い無く打ち込みブラウザでindex.htmlを確認しながら完成→サーバーにアップ と言う感覚で作っていたのですけれど何故か自作画像が・・・・
確認しましたが間違ってはいないようですwwwww
ペイントにて作成→名前を付けて保存でgifを選択名前はtitle.gif
保存先はhomepageフォルダのimgフォルダの中です
>homepegeというフォルダを開くとindex.htmlとimgフォルダが見えますか?
で、imgフォルダを開くとtitle.gifが見えますか?
仰るとおりに存在しています
スペルも大丈夫でした
サイズは640×512
大きさは8kbです
タグ内のWIDTH="530" HEIGHT="270"が画像のサイズと違うからでしょうか?
作成した画像はそんなに大きくないのですが保存するとサイズ欄に記載されます
補足よりもお礼が早いのは知りませんでした!有難うございます!
No.5
- 回答日時:
No.4さんの方法でできるだろうと思っていましたが…。
状況がよくわからないですが、
元データが530×270なら
変形→キャンバスの色とサイズでそのサイズを指定してから元データをドラッグアンドドロップで指定のサイズで貼り付けられませんか?
もしくは元データのサイズでキャンバスのサイズを指定。
元データを開く。
変形→伸縮と傾きで好きなサイズに変更(但し元データの何%かを計算)
でどうでしょう。
それでできなければ元データの形式とサイズを教えてください。
moha-moha様幾度と無く丁寧に有難うございます
NO4様の方法を試みましたがペイント→編集→ファイルにコピーがファイルに貼り付けしかアクティブになっておらず出来ない状態でした。
>変形→キャンバスの色とサイズでそのサイズを指定してから元データをドラッグアンドドロップで指定のサイズで貼り付けられませんか?
この方法で元データの余計な部分を削り新たにgifで保存してみました
それをHTMLファイルに記述しましたら思ったようになりました!!
本当に最後までお付き合い頂き有難うございます
本来であればこの位の知識では回答すら頂けないと思っておりました
感謝いたします!!
No.4
- 回答日時:
ANo.3補足欄を読んで思ったことを書きます。
>画像を保存する時にペイントの領域で画像のみを囲って保存
これでは、囲った範囲のみを保存することはできません。
一旦、
編集(E)→ファイルへコピー(O)→ファイルの種類を「ビットマップ」→OKボタン
としてみてください。
次に、ビットマップで保存した画像をペイントで開き、それをgifなどで保存してください。
そうすれば、目的のサイズ+拡張子で保存されるはずです。
ペイントを起動しファイル(F)よりtitle.gifを呼び出し編集(E)
しようとしましたらファイルへコピー(O)が反映されておりません
最初から画像を作成しなければいままで保存していたものは流用できないのでしょうか(泣)
No.2
- 回答日時:
すごく初歩的で基本的な質問内容だと思われますが、
最後の二行がイマイチ意味不明で、閲覧者の多くの人は
回答に戸惑っているのだと思います。
別にMS Office入ってなくてもペイントで保存ファイルの種類を選べば、
その拡張子で保存されますからその保存方法で合ってます。
> 画像はアップロードしなければ使用できないのでしょうか?
質問者さんは画像をアップロードしてURLを取得しなければ、
web上で画像を表示させることが出来ないことを既に学習済みです。
このことはブログだろうとプライベートホームページスペースだろうと関係なく同じことです。
それらを考え合わせればアップロードしなければ画像を使用出来ないかどうかは、
自ずと答えは出て来ると思いますが…
この回答への補足
本当に基本的だと感じております
本やサイトの作成術を読みまして当方の手順としましてはまずはトップページ・各戸別ページ等をローカルのhomepageフォルダに全てファイル作成が済んでから最後に全てをサーバーにアップしようと考えておりますのでサーバーはまだ用意しておりません
>自ずと答えは出て来ると思いますが…
homepegeフォルダのなかで関連付けが出来ていればブラウザで確認できるものなのかと漠然と「何か違うような・・・」と思いながら手順通りに進んでいたものですから
このような初歩的な質問になってしまいました
例えば現在使用しているブログサービスのアップローダー又はYahooフォト等のアップローダーにて自作画像をアップしてそれをtitle.gifとして保存しなければならないと言うことで宜しいでしょうか?
No.1
- 回答日時:
HTMLの書き方はそれで間違いありません。
問題は…
画像が表示される場所が×マークが表示されると言うことは、該当ファイルが見つからないと言うこと。
まず確認することはフォルダの名前と画像ファイル名の大文字小文字。WEBサーバーでは英文字の大文字小文字を判別します。
作成したtitle.gifは自分のパソコンで正常に表示されかる。
コレを確認してください。
この回答への補足
ご閲覧有難うございます
>作成したtitle.gifは自分のパソコンで正常に表示されかる。
コレを確認してください。
恐らくNO2様の仰る事に関連致しますが画像をアップしていないのでURLが無い為表示されないのだと思います。
初心者用の本を片手に試行錯誤しているのですが画像については
「homepegeフォルダの中にそのHPで使用する画像を全て保存し
<img src="フォルダ/ファイル">で記述する」としか書いておらず
そのまま鵜呑みにしていたものですから・・・・
そして最後に全て完成してからサーバーにアップした時点で表示されるものだと・・・・
本当に基本的なことで躓いていたようですm(__)m
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- PHP PHP echo バックスラッシュの使い方 img要素 2 2023/01/08 22:46
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- その他(開発・運用・管理) フォルダの中にファルダを作成してファイルを格納するバッチコマンド 1 2022/06/30 11:39
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
3COINSのスマートウォッチを使...
-
パソコンのWi-Fiについてご相談...
-
パソコンのデータについてご相...
-
100倍倍率双眼鏡は見にくいです...
-
「PC Helpsoft Driver Updated...
-
電池のLR44 LR43 LR41は、LR113...
-
常時オンディスプレイとロック...
-
スマホ
-
メルカリで普通郵便で購入した...
-
パソコンのマイクロソフトの、...
-
GPS機能がその時間帯に動いても...
-
iPhoneのボイスメモの編集方法...
-
メルカリの一つのアカウントで ...
-
ps3のシステムアップデートをし...
-
ガレージバンドを開こうと思っ...
-
スマホSIMカードですか?それと...
-
3年ほど前、外付けHDDへ子供達...
-
自分用PCを買う時に、重視す...
-
LANケーブルの事で質問です。 ...
-
PCの廃棄の際の、プライバシー保護
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
3COINSのスマートウォッチを使...
-
メルカリで普通郵便で購入した...
-
電池のLR44 LR43 LR41は、LR113...
-
急にデスクトップPCの電源が落...
-
『できるWindows11:パーフェク...
-
日本に、Microsoftのような会社...
-
PCメーカーとの相性
-
「至急回答お願いします」 スマホ...
-
メモ帳で開く設定を元に戻したい。
-
これは、何に使うもの? これは...
-
中国は半導体を生産するために...
-
PCの操作で困ったときに一番た...
-
「PCに関する質問サイト」って...
-
小型GPSで居場所追跡 3000円く...
-
車に詳しい方。 Panasonicカー...
-
パソコンの同期について
-
置くだけの充電器
-
教えて下さい: 外付HDに保存さ...
-
携帯の相手に電話を掛けました...
-
※ ブルーレイ(Panasonic製DMR-B...
おすすめ情報