インターフェース

HTML Forge が生成するレスポンシブ Web デザイン HTML は、パソコンなどのワイドディスプレイをはじめ、タブレットやスマートフォンの縦横表示それぞれに最適なインターフェースを提供します。

ナビゲーション

アコーディオンメニュー

子階層を持つ親階層タイトルをクリックすると、子階層タイトルを表示します。

アコーディオンメニューのイメージ

スマートフォンなど、幅の狭いデバイスで表示すると、このメニューはハンバーガーボタンに格納されます。

ハンバーガーボタンとスライドメニュー

ハンバーガーボタンをタップすると、スライドメニューが表示され、通常の表示と同様にアコーディオンメニューを表示します。

スマートフォン版スライドメニューのイメージ

ページネーション

スマートフォンなど、幅の狭いデバイスでは、表示中のページを前後移動できるページネーションを表示します(非表示も可)。

ページネーションのイメージ

パンくずリスト

各ページにパンくずリストを表示(非表示も可)し、読み手を迷子にさせません。

ページネーションのイメージ

検索

ヘッダーの検索フィールドでは、キーワードによる全文検索ができます。検索結果の画面では、検索したキーワードをハイライトします。

検索結果のイメージ

検索のサジェスト機能

検索フィールドに入力した文字からはじまる、HTML 内に掲載されている名詞句の候補を表示する機能です。

サジェスチョンのサンプル

類語検索

あらかじめ類語として定義したファイルを用意すると、類語検索ができます。

  取説,取扱説明書,トリセツ
  美しい,きれい

上記のようにした場合、「トリセツ」で検索すると、実際には「トリセツ」という文字が存在しなくても「取説」や「取扱説明書」という文字を含むページが検索結果として表示されるようになります。

印刷

HTML Forge が生成する HTML は、紙に最適化された印刷用スタイルで印刷されます。

全ページ印刷や選択ページ印刷がとても簡単です

一度の操作ですべてのページを印刷できます。また、印刷したいページだけを選択して印刷することもできます。

印刷をクリックすると[印刷]画面が表示され、印刷したいタイトルに✓を付けて[印刷]をクリックすると、✓を付けたページだけ印刷されます。

選択印刷のイメージ