プログラミング 2014年2月9日 件のコメント

もう本当にお久しぶりです。

絶賛就活中どやですｄ笑

さて、突然?ですが、

あたくし、Webマーケティングの会社で

　　インターンシップ　　始めました!!

卒業要件にインターンが含まれているので、学校に認可してもらおうと努力しましたが、

なんやかんやで認可されず(泣)。よって、個人的活動として始めました。

卒業するためのインターンシップは夏休みとかに行くことにします。

何もわからない状態ですが、調べたり聞いたりして

ちょっとした画像作ったり、ワードプレス(WordPress)を使ってサイト構築をしています。

ちなみに今はあるサービスのサイトを

カスタマイズしています。

これからはここで学んだことを、復習の意味も込めて

ちょくちょくアウトプットしていきたいと思います(｀・ω・´)ｄ

よろしくお願いします(ﾟ∀ﾟ)

サイト上部のマウスが乗ると色がついて、離せば元に戻る。押せば指定の場所に飛べるという

「グローバルナビ」を作りました。

フォント設定したりとか色々面倒なので二つの画像を用意して、

マウスを 1.乗せていない と 2.乗せている時時 で画像が切り替わるようになっています。

1．マウスを乗せていない時　　2. マウスを乗せている時

 全部乗せると大変なことになりますんで、「ホーム」の一部だけ。

 

<a href=”ホームのURL”>

　<img src=”画像1のURL” onmouseover=”this.src=’画像2のURL'” onmouseout=”this.src=’画像1のURL'”>

</a>

 ここに書いたプログラミング(HTML)を説明すると

1と3行目の<a href=”ホームのURL”></a>

が画像を押したときに飛ぶURLを示しています。</a>は、<a>ここまでよ！って意味です。

ちなみに<a href>の読み方は「アンカー エイチレフ(ハイパーレファランス)」だそう。笑

 「a」は「anchor(碇)」の略で、リンク先を指定するために碇を下ろすって感じらしい。

「reference」は参考・引用って意味。ちなみに発音記号は réf(ə)rəns だよ！

で、2行目の<img src=”画像1のURL”で画像を表示、

(ちなみに読み方は「イメージ ソース」ね。「image source」。)

onmouseover=”this.src=’画像2のURL'”で

「マウスを乗せた時」に「このソース」使ってね！「場所」はここ！って感じで画像2を表示します。

このままだとマウスを離した時も画像2のままなので、

onmouseout=”this.src=’画像1のURL'”>で

「マウスを離した時」に「このソース」使ってね！「場所」はここ！って感じで画像1に戻します。

出来上がるとこんな感じ。

いやぁ、こういうの説明するってめちゃ時間食いますね(´･ω･｀)ふぅ。

ブログとかにしっかりと書いて下さっている方々に感謝です。笑

次からはもっと端的にノートみたいにかきまーっす!!笑笑

今回も最後まで読んでいただきありがとうございます。

これからも、私がプログラミングやネットビジネスに取り組んでいく様子を

私の何気ない日常とともに お届けしていきます。

サイトがどのように変わっていくのか

初心者の私が成功を掴めるのか

興味のある方は是非ご覧ください!!

※FaceBookメインでやってます!!友達申請大歓迎＾＾!!

　特に山梨の方!!お友達になりましょう!!

友達申請等お待ちしております！！ヽ(*・ω・)人(・ω・*)ノ

お気軽にどうぞ(*^ω^*)ddd　　　　　　　　　学生研究補助員＠山梨 どや

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

どやさんのFacebook どやさんのYoutube 

学生研究補助員＠山梨 どや のホームページ

どやさんのアメーバブログ どやさんのTwitter どやさんのinstagram

使ってないですｗ⇒ どやさんのTumblr どやさんのFC2ブログ