|
ページの追加や変更の前にご一読いただくと、スムーズに作業ができると思います。
|
統一的なページにするために、CSSスタイルシートでフォントサイズ・行間・フォントカラーを指定しています。
スタイルシートは img_general フォルダに保存し、リンクで読み取っています。既存ページをコピーして新規ページをつくる場合はリンクが生きているので、テーブル（または範囲）を選択して下記スタイルを選択するだけで指定ができます。
スタイルシートを指定しないと、ブラウザーの設定によってはその部分だけ文字が大きくなってしまいます。 |
| サイトの標準スタイルシート 「style.css」 に登録しているスタイル一覧 |
| doc |
「ドキュメント」の略。
行間はやや広く読みやすい設定です。標準フォントサイズ。 |
| std |
「スタンダード」の略。
行間がつまります。標準フォントサイズ。 |
| sfont |
「スモールフォント」の略。
やや小さいフォントです。 |
| top |
各ページの最上部にあるバナー部分の白文字フォントです。
自動的にフォントカラーは白になります。 |
|
原則として html ファイルと同じ階層に 「img」 （イメージの略）フォルダを設け、その中に保管しています。クリックして拡大する画像は
「ogn」 （オリジンの略）フォルダを設け、その中に格納しています。
ogn は全て img と同じ階層に設けているので、拡大画像へのリンクを張る際は、イメージ画像へのパス （・・・・/img/画像名）
をそのままコピーペーストして、img の 部分を ogn に書き換えるだけでOKです。 |
webページは 「html」 に統一しています。（htm ではありません）
画像のファイル名のつけ方、保管場所は次のとおりです。 |
| 画像種類 |
ファイル名 |
例 |
保管場所 |
| 山笠 |
年_行事名 |
h16_oiyama.jpg |
各年度の img フォルダ。
ただし当番以外の記念写真は
町の img フォルダへ。
（拡大画像は ogn フォルダ）
※ 各年度の大きめ画像
（240x180）はファイル名の
頭にアンダーバーをつける。 |
| 松囃子 |
年_mb_行事名 |
h16_mb_snap.jpg |
同上 |
| 山笠記念 |
ki_年_区分 |
ki_h16_chousoudai.jpg |
各年度の img フォルダ。
（拡大画像は ogn フォルダ） |
松囃子
記念 |
ki_年_mb |
ki_h16_mb.jpg |
同上 |
|
| 山笠手拭 |
te_年 |
te_h16.jpg |
同上 |
松囃子
手拭 |
te_年_mb |
te_h16_mb.jpg |
同上 |
| 当番法被 |
町名_tb_f (前)
町名_tb_b (背) |
suno3_tb_f.jpg |
各町の img フォルダ。
（拡大画像は ogn フォルダ） |
| 水法被 |
町名_mz_f (前)
町名_mz_b (背) |
suno3_mz_b.jpg |
同上 |
| 提灯 |
町名_lantern |
suno3_lantern.jpg |
同上 |
|
| ニュース |
日付_出来事 |
h160921_syanhai.jpg |
topix の img フォルダ。
（拡大画像は ogn フォルダ） |
| 共用画像 |
--- |
--- |
最上階層の
img_general フォルダ。 |
|
| ※略記号 |
mb ＝松囃子
ki ＝記念写真 ※
te ＝手拭 ※ |
tb ＝当番法被
mz ＝水法被 |
| ※ ファイルが増えても識別しやすいように頭につけます。 |
原則的にピクセル寸法は統一しています。（下表参照）
サイズ（バイト数）は拡大画像で100KB〜200KBを目安にしています。解像度はwebなので問題としませんが、72ppiにしています。
白黒写真は色情報を破棄し、グレースケールにしています。 |
| 1 |
前年度のページを開き、当該年度名で新規保存。各リンクを修正。 |
| 2 |
当該年度の画像保管用フォルダ 「img」 と 「ogn」 を作成。 サムネイルは img へ、大きい画像は ogn フォルダに保管。コンテンツを仕上げる。 |
| 3 |
当該年代（10年単位）の各ページに当該年度へのリンクボタンを追加。
（例：H17を新規追加した場合、H10〜H16のメニューにH17を追加） |
| 4 |
次の各ページの 「年度別」 ボタン部分のリンクを、当該年度ページに変更。 |
|
