デモサイト|動物病院ホームページデザインテンプレート集

トップページ

まずCMSで編集を行う時のポイントをいくつかご紹介いたします。

  1. テキスト原稿、イメージ画像は予め用意しておきましょう。
    編集しながら原稿を考えていると、約10分で自動ログアウトされて原稿が消えてしまうことがあります。
  2. 下書きに「ワード」や「ワードパット」などのフォント指定のできるテキストエディタを使用される場合は、フォントの種類、サイズ、カラー等の情報も一緒に貼り付けることが出来ます。
    ※WEB上では「明朝体」は綺麗に表現できないため、フォントは標準のゴシック体「MSゴシック」または「MSPゴシック」などを使用されることをオススメします。ウィンドウズの「メモ帳(スタート>全てのプログラム>アクセサリ>メモ帳)」を使用される場合は特に気にする必要はありません
  3. イメージ画像のサイズはある程度リサイズしておきましょう。
    デジカメで撮った画像はそのままだと、とても大きい(重い)場合があります。
    ※1 class を指定することで、どんなサイズの画像でも表示する時には指定サイズに直して表示されますが、ムダに大きい画像はサイト閲覧時のストレスになるため、適正なサイズに直しておくと良いでしょう。

    画像のリサイズならこちらのソフトが便利です。
    >フリーソフト:縮小専用。
    縮小専用の操作方法動画マニュアル

    ※classとは、画像の表示サイズを予め決めてある命令書のようなものです。このデモサイトでは2種類の画像サイズがあるので、classも2種類あります。
    クラス名:imgs  ・・・小さい写真(TOPページの院長挨拶とスタッフ紹介の個別写真)
    クラス名:imgl  ・・・大きい写真。

デザインを選ぶ