赤坂の学校へ通い始めて、楽しい仲間たちと真剣にホームページ制作を学んできました。
その中でも、基礎であるHTML,CSSのコーディングを何度も繰り返し練習しました。
参考にした本は、「XHTML+CSSプロが教える”本当の使い方”MdN編集部編」です。
この本で学んだレイアウト、ナビゲーション、デザインパーツをコーディングしたものを紹介します。
画像は、すべて本書より引用したものです。
| chapter2-01. 離れた場所をロールオーバーさせるフォトナビゲーションメニュー | |
| chapter2-02. カテゴリごとに枠で囲まれたサイドメニュー | |
| chapter2-03. マウスを重ねるとリンク先を表示するナビゲーションをつくる | |
| chapter2-04. シンプルで使いやすいパンくずリストをつくる | |
| chapter2-05. jQueryを利用したツリー型メニューをつくる | |
| chapter2-06. CSSだけで実装するプルダウンメニュー | |
| chapter2-07. ロールオーバーによってナビゲーションを演出する | |
| chapter2-08. 意外と知らないフォームのデザイン手法 | |
| chapter2-09. CSSを切り替えてページ表示を変更する | |
| chapter2-10. タブボタン形式で表示内容を切り替える |
Copyright © 2011. UCHIDA ONLINE All rights reserved.