- 締切済み
イラストレーターで作ったロゴが、HP上で反映されません。
イラストレーターで作ったロゴが、HP上で反映されません。 初めてHPを作成しています。 macのテキストエディタを使用しHTMLタグとスタイルシートで奮闘しています。 大体できあがったページに、ロゴを入れたいと思いイラストレーターCS2でロゴを作成しました。 イラレもほぼ初心者です。 イラレで作成したロゴをrogo.pngと保存し、テキストに書きました。 でもブラウザで確認すると [？]マークと、設定したalt属性の「rogo」が出ているだけで、作成したロゴが見えません。 どうしたら良いですか？色々調べましたがお手上げです。 宜しくお願いします！
- rintoyuri
- お礼率88% (8/9)
- Mac
- 回答数9
- ありがとう数21
- みんなの回答 （9）
- 専門家の回答
みんなの回答
- harawo
- ベストアンサー率58% (3742/6450)
＞ 教えて頂いたようにやってみましたが、表示されませんでした。 HTMLの書き換えを行ったあと、Safariで再読み込み（Command + R）をしていますか？ ともかく、画像ファイル自体に問題がない以上、HTMLの記述ミス、それも「なんだそりゃ？」的なイージーミスが原因と断定してかまいません。 HTMLを手書きで編集している人たちすべてが、このイージーミスと日々格闘しています。あなたもその例外にはなれませんので、覚悟して取り組んでください。
- harawo
- ベストアンサー率58% (3742/6450)
＞ 実験、やってみました。 ＞ 隅の方に？マークが表示されます。 ＞ 作成したロゴは表示されませんでした。 PNGファイル単独では、Safariで表示できるので、画像ファイル作成に問題はないと判断できます。 なので、これはファイル名の記述を誤っていると考えられます。 (1) Finder上でPNGファイルを選択し、Command + Cでコピー。 (2) テキストエディタに戻り、HTML上のPNGファイル名を記述する場所に、インサーションポイント（カーソル）を置いて、Command + V（ペースト）。 これでファイル名を挿入できます。書き誤りの心配がありません。
- harawo
- ベストアンサー率58% (3742/6450)
＞ このように記述しています。 そのようなことを、私はたずねておりません。 私は「編集中のHTML書類と、画像ファイルを、同じフォルダ内に置いてください。そして、「<img src="rogo.png">」と記述してください。」という実験を、あなたにやってもらうようお願いしているのです。そしてその結果を答えてくださいといっているのです。 回答はYes、Noのふたつ以外ありません。 結果がYesなら、ファイルパスの記述に、原因を絞り込めます。あくまでも、あてずっぽうに原因を探すのではなく、順に、理論的に絞り込みを行おうとしているのであって、かってな思い込み、問題を攪乱するだけの行動は、慎んでください。
お礼
すみませんでした。 実験、やってみました。 隅の方に？マークが表示されます。 作成したロゴは表示されませんでした。
画像が出ない原因の一つに『絶対アドレス表記』に成っている場合が多いです。 HTMLと画像を一つのフォルダにコピーして下さい。 コードが HD/mysite/gazou.png で無く gazou.png と表示されていればOK 尚：png拡張子のファイルはIEでは見えないと思います。
お礼
ご返答ありがとうございます。 やってみます。ありがとうございました。
- nori_007
- ベストアンサー率35% (369/1048)
OS のバージョンと、ブラウザは了解しました。 では >イラレで作成したロゴをrogo.pngと保存し、テキストに書きました。 どのように、png に変換しましたか？ また、試しに jpg に変換した場合どうなりますか？ ファイルの変換は、ファイルメニューの「Web 用に保存...」もしくは「Webおよびデバイス用に保存」で保存していますか？
お礼
ご返答ありがとうございます。 変換は、web用に保存で保存しました。
- harawo
- ベストアンサー率58% (3742/6450)
HTMLの規則として、貼り付ける画像のフォーマットは、「JPEG、GIF、PNG」となっているので、PNG形式で保存した画像を、ウェブブラウザ上で表示できないことはありません。 まず、画像が正しく作成されているか、確認してください。Finder上の「rogo.png」のアイコンを、Safariのウインドウにドラッグ＆ドロップしてください。画像が表示されれば、正しく作成されていることになります。 つぎに、画像ファイルのリンクが正しく記述されているか、です。あなたは間違っていないと思っていらっしゃるようですが、私たちは、おそらく間違っているのだろうと考えています。 編集中のHTML書類と、画像ファイルを、同じフォルダ内に置いてください。そして、「<img src="rogo.png">」と記述してください。画像が表示されますか？
お礼
ご返答ありがとうございます。 ドラッグしてみたところ、ちゃんと表示されています。 >つぎに、画像ファイルのリンクが正しく記述されているか、です。あなたは間違っていないと思っていらっしゃるようですが、私たちは、おそらく間違っているのだろうと考えています。 はい。本を見ながらやっていて、その通りにしているつもりですが出来ないので、どこかが間違っているようです。 <img src="rogo.png" width="132" height="132" alt="rogo" width="250"height="165"/> このように記述しています。 ちなみに、FTPサーバーを使用していて、ロリポップというサーバーなのですが、 そこにimageフォルダを作り、各ホームページのHTML書類が入っています。 新しく画像などアップしたい場合、そのフォルダにアップするのですが、ちゃんとrogo.pngも入っています。
補足
間違えました。 <img src="rogo.png"alt="rogo" width="132" height="132" /> の間違いです。
- nori_007
- ベストアンサー率35% (369/1048)
利用している Mac の OS と確認しているブラウザは何ですか？ もし、Mac OS 9 の環境で有れば、今時のサイトは殆ど見ることが出来ないと思いますが・・・。
お礼
ご返答ありがとうございます。 OSはX10.4です。ブラウザはサファリです。
HTMLで指定した画像の場所と実際の場所はあっていますか？テスト環境でも同じならそのあたり調べてください。 まずはHTMLの記述方法を学んでください。
お礼
早々のご返答ありがとうございました。 場所は合っているはずなんですが；； 勉強します！ ありがとうございました。
- t_nojiri
- ベストアンサー率28% (595/2071)
HTMLに入れれる簡単な画像形式は http://kokage.g--z.com/kumiai/gazou1.html こんな感じなんですね。 形式変換するか、そのまま使いたかったら 画像表示用のJAVAアプレット入れるか・・・。 http://www.javadrive.jp/applet/image/index5.html ちょっとめんどくさいですけど、頑張って下さい。
お礼
早々のご返答ありがとうございました。 形式変換というと、jpgやgifにファイルを変換するということでしょうか。 画像表示用のJAVAアプレットのURL、拝見しました。 難しそうですが勉強してみます。これをやらないと、イラレで作成した物は使えないということでしょうか。 質問ばかりですみません。
関連するQ&A
- イラストレーターで作ったロゴが綺麗にＨＰに反映されません
イラストレーター10.0でロゴ（といっても文字を打ち込んだだけ ）を作り、ＨＰに反映させたところ画像が粗く困っています。 掲示板等見ながら直してみたのですが、うまくいきません。 文字を打ち込む→Ｗｅｂ用に保存（ＧＩＦ・カラー256・デェザ100％） いろいろな方法で試してみたのですが、どうしてもキザキザなロゴになってしまうのです。初心者なので「こんな風にやったら絶対うまくいく！」という方法があればぜひ教えてください。 どうぞよろしくお願いいたします。
- ベストアンサー
- オフィス系ソフト
- イラストレータで作成したイラスト(ロゴ）をHPにきれいに挿入したい
イラストレータ10でHP用のロゴを作成しましたが、背景とうまくなじみません。ロゴにそって縁取るように白いブツブツが出ることと、曲線をなめらかにしたいのですが…対処方法はありますか？
- ベストアンサー
- その他(ソフトウェア)
- クラシック環境でのイラストレーター８．０１について
１）イラストレーター８．０１を クラシック環境でインストールしたら、 アイコンがイラレのアイコンではなく、 Ａ３（？）というアイコンになってしまいました。 なぜでしょうか？会社のマック（G5)では普通の昔のアイコンなんですが…。 ２）イラストレーターのファイルをダブルクリックで開くと、「テキストエディタ」というファイルで開いてしまいます。DOCに入れてあるイラレのアイコンにドラッグすると普通にイラレで開けるのですが、なぜ直接開くとテキストエディタで開いてしまうのでしょうか？
- ベストアンサー
- Mac
- ｈｐ作成について
こんにちは。 前々からＨＰ作成に興味があり、 受験がひと段落し作業に取り掛かっている者です。 テンプレート等に頼らず手打ちで作ろうとしているですが… やはり壁にぶち当たり質問させていただきます。 ちなみに私自身はｈｔｍｌやｃｓｓのマニュアルやｈｐを見て勉強はしていて どういうものかは一応わかっているがまだまだ初心者、という状況です。 ●疑問１ ｆｃ２でスペースをかり、ｈｔｍｌprogect2(以下テキストエディタ) でタグを打って作っているのですが、 テキストエディタやｆｃ２内のプレビューと実際のｈｐの様子が違うのです。 普通に<ｐ>や<br>を使っているだけなのに どうしてかプレビューどおりになってくれません。(ページが凄く乱れている) …どうやらｃｓｓなしの状態だと乱れずに表示されるのですが……。 ●疑問２ テキストエディタ内では外部cssを適用するタグを記述していても プレビュー内では装飾されないものなのでしょうか？ 正直とてもやりにくいです…。 ●疑問３ ファイルをアップロードしてもすぐにはｈｐには反映されないのですか？ ほんとわからず屋ですみません。 勉強不足なのは承知ですがだからこそ皆さんの知恵をかしてください。
- ベストアンサー
- HTML
- イラストレータでロゴ作成→フォトショップでjpgで保存したい
イラストレータで自分の会社のロゴを作っています。なんせ、超初心者（３時間位操作中）ですので質問です。 ロゴをイラレで作成し保存、その後フォトショップから開いてそのロゴをjpgで保存し書類やカタログにカッコ良く使いたいのですが教えて下さい。どうぞ分かりやすく御指南下さいませ。 宜しくお願い致します。
- ベストアンサー
- その他（アート・創作）
- Illustratorで作成したロゴをエクセルやワードで使用したい
Adobe Illustrator CSで作成したロゴを、エクセルやワードで使用したいのですが、どの形式で保存すれば綺麗に保存できますか？ ・ロゴは、ぼかした影をつけています。 ・ロゴは、エクセルやワードで拡大したり縮小したい ・いろいろな形式で試しましたが、今のところpngで保存するのが一番綺麗ですが、色が若干あせたかんじになります。 何かいい案がありましたから教えて下さい。お願いします。
- 締切済み
- その他([技術者向] コンピューター)
- テキストエディタでhtmlファイルを作りたい。
こんばんは。質問です。 MaxosX-Tiger(10.4.6)を使っています。 イラストレーターでweb用にデータ保存し、 画像（gif）とhtmlをはきださせました。 htmlに<center>とか<script language="JavaScript">とかを 入れてからHPアップしたいと思っています。 以前のOS９.2.2ですと、シンプルテキストで、 イラレではきだしたhtmlを開いて、新しくタグを入れて保存し、 それをエクスプローラーで「開く」で選択すると、 実際の画像が表示されましたが、 osxTigerのテキストエディタですと、 タグがそのまんまずらずらとサファリで表示されるだけで、 以前の様に画像が表示されません。 ・・・意味分かっていただけるでしょうか？ イラレからはきだしたhtmlを何もしないで、そのまま サファリで「開く」を選択するときちんと表示されます。 一度テキストエディタで保存しなおしてしまうと、 サファリでも文字のみ（タグのみ）の表示になってしまいます。 テキストエディタの保存がいけないのでしょうか？ 普通に、ファーマットを「html」を選んでるのですが・・・ 「rtf」を選ぶとhtmlははじかれてしまうし・・・ どうしたら、イラレからはきだしたhtmlソースをいじって、 それを表示する事ができるでしょうか？？？ よろしくお願いいたします。
- ベストアンサー
- Mac
- イラストレーターでロゴ作成
現在私はＷＥＢ制作の勉強をしています。 ちょっと分野外ですが、友人の会社のロゴマーク作成を依頼されました。 アドビ・イラストレーター(バージョン８)でロゴデザインを作成し、友人にＯＫを貰ったまでは良いのですが、納品する清書データの設定がわかりません。ちなみに納品は７月中です。 完成したロゴデータは会社のＨＰ・パンフレット・名刺・作業着と帽子の刺繍などに使われます。 作成したロゴは黒文字ベースで、ロゴマークとロゴタイプ一体型のようなデザインです。 シンプルなので、複雑な線とかはありません。 アドビ・イラストレーター(バージョン８)でロゴマークを制作する場合の注意点を教えてください。 ・拡張子 aiもしくはeps、jpeg、gifなど、どれが必要なのか？ ・用紙設定の大きさ Ａ４でいいのか？ ・ロゴマークの大きさ 何cm×何cmもしくは、何ピクセル×何ピクセル位で描写するのか？ ・画像解像度 本やネット(印刷業者のＨＰ含む)で調べてみたのですが、300dpi～350dpiとか800dpiとか1200dpi～2400dpiなど読む本やネットの検索ページによって違うので分かりません。モノクロだと○dpi以上とか、ロゴマークの場合○dpi以上とか。 他にも何か注意点がありましたら教えてください。 どなたかご教授おねがいします。
- ベストアンサー
- デザイナー・クリエイティブ職
- お気に入り、にロゴをいれたい
ＨＰをお気に入りに登録すると、そのＨＰの「タイトル」とタイトルの左に「ロゴ」が自動的にはいってくるようになっているＨＰがあります。 お気に入りに、自分の作成したロゴをいれるためのタグの記述を教えて下さい。 また、その場合ロゴの大きさは何ピクセルにすると良いのでしょうか。
- ベストアンサー
- ホームページ作成ソフト
お礼
ご返答ありがとうございました。 教えて頂いたようにやってみましたが、表示されませんでした。 ペーストしたものを確認しましたが、記述も間違っていなかったようで、もう意味がわかりません。 でも、こんなやり方もあるんだ！と勉強になりました。 ありがとうございました。