診療科目:小児科

地域のみなさまの健康を見守る使命を感じて…

ここに説明文のタイトルをどうぞ。

▲写真のキャプション
各項目の第2階層は、ナビゲーションメニューでは第1階層の項目にカーソルが合わさるとスライドして現れるようになっています。スマートフォンでのナビゲーションは、左上の透明グレーのメニューアイコンをタップすることで、左側に各ページの項目が表示されます。第2階層は一段下がったリストになります。

この上の画像は、モニタサイズに合わせて拡大/縮小されます。高解像度の写真(ここで使用の画像幅は1,200ピクセル)を準備していただければ、きれいな画像としてどのサイズでも表示されます。低解像度の写真では、ここでは使わない方が良いでしょう。ブラウザのウインドウ幅を広げたり狭めたりして確認してみてください。一番幅が小さくなるまで持っていくと、スマートフォンの状態を確認することができます。スマートフォンでナビゲーションメニューの一番下は「電話をかける」になり、それをタップすることで電話を発信します。
本文中に写真を入れる見本は、ご覧の通りです。これはウインドウ幅で変化はいたしません。見本は左側ですが、右側に配置することもできます。

基本フォーマットの表組

トップページに使っている時間表も基本フォーマットの表組です。表組はtableタグにて記しています。ここでの見本も書き方は同じになっています。

診療時間
午前休診佐々木佐々木上田宮本上田上田
午後休診上田上田休診佐々木佐々木休診
夜診休診宮本休診上田休診佐々木休診
午前: 8 〜12時、午後:14〜16時、夜診:18〜20時

更に詳しいページを作りたい場合

説明内容を専門的に紹介したい場合は、更に新しいページにて紹介することができます。ここでは導入部分で軽く触れておき、更に詳しく説明を見たいページ訪問者だけが次にすすむ仕組みです。興味のない人はここまで止りになりますが、ここで簡単に説明しておくことで、興味をもってもらえるようになるでしょう。ボタンを配置して、次に進むように誘導します。カラーは3種類から選べます。