自分用の親族表の作成台紙です
下書きをしてみた上で、全角罫線文字組立てはコツコツ作成に
向いています。斜線が引けない以外は格段の自由度があります
表示や印刷の行間隙間はスタイル指定で行詰めされ解消します
用意するもの
┌─────────────────────────────────────┐
│テキストエディタ:TeraPad,EmEditorなど、ブラウザでHTML表示ができるもの│
│まずやること │
│ このホームページのHTMLを名前を付けて自分のPCにHTMLファイル│
│ 形式でセイブする。 │
│手順:ブラウザ表示の状態のままで「ファイル」をクリックして名前を付けて保存│
│ を選ぶ。ファイルの種類は「Webページ、HTMLのみ」として下さい。│
│ 完全とか、単一とかを選びますと、編集に使えません。 │
│ HTMLファイルとして保存できれば、クリックするだけで、HTML表示│
│ します。編集は、テキストエディタで行います。(下書き図案用意が便利)│
│ HTMLの文字コードは「utf-8」になってます。 │
└─────────────────────────────────────┘
使用文字:罫線文字一式
┌────────────────────────────────┐
│細線 │
│横 縦 左上 左下 右上 右下 横下 横上 縦右 縦左 十字│
│─ │ ┌ └ ┐ ┘ ┬ ┴ ├ ┤ ┼ │
│太線 │
│横 縦 左上 左下 右上 右下 横下 横上 縦右 縦左 十字│
│━ ┃ ┏ ┗ ┓ ┛ ┳ ┻ ┣ ┫ ╋ │
│横細縦太線 │
│横 縦 左上 左下 右上 右下 横下 横上 縦右 縦左 十字│
│・ ・ ・ ・ ・ ・ ┰ ┸ ┠ ┨ ╂ │
│横太縦細線 │
│横 縦 左上 左下 右上 右下 横下 横上 縦右 縦左 十字│
│・ ・ ・ ・ ・ ・ ┯ ┷ ┝ ┥ ┿ │
└────────────────────────────────┘
部品
┌───┬───┬───┐
│┌─┐│┌┴┐│┌┬┐│
││ ││┤ ├│├┼┤│
│└─┘│└┬┘│└┴┘│
├───┼───┼───┤
│┏━┓│┏┻┓│┏┳┓│
│┃ ┃│┫ ┣│┣╋┫│
│┗━┛│┗┳┛│┗┻┛│
├───┼───┼───┤
│┏┯┓│┏┿┓│┌┰┐│
│┠┼┨│╂┼╂│┝╋┥│
│┗┷┛│┗┿┛│└┸┘│
└───┴───┴───┘
下記台紙枠の横幅と縦長を決めて、縦横の拡張/縮小を行う。
罫線文字を1字ずつ拾ってコピぺしてジグソーパズルの要領で組み立てる。
部品は台紙上に縦行数分の確保してから、部品を矩形選択してコピペする。
部品自体を必要サイズに縦横拡張してから矩形選択は作業がはかどります。
最後に台紙枠と枠内以外のこの説明文など、一切を削除すればできあがり。
途中、テキストエディタのツール機能でブラウザを起動して形を確認する。
編集上の注意:全文字全角が良いですが、均等表示上、語の前後に半角を置
く際の半角は各1個として半角が連続しないようにしないと表示がズレる。
少し、手間をかけた技
style 行中の body文中の、
font-size:12px;line-height:100%;
とあるのを
font-size:10px;line-height:95%; ← 少し小さく
font-size:14px;line-height:95%; ← 少し大きく
とすると文字サイズが少し小さく/大きくなります。人数次第で調整します。
font-size:24px;line-height:100%;
が最大でしょうが、A4超過ですと印刷難。
印刷した場合、A4サイズに入るように、上下左右少し余白持たせて台紙サイズを決めると良いです。
親族表の種類別に自分の作成方針を決めておく。
両系直系型、父系直系型、母系直系型、祖先傍系型、同世代傍系型、子孫傍系型
下記甲野太郎と乙村花子の行は、部品自体の縦横拡張用スペースです。
┏━┓┌─┐┏┷┓┌┴┐大平
┃甲┃│乙│┃甲┃│乙│正成
┃野┃│村│┃野┃│村│0802
┃ ┃│ │┃ ┃│ │0603
┃太┃│花│┃太┃│花│0504
┃郎┃│子│┃郎┃│子│出死
┗━┛└─┘┗┯┛└┬┘生亡
┏━━━━━┓ ┏━━┷━━┓
┃甲野 太郎┃ ┃甲野 太郎┃
┗━━━━━┛ ┗━━┯━━┛
┌─────┐ ┌──┴──┐
│乙村 花子│ │乙村 花子│
└─────┘ └──┬──┘
大正080605出生 大正080605出生
平成020304死亡 平成020304死亡
この下は「両系直系型のひな型」です。(A4サイズ印刷最大幅)
┌────────────────────────────────────────────────────────────────┐
│ │
│ │
│┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┠┬┤ │ ┃ ┠┬┤ │ ┃ ┠┬┤ │ ┃ ┠┬┤ │ ┃ ┠┬┤ │ ┃ ┠┬┤ │ ┃ ┠┬┤ │ ┃ ┠┬┤ │ │
│┃ ┃││ │ ┃ ┃││ │ ┃ ┃││ │ ┃ ┃││ │ ┃ ┃││ │ ┃ ┃││ │ ┃ ┃││ │ ┃ ┃││ │ │
│┃ ┃││ │ ┃ ┃││ │ ┃ ┃││ │ ┃ ┃││ │ ┃ ┃││ │ ┃ ┃││ │ ┃ ┃││ │ ┃ ┃││ │ │
│┗━┛│└─┘ ┗━┛│└─┘ ┗━┛│└─┘ ┗━┛│└─┘ ┗━┛│└─┘ ┗━┛│└─┘ ┗━┛│└─┘ ┗━┛│└─┘ │
│ │ │ │ │ │ │ │ │ │
│ │ │ │ │ │ │ │ │ │
│ ┏┷┓ ┌┴┐ ┏┷┓ ┌┴┐ ┏┷┓ ┌┴┐ ┏┷┓ ┌┴┐ │
│ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│ ┃ ┠──┬──┤ │ ┃ ┠──┬──┤ │ ┃ ┠──┬──┤ │ ┃ ┠──┬──┤ │ │
│ ┃ ┃ │ │ │ ┃ ┃ │ │ │ ┃ ┃ │ │ │ ┃ ┃ │ │ │ │
│ ┃ ┃ │ │ │ ┃ ┃ │ │ │ ┃ ┃ │ │ │ ┃ ┃ │ │ │ │
│ ┗━┛ │ └─┘ ┗━┛ │ └─┘ ┗━┛ │ └─┘ ┗━┛ │ └─┘ │
│ │ │ │ │ │
│ │ │ │ │ │
│ ┏┷┓ ┌┴┐ ┏┷┓ ┌┴┐ │
│ ┃ ┃ │ │ ┃ ┃ │ │ │
│ ┃ ┃ │ │ ┃ ┃ │ │ │
│ ┃ ┠──────┬──────┤ │ ┃ ┠──────┬──────┤ │ │
│ ┃ ┃ │ │ │ ┃ ┃ │ │ │ │
│ ┃ ┃ │ │ │ ┃ ┃ │ │ │ │
│ ┗━┛ │ └─┘ ┗━┛ │ └─┘ │
│ │ │ │
│ │ │ │
│ ┏┷┓ ┌┴┐ │
│ ┃ ┃ │ │ │
│ ┃ ┃ │ │ │
│ ┃●┠──────────────┬──────────────┤ │ │
│ ┃ ┃ │ │ │ │
│ ┃ ┃ │ │ │ │
│ ┗━┛ │ └─┘ │
│ │ │
│ ┌───────────────────────┴───────┐ │
│ │ │ │
│ ┏┷┓ ┌─┐ ┏┷┓ ┌─┐ │
│ ┃ ┃ │ │ ┃ ┃ │ │ │
│ ┃ ┃ │ │ ┃ ┃ │ │ │
│ ┃ ┠──────┬──────┤ │ ┃ ┠──────┬──────┤ │ │
│ ┃ ┃ │ │ │ ┃ ┃ │ │ │ │
│ ┃ ┃ │ │ │ ┃ ┃ │ │ │ │
│ ┗━┛ │ └─┘ ┗━┛ │ └─┘ │
│ │ │ │
│ ┌───────┴───────┐ ┌───────┴───────┐ │
│ │ │ │ │ │
│ ┏┷┓ ┌┴┐ ┏┷┓ ┌┴┐ │
│ ┃ ┃ │ │ ┃ ┃ │ │ │
│ ┃ ┃ │ │ ┃ ┃ │ │ │
│ ┃ ┃ │ │ ┃ ┃ │ │ │
│ ┃ ┃ │ │ ┃ ┃ │ │ │
│ ┃ ┃ │ │ ┃ ┃ │ │ │
│ ┗━┛ └─┘ ┗━┛ └─┘ │
│ │
│ │
└────────────────────────────────────────────────────────────────┘
この下は「枠だけのひな型」です。(A4サイズ印刷最大幅)枠の移動・削除や枠同士の連結で完成させます。
┌────────────────────────────────────────────────────────────────┐
│ │
│ │
│┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ │
│ │
│ │
│┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ │
│ │
│ │
│┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ │
│ │
│ │
│┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ │
│ │
│ │
│┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ │
│ │
│ │
│┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ ┏━┓ ┌─┐ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ ┗━┛ └─┘ │
│ │
│ │
└────────────────────────────────────────────────────────────────┘
この下は「枠だけのひな型」です。(A4サイズ印刷最大幅)枠の移動・削除や枠同士の連結で完成させます。
┌────────────────────────────────────────────────────────────────┐
│ │
│ │
│┏━━━━━┓ ┌─────┐ ┏━━━━━┓ ┌─────┐ ┏━━━━━┓ ┌─────┐ ┏━━━━━┓ ┌─────┐ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┗━━━━━┛ └─────┘ ┗━━━━━┛ └─────┘ ┗━━━━━┛ └─────┘ ┗━━━━━┛ └─────┘ │
│ │
│ │
│┏━━━━━┓ ┌─────┐ ┏━━━━━┓ ┌─────┐ ┏━━━━━┓ ┌─────┐ ┏━━━━━┓ ┌─────┐ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┗━━━━━┛ └─────┘ ┗━━━━━┛ └─────┘ ┗━━━━━┛ └─────┘ ┗━━━━━┛ └─────┘ │
│ │
│ │
│┏━━━━━┓ ┌─────┐ ┏━━━━━┓ ┌─────┐ ┏━━━━━┓ ┌─────┐ ┏━━━━━┓ ┌─────┐ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┗━━━━━┛ └─────┘ ┗━━━━━┛ └─────┘ ┗━━━━━┛ └─────┘ ┗━━━━━┛ └─────┘ │
│ │
│ │
│┏━━━━━┓ ┌─────┐ ┏━━━━━┓ ┌─────┐ ┏━━━━━┓ ┌─────┐ ┏━━━━━┓ ┌─────┐ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┗━━━━━┛ └─────┘ ┗━━━━━┛ └─────┘ ┗━━━━━┛ └─────┘ ┗━━━━━┛ └─────┘ │
│ │
│ │
│┏━━━━━┓ ┌─────┐ ┏━━━━━┓ ┌─────┐ ┏━━━━━┓ ┌─────┐ ┏━━━━━┓ ┌─────┐ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┗━━━━━┛ └─────┘ ┗━━━━━┛ └─────┘ ┗━━━━━┛ └─────┘ ┗━━━━━┛ └─────┘ │
│ │
│ │
│┏━━━━━┓ ┌─────┐ ┏━━━━━┓ ┌─────┐ ┏━━━━━┓ ┌─────┐ ┏━━━━━┓ ┌─────┐ │
│┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ ┃ ┃ │ │ │
│┗━━━━━┛ └─────┘ ┗━━━━━┛ └─────┘ ┗━━━━━┛ └─────┘ ┗━━━━━┛ └─────┘ │
│ │
│ │
└────────────────────────────────────────────────────────────────┘
ここから下が「台紙枠」です。(A4サイズ印刷最大長)
┌───────────────────────────────────────────────┐
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
│ │
└───────────────────────────────────────────────┘