Home > Editor > Expression Web 4 > テンプレートの作成

ナビゲーションを実装します

新規作成日 2015-11-08
最終更新日

ナビゲーションデザイン

ページ内にナビゲーションをうまく設定すると、訪問者のサイト内の滞在時間が増え、複数のページを閲覧してくれる可能性が増加します。

訪問者に便利なナビゲーションを設定する必要があります。

しかし、ボタン型のナビゲーションでは、モバイル端末で表示する際、他のコンテンツを表示する領域が少なくなってしまいます。 そこで、開閉の可能な、ドロップダウンリストのメニューが採用できないか検討したいのですが、まずは、現行のサイトで使用しているメニューを実装します。

通常のメニュー

まずは、通常のドロップダウンリストです。参考のリンク記事で理解できなければ、書籍を参考にしたほうが良いかと思います。

PCやタブレット向けのサイトであれば、このメニューで十分です。利点は、cssだけで実現できます。

参考書籍

レスポンシブWebデザイン入門 ~マルチデバイス時代のWebデザイン手法~ [小川 裕之]

amazon 楽天ブックス

Home Editor Tools Operation TagScript HPSpace

Copyright (C) 2011 Horio Kazuhiko(kukekko) All Rights Reserved.
kukekko@gmail.com
ご連絡の際は、お問い合わせページのURLの明記をお願いします。
「掲載内容は私自身の見解であり、所属する組織を代表するものではありません。」