Webデザイン:オンラインリファレンス

ナビゲーション

ナビゲーション

ナビゲーションは,Webサイト内で迷子(どこを見ているかわからなくなる状態)にならないようにするために用いられる.不適切なナビゲーションは,閲覧者を混乱させてしまうので,設計には十分注意が必要である.

ナビゲーションの種類

ナビゲーションには,ページレイアウトのしかたにより,いくつかのパターンに分けられる.
・上ナビ:北海道新聞アップルなど.
・左ナビ:NHKなど.
・左+上ナビ:Yahoo! Japanなど.

ハンバーガーメニュー(参考)

近年ではモバイル用のメニューとしてハンバーガーメニューが使われることが多いが,PCサイトでの利用も進んでいる.以下は,札幌市立大学のものである.ハンバーガーメニューを実現するには,JavaScript/jQueryが使われることが多い.
080-1.png
↑インデックスに戻る←前の項目(066. 高度なスタイル指定方法)→次の項目(068. 箇条書きとナビゲーション)