Official Site of Masanori Tsuchiya

新着情報: 就活を終え、アプリ開発挑戦中!! 応援よろぴよ♡w

アーカイブ ‘ プログラミング’ カテゴリー

【インターンシップ始めました】Webマーケティングでワードプレスをいじる

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

絶賛就活中どやですd笑

 

 

さて、突然?ですが、

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

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

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

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

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

 

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

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

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

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

 

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

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

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

 

 

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

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

 

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

マウスを 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

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

投稿者 : doya-sun プログラミング 2014年2月9日 件のコメント