こんにちは。

朝からゴールデンボンバー女々しくてが頭から離れません。

イライラします・・・・


別の曲でも思い浮かべて女々しくてから離れたいのですが、最近子供の曲しか聞いてないので、

ひなまつりの歌や、赤鬼と青鬼のタンゴとかしかレパートリーがない悲しさってないですよ・・・((=-_- =))


本日はHTMLのお話。

HPの画面作って!

と言われたので、サンプルを作ってみました。


1つの画像でたくさんのリンク先を作る。的なことです。


たとえば、この画像で言うと、本体はHPのトップに飛んで、ふた開けた所は製品一覧に飛ぶみたいな感じです。

7e3c800c.png


たぶんHTMLでできそうだったので、サンプルを作ってみました。


        <img alt="" src="img/xxxxx.png" usemap="#mapname"  />
        <map name="mapname">
        <area shape="rect" coords="23,161,97,207" href="http://www.t-denso.com/">
        </map>

まずimgタグを貼り付けて、usemap属性に名前を付けます。

そんで、mapタグをつけて、name属性に画像のusemapの名前を設置。

mapタグの入れ子でareaタグつけて、部分の座標を指定→href属性でリンク先設定。


意外と簡単にできたのではありますが、問題点は

どこがリンクできるのかわからないΣヽ(゚Д゚; )ノ 



うーーーーーん(´(・)`)クマッタ・・


javascriptでマウスをもっていたら色変えるとか、いろいろ考えたのですが、やっぱり素人レベルのものしか作れそうにないんです 。・゚・(ノД`)・゚・。


もっと実力があればいいのですが(´・ω・`)



まぁ、広報さんにもうちょっと案を練ってもらって考えたいと思います。


また追ってご連絡したいと思います。


気が付けば17時!?!?!?!?

おつかれさまでしたぁぁぁぁぁぁぁぁ(#゚Д゚)/~~