XHTML+CSS CHAPTER_02 ナビゲーション

赤坂の学校へ通い始めて、楽しい仲間たちと真剣にホームページ制作を学んできました。
その中でも、基礎であるHTML,CSSのコーディングを何度も繰り返し練習しました。
参考にした本は、「XHTML+CSSプロが教える”本当の使い方”MdN編集部編」です。
この本で学んだレイアウト、ナビゲーション、デザインパーツをコーディングしたものを紹介します。

画像は、すべて本書より引用したものです。

CHAPTER 02 ナビゲーション

chapter2-01. 離れた場所をロールオーバーさせるフォトナビゲーションメニュー
chapter2-02. カテゴリごとに枠で囲まれたサイドメニュー
chapter2-03. マウスを重ねるとリンク先を表示するナビゲーションをつくる
chapter2-04. シンプルで使いやすいパンくずリストをつくる
chapter2-05. jQueryを利用したツリー型メニューをつくる
chapter2-06. CSSだけで実装するプルダウンメニュー
chapter2-07. ロールオーバーによってナビゲーションを演出する
chapter2-08. 意外と知らないフォームのデザイン手法
chapter2-09. CSSを切り替えてページ表示を変更する
chapter2-10. タブボタン形式で表示内容を切り替える

このページの上部へ