メニュー画面の作り方

■メニュー画面の作り方

次は何をすればいいの？
じゃあ次はメニュー画面を作ってみようか。
どうやって作るの？
さっきのページ(DreamMaker2)の下の方に「3.ドリーム小説メニューの作成方法」ってあるだろ？
うん。
ここからまずはサンプルをダウンロードしよう。
いっぱいあるからどれをダウンロードしたらいいのかわかんない…
とりあえず、さっき書いた小説の入力項目数にあったものをダウンロードしよう。
ん…じゃあ2つだから…サンプル2？
ああ。そのサンプル2の下の「ダウンロード」をクリックするとサンプルと同じものがダウンロードできるんだ。
保存する場所はどこでもいいの？
そうだな。とりあえずはどこでもいいだろう。
でもこれHTMLじゃないっスね…lzh？
ああ。このファイルは圧縮されているんだよ。
圧縮ってなんスか？
圧縮って言うのは、その名の通り、サイズの大きいファイルを小さくすることだよ。
そう。まずはこれを解凍しないといけないな。
どうやってするの？
解凍するためのソフトがいるんだけど…持ってる？
持ってない。
じゃあダウンロードしないといけないな。そうだな…お勧めは+Lhacaかな。
どこにあるの？
ここだ→+Lhaca　ここの「+Lhaca074.EXE」をクリックしたらダウンロードできるよ。
これって無料なんスか？
フリーソフトだから安心して。
これも、保存する場所はどこでもいいの？
ああ。そしてダウンロードしたファイルをダブルクリックしてOKをクリックするとインストール完了だ。
あ、デスクトップにアイコンが増えたよ。

じゃあそのアイコンをダブルクリックして。
ウインドウが出てきたよ。

上の画像のように関連付けの横のボタンをへこませておくと便利だよ。
よく見るのは「lzh」と「zip」だからとりあえずこの2つを関連付けておくといいよ。
うん…あれ？これ俺がダウンロードしたのと少し違うよ？
ああ。さっき英二がダウンロードしたのはver0.72。この画像はver1.18だよ。
どこか違うの？
ver1.18の方が多くの圧縮形式に対応しているんだ。でも今はver0.72で十分だよ。
ふーん。
じゃあ、さっきダウンロードしたファイルを見てみて。
あ、さっきのアイコンと同じ絵になってる。

これをダブルクリックすると、デスクトップに解凍されたものが出てくるよ。
あ、ホントだ！
さっき関連付けしておいたからダブルクリックするだけで解凍できるんだ。
へぇ～…すごいなぁ。
そうしたらやっとさっきのサンプルと同じメニュー画面のサンプルが出てくる。

とりあえずはこれでOK。あとは自分の好きなように変えていくだけだな。
でもそれって難しいんでしょ…？
そうだな…HP作成ソフトがあればずいぶん楽だけどな。
じゃあ、さっき不二が持ってた「ホームページビルダー」ってヤツ使わせてもらおう♪
ああ。でも、変更するのに注意することがあるんだ。
なに？
何もかも変更して言いというわけじゃないんだ。メニュー画面のソースを見てみて。

：
　：

この間だけしか変更してはいけないんだ。他を変えてしまうと動かなくなってしまうかもしれないからな。
へえ～…
あとは<title>や<body>くらいなら大丈夫かな。あとスタイルシートを使うとか。
…よくわかんない。
その辺は今はわからなくてもいいよ。そしてアレンジされたものの例がさっき見たこれだ。

でもこれ、小説のページへのリンクがないっスよ？
名前変換のページは小説へのリンクのページと別でもいいんだ。
へー…
でもどこでもいいってわけじゃない。次はその説明をしよう。

next→フォルダの中身