X'mas Music PageToolsfor Windows95
更新日付May/3/1998


このTool Page は、備忘録のために作成しました。Home Page 作成される方の参考としてください。 ただし、Home Page 作成方法、Toolの操作方法については、E-mailをいただいても返信は、 致しません。なぜなら私も初心者です。ホームページを初めて作ったのは、1997年9月9日です。
「備考:このTool Pageの全容量は、101Kbytesです。」
HTMLのデータ:11Kbytes
画像データ:90Kbytes(12画像合計)


目次

1.作成理念

2.Page Sizeについて

3.Titleについて

4.Backgroundについて

5.Image Dataについて

6.表示文字SIZE

7.Page Layoutについて

8.Home Page Toolsについて

9.FTPでの転送 Tool

10.Home Page の登録方法

11.市販のガイド本

12.Test1(トラブル)


1.作成理念


高校生の情操教育に適する内容とする。

2.Page Sizeについて


2−1.幅は、550pixels 程度(max640)で見ることを配慮する。
2−2.index.htmは、1ページで収める。
2−3.A4 sizeのPrinterで印字できること。

3.Titleについて


3−1.Titleは必ず各Pageの中央・上段とする。
3−2.画像サイズは、550(w)×50(D)を使用する。飾りと一体の場合は、幅620 pixel以下とする。
3−3.Title文字は、Old Englishの28ポイントで赤を使用する。
3−4.Titleの記録は、*.gif(透過設定・ノンインターレース)とする。
3−5.Titleの容量は、4kbytes以下とする。
3−6.Title Lineは、110(w)×5本または、150(w)×4本で作成する。
TAITOL Image

4.Backgroundについて


4−1.Background Colorは、印字を配慮した白に近い色とする。
4−1.Background imageは、明度を高くしTitleを明るく見せるものを使用。
4−2.Background sizeは、75(w)×75(d)(max 150×150)とする。

5.Image Dataについて


5−1.File Nameは、必ず半角英数小文字で作成する。
5−2.Jacket Image nameは、CD番号の7文字(8文字中)を使用する。Home Page用Jacket imageは、末尾を2にする。
5−3.Home Page用Jacket Image Size は、110(w)とする。(CDは縦横同じ)
5−4.拡大表示用 Jacket Image Data容量は、20Kbytes以下とする。圧縮は72dpiでスキャンし72dpi 85%jpg圧縮する。だめなときは、50dpi 85%で20Kbytes以下にjpg圧縮する。Page用Jacketは、幅110でsize変更(縦横比率同一で)する。
5−5.ONE Point Image Dataは120(w)×120(D)以内(容量2Kbytes以下)とする。Index Page用は、状態により調整する。
IMAGE SAMPLE

6.表示文字SIZE


Titleは、H1。中見出しは、H2。文章は、FONT=2または、指定なし。

7.Page Layout

7−1.文章は、左そろえとする。
7−2.雰囲気統一のため枠設定は、下記とする(1997年9月27日の状態)
Music listは、42Pixels.199.199.70.94とする。 Jacket listは、42Pixels.270.293とする。 index Pageは、270Pixels.129.270とする。
7−3.Header は、Christmas Music とする。 Futter は、Home Pageへ戻るとする。 Index では、Counter、Letterを設ける。
LAYOUT Image

8.Home Page Tools


8−1.text作成は、MS-Word95を使用。
8−2.HTML変換は、Internet Assistant for Microsoft Word95を 使用。
Internet Assistant for Microsoft Word95 (1334k)は、「Microsoftのホームページ」からダウンロードできます。
http://www..microsoft.com/japan/
・・・ご参考・・・
Word97とExel97は、HTML形式で保存する機能が組み込まれています。

8−3.レイアウトの手直しは、直接ソースのHTMLタグを修正しています。
・・留意点・・
MS−IE3.02Jは、50Kbytes以上のHTMLは直接編集出来ません。
50kbytesを超える場合は、ページ内容を別ページに分けてください。
50Kbytes以上のHTML文が必要な場合は、別途エディターソフトを準備してください。

9.FTPでの転送


9−1.FTPは、FTP Explorerを使用しています。
FTP Explorerは、Windows 95のアイコン操作と同じ に行えます。操作内容の日本語変換ファイルを組み込むと操作の不便はあり ません。 FTP Explorer のダウンロードは、「窓の杜のホームページ」からダウンロードできます。FTP Explorer個人使用は、無料です。
http://www.forest.impress.co.jp/



FTP Explorerの操作画面(その他の設定は、初期のままで使用可能)

FTP EXPROLER1


10.Home Page の登録方法まほろば のホームページ登録方法へ

この文章(10項)は、「まほろばのホームページ登録方法」を借用しました。

ホームページにて認識されるファイル名は「index.html」となりますので、 必ず「index.html」と付けて下さい。他の名前では認識されませんのでご注意下さい。 http:/~userとして参照されます。例えば、「public_html」の下にディレクトリ「map」 を作成された場合は、http:/~user/map/xxx.htmlと参照されます。

(注意)
 ファイル名は、基本的に「index.html」ですが、他に「index.htm」も認識されます。
拡張子に"l"をつけないと、「public_htm」のディレクトリが全て表示される場合があります。

10-1.ホームページの作成...
実際の作成はパソコン上で、行います。尚、「HTML」については、 市販のガイド本等を参照(11項参照)して作成してください。
Internet Home Page では、KDDの「技術メモ」が参考になります。
KDDの「技術メモ」は、閉鎖の予定です。

10-2.ftpソフトの設定方法...
ソフトは、下記設定をしていただく他、ユーザ名、パスワードなども設定して下さい。
「~」(チルダー)は、ホームディレクトリを意味します。

サーバ名:ns0.mahoroba.ne.jp
ディレクトリ:~


10-3.ディレクトリ「public_html」の作成...
ホームページを登録するには、ホームディレクトリ上にディレクトリ「public_html」を作成します。
この作業は初回登録時だけとなります。

10-4.ホームページの登録...
「public_html」の中に、「index.html」を含む必要なファイルすべてを入れます。
これで、完成となります。
注意
index.htmlの拡張子は、必ず*.htmlとします。拡張子に"l"をつけないと、
「public_htm」のディレクトリが全て表示される場合があります。

10-5.登録の完了...
Home Page の登録確認は、すぐにできます。
登録完了後は、自分のパソコンからプラウザを使用してチェックを行って下さい。

public_html のCopy(転送)

FTP EXPROLER2
( public_htmlをつまんで FTP Explorer枠に入れると 転送完了)

public_html の内部

(index.html や title.txt 等が入る。)
FTP EXPROLER2


10-6コメントの付加について...
テキストファイルで、コメントを作成します。「title.txt」と名前を付けて 「public_html」の中に、入れれば自動的に登録されます。 登録に際して、下記の項目に注意して下さい。
・文字数は半角40文字以内。厳密には40文字を少々越えても可能です。
・一行以内。40文字以内であっても、改行コードを含まないで下さい。
・テキスト以外を表示しない。
・上記以外の「title.txt」は、今後強制的に削除します。あくまでも、インデックスですのでご了承下さい。
・ファイル名について...
パソコン上で作成されたものを、そのままUNIX上で動作させるにあたり、 大文字・小文字は区別されます。基本的に小文字で作成するようにしましょう。 スペースは使用できませんし、記号はなるべく使用しない方がベターです。

10-7ユーザページ分類インデックス
・ユーザページにジャンル別分類インデックスがあります。
・詳細は、 「まほろばのユーザページ分類インデックス」を参照してください。

アート・デザイン政治・経済・企業コンピュータ
教育・学問・研究趣味・娯楽・あそびメディア・ニュース
健康・医学社会・文化・宗教・科学スポーツ・釣り・山岳
公的機関・地域情報・観光通信販売・商売車・バイク等乗り物系
音楽関係チャット・掲示板個人のページ・その他


11.市販のガイド本

私の使用している本は、下記の3冊(左2冊を最初使った、11ページを作った後に3冊目が必要となった)です。「本を読んだのは、ホームページを1ページ分作った後」です。 私は、本を読んでからだと余計時間がかかります。まずは、何を作りたいかを決めてください。 目的があると自然ホームページをに作る気になります。
BOOK1@
HTMLタグ辞典
株式会社 翔泳社
1456円(税別)
1997年12月に
改訂版が出た。
1500円(税別)
本の画像は旧版
BOOK2A
祝入門ホームページ
ソフトバンク株式会社
1800円
BOOK3B
詳解HTML&
java Scroipt辞典
株式会社
秀和システム
2400円

Tool ページの最初に戻る



Home Pageへもどる