• 締切済み

イラストHPを作ろうと思っています。

イラストHPを作ろうと思っています。 メモ帳を使ったサイトを作りかけています。そこで皆様のお力を貸してください>< 素材屋さんでデザインも借り、サイト作りも終盤に来てます。 HPサイト用のデスクトップのフォルダの中にイメージフォルダもつくり、イラストもそこに保存済みです。 3つのフレーム式(左がメニュー真ん中メイン右サブ)でイラスト以外は問題ありません。 ここで質問です。 メインのフレームのところにイラストを表示したいと思っています。 その際に右側のサブのフレームで(たとえば■や○のように)文字として表示し、クリックすればメインでイラストが表示されるようにしたいのです。 <a href="main.html" target="main"><img src="イラスト名" border="0"></a> ↑これを使えばできると思ったのですが、HPを確認したところ表示不可でした。 どうしてもここで引っかかってサイト作りが進みません! この場合どうすればよいでしょうか!? 画像ファイルはpng形式です、圧縮等が必要なのでしょうか? 長々と申し訳ありませんでした。解決方法、よろしくおねがいします。

みんなの回答

  • ice-moon
  • ベストアンサー率65% (121/184)
回答No.1

まずカテゴリ違いなので回答がつきにくいですね。 そしてこういう質問をするからには初級者さんだと思われますが、自分でタグを打って作るならばもうちょっいろんなと解説サイトさんを見てまわったほうがよろしいかと。 > <a href="main.html" target="main"><img src="イラスト名" border="0"></a> ↑これを使えばできると思ったのですが、HPを確認したところ表示不可でした。 タグの意味を理解していません。 これだと画像をクリックするとリンク先に飛ぶようになっています。 <a href="画像.jpg" target="main">画像名<a> というのが一番シンプルかと。 ただしこれだと画像だけがメインの左上に表示されますので、ページを作ってレイアウトを決め、そのページを表示させたほうが綺麗だと思います。

関連するQ&A

  • イラストサイトを作っています!!

    イラストサイトを作り始めました。 テンプレートはあるサイト様からお借りしました。 メモ帳で順調に編集をしていました。 ですが、イラストを展示するにあたって、 悩んだ箇所があります。 左のフレームからメニュー等を選択でき、 選択すると右の大きな画面に表示されるようになっています。 イラストのページでは、右の大きな画面にイラストは記号で選択をし、 その選択一覧の下に、選択したイラストが大きく表示されるようにしたいのですが、 調べても分かりませんでした。 『■』と連続で表示されているのがイラストの一覧です。 あるひとつの■をクリックすると、連続の■の下に大きく表示されるイメージです。 (今表示しているイラストのように、この場所に表示したいです。) ---------イラスト展示のページのタグです。↓↓--------- <html lang="ja" id="back"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <!-- designed by starlit * http://sky.starlit.biz/ 2011/f021 //--> <title></title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <div id="sub"> <!-- メインコンテンツ↓ --> <div id="contents"> <h2>GALLERY</h2> ☆…new<br> &#9825…腐向け<br> ■…普通の絵です <p class="title">イラスト</p> <p> <a href="pict.html" target="main">■</a> <a href="pict.html" target="main">■</a> <a href="pict.html" target="main">■</a> <a href="pict.html" target="main">■</a> <a href="pict.html" target="main">■</a> <a href="pict.html" target="main">■</a> <a href="pict.html" target="main">■</a> <a href="pict.html" target="main">■</a> <a href="pict.html" target="main">■</a> <a href="pict.html" target="main">■</a> </p> <img src ="***.jpg"> </div> <!-- メインコンテンツここまで↑ --> </div> </body> </html> ---------…ここまでです。--------- どうすれば、上に書いたような事ができますか? タグ等を知っている方、教えていただければ幸いです。 分かりづらい質問で申し訳ありません!! ご回答よろしくお願いします。

  • ページを表示できませんとなってしまいます

    今イラスト中心のホームページを作ろうとしてる者なんですが、 フレームが2つのやつを作ってほかのページをそちらに出そうとするんですがなぜかページを表示できませんとなってしまいます。 見本に今メモ帳にあるタグを張りましたがなにか間違っているのか教えてください。 <p><a href=season.html" target="main"><img src="but_lace01-b01.gif" border="0"></p></a> あと、targetがmainなのはホームページ作り用のほんからついてきた フレーム作成ソフトが右がmenuで左がmainとして指定されるので問題はないです。(たぶん) 何かわかる方お願いします!

  • HTMLのフレームについて

    左側にメニューを置き、右側をメインにしようとしているのですが、左側のメニューをクリックしても、左側にしか表示されません。 どうすれば良いか教えてください 全体のHTMLが <html> <Html Lang="ja"> <Head> <Title>○</Title> </Head> <Frameset cols="155,*" Frameborder="yes" Scrolling="auto" Bordercolor="#ffcc99"> <Frame src="メニュー~"> <Frame src="メイン~" name="main"> <Noframes> <body> <Center> <p> ○ </p> </Center> </body> </Noframes> </Html> 左(メニュー)のフレームは <html> <Html Lang="ja"> <Head> <Meta Http-equiv="content-type" Content="text/html; charset=Shift_JIS"> <Title>○</Title> </Head> <Body> <BaseFont Size="2"> <Font Size="2"> <A Href="~" target="main"></A><Img Src="ー" Border="0"></A><br> <br> <A Href="~" target="main"><Img Src="ー" Border="0"></A><br> <br> <A Href="~" target="main"><Img Src="ー" Border="0"></A><br> <br> <A Href="~" target="main"><Img Src="ー" Border="0"></A><br> <br> <A Href="~" target="main"><Img Src="ー" Border="0"></A><br> <br> <A Href="~" target="main"><Img Src="ー" Border="0"></A><br> </Body> </Html> ですよろしくお願いします

  • イラストの下に説明書きを入れたい

    同じ質問をして悪いのですがイラストの下に説明書きを入れたいのですがよくわからなくて困ってます。 ソースを張りますが何処が間違えてるのか教えていただけると嬉しいです。 <a href="doragon1.jpg" target="main" title="説明書き"><img src="042.gif" alt="ドラゴン1" border="0"></a><br><br> こんなもんですがよろしくお願いします!

  • フレーム内から開いたサブウィンドウから親ウィンドウの別フレームの操作を行いたい

    メニュー、メインの2つのフレーム分けしてあるページで、メインページからサブウィンドウを開きます。 その後、以下の2アクションを同時に行いたいのです。 (1)サブウィンドウから親ウィンドウ(メイン)をジャンプさせる (main.html→main2.cgi) (2)親ウィンドウ(メニュー)の画像をAからBに変更させる 現在window.openerでメインページの変更はできているのですが、 メニューページの画像のを変更がうまくできません。 方法としては (1)サブから親ウィンドウ(画像=A)を閉じさせて、再び親ウィンドウ(画像=B)を フレームセットごとムリヤリ開き直す。 (2)何らかの形でメニューページの情報を保存しておき、Onloadでサブからのジャンプ時に変更させる (3)サブから親ウィンドウのフレーム越し操作を行なって、メニューページの画像を変更する。 どの方法が可能でしょうか、もっといい方法がありますか。 お知恵拝借させてください。よろしくお願いします。 以下、かなり省略したソース説明です。 【フレームセット→cgi。記述は省略】 <frameset>  <frame src="menu.html" name="menu">  <frame src="main.html" name="main"> </frameset> 【メニュー→html】 <img src="A"> 【メイン→html】 function open_sub(url) { /**/ w = window.open(url, 'sub') } <!--本文--> <a href="javascript:open_sub('sub.html')">サブウィンドウ</a> 【サブ→html】 function change_main() { window.opener.location.href="main2.cgi?sub"; window.opener.focus(); } <!--本文--> <A HREF="JavaScript:change_main()">メインを変更</A>

  • カラムにホームページを表示させたい

    例えば、cssで添付画像のように2カラムのレイアウトを作ったとします。 左のdiv#subContentに <a href="a.html">a</a> <a href="b.html">b</a> <a href="c.html">c</a> とし、それぞれa、b、cをクリックしたとき 右のdiv#mainContentにa.html、b.html、c.htmlを表示させたいのです。 こういうことは出来ないのでしょうか? 検索しても方法を書いたサイトに辿り着けません。 今までは、こういいうことをして作っていたのですが・・・ <frameset cols="160,*" border="0"> <frame src="sub.html" name="subFrame"> <frame src="main.html" name="mainFrame" > </frameset> まだcssは勉強したてです。ちょっと混乱してきました。

    • 締切済み
    • CSS
  • ホームページ製作 target=""が使えない

    画面をメニューとメインで2分割した構造でメニューで選択したリンクをメインの方に表示させようとしていて、通常なら indexに <frame src=menu.html name=menu> <frame src=main.html name=main> menuに <p><font color="blue">MENU</font><p> <p><a href="./profile.html" target="main">プロフィール</a><p> <p><a href="./site_map.html" target="main">サイトマップ</a><p> <p><a href="./main.html" target="main">トップへ戻る</a><p> という感じにできるのですが、onclick="location.href='URL';" とやってるせいかできません。伝わりにくい説明ですみませんが分かる方がいたら回答よろしくお願いします。

  • HPにもっと来てもらうためには?

    すみません。先ほどのは削除されてしまったようで、また質問させていただきます。書いてくださった方には本当に申し訳ないことをしてしまいました。とても参考になりそうだったのでもう読めなくて残念です…。 イラストサイトのHPを公開しているのですが、なかなかアクセスが増えません。どうやら認知度などが低かったり、検索では見つけられにくい作りになっているらしいのです。HPビルダー7を使っています。フレームなどを使っているとダメなんでしょうか?検索に引っかかりやすくなるにはどうしたらいいか教えてください。こういったものは全く知らないのでどんなことでもいいです。お返事宜しくお願い致します。

  • フレーム内のページ表示について

    メニューとメインでフレームのページを作っています。 メインページに直接訪れた人の為に、「メニューが表示されない場合はクリック」とフレームページのリンクを作ってあります。<A href="index.html" target="_top"> フレームページ(メニュー)は表示されるのですが、次にメニュー項目をクリックすると、全画面でメインページがでてしまい、またメニューが見えなくなってしまいます。 ふつうにフレームページ(index.html)を開いた場合は、ちゃんとメインフレーム内に各ページが表示されるので、なぜメインページのリンクからだとそれができないのかがわかりません。 フレーム名はメニュー=menu メイン=mainとして、メニュー各項目のリンクは<A href="001.htm" target="main">としてあります。 説明が下手でごめんなさい。よろしくお願いします。

    • ベストアンサー
    • HTML
  • フレーム構成の表示について

    現在、複数のクラブチームに所属しています。 クラブごとにHPを作成しており、見やすい様に フレーム型のHPを作成し参照できるように考えています。 現在作成しているのはこのような状態となっております。 ---------------------------------------------------------------------- ◆フレームセットのHTML <html><frameset cols="200,*"> <frame src="menu.html" name="_MENU"> <frame src="main.html" name="_MAIN"> </frameset></html> ◆メニューのHTML <html><body> <a href="club_AAA.htm" target="_MAIN">クラブA</a> <a href="club_BBB.htm" target="_MAIN">クラブB</a> <a href="club_CCC.htm" target="_MAIN">クラブC</a> </body></html> ◆メインのHTML 個々のHPを表示させるだけなので、中見は無し。 ---------------------------------------------------------------------- 基本的に表示はできるのですが、改善を考えている為、質問させてください。 クラブBのHPは初期表示状態ではセレクトボックスしか表示されていません。 セレクトボックスで選択し、onClickにてJacascriptで表示内容を制御しています。 そのため、今の状態では、  _MENUリンク押下⇒_MAINに表示⇒セレクトボックス選択⇒≪見たい内容が表示≫ となりますが、  _MENUリンク押下⇒_MAINに≪見たい内容≫表示 と一気に飛ばす事は出来ないのでしょうか?

専門家に質問してみよう