基礎と応用のホームページ講座（２５）

学校の紹介ページの作成

「学校の紹介のリンクツリー」画面

┏ btn ┳ ttindex_ah.jpg D： ━ yamatesho ╋ hosin ┳ ＊＊�Ahosin_ndx.htm ┃ ┣ tthosin_ah.jpg ┃ ┣ hosin_ah.jpg ┃ ┣ new02ah.jpg ┃ ┣ ＊＊＊�Bhosin1.htm ┃ ┣ ＊＊＊�Chosin2.htm ┃ ┗ ＊＊＊�Dhosin3.htm ┗ ＊�@index.htm

写真（１）

写真（１）は、「学校の紹介のリンクツリー」画面です。

「学校の紹介ページの作成(２)」画面

写真（２）

写真（２）は、「学校の紹介ページの作成(２)」画面です。 (１)「新規作成」→「ファイルの場所」を確認(D：ドライブの「yamatesho」フォルダの「hosin」フォルダ) (２)「ファイル名」は「00」(原簿)→「開く」

「学校の紹介ページの作成(３)」画面

写真（３）

写真（３）は、「リスト学校の紹介ページの作成(３)」画面です。 (１)ビルダー上の「ツール」→「ロゴデザイナー」→�@「保存」 (２)�A「名前を付けて保存」 (３)�B「保存する場所」を確認(ここでは「yamatesho」フォルダの「hosin」フォルダ) (４)�C「ファイル名」に(tthosin01ah)と入力(「tthosin01ah」とは「hosin」フォルダ内のアップするロゴタイトル) (５)�D「保存」

ロゴタイトル作成の詳細はこちらをご覧下さい←クリック

「学校の紹介ページの作成(４)」画面

写真（４）

写真（４）は、「学校の紹介ページの作成(４)」画面です。 (１)�@「文字」→�A「文字色」(単色)→�B「黄色」→�C「サイズ」(１６) (２)�D文字の入力→文字効果(黒の縁取り)→�E実行例

ボタンの作成の詳細はこちらをご覧下さい←クリック

「学校の紹介ページの作成(５)」画面

写真（５）

写真（５）は、「学校の紹介ページの作成(５)」画面です。 (１)「切り取り」→�@「保存」→�A「名前を付けて保存」 (２)�B「保存する場所」(「hosin」フォルダ) (３)�C「ファイル名」(index02ah)入力(「index02ah」の意味は、indexボタンの２つ目で、アップ用) (４)�D「保存」 (５)写真（４）・写真（５）の方法で、home・back・next・newボタンを作成する。

「学校の紹介ページの作成(６)」画面

写真（６）

写真（６）は、「学校の紹介ページの作成（６)」画面です。 (１)「hosin」フォルダの内容です。

「学校の紹介ページの作成(７)」画面

写真（７）

写真（７）は、「学校の紹介ページの作成(７)」画面です。 (１)ビルダー上の原簿(00.htm)に、マイコンの「hosin」フォルダのボタンを挿入します。

ボタンなどの挿入の詳細←クリック

「学校の紹介ページの作成(８)」画面

写真（８）

写真（８）は、「学校の紹介ページの作成(９)」画面です。 (１)原簿(00.htm)をコピーします。 (１)「ファイル」→「名前を付けて保存」

「学校の紹介ページの作成(９)」画面

写真（９）

写真（９）は、「学校の紹介ページの作成(９)」画面です。 (１)「hosin」フォルダの１ページ目ということで「hosin01」というファイル名を付けます。 (２)「保存」→「上書き保存保存」

「学校の紹介ページの作成(10)」画面

写真（１０）

写真（１０）は、「学校の紹介ページの作成(10)」画面です。 (１)「ファイル」→「名前を付けて保存」 (２)「hosin」フォルダの小目次ということで「hosin_ndx」というファイル名を付けます。 (３)「保存」→「上書き保存保存」