Webシステム用管理者画面作成マニュアル デザイン/HTML/CSS/JavaScript集
HTML

外部ファイル

外部ファイルといえば、CSSファイルとJavascriptファイルが思いつかれると思います。 通常のWebページはSEO対策として、HTMLファイルのヘッダー内にそのまま書き流すことはせず、外部ファイルとします。
管理者画面は、SEO対策は必要ありません(というより、クローラーに来られたら困ります)。
しかし、管理者画面には「極力シンプルなHTML」が基本です。別のページでも少し触れましたが、余計な記述は予期せぬエラーが起きる場合があります。余計な記述が多いと、システムエラーが発生した場合、プログラムが悪いのか?それともそれ以外が悪いのか?と原因を特定するのが遅くなります。
また、HTMLを修正する際、ヘッダーに記述が多すぎると余計なスクロールをさせなければいけないので、めんどいです。それに修正したいCSS箇所などは左右に画面を並べて修正する方が効率もよいです。いちいちヘッダーを見て、タグを見て・・・と繰り返すととても効率が悪いですね。
まずは、HTML内をシンプルにすることを目的に、CSSファイルとJavascriptファイルをHTMLファイルの外に設置しましょう。
【実例】外部ファイルの書き方(画像はルートの説明。)
<link rel="stylesheet" type="text/css" href="/~kanri-gamen/common/style.css">
<link rel="stylesheet" type="text/css" href="/~kanri-gamen/common/html.css">
<script language="javascript" src="/~kanri-gamen/common/base.js"></script>
フォルダ構成
フォルダ構成common以下
▲UP
エルテ化粧品
▲「エルテ化粧品」スポンサーサイトです。
(c)kanri-gamen